/* wu wear drop + showroom (preview) */
.preview-bar{position:sticky;top:0;z-index:60;background:var(--lime);color:var(--bg);text-align:center;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:.5rem 1rem;font-weight:700}
.light{background:#fff!important}
.main-img.light img,.thumb.light img{object-fit:contain}
.more .thumb.light img{filter:none}
.ul{border-bottom:1px solid var(--lime);color:var(--lime)}
.dropwrap,.showroom{max-width:1400px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.2rem,6vw,6rem)}
.drophead{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.4rem}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.chips button{background:transparent;border:1px solid var(--line);color:var(--fg);font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:.6rem 1rem;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.supply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:1040px}
.dropgrid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:2rem 1.4rem}
@media (max-width:1000px){.dropgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.dropgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.drop{display:flex;flex-direction:column;gap:.7rem}
.drop[hidden]{display:none}
.drop-img{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);background:#111}
.drop-img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s ease}
.drop:hover .drop-img img,.drop:focus-visible .drop-img img{transform:scale(1.04)}
.drop-meta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.drop-name{font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:1.05rem;color:var(--fg)}
.drop-count{color:var(--lime)}
.cwline{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.main-img{aspect-ratio:1}
.terms{margin:2.4rem 0 3rem;max-width:620px}
.tag{margin-left:.8rem;background:var(--lime);color:var(--bg);padding:.15rem .5rem;font-size:.62rem}
.tablewrap{overflow-x:auto;border:1px solid var(--line)}
.sheet{width:100%;border-collapse:collapse;font-size:.76rem;letter-spacing:.04em}
.sheet th,.sheet td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--line);white-space:nowrap}
.sheet th{color:var(--mute);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.sheet .num{text-align:right;font-variant-numeric:tabular-nums}
.sheet a:hover{color:var(--lime)}
.showroom .hint{margin-top:.8rem}
.contact{border-top:1px solid var(--line);margin-top:4rem;padding-top:3rem}
.contact-head{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(2rem,6vw,3.4rem);margin-bottom:2.2rem}
form{display:flex;flex-direction:column;gap:1.6rem;max-width:520px}
.field{display:flex;flex-direction:column;gap:.5rem}
label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
input,textarea{background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--fg);font-family:var(--mono);font-size:1rem;padding:.6rem 0;resize:vertical}
input:focus,textarea:focus{border-color:var(--lime);outline:none}
textarea{min-height:110px}
.submit-row{display:flex;align-items:center;gap:1.2rem;margin-top:.5rem}
button[type="submit"]{background:var(--lime);color:var(--bg);border:none;font-family:var(--mono);font-weight:700;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;padding:.9rem 2rem;cursor:pointer}
.form-note{font-size:.75rem;color:var(--mute);min-height:1.2em}
.direct-email{margin-top:2.6rem;font-size:.8rem;color:var(--mute)}
.direct-email a{color:var(--lime);border-bottom:1px solid var(--lime)}
select{background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--fg);font-family:var(--mono);font-size:1rem;padding:.6rem 0}
select option{background:#0a0a0a;color:var(--fg)}
select:focus{border-color:var(--lime);outline:none}
.check{display:flex;gap:.8rem;align-items:flex-start;text-transform:none;letter-spacing:.02em;font-size:.74rem;line-height:1.6;cursor:pointer}
.check input{margin-top:.25rem;accent-color:#d7f24a;width:1rem;height:1rem;flex:none}

.wh-ctas{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 1.6rem}
.wh{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid rgba(236,233,216,.35);padding:.8rem 1.1rem}
.wh.primary{background:var(--lime);color:var(--bg);border-color:var(--lime);font-weight:700}
.wh:hover{opacity:.85}