/* PD Drip apparel page. Loads after style.css, v5.css, v5c.css. Classes are pdd- prefixed. Hero is a neon night panel in both themes; sections follow the site light/dark theme. */
.pdd-page{--pdd-pur:#8b3dff;--pdd-pink:#ff2d95;--pdd-cyan:#22e4ff;--pdd-lime:#a3ff12;--pdd-gold:#ffc21a;--pdd-night:#14112b;--pdd-k:#6d28d9;--pdd-m:#b0136b;--pdd-tint:#f6f0ff}
[data-theme="dark"] .pdd-page,[data-theme="dark"].pdd-page,html[data-theme="dark"] body.pdd-page{--pdd-k:#a3ff12;--pdd-m:#22e4ff;--pdd-tint:#1d1933}
.pdd-main{overflow-x:clip;padding-bottom:30px}
.pdd-main img{max-width:100%;height:auto}
.pdd-hero{position:relative;color:#fff;padding:14px 0 30px;margin-bottom:46px;
 background:linear-gradient(to top,var(--pdd-night) 0,rgba(20,17,43,0) 80px),radial-gradient(70% 80% at 0% 0%,rgba(139,61,255,.8) 0%,transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(255,45,149,.65) 0%,transparent 60%),radial-gradient(40% 50% at 80% 10%,rgba(34,228,255,.4) 0%,transparent 70%),var(--pdd-night)}
.pdd-crumbs,.pdd-crumbs a,.pdd-crumbs span{color:#e6dcff!important}
.pdd-hero-grid{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}
.pdd-hero .pdd-kicker{color:var(--pdd-lime)}
.pdd-hero h1{font-family:var(--head);font-size:clamp(3.2rem,15vw,6.4rem);line-height:.95;margin:4px 0 6px;letter-spacing:-.02em;color:#fff}
.pdd-grad{background:linear-gradient(90deg,var(--pdd-cyan),var(--pdd-lime) 38%,var(--pdd-gold) 66%,var(--pdd-pink));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.pdd-tm{font-size:.3em;vertical-align:top;position:relative;top:.35em;margin-left:3px;-webkit-text-fill-color:#fff;color:#fff}
.pdd-tag{font:800 clamp(1.5rem,6vw,2.3rem)/1.1 var(--head);margin:0 0 10px;color:#fff;text-shadow:0 3px 0 rgba(255,45,149,.7)}
.pdd-lede{font-size:1.12rem;line-height:1.5;color:#f1ecff;max-width:34em;margin:0 0 14px}
.pdd-soon{display:inline-block;margin:0 0 16px;color:#fff;font-size:.98rem;background:rgba(255,194,26,.14);border:2px solid var(--pdd-gold);border-radius:12px;padding:8px 12px}
.pdd-soon b{color:var(--pdd-gold)}
.pdd-jump{display:flex;flex-wrap:wrap;gap:8px}
.pdd-jump a{font:700 .9rem/1 var(--head);color:#fff;text-decoration:none;padding:10px 14px;border-radius:999px;border:2px solid rgba(255,255,255,.75);background:rgba(255,255,255,.06)}
.pdd-jump a:nth-child(1){border-color:var(--pdd-lime)}.pdd-jump a:nth-child(2){border-color:var(--pdd-cyan)}.pdd-jump a:nth-child(3){border-color:var(--pdd-gold)}.pdd-jump a:nth-child(4){border-color:var(--pdd-pink)}
.pdd-jump a:hover,.pdd-jump a:focus-visible{background:rgba(255,255,255,.18)}
.pdd-hero-art{position:relative;height:250px;margin-top:14px}
.pdd-fan{position:absolute;top:0;width:150px;height:188px;object-fit:cover;border-radius:16px;border:3px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.pdd-fan1{left:calc(50% - 205px);top:30px;transform:rotate(-9deg)}
.pdd-fan2{left:calc(50% - 75px);z-index:2;width:160px;height:200px}
.pdd-fan3{left:calc(50% + 55px);top:30px;transform:rotate(9deg)}
.pdd-drip-edge{position:absolute;left:0;right:0;top:calc(100% - 1px);width:100%;height:40px;fill:var(--pdd-night)}
/* sections */
.pdd-sec{padding-top:26px;padding-bottom:8px}
.pdd-kicker{font:800 .8rem/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--pdd-k);margin:0 0 6px}
.pdd-sec-head{border-left:8px solid var(--acc,var(--pdd-pur));padding-left:14px;margin-bottom:16px}
.pdd-s1{--acc:#e11d48}.pdd-s2{--acc:#0e7490}.pdd-s3{--acc:#b45309}.pdd-s4{--acc:#15803d}.pdd-house{--acc:#7c3aed}
.pdd-sec-head .pdd-kicker{color:var(--acc)}
[data-theme="dark"] .pdd-s1{--acc:#ff5c8a}[data-theme="dark"] .pdd-s2{--acc:#22e4ff}[data-theme="dark"] .pdd-s3{--acc:#ffc21a}[data-theme="dark"] .pdd-s4{--acc:#a3ff12}[data-theme="dark"] .pdd-house{--acc:#c4a1ff}
.pdd-sec-head .pdd-kicker{margin:2px 0 6px}
.pdd-sec-head h2,.pdd-honest h2{font-family:var(--head);font-size:clamp(1.7rem,5.5vw,2.6rem);line-height:1.08;margin:0 0 6px;color:var(--ink)}
.pdd-sec-head p:not(.pdd-kicker){color:var(--muted);margin:0;max-width:46em;line-height:1.5}
.pdd-sub{font-family:var(--head);font-size:1.3rem;margin:22px 0 12px;display:flex;align-items:center;gap:10px;color:var(--ink)}
.pdd-sub span{font-size:.8rem;background:var(--pdd-pur);color:#fff;border-radius:999px;padding:4px 9px}
.pdd-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pdd-card figure{margin:0;height:100%;display:flex;flex-direction:column;background:var(--card);border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 7px 0 -1px var(--acc,var(--pdd-pur))}
.pdd-shot{position:relative;aspect-ratio:4/5;overflow:hidden;background:#ecebf0}
.pdd-shot img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.pdd-card:hover .pdd-shot img{transform:scale(1.04)}
.pdd-soonpill{position:absolute;top:10px;left:10px;font:800 .68rem/1 var(--head);text-transform:uppercase;letter-spacing:.07em;color:#14112b;background:var(--pdd-gold);border-radius:999px;padding:6px 9px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.pdd-card figcaption{padding:12px 12px 14px;flex:1;display:flex;flex-direction:column}
.pdd-card h3,.pdd-card h4{font-family:var(--head);font-size:1.06rem;line-height:1.2;margin:0 0 6px;color:var(--ink)}
.pdd-card p{margin:0 0 8px;color:var(--muted);font-size:.9rem;line-height:1.45}
.pdd-main .pdd-meta{font:700 .72rem/1.25 var(--head);text-transform:uppercase;letter-spacing:.04em;color:var(--pdd-m);margin-top:auto}
.pdd-colors{display:flex;align-items:center;gap:8px;margin:2px 0 8px;flex-wrap:wrap}
.pdd-colors-l{font:700 .68rem/1 var(--head);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pdd-sw{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.pdd-sw li{width:18px;height:18px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.pdd-main .pdd-price{margin:0;display:flex;align-items:baseline;gap:6px;color:var(--ink)}
.pdd-price b{font:800 1.25rem/1 var(--head);color:var(--ink)}
.pdd-price span{font-size:.75rem;color:var(--muted)}
.pdd-house{margin-top:22px;padding-top:30px;border-top:3px dashed var(--line)}
.pdd-honest{background:var(--pdd-tint);border-radius:18px;padding:20px;margin-top:26px}
.pdd-honest ul{margin:0 0 12px;padding-left:1.1em;line-height:1.55;color:var(--ink)}
.pdd-honest li{margin:0 0 6px}
.pdd-note{display:inline-block;font-size:.88rem;color:var(--ink);border:1px dashed var(--muted);border-radius:10px;padding:8px 12px;margin:0}
.pdd-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:720px){
 .pdd-hero{padding-bottom:44px}
 .pdd-hero-grid{grid-template-columns:1.2fr .8fr}
 .pdd-hero-art{height:340px;margin-top:0}
 .pdd-fan{width:190px;height:238px}.pdd-fan2{width:210px;height:263px;left:calc(50% - 105px)}
 .pdd-fan1{left:calc(50% - 250px)}.pdd-fan3{left:calc(50% + 60px)}
 .pdd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .pdd-card figcaption{padding:14px 16px 16px}
}
@media (min-width:1100px){.pdd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:380px){.pdd-fan1{left:calc(50% - 180px)}.pdd-fan3{left:calc(50% + 30px)}}
@media (prefers-reduced-motion:reduce){.pdd-shot img{transition:none}}