/* Promotions page: deals, banners. */
.deal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-l); align-items: center; }
.deal__media { position: relative; border-radius: var(--radius-m); overflow: hidden; background: var(--color-surface); }
.deal__media img { width: 100%; height: auto; }
.deal__badge { position: absolute; top: var(--space-s); left: var(--space-s); font-size: var(--step-0); padding: .3em .9em; }
.deal__copy { display: grid; gap: var(--space-s); justify-items: start; }
.deal__products { margin-top: var(--space-xl); }
@media (max-width: 799px) { .deal { grid-template-columns: 1fr; } }

.countdown { display: flex; gap: var(--space-s); flex-wrap: wrap; }
.countdown__unit { display: grid; justify-items: center; min-width: 64px; padding: var(--space-xs); border-radius: var(--radius-m); background: var(--color-primary); color: var(--color-white); font-size: var(--step--1); }
.countdown__unit strong { font-family: var(--font-heading); font-size: var(--step-3); font-weight: 500; line-height: 1.1; font-variant-numeric: tabular-nums; }

.promo-banners { display: grid; gap: var(--space-m); grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); }
.promo-banner { position: relative; border-radius: var(--radius-m); overflow: hidden; background: var(--color-primary); }
.promo-banner img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; }
.promo-banner__text { position: absolute; inset: 0; display: grid; align-content: center; justify-items: start; gap: var(--space-2xs); padding: var(--space-l); }
.promo-banner--light { color: var(--color-white); }
.promo-banner--light h3 { color: var(--color-white); }
.promo-banner--dark { color: var(--color-text); }

/* Home flash deal */
.flash__kicker { font-family: var(--font-accent); font-size: var(--step-3); line-height: 1; color: var(--color-accent-dark); }
.flash__products { margin-top: var(--space-xl); }