:is(#page-drop,#page-upcoming) .drop-detail-hero{display:block;position:relative;isolation:isolate;overflow:hidden;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--soft);margin:4px 0 24px}
:is(#page-drop,#page-upcoming) .drop-detail-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:340px;height:340px;right:-130px;top:-195px;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 22px var(--soft),0 0 0 23px var(--line),0 0 0 54px var(--soft),0 0 0 55px var(--line);opacity:.6}
.light-palette :is(#page-drop,#page-upcoming) .drop-detail-hero{background:#fff}
.sky-palette :is(#page-drop,#page-upcoming) .drop-detail-hero{background:#131618;border-color:#30363a}
.drop-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
:is(#page-drop,#page-upcoming) .drop-detail-hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;line-height:1.5}
.drop-detail-heading .eyebrow>i{width:14px;height:3px;border-radius:2px;background:#fe2c55;flex-shrink:0}
:is(#page-drop,#page-upcoming) .drop-detail-hero h1{font-family:inherit;font-weight:700;font-size:28px!important;line-height:1.35;margin:12px 0 7px;letter-spacing:-.5px}
:is(#page-drop,#page-upcoming) .drop-detail-hero p{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}
.drop-detail-status{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:1px solid var(--line);border-radius:20px;background:var(--paper);font-size:11px;line-height:20px;padding:3px 9px;color:var(--ink)}
.drop-detail-status>i{width:5px;height:5px;border-radius:50%;background:#fe2c55}
.drop-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.drop-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-width:240px}
.drop-detail-stats>div{display:grid;gap:6px;text-align:center;padding-inline:8px;border-left:1px solid var(--line)}
.drop-detail-stats span{color:var(--muted);font-size:11px;line-height:1.5;white-space:nowrap}
.drop-detail-stats strong{font-size:24px;line-height:1.2;color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
:is(#page-drop,#page-upcoming) .drop-detail-progress{margin-top:23px}
.drop-detail-progress .live-sale-track{height:6px}
.drop-detail-progress .live-sale-meta{gap:14px;margin-top:10px}
@media(max-width:760px){
 :is(#page-drop,#page-upcoming) .drop-detail-hero{padding:20px 16px;border-radius:16px;margin-bottom:20px}
 :is(#page-drop,#page-upcoming) .drop-detail-hero h1{font-size:24px!important;margin-top:10px}
 :is(#page-drop,#page-upcoming) .drop-detail-hero .eyebrow{font-size:9px;letter-spacing:1.1px}
 :is(#page-drop,#page-upcoming) .drop-detail-hero p{font-size:12px}
 .drop-detail-heading{gap:10px;flex-wrap:wrap}.drop-detail-heading>div{flex:1;min-width:170px}.drop-detail-status{font-size:10px;padding:2px 8px}
 .drop-detail-summary{align-items:stretch;flex-direction:column;gap:20px;margin-top:19px;padding-top:18px}
 .drop-detail-stats{min-width:0;gap:0;padding:14px 0;background:var(--paper);border:1px solid var(--line);border-radius:10px}
 .drop-detail-stats>div{gap:5px}.drop-detail-stats>div:first-child{border-left:0}.drop-detail-stats strong{font-size:23px}
 :is(#page-drop,#page-upcoming) .drop-detail-progress{margin-top:18px}
 .drop-detail-progress .live-sale-meta{font-size:10px;line-height:1.6;flex-wrap:wrap;gap:4px 12px}
}