.shop-by-need{padding-block:var(--sbn-pad-top, 80px) var(--sbn-pad-bottom, 120px)}.shop-by-need__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.shop-by-need__heading{margin:0;color:var(--sbn-text, #101010);font-size:clamp(32px,3.5vw,48px);line-height:1.2;letter-spacing:-.02em;font-weight:500}.shop-by-need__link{color:var(--sbn-text, #101010);font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.shop-by-need__grid{--_gap: var(--sbn-gap, 30px);--_cols: var(--sbn-cols, 6);--_min: var(--sbn-min, 200px);--_by-cols: calc((100% - (var(--_cols) - 1) * var(--_gap)) / var(--_cols));display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--_min),var(--_by-cols))),1fr))}.need-tile{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:256 / 219;padding:30px;border-radius:10px;background:var(--sbn-tile-bg, #ede9d9);color:var(--sbn-text, #101010);text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}a.need-tile:hover,a.need-tile:focus-visible{background:var(--sbn-tile-hover-bg, #b4da05);color:var(--sbn-text-hover, #101010);transform:translateY(-3px)}a.need-tile:focus-visible{outline:2px solid currentColor;outline-offset:3px}.need-tile__icon{display:block;height:40px}.need-tile__icon img,.need-tile__icon svg{height:100%;width:auto;max-width:56px;object-fit:contain;transition:transform .2s ease}a.need-tile:hover .need-tile__icon img,a.need-tile:hover .need-tile__icon svg{transform:scale(1.08)}.need-tile__label{font-size:clamp(18px,1.4vw,24px);line-height:1.1;letter-spacing:-.015em;font-weight:500;overflow-wrap:anywhere}@media(max-width:749px){.shop-by-need{padding-block:48px 64px}.shop-by-need__header{margin-bottom:20px}.shop-by-need__grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shop-by-need__grid::-webkit-scrollbar{display:none}.need-tile{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start;padding:30px 26px;aspect-ratio:168 / 219}.need-tile__icon{height:40px}}.scroll-progress{display:none}@media(max-width:749px){.scroll-progress{display:block;position:relative;height:3px;margin-top:20px;border-radius:3px;background:#1010101f;overflow:hidden}.scroll-progress span{position:absolute;left:0;top:0;height:100%;width:var(--progress-w, 25%);transform:translate(var(--progress-x, 0));border-radius:3px;background:#101010;transition:transform .12s linear}}@media(prefers-reduced-motion:reduce){.need-tile,.need-tile__icon img,.need-tile__icon svg{transition:none}a.need-tile:hover,a.need-tile:hover .need-tile__icon img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-shop-by-need.css.map */