/* Drops index + drop pages */

/* Live drop hero card */
.drop-hero { position: relative; display: grid; gap: var(--s-5); border-radius: var(--r-4); overflow: hidden; background: var(--surface); border: 1px solid var(--line); isolation: isolate; transition: border-color var(--t-fast), transform var(--t-base) var(--ease-expo); }
@media (min-width: 900px) { .drop-hero { grid-template-columns: 1fr 1fr; gap: 0; } }
@media (hover: hover) { .drop-hero:hover { border-color: var(--line-strong); transform: translateY(-3px); } .drop-hero:hover .media img { transform: scale(1.04); } }
.drop-hero__media { aspect-ratio: 4 / 3; border-radius: 0; }
@media (min-width: 900px) { .drop-hero__media { aspect-ratio: auto; min-height: 520px; } }
.drop-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgb(9 9 11 / 0.6)); pointer-events: none; }
.drop-hero__body { display: grid; gap: var(--s-4); align-content: center; padding: var(--s-5) var(--s-5) var(--s-6); }
@media (min-width: 900px) { .drop-hero__body { padding: clamp(2rem, 4vw, 4rem); } }
.drop-hero__body .btn { justify-self: start; }
.drop-hero__body p { max-width: 46ch; }

/* Facts */
.drop-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.drop-facts div { padding: 10px 12px; background: var(--glass); border: 1px solid var(--line); border-radius: var(--r-2); min-width: 0; }
.drop-facts dt { color: var(--fg-3); margin-bottom: 2px; }
.drop-facts dd { font-size: var(--text-sm); font-weight: 600; overflow-wrap: anywhere; }
@media (min-width: 720px) { .drop-facts--row { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Timeline rows */
.drop-list { display: grid; gap: var(--s-4); }
.drop-row { display: grid; gap: var(--s-5); padding: var(--s-5); border: 1px solid var(--line); border-radius: var(--r-3); background: var(--surface); }
@media (min-width: 720px) { .drop-row { grid-template-columns: 200px 1fr; gap: var(--s-6); } }
@media (min-width: 1100px) { .drop-row { grid-template-columns: 260px 1fr; padding: var(--s-6); } }
.drop-row.is-live { border-color: rgb(216 255 63 / 0.4); box-shadow: 0 0 60px rgb(216 255 63 / 0.06); }
.drop-row.is-archived .drop-row__media img { filter: saturate(0.4); opacity: 0.75; }
.drop-row__media { border-radius: var(--r-2); max-width: 320px; }
@media (max-width: 719.98px) { .drop-row__media { aspect-ratio: 16 / 9; max-width: none; } }
.drop-row__body { display: grid; gap: var(--s-4); align-content: start; min-width: 0; }
.drop-row__meta { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; color: var(--fg-3); }
.drop-row__body h3 a:hover { color: var(--lime); }
.drop-row__body p { max-width: 56ch; }
.drop-row__count { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); }
.drop-row__thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.drop-row__thumbs .media { width: 64px; aspect-ratio: 4/5; border-radius: 10px; border: 1px solid var(--line); transition: transform var(--t-fast) var(--ease-out), border-color var(--t-fast); }
.drop-row__thumbs .media:hover { transform: translateY(-2px); border-color: var(--line-strong); }
.drop-row__thumbs .media[data-sold] img { opacity: 0.45; }
.drop-row .link { justify-self: start; }
.drop-row .chips .chip { pointer-events: none; }

/* Upcoming teaser (drop page without products) */
.drop-teaser { position: relative; overflow: hidden; padding: clamp(2rem, 5vw, 4.5rem); border-radius: var(--r-4); display: grid; gap: var(--s-5); align-items: center; }
@media (min-width: 900px) { .drop-teaser { grid-template-columns: 1.2fr 1fr; } }
.drop-teaser .mesh { opacity: 0.5; }
.drop-teaser form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
@media (max-width: 480px) { .drop-teaser form { grid-template-columns: 1fr; } }
.drop-teaser .chips .chip { pointer-events: none; }
.drop-hero-page .hero__top { margin-bottom: var(--s-2); }