.mkl-notify {
  margin: 18px 0 6px;
  padding: 22px 22px 20px;
  background: #F3EEE3;
  border: 1px solid #E4DCCC;
  border-top: 2px solid #8C6F45;
  width: 100%;
  box-sizing: border-box;
}
.mkl-notify.is-hidden { display: none !important; }
.mkl-notify-eyebrow {
  margin: 0 0 8px;
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #8C6F45;
}
.mkl-notify-lead {
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.7;
  color: #4A4237;
}
.mkl-notify-form {
  display: flex;
  gap: 10px;
  align-items: stretch;
  flex-wrap: wrap;
}
.mkl-notify-input {
  flex: 1 1 150px;
  min-width: 0;
  box-sizing: border-box;
  height: 46px;
  padding: 0 16px;
  font-size: 14px;
  color: #1C1812;
  background: #FFFDF8;
  border: 1px solid #DCD3C4;
  border-radius: 0;
  box-shadow: none;
  outline-offset: 2px;
}
.mkl-notify-input:focus {
  border-color: #8C6F45;
  outline: none;
}
.mkl-notify-btn {
  flex: 0 0 auto;
  box-sizing: border-box;
  height: 46px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  background: #1C1812;
  color: #FAF7F1;
  font-size: 13px;
  letter-spacing: .04em;
  cursor: pointer;
  transition: background .25s ease, transform .16s cubic-bezier(.23,1,.32,1);
}
@media (hover: hover) {
  .mkl-notify-btn:hover { background: #000; }
}
.mkl-notify-btn:active { transform: scale(.97); }
.mkl-notify-btn:disabled { opacity: .55; cursor: default; }
.mkl-notify-form.is-done { display: none; }
.mkl-notify-note {
  margin: 12px 0 0;
  font-size: 11.5px;
  line-height: 1.65;
  color: #8B8172;
}
.mkl-notify-msg {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.6;
  min-height: 0;
}
.mkl-notify-msg.is-good { color: #5C6B4F; }
.mkl-notify-msg.is-bad { color: #8C4A3F; }

@media (max-width: 767px) {
  .mkl-notify { padding: 18px 16px 16px; }
  .mkl-notify-input { flex: 1 1 100%; }
  .mkl-notify-btn { flex: 1 1 100%; }
}