/* Coupon code popup: an offer-specific tracked link and a separate brand link. */
body.coupon-theme #coupon-modal .modal-offer-title {
  color:#273d34;
  font-size:14px;
  font-weight:600;
  line-height:1.55;
  margin:8px 0 5px;
}
body.coupon-theme #coupon-modal .modal-heading {
  color:#162920;
  font-size:clamp(21px, 4vw, 25px);
}
body.coupon-theme #coupon-modal .eyebrow {
  color:#0d8656;
}
body.coupon-theme #coupon-modal .code-copy-box {
  border-color:#9eddbf;
  background:#f5fbf8;
}
body.coupon-theme #coupon-modal .code-copy-box button {
  background:#18b97d;
}
body.coupon-theme #coupon-modal .code-copy-box button:hover {
  background:#0f9663;
}
body.coupon-theme #coupon-modal .coupon-modal-links {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  margin:16px 0 8px;
}
body.coupon-theme #coupon-modal .coupon-modal-links a[hidden] {
  display:none !important;
}
body.coupon-theme #coupon-modal .coupon-modal-links #modal-shop {
  display:flex;
  justify-content:center;
  align-items:center;
  background:#16af73;
  color:white !important;
  border-radius:9px;
  min-height:44px;
  padding:11px 16px;
  margin:0;
  font-weight:650;
  font-size:14px;
  text-decoration:none;
  line-height:1.35;
}
body.coupon-theme #coupon-modal .coupon-modal-links #modal-shop:hover {
  background:#0c8b5a;
}
body.coupon-theme #coupon-modal .coupon-modal-links .modal-brand-link {
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:43px;
  padding:10px 13px;
  border-radius:9px;
  border:1px solid #b9dccc;
  background:#f5fbf8;
  color:#106747;
  text-align:center;
  font-size:13px;
  line-height:1.4;
  font-weight:600;
  text-decoration:none;
}
body.coupon-theme #coupon-modal .coupon-modal-links .modal-brand-link:hover {
  background:#e7f7ee;
}
body.coupon-theme #coupon-modal .modal-footnote {
  font-size:11px;
  line-height:1.55;
  color:#63736b;
}
@media(max-width:640px){
  body.coupon-theme #coupon-modal {padding:14px;}
  body.coupon-theme #coupon-modal .modal-panel {
    max-height:calc(100dvh - 28px);
    overflow-y:auto;
    padding:27px 19px;
    border-radius:16px;
  }
  body.coupon-theme #coupon-modal .modal-offer-title {font-size:13px;}
  body.coupon-theme #coupon-modal .code-copy-box {
    padding:5px 5px 5px 10px;
    gap:7px;
  }
  body.coupon-theme #coupon-modal .code-copy-box strong {
    font-size:16px;
    overflow-wrap:anywhere;
  }
  body.coupon-theme #coupon-modal .code-copy-box button {
    font-size:11px;
    padding:10px 12px;
  }
}