.shop-by-fit{--sbf-bg: var(--color-background);--sbf-text: var(--color-text);--sbf-muted: var(--color-text-secondary);--sbf-border: var(--color-border);--sbf-columns: 4;--sbf-ratio: 4/5;background-color:var(--sbf-bg);color:var(--sbf-text);padding-top:clamp(48px,6vw,96px);padding-bottom:clamp(48px,6vw,96px)}.shop-by-fit__inner{display:flex;flex-direction:column;gap:clamp(24px,3vw,44px)}.shop-by-fit__header{display:flex;flex-direction:column;gap:6px}.shop-by-fit__header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.shop-by-fit__eyebrow{margin:0;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--sbf-muted);font-weight:500}.shop-by-fit__heading{margin:0;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1;text-transform:uppercase}.shop-by-fit__subtext{margin:0;font-size:var(--font-size-sm);color:var(--sbf-muted);max-width:540px}.shop-by-fit__view-all{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--sbf-text);text-decoration:none;padding-bottom:4px;border-bottom:1px solid currentColor;transition:gap var(--duration-base) var(--ease-out)}.shop-by-fit__view-all:hover{gap:12px}.shop-by-fit__grid{display:grid;grid-template-columns:repeat(var(--sbf-columns),minmax(0,1fr));gap:clamp(8px,1.4vw,20px)}.shop-by-fit__card{position:relative;display:flex;flex-direction:column;gap:14px;color:var(--sbf-text);text-decoration:none;cursor:pointer}.shop-by-fit__media{position:relative;aspect-ratio:var(--sbf-ratio);overflow:hidden;background-color:#0000000a;border-radius:var(--border-radius, 0)}.shop-by-fit__media .image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.shop-by-fit__media img,.shop-by-fit__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--sbf-pos-y, 50%);transition:transform .7s cubic-bezier(.16,1,.3,1)}.shop-by-fit__card:hover .shop-by-fit__media img{transform:scale(1.04)}.shop-by-fit__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000000a}.shop-by-fit__placeholder svg{width:60%;height:60%;opacity:.25}.shop-by-fit__info{display:flex;flex-direction:column;gap:4px}.shop-by-fit__label{margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:1.1}.shop-by-fit__arrow{flex-shrink:0;opacity:.4;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.shop-by-fit__card:hover .shop-by-fit__arrow{opacity:1;transform:translate(2px,-2px)}.shop-by-fit__caption{margin:0;font-size:var(--font-size-xs);color:var(--sbf-muted);letter-spacing:.02em;line-height:1.4}@media screen and (max-width:989px){.shop-by-fit__grid{grid-template-columns:repeat(min(var(--sbf-columns),3),minmax(0,1fr))}}@media screen and (max-width:749px){.shop-by-fit__inner{padding-right:0}.shop-by-fit__header{padding-right:20px}.shop-by-fit__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;gap:10px;padding:0 20px 8px;margin:0 0 0 -20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-fit__grid::-webkit-scrollbar{display:none}.shop-by-fit__card{flex:0 0 62%;scroll-snap-align:start}.shop-by-fit__label{font-size:.95rem}.shop-by-fit__caption{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-shop-by-fit.css.map */