.countdown-banner { margin: 40px 0; }
.countdown-banner [hidden], .countdown-banner[hidden] { display: none !important; }
.countdown-banner__row { display: grid; grid-template-columns: 1fr 1.4fr; gap: 32px; align-items: center; }
.countdown-banner--reverse .countdown-banner__row { grid-template-columns: 1.4fr 1fr; }
.countdown-banner--reverse .countdown-banner__content { grid-column: 2; grid-row: 1; }
.countdown-banner--reverse .countdown-banner__image { grid-column: 1; grid-row: 1; }
.countdown-banner__content { padding: 24px 12px; text-align: center; }
.countdown-banner__label { margin: 0 0 8px; font-size: 36px; font-weight: 600; letter-spacing: -1.2px; }
.countdown-banner__subtitle { margin: 0 0 12px; font-size: 30px; }
.countdown-banner__title { margin: 0 0 16px; font-size: 24px; line-height: 1.2; font-weight: 500; }
.countdown-banner__text, .countdown-banner__timer-text { margin: 0 0 16px; font-size: 14px; line-height: 1.5; }
.countdown-banner__timer { display: flex; justify-content: center; gap: 32px; margin: 0 0 24px; }
.countdown-banner__timer strong { display: block; font-size: 28px; font-weight: 500; font-variant-numeric: tabular-nums; line-height: 1.2; }
.countdown-banner__timer span { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; }
.countdown-banner__image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; border-radius: 12px; }
.countdown-banner__dialog { position: fixed; inset: 0; width: min(420px, calc(100% - 32px)); max-height: calc(100% - 32px); margin: auto; padding: 32px 24px 24px; border: 0; border-radius: 16px; color: #252b2d; background: #fff; box-shadow: 0 8px 24px #0003; }
.countdown-banner__dialog::backdrop { background: #0005; }
.countdown-banner__dialog h3 { margin: 0 32px 20px 0; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.countdown-banner__dialog p { margin: 0 0 24px; font-size: 14px; line-height: 1.4; }
.countdown-banner__dialog .field { margin-bottom: 24px; }
.countdown-banner__dialog .checkbox__text { font-size: 14px; }
.countdown-banner__dialog .btn--primary { width: 100%; }
.countdown-banner__close { position: absolute; right: 12px; top: 8px; width: 32px; height: 32px; border: 0; background: transparent; color: inherit; font-size: 28px; cursor: pointer; }
.countdown-banner__error { color: #c42035; }
@media (max-width: 767px) {
    .countdown-banner { margin: 24px 0; }
    .countdown-banner__row, .countdown-banner--reverse .countdown-banner__row { grid-template-columns: 1fr; gap: 20px; }
    .countdown-banner--reverse .countdown-banner__content,
    .countdown-banner--reverse .countdown-banner__image { grid-column: auto; grid-row: auto; }
    .countdown-banner__content { padding: 8px 0; }
    .countdown-banner__label { font-size: 28px; }
    .countdown-banner__subtitle { font-size: 22px; }
    .countdown-banner__title { font-size: 18px; }
}