/* DROPS — archive of hype/editorial drops */

.drops-hero{ background: var(--tt-black); padding-block: var(--sp-8) var(--sp-7); }
.drops-hero .t-display{ color: var(--tt-white); }

.drop-grid{
  display:grid; grid-template-columns: minmax(0,1fr); gap: var(--sp-6);
  padding-block: var(--sp-7) var(--sp-9);
}
@media(min-width:640px){ .drop-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(min-width:1100px){ .drop-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }

.drop-card{ display:flex; flex-direction:column; background: var(--c-surface); }
.drop-card[hidden]{ display:none; }
.drop-card__media{ position:relative; aspect-ratio: 4/3; }
.drop-card__media .ph{ position:absolute; inset:0; }
.drop-card__media .badge{ position:absolute; top:10px; left:10px; z-index:2; }
.drop-card__body{ padding: var(--sp-5); display:flex; flex-direction:column; gap: var(--sp-3); flex:1; }
.drop-card__actions{ margin-top:auto; padding-top: var(--sp-2); }

.drop-card__countdown{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:6px; text-align:center; }
.drop-card__countdown > div{ background: var(--tt-white); border:1px solid var(--c-border); padding: 8px 4px; }
.drop-card__countdown span{ display:block; font-family: var(--font-display); font-weight:700; font-size:1.3rem; }
.drop-card__countdown small{ display:block; font-size:0.62rem; letter-spacing: var(--ls-wide); text-transform:uppercase; color: var(--c-text-muted); }

/* ---- Notify Me — inline popover, not a browser alert/prompt ---- */
.notify-popover{
  display:flex; flex-wrap:wrap; gap: var(--sp-2); margin-top: var(--sp-3);
  padding: var(--sp-3); background: var(--tt-white); border:1px solid var(--c-border);
}
.notify-popover .input{ flex:1 1 160px; min-width:0; }
.notify-popover__msg{ flex-basis:100%; margin:0; }