.wardrobe-gender-tiles{background:var(--border-faint);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;display:grid}html.hh-scroll-hover-guard .wardrobe-gtile,html.hh-scroll-hover-guard .wardrobe-ttile{pointer-events:none}.wardrobe-gtile{aspect-ratio:16/9;background:var(--surface-sunken);display:block;position:relative;overflow:hidden}.wardrobe-gtile img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1);display:block}.wardrobe-gtile:hover img{transform:scale(1.08)}.wardrobe-gtile .wardrobe-scrim{z-index:1;background-color:#4f352900;background-image:linear-gradient(#4f352900 45%,#4f352999);transition:background-color .4s;position:absolute;inset:0}.wardrobe-gtile:hover .wardrobe-scrim{background-color:#4f352959}@media (pointer:coarse){.wardrobe-gtile .wardrobe-scrim{background-color:#4f352959}}.wardrobe-gtile .wardrobe-caption{color:var(--brand-milk);text-shadow:0 2px 8px #00000040;z-index:2;transition:all .4s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:22px;left:28px}.wardrobe-gtile .wardrobe-caption h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:inherit;margin:0;font-size:clamp(26px,3vw,38px);font-weight:400}@media (hover:hover) and (pointer:fine){.wardrobe-gtile:hover .wardrobe-caption{text-align:center;bottom:50%;left:50%;transform:translate(-50%,50%)}.wardrobe-gtile:hover .wardrobe-caption h2{white-space:nowrap;font-size:clamp(34px,4.2vw,52px);font-weight:700}}.wardrobe-types-row{grid-template-columns:repeat(var(--tiles-count,6), minmax(0, 1fr));background:var(--border-faint);gap:1px;display:grid}.wardrobe-types-row--pinned{animation:.5s cubic-bezier(.2,.7,.3,1) wardrobe-types-row-in}@keyframes wardrobe-types-row-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wardrobe-ttile{aspect-ratio:3/4;background:var(--surface-sunken);display:block;position:relative;overflow:hidden}.wardrobe-ttile img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1);display:block}.wardrobe-ttile:hover img{transform:scale(1.08)}.wardrobe-ttile .wardrobe-scrim{z-index:1;background:linear-gradient(#0000,#4f352980);height:40%;position:absolute;inset:auto 0 0}.wardrobe-ttile .wardrobe-caption{color:var(--brand-milk);text-shadow:0 2px 8px #0006;z-index:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(17px,1.6vw,19px);font-weight:600;line-height:1.25;display:-webkit-box;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}@media (max-width:767px){.wardrobe-types-row{grid-template-columns:repeat(min(4, var(--tiles-count,6)), minmax(0, 1fr))}.wardrobe-gender-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wardrobe-ttile .wardrobe-caption{font-size:clamp(12px,3.2vw,14px)}}.wardrobe-scroll-row{gap:var(--sp-4);overscroll-behavior-x:contain;padding-bottom:var(--sp-3);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;display:flex;overflow-x:auto}.wardrobe-scroll-row::-webkit-scrollbar{height:6px}.wardrobe-scroll-row::-webkit-scrollbar-track{background:0 0}.wardrobe-scroll-row::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.wardrobe-scroll-row>*{flex:0 0 200px}@media (max-width:767px){.wardrobe-scroll-row>*{flex-basis:132px}}.wardrobe-grid{gap:var(--sp-6) var(--sp-4);grid-template-columns:1fr;display:grid}@media (max-width:767px){html[data-catalog-density=small] .wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){html[data-catalog-density=small] .wardrobe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}html:not([data-catalog-density=small]) .wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.wardrobe-density-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--text-faint);cursor:pointer;background:var(--surface);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.wardrobe-density-btn:first-child{border-radius:var(--radius) 0 0 var(--radius)}.wardrobe-density-btn:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}html:not([data-catalog-density=small]) .wardrobe-density-btn[data-density=large],html[data-catalog-density=small] .wardrobe-density-btn[data-density=small]{background:var(--brand-chocolate);color:var(--text-on-brand);border-color:var(--brand-chocolate)}.wardrobe-mobile-filterbar{top:var(--topbar-h,0px);background:var(--bg);z-index:5;padding:var(--sp-3) 0;gap:var(--sp-2);border-bottom:1px solid var(--border-faint);align-items:center;display:flex;position:sticky}.wardrobe-sheet-backdrop{z-index:50;background:#00000059;position:fixed;inset:0}.wardrobe-sheet{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:var(--surface);max-height:85dvh;padding:var(--sp-4) var(--sp-4) var(--sp-6);z-index:51;border-top-left-radius:20px;border-top-right-radius:20px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #00000026}.wardrobe-sheet-handle{background:var(--border-strong);width:36px;height:4px;margin:0 auto var(--sp-4);border-radius:3px}.wardrobe-upsell{background:var(--surface-sunken);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5)}.wardrobe-upsell h2{margin:0 0 var(--sp-5);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--brand-chocolate);font-weight:400;font-size:var(--size-h1)}
