/* ---------- Drops: cuenta regresiva y etiquetas ---------- */
.drop-banner { margin: 18px var(--pad) 4px; padding: 22px 18px 20px; border: 2px solid var(--red); background:
  repeating-linear-gradient(-45deg, rgba(227,36,27,.08) 0 12px, transparent 12px 24px), var(--bg2); text-align: center; }
.drop-kicker { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red-hi); }
.drop-banner h2 { font-size: clamp(44px, 12vw, 96px); }
.countdown { display: flex; justify-content: center; gap: clamp(10px, 4vw, 28px); margin: 14px 0 10px; flex-wrap: wrap; }
.countdown span { display: grid; justify-items: center; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.countdown b { font-family: var(--display); font-weight: 400; font-size: clamp(36px, 10vw, 64px); line-height: 1; color: var(--fg); font-variant-numeric: tabular-nums; }
.drop-when { margin: 0; color: var(--muted); font-size: 14px; }
.drop-when::first-letter { text-transform: uppercase; }
.badge.new { background: var(--red); color: #fff; }
.preview-note { margin: 0 0 12px; padding: 10px 12px; background: var(--amber); color: #000; font-size: 13px; font-weight: 600; }