.promo-modal[hidden] { display: none; }
.promo-modal { inset: 0; position: fixed; z-index: 100; }
.promo-modal__backdrop { background: rgba(24, 24, 23, .72); inset: 0; position: absolute; }
.promo-modal__content { background: #fff9eb; border: 3px solid #252525; border-radius: 22px; box-shadow: 11px 11px 0 #ffd53d; left: 50%; max-width: min(570px, calc(100% - 32px)); padding: 42px 34px 34px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.promo-modal__close { background: #252525; border: 0; border-radius: 50%; color: #fff9eb; cursor: pointer; font-size: 26px; height: 42px; line-height: 1; position: absolute; right: 15px; top: 15px; width: 42px; }
.promo-modal__eyebrow { color: #427b4b; font-size: 20px; font-weight: 800; letter-spacing: .08em; margin: 0 0 10px; }
.promo-modal h2 { color: #252525; font-size: clamp(30px, 5vw, 44px); letter-spacing: -1.5px; line-height: 1.2; margin: 0 0 14px; padding-right: 38px; }
.promo-modal__offer { background: #b9e5d9; border: 1.5px solid #252525; border-radius: 14px; color: #252525; font-size: 20px; font-weight: 700; line-height: 1.6; margin: 20px 0; padding: 17px; }
.promo-modal__offer strong { color: #3e7a49; font-size: 24px; }
.promo-modal__timer-label { color: #4c584d; font-size: 20px; font-weight: 700; margin: 0 0 8px; }
.promo-modal__timer { color: #252525; display: flex; font-size: clamp(28px, 6vw, 42px); font-variant-numeric: tabular-nums; font-weight: 800; gap: 8px; letter-spacing: 1px; margin: 0 0 24px; }
.promo-modal__timer span { align-items: center; background: #252525; border-radius: 9px; color: #ffd53d; display: inline-flex; justify-content: center; min-width: 72px; padding: 5px 8px; }
body.promo-modal-open { overflow: hidden; }
@media (max-width: 560px) { .promo-modal__content { padding: 36px 22px 26px; } .promo-modal__offer,.promo-modal__timer-label { font-size: 20px; } .promo-modal__timer span { min-width: 62px; } }