/* The selected garment participates in normal flow. Only the depth previews overlap. */
.rail-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 10px;border-top:1px solid #2b2b2b}.rail-intro h2{font-size:26px;line-height:1.15;margin:0 0 10px}.rail-intro .section-no,.rail-intro p:not(.section-no){display:none}.rail-toggle,.rail-controls button{background:#111;color:#eee;border:1px solid #39333d;border-radius:24px;min-height:44px;cursor:pointer}.rail-toggle{padding:10px 16px;font-size:12px;flex:none}.wardrobe-jump{display:flex;flex-wrap:wrap;gap:6px;margin:0}.wardrobe-jump a{padding:9px 12px;min-height:36px;border:1px solid #333;border-radius:20px;font-size:12px}
.public-drip .public-products.wardrobe-collection{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch;overflow:visible}
.public-drip .wardrobe{min-width:0;display:grid;grid-template-rows:auto 1fr auto;border-top:1px solid #333;scroll-margin-top:90px}
.public-drip .wardrobe[hidden]{display:none!important}.wardrobe-title{display:flex;align-items:center;gap:12px;min-height:62px;padding:14px 8px}.wardrobe-title h2{font-size:26px;line-height:1.2;letter-spacing:-.03em;margin:0}.wardrobe-title small{font-size:11px;color:#a78db5}
.public-drip .wardrobe-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.public-drip .wardrobe-stage.rail-active{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;height:auto!important;min-height:0;padding:80px 12px 10px;perspective:1200px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#20202055,transparent 65%);border:0}
.public-drip .wardrobe-stage.rail-active>.public-product{position:absolute;left:50%;top:80px!important;width:82%;max-width:340px;margin:0;translate:-50% 0;transform:translate3d(calc(var(--depth)*16px),calc(var(--depth)*-29px),calc(var(--depth)*-160px));transform-origin:50% 5%;transition:transform .4s ease,opacity .25s;animation:none!important;content-visibility:visible;contain-intrinsic-size:none;opacity:1}
.public-drip .wardrobe-stage.rail-active>.public-product.rail-current{position:relative!important;left:auto;top:auto!important;width:100%;max-width:340px;justify-self:center;margin:0!important;translate:none!important;transform:none!important;z-index:5}
.public-drip .wardrobe-stage.rail-active>.public-product.rail-out{opacity:0;pointer-events:none}
.public-drip .wardrobe-stage.rail-active>.public-product:not(.rail-current) .product-info{display:none!important}
.public-drip .wardrobe-stage.rail-active .product-visual{position:relative;display:flex;align-items:flex-start;justify-content:center;height:300px!important;min-height:0;padding:0!important;overflow:visible;touch-action:pan-y;border:0;background:none!important}
.public-drip .wardrobe-stage.rail-active .product-visual>svg,.public-drip .wardrobe-stage.rail-active .product-visual>img{display:block;height:100%!important;width:100%!important;max-width:100%;object-fit:contain;object-position:center top;pointer-events:none}
.public-drip .wardrobe-stage.rail-active .product-visual:before{content:'';position:absolute;top:-28px!important;left:calc(50% - 55px)!important;width:110px!important;height:42px!important;background:url('/drip/hanger.svg') center/contain no-repeat;z-index:-1;filter:none;box-shadow:none}
.public-drip .wardrobe-stage.rail-active .product-info{display:grid!important;grid-template-rows:44px 22px minmax(44px,auto) 44px;justify-items:center;align-items:center;gap:6px;min-height:172px!important;padding:12px 0 0!important;background:none!important;text-align:center}
.public-drip .wardrobe-stage.rail-active .product-info h2{font-size:20px;line-height:1.15;margin:0;align-self:center}.public-drip .wardrobe-stage.rail-active .product-info p{margin:0;font-size:12px;line-height:1.4}.public-drip .wardrobe-stage.rail-active .product-info>a{margin:0;min-height:44px;font-size:13px;border:0;padding:6px 0;text-decoration:underline;text-underline-offset:5px}.public-drip .wardrobe-stage.rail-active .product-info>a:after{display:none}
.public-drip .wardrobe-stage.rail-active .bw-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px!important;min-height:44px;margin:0}.public-drip .wardrobe-stage.rail-active .bw-switch button{width:36px!important;min-width:36px!important;height:36px!important}
.rail-track{display:none}.public-drip .wardrobe-stage.rail-active .rail-track{display:block;position:absolute;left:50%;top:10px!important;width:7px!important;height:44px!important;transform:skewX(-24deg);transform-origin:bottom;border-radius:5px;background:linear-gradient(90deg,#292929,#bbb 28%,#eee 42%,#666 62%,#222);border:1px solid #777;box-shadow:2px 3px 5px #0008}
.public-drip .rail-track:after{content:'';position:absolute;bottom:-2px;left:-1px;width:7px;height:5px;border-radius:50%;background:#888;border:1px solid #bbb}.public-drip .rail-track i{position:absolute;top:-3px;left:-4px;width:13px;height:6px;border-radius:50%;background:linear-gradient(#ccc,#555)}.public-drip .rail-track b{display:none}
#wardrobe-trousers .product-visual:before{background-image:url('/drip/trouser-hanger.svg')}
#wardrobe-caps .rail-track,#wardrobe-caps .product-visual:before{display:none!important}
#wardrobe-caps .wardrobe-stage.rail-active .product-visual{align-items:center}
.public-drip .wardrobe .rail-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:14px 10px 22px;margin:0;min-height:98px;border-top:1px solid #202020}.rail-controls[hidden]{display:none!important}
.public-drip .wardrobe .rail-controls>div{min-width:0;width:auto;text-align:center}.public-drip .wardrobe .rail-controls button{width:44px;height:44px;padding:0;font-size:20px;display:grid;place-items:center}.rail-position{font-size:12px;line-height:1.4;margin:0 0 4px;color:#bbb}.rail-controls input{display:block;width:100%;min-width:0;height:24px;margin:0;accent-color:#b99bcd}.rail-controls button:disabled{opacity:.35}
.wardrobe-stage:focus-visible{outline:2px solid #b99bcd;outline-offset:2px}
@media(max-width:760px){.public-drip .public-products.wardrobe-collection{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}.rail-intro{align-items:flex-start;gap:12px}.rail-intro h2{font-size:22px}.rail-toggle{max-width:105px;line-height:1.3}.wardrobe-title h2{font-size:25px}.public-drip .wardrobe-stage.rail-active .product-visual{height:290px!important}.public-drip .wardrobe-stage.rail-active>.public-product.rail-current{max-width:300px}.public-drip .wardrobe .rail-controls{max-width:360px;width:100%;justify-self:center}.public-drip .wardrobe-stage:not(.rail-active){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.public-drip .wardrobe-stage.rail-active>.public-product{transition:none}}
/* End-on clothes rail: aligned perspective, only the collar hook stays visible. */
.public-drip .wardrobe-stage.rail-active>.public-product{transform:translate3d(0,calc(var(--depth)*-26px),calc(var(--depth)*-160px))}
.public-drip .wardrobe-stage.rail-active .rail-track{left:calc(50% - 4px);top:5px!important;height:55px!important;width:8px!important;transform:none!important;border-radius:5px;background:linear-gradient(90deg,#25282a,#8e9598 25%,#e8ebec 45%,#747b7e 70%,#242729);box-shadow:2px 0 4px #0007}
.public-drip .wardrobe-stage.rail-active .product-visual:before{top:-24px!important;left:calc(50% - 8px)!important;width:16px!important;height:29px!important;background:url('/drip/collar-hook.svg') center/contain no-repeat!important;z-index:1}
#wardrobe-trousers .wardrobe-stage.rail-active .product-visual:before{top:-22px!important}
/* One category heading; product identity is the brand below, without duplicate names. */
.public-drip .wardrobe-stage.rail-active .product-info h2{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.public-drip .wardrobe-stage.rail-active .product-info{grid-template-rows:24px minmax(44px,auto) 44px;min-height:128px!important;gap:6px}.public-drip .wardrobe-title{min-height:52px;padding:12px 8px}.public-drip .wardrobe-title h2{font-size:24px}.public-drip .wardrobe-stage.rail-active .rail-track{height:39px!important;top:21px!important}.public-drip .wardrobe-stage.rail-active .product-visual:before{height:25px!important;top:-20px!important;z-index:-1}
#wardrobe-caps .wardrobe-stage.rail-active{padding-top:38px}#wardrobe-caps .wardrobe-stage.rail-active>.public-product:not(.rail-current){top:38px!important;transform:translate3d(calc(var(--depth)*18px),calc(var(--depth)*-8px),calc(var(--depth)*-160px));transform-origin:50% 50%}#wardrobe-caps .product-visual:after{display:none!important}