#home-showcase{position:relative;margin:20px 0;color:var(--fg)} #hs-toggle,#controls .hs-toggle{display:none} #home-showcase h2{margin:0;font-size:20px;line-height:1.2} #home-showcase a{color:inherit;text-decoration:none} #home-showcase a:hover{color:var(--accent)} #home-showcase :focus-visible{outline:2px solid var(--accent);outline-offset:3px} .hs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:repeat(6,minmax(72px,auto));gap:16px} .hs-tile,.hs-mini{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--card);overflow:hidden;min-width:0} .hs-tile{display:flex;gap:12px;align-items:center} .hs-tile h2{margin:8px 0 16px!important} .hs-kicker{font-size:13px;font-weight:700} .hs-promo{grid-area:1/1/3/2;background:color-mix(in srgb,var(--link) 14%,var(--card))} .hs-promo .hs-photo{width:38%;flex:none} .hs-season{grid-area:3/1/7/2;flex-wrap:wrap;background:color-mix(in srgb,var(--warm) 18%,var(--card))} .hs-season>div{width:100%}.hs-season .hs-photo{width:calc(50% - 6px)} .hs-hero{grid-area:1/2/5/3;background:color-mix(in srgb,var(--accent) 18%,var(--card));flex-wrap:wrap} .hs-hero h2{font-size:28px!important}.hs-hero h2 span{display:block;font-size:22px;margin-top:6px} .hs-cta{display:inline-block;padding:8px 16px;border-radius:24px;background:var(--accent);color:var(--accent-fg)} .hs-collage{display:flex;gap:8px;width:100%;align-items:end}.hs-collage .hs-photo{flex:1;min-width:0} .hs-collage .hs-photo:nth-child(2n){transform:translateY(-8px)} .hs-wide{grid-area:5/2/7/3;background:var(--chip)} .hs-sellers{grid-area:1/3/4/4}.hs-fashion{grid-area:4/3/7/4} .hs-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .hs-heading>a{font-size:12px;white-space:nowrap;min-height:44px;display:flex;align-items:center} .hs-mini .hs-heading h2{font-size:16px!important}.hs-mini{padding:12px} .hs-cards{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity} .hs-card{display:flex;flex-direction:column;gap:4px;min-width:0;flex:0 0 190px;scroll-snap-align:start;font-size:13px} .hs-photo{display:block;aspect-ratio:1;background:var(--photo-tile,#fff);border-radius:10px;overflow:hidden} .hs-photo img{display:block;width:100%;height:100%;object-fit:contain} .hs-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:2.8em} .hs-discount{color:var(--accent);font-size:11px;font-weight:700}.hs-price strong{font-size:17px} .hs-card small{color:var(--muted);font-size:11px}.hs-price{overflow-wrap:anywhere}.hs-price small{display:block} .hs-mini .hs-cards{gap:10px}.hs-mini .hs-card{flex:1}.hs-mini .hs-title,.hs-mini .hs-card>small{display:none} .hs-mini .hs-photo{height:80px;aspect-ratio:auto}.hs-mini .hs-discount{font-size:10px} .hs-row{margin-top:28px}.hs-empty{color:var(--muted);font-size:13px} @media(max-width:1023px){.hs-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.hs-promo,.hs-season,.hs-wide{display:none}.hs-hero{grid-area:1/1/2/3;min-height:230px}.hs-sellers,.hs-fashion{grid-area:auto}.hs-mini .hs-heading{display:block}.hs-mini .hs-heading>a{min-height:28px}.hs-mini .hs-photo{height:64px}} @media(max-width:640px){#home-showcase{margin:0}#hs-toggle{display:block}#hs-body{display:none;padding:12px 0}#hs-toggle:checked~#hs-body{display:block}#controls .hs-toggle{display:flex;align-items:center;min-height:44px;flex:none;padding:0 10px;cursor:pointer}#home-showcase:has(:focus-visible)+#controls .hs-toggle{outline:2px solid var(--accent);outline-offset:-2px}#home-showcase:has(:checked)+#controls .hs-toggle{border-color:var(--accent)}.hs-grid{gap:10px}.hs-tile{padding:14px}.hs-hero h2{font-size:24px!important}.hs-row{margin-top:18px}.hs-card{flex-basis:150px}.hs-mini{padding:10px}.hs-mini .hs-card{gap:3px}.hs-mini .hs-price strong{font-size:14px}.hs-mini .hs-discount{font-size:9px}}