html.campaign-open, html.campaign-open body { overflow: hidden; }
.campaign-popup { position: fixed; inset: 0; width: min(780px, calc(100% - 32px)); max-width: none; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; border-radius: 8px; background: #fff; color: #05070a; overflow: auto; overscroll-behavior: contain; box-shadow: 0 24px 70px rgb(0 0 0 / .25); }
.campaign-popup:not([open]) { display: none; }
.campaign-popup::backdrop { background: rgb(5 7 10 / .65); }
.campaign-popup__dialog { display: grid; min-width: 0; }
.campaign-popup:has(.campaign-popup__dialog:not(.campaign-popup__dialog--with-image)) { width: min(480px, calc(100% - 32px)); }
.campaign-popup__dialog--with-image { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.campaign-popup__media { display: grid; align-items: center; min-width: 0; background: #eef2f6; }
.campaign-popup__media img { display: block; width: 100%; max-height: 480px; object-fit: contain; }
.campaign-popup__content { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 48px 28px 28px; overflow-wrap: anywhere; }
.campaign-popup__eyebrow { color: #697386; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.campaign-popup h2 { margin: 12px 0; color: #05070a; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: 0; }
.campaign-popup p { margin: 0 0 18px; color: #697386; font-size: 14px; line-height: 1.6; }
.campaign-popup__coupon { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px dashed #98a2b3; border-radius: 6px; background: #f7f9fc; }
.campaign-popup__coupon > div { display: grid; gap: 3px; min-width: 0; }
.campaign-popup__coupon span, .campaign-popup__coupon small { color: #697386; font-size: 12px; }
.campaign-popup__coupon strong { font-size: 20px; }
.campaign-popup [data-campaign-copy], .campaign-popup__close { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 1px solid #dfe3e8; border-radius: 6px; background: #fff; color: #05070a; cursor: pointer; }
.campaign-popup__close { position: absolute; top: 10px; right: 10px; z-index: 1; }
.campaign-popup__copy-status { min-height: 20px; font-size: 12px; color: #697386; }
.campaign-popup__conditions { margin: 0; padding-left: 16px; color: #697386; font-size: 12px; line-height: 1.6; }
.campaign-popup__conditions:empty { display: none; }
.campaign-popup__action { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; margin-top: 18px; padding: 14px; border: 0; border-radius: 6px; background: #05070a; color: #fff; font-size: 13px; font-weight: 700; white-space: normal; overflow-wrap: anywhere; transition: opacity .15s; cursor: pointer; }
.campaign-popup__action:hover { opacity: .85; }
.campaign-popup__later { min-height: 44px; margin-top: 8px; border: 0; background: transparent; color: #697386; font-size: 12px; cursor: pointer; }
.campaign-popup button:focus-visible { outline: 2px solid #05070a; outline-offset: 3px; }
@media (max-width: 700px) {
    .campaign-popup__dialog--with-image { grid-template-columns: minmax(0, 1fr); }
    .campaign-popup__media img { height: min(30vh, 230px); }
    .campaign-popup__content { padding: 48px 22px 18px; }
    .campaign-popup__media + .campaign-popup__content { padding-top: 24px; }
    .campaign-popup h2 { font-size: 25px; }
}