.promotion-popup { --promotion-accent: #4d8f3d; --promotion-accent-soft: #edf7e9; --promotion-heading: #14213d; }
.promotion-popup--navy { --promotion-accent: #20345f; --promotion-accent-soft: #edf1f8; }
.promotion-popup--gold { --promotion-accent: #b87512; --promotion-accent-soft: #fff4dd; }
.promotion-popup__dialog { max-width: 720px; padding: 16px; }
.promotion-popup__content { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); overflow: hidden; border: 0; border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(20, 33, 61, .28); }
.promotion-popup__content--text { display: block; max-width: 560px; margin: 0 auto; }
.promotion-popup__close { position: absolute; top: 16px; right: 16px; z-index: 4; width: 36px; height: 36px; padding: 10px; border-radius: 50%; background-color: rgba(255,255,255,.92); box-shadow: 0 5px 16px rgba(20,33,61,.12); opacity: 1; }
.promotion-popup__media { min-height: 420px; background: var(--promotion-accent-soft); }
.promotion-popup__media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.promotion-popup__body { display: flex; flex-direction: column; justify-content: center; min-height: 420px; padding: 52px 42px 38px; }
.promotion-popup__brand { display: flex; align-items: center; gap: 9px; margin-bottom: 26px; color: var(--promotion-heading); font-size: 12px; font-weight: 750; letter-spacing: .02em; }
.promotion-popup__brand img { display: block; height: 30px; width: auto; }
.promotion-popup__eyebrow { margin-bottom: 8px; color: var(--promotion-accent); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.promotion-popup__body h2 { margin: 0 0 14px; color: var(--promotion-heading); font-family: "Open Sans", sans-serif; font-size: clamp(28px, 5vw, 42px); font-weight: 800; line-height: 1.08; letter-spacing: -.04em; }
.promotion-popup__body p { margin: 0; color: #596579; font-size: 15px; line-height: 1.7; }
.promotion-popup__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.promotion-popup__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 10px 18px; border: 1px solid var(--promotion-accent); border-radius: 11px; background: var(--promotion-accent); color: #fff; font-weight: 750; }
.promotion-popup__cta:hover { border-color: var(--promotion-heading); background: var(--promotion-heading); color: #fff; }
.promotion-popup__later { border: 0; background: transparent; color: #667085; font-size: 13px; font-weight: 650; }
.promotion-popup__later:hover { color: var(--promotion-heading); text-decoration: underline; }
.promotion-popup__position { margin-top: 25px; color: #98a2b3; font-size: 10px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 767px) {
    .promotion-popup__dialog { margin: 0 auto; padding: 12px; }
    .promotion-popup__content { display: block; max-height: calc(100vh - 24px); overflow-y: auto; border-radius: 19px; }
    .promotion-popup__media { min-height: 180px; max-height: 230px; }
    .promotion-popup__media img { min-height: 180px; max-height: 230px; }
    .promotion-popup__body { min-height: 0; padding: 32px 24px 25px; }
    .promotion-popup__brand { margin-bottom: 19px; }
    .promotion-popup__body h2 { font-size: 29px; }
    .promotion-popup__actions { align-items: stretch; flex-direction: column; margin-top: 22px; }
    .promotion-popup__cta { justify-content: center; width: 100%; }
    .promotion-popup__later { min-height: 38px; }
}