.sbc{--sbc-cols-desktop: 4;padding:5rem 0;position:relative;overflow:hidden}.sbc__header{text-align:center;margin-bottom:3.2rem}.sbc__heading{font-size:clamp(2.4rem,3.2vw,3.6rem);font-weight:600;letter-spacing:.02em;margin:0 0 .8rem;color:rgb(var(--color-foreground))}.sbc__subheading{font-size:1.6rem;color:rgba(var(--color-foreground),.65);margin:0;letter-spacing:.01em}.sbc__viewport{position:relative}.sbc__track{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem;outline:none}.sbc__track::-webkit-scrollbar{display:none}.sbc__slide{flex:0 0 calc((100% - ((var(--sbc-cols-desktop) - 1) * 2rem)) / var(--sbc-cols-desktop));scroll-snap-align:start;min-width:0}@media screen and (max-width:1199px)and (min-width:990px){.sbc__slide{flex:0 0 calc((100% - 6rem)/4)}}@media screen and (max-width:989px)and (min-width:750px){.sbc__slide{flex:0 0 calc((100% - (2 * 1.6rem)) / 3)}.sbc__track{gap:1.6rem}}@media screen and (max-width:749px){.sbc__slide{flex:0 0 calc((100% - 1.2rem)/2)}.sbc__track{gap:1.2rem}.sbc{padding:3.2rem 0}}.sbc__card{position:relative;display:block;border-radius:16px;overflow:hidden;text-decoration:none;aspect-ratio:3 / 4;box-shadow:0 8px 24px #0000001f;transition:box-shadow .35s ease,transform .35s ease;background:#1a1a1a}.sbc__card:hover{box-shadow:0 16px 40px #00000038;transform:translateY(-4px)}.sbc__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sbc__video,.sbc__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.sbc__card:hover .sbc__video,.sbc__card:hover .sbc__image{transform:scale(1.08)}.sbc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2a2a2a}.sbc__placeholder-svg{width:60%;height:60%;opacity:.3}.sbc__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000c7,#00000040 45%,#0000 70%);pointer-events:none}.sbc__content{position:absolute;left:0;right:0;bottom:0;padding:2rem 1.8rem;color:#fff;z-index:2;transition:transform .35s ease}.sbc__card:hover .sbc__content{transform:translateY(-4px)}.sbc__card-heading{font-size:1.9rem;font-weight:600;margin:0 0 .4rem;letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.3)}.sbc__card-subheading{font-size:1.3rem;margin:0 0 1.2rem;color:#ffffffd9;line-height:1.4}.sbc__button{display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:.3rem;transition:gap .25s ease,border-color .25s ease}.sbc__card:hover .sbc__button{gap:.9rem;border-color:#fff}.sbc__button-arrow{display:inline-block;transition:transform .25s ease}.sbc__card:hover .sbc__button-arrow{transform:translate(3px)}.sbc__arrow{position:absolute;top:40%;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;background:#fffffff2;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #0000002e;z-index:4;transition:background .2s ease,transform .2s ease}.sbc__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.sbc__arrow--prev{left:-1.6rem}.sbc__arrow--next{right:-1.6rem}.sbc__arrow-icon{font-size:2.4rem;line-height:1;color:#1a1a1a}@media screen and (max-width:989px){.sbc__arrow{display:none}}.sbc__dots{display:flex;justify-content:center;gap:.8rem;margin-top:2.4rem}.sbc__dot{width:.9rem;height:.9rem;border-radius:50%;border:none;background:rgba(var(--color-foreground),.2);cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}.sbc__dot.is-active{background:rgb(var(--color-foreground));transform:scale(1.2)}@media(prefers-reduced-motion:reduce){.sbc__card,.sbc__video,.sbc__image,.sbc__content,.sbc__button,.sbc__button-arrow,.sbc__track{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shop-by-category-carousel.css.map */