/* Scoped drops-only revision. Rotation clearance is reserved in the rail gap. */
.drops-heading{gap:12px;align-items:center}
.drops-heading h2{display:flex;align-items:center;gap:18px}
.drops-heading h2:after{content:"";width:28px;height:2px;background:#bf8c22}
.drops-heading p{margin-top:8px;font-size:10px;line-height:1.6;letter-spacing:.25em}
.drops-heading .filters{gap:9px;flex-shrink:0}
.drops-heading .filter{cursor:pointer;min-width:65px;border:1px solid #b9d6c8;background:rgba(255,255,255,.65);color:#062f26}
.drops-heading .filter.active{color:#fff;background:linear-gradient(#137b59,#003b2c);box-shadow:inset 0 2px 3px #ffffff55;border-color:#80c4a4}
.drops-heading .filter:focus-visible{outline:2px solid #006b50;outline-offset:3px}
.drop-rail{display:flex;gap:3%;margin:0;min-height:0;padding:24px 0 40px 3%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-left:3%;align-items:flex-start;perspective:none}
.drop-rail .drop-card:nth-child(n){display:block;flex:0 0 42%;width:42%;min-width:0;aspect-ratio:1.06;position:relative;border:1px solid #d7af4d;border-radius:9px;overflow:hidden;background:#063b2c;transform:rotate(-2deg);transform-origin:center;box-shadow:0 8px 14px #174e3526;transition:none;scroll-snap-align:start}
.drop-rail .drop-card:nth-child(even){transform:rotate(2deg) translateY(8px)}
.drop-rail .drop-card:nth-child(n):hover{scale:1}
.drop-rail .drop-card[hidden]{display:none!important}
.drop-rail .drop-image{position:absolute;inset:0;height:100%;aspect-ratio:auto;background:none}
.drop-rail .drop-image>img{display:block;width:100%;height:100%;object-fit:cover;opacity:1}
.drop-rail .drop-image:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,27,18,.15) 22%,rgba(0,27,18,.9))}
.drop-rail .drop-meta{position:absolute;inset:auto 10px 12px;z-index:3;display:block;padding:0 23px 0 0;color:#fff}
.drop-rail .creator{display:flex;gap:7px;align-items:center;color:#f0f4ed;font-size:12px}
.drop-rail .creator img{width:24px;height:24px;object-fit:contain;border:1px solid #d5b560;border-radius:50%;background:#003528}
.drop-rail .drop-meta h3{margin:4px 0 5px 31px;color:white;font-size:14px;font-weight:600;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.drop-rail .price{text-align:left;margin-left:31px;line-height:1.4}
.drop-rail .price strong{display:block;color:#98ffcd;font-size:15px;overflow-wrap:anywhere}
.drop-rail .price strong:before{content:"Floor ";color:#e2eadd;font-weight:400;font-size:.85em}
.drop-rail .price span{display:none}
.drop-rail .status{left:10px;top:10px;font-size:11px;padding:5px 9px;background:#003b2dd9;border:1px solid #8ebd9f}
.drop-rail .status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;background:#36ffb0;border-radius:50%;box-shadow:0 0 8px #44ffc3}
.drop-rail .drop-card:nth-child(n+2) .status:before{background:#ecc054;box-shadow:0 0 8px #d4b552}
.drop-rail .heart{z-index:4;top:auto;bottom:55px;right:12px;font-size:23px}
@media(max-width:620px){
 .drops-heading{gap:6px;margin-inline:16px}
 .drops-heading h2{font-size:clamp(16px,4.6vw,22px);gap:9px}
 .drops-heading h2:after{width:20px}
 .drops-heading p{font-size:6px;margin-top:5px;letter-spacing:.2em}
 .drops-heading .filters{gap:6px}
 .drops-heading .filter{min-width:0;padding:6px 10px;font-size:9px}
 .drop-rail{padding-top:12px;padding-bottom:24px}
 .drop-rail .drop-meta{inset:auto 7px 8px;padding-right:15px}
 .drop-rail .creator{font-size:8px;gap:5px}
 .drop-rail .creator img{width:17px;height:17px}
 .drop-rail .drop-meta h3{font-size:8px;margin:3px 0 3px 22px}
 .drop-rail .price{margin-left:22px}
 .drop-rail .price strong{font-size:9px}
 .drop-rail .status{left:6px;top:6px;font-size:8px;padding:4px 6px}
 .drop-rail .heart{right:8px;bottom:36px;font-size:15px}
}
