.merch-section{position:relative;background:#090b0c;color:#f2f3ed;padding:76px 0 64px;border-block:1px solid #ffffff16;overflow:hidden}
.merch-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:0 6vw 30px}
.merch-heading h2{font-family:Inter,sans-serif;font-size:clamp(44px,6vw,80px);line-height:.95;letter-spacing:-.035em;margin:14px 0 0;text-transform:uppercase}
.merch-heading p{font-size:13px;line-height:1.6;color:#a5aaaa;max-width:240px;margin:0}
.merch-controls{display:flex;gap:8px}.merch-controls button{width:44px;height:44px;background:transparent;border:1px solid #ffffff40;border-radius:50%;color:inherit;font-size:20px;cursor:pointer}
.merch-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw 22px;scroll-padding:6vw;scrollbar-color:#62676a #171a1b;scrollbar-width:thin}
.merch-card{flex:0 0 clamp(265px,29vw,410px);scroll-snap-align:start;min-width:0}
.merch-image{display:block;position:relative;background:#d9dad7;overflow:hidden;aspect-ratio:4/5;border-radius:3px}
.merch-image img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .3s}.merch-image:hover img{transform:scale(1.035)}
.merch-image .merch-arrow{position:absolute;right:14px;bottom:14px;background:#090b0c;color:#fff;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:20px}
.merch-info{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px}.merch-info h3{font-size:15px;font-weight:600;letter-spacing:-.02em;margin:0}.merch-info>span{font-size:13px;color:#c7cccc;white-space:nowrap}
.merch-colors{display:flex;gap:6px;align-items:center;margin-top:10px}.merch-colors button{height:36px;width:36px;border:1px solid transparent;border-radius:50%;padding:7px;background:none;cursor:pointer}.merch-colors button[aria-pressed=true]{border-color:#e8ebe7}.merch-colors button::before{content:'';display:block;width:20px;height:20px;border-radius:50%;border:1px solid #ffffff30;background:var(--swatch)}
.merch-colors .color-black{--swatch:#171719}.merch-colors .color-white{--swatch:#fff}.merch-colors .color-ivory,.merch-colors .color-bone{--swatch:#e9dfc8}.merch-colors [data-color-label]{font-size:11px;color:#a5aaaa;margin-left:8px}
.merch-note{padding:0 6vw;font-size:11px;line-height:1.6;color:#8f9797;margin:14px 0 0}.merch-note a{text-decoration:underline}.merch-section :focus-visible{outline:2px solid var(--pink,#efa1bf);outline-offset:4px}
@media(max-width:700px){.merch-section{padding:48px 0 38px}.merch-heading{padding:0 22px 24px;flex-wrap:wrap;gap:18px}.merch-heading>div:first-child{flex:1}.merch-heading p{order:3;max-width:none;flex-basis:100%}.merch-heading h2{font-size:48px}.merch-track{padding-inline:22px;scroll-padding:22px;gap:14px}.merch-card{flex-basis:78vw;max-width:360px}.merch-note{padding-inline:22px}.merch-colors button{width:44px;height:44px;padding:11px}}
@media(prefers-reduced-motion:reduce){.merch-image img{transition:none}.merch-image:hover img{transform:none}}