.category-carousel{--cc-per-view: var(--cc-desktop, 3.5);--cc-gap: 1.2rem;--cc-radius: 1.4rem;--cc-ratio: 3 / 4}.category-carousel__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cc-per-view) - 1) * var(--cc-gap)) / var(--cc-per-view));gap:var(--cc-gap);margin:0;padding:0 0 .6rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.category-carousel__rail::-webkit-scrollbar{display:none}.category-carousel__slide{scroll-snap-align:start;min-width:0}.category-carousel__card{position:relative;display:block;border-radius:var(--cc-radius);overflow:hidden;background:rgba(var(--color-foreground),.08);text-decoration:none;color:inherit}.category-carousel__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.category-carousel__media{display:block;width:100%;aspect-ratio:var(--cc-ratio)}.category-carousel__media img,.category-carousel__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media(hover:hover){.category-carousel__card:hover .category-carousel__media img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.category-carousel__media img{transition:none}.category-carousel__card:hover .category-carousel__media img{transform:none}}.category-carousel__badge{position:absolute;left:1rem;bottom:1rem;border-radius:5rem;padding:.7rem 1.3rem;font-size:1.2rem;font-weight:700;line-height:1;box-shadow:0 .4rem 1.2rem #0000002e}.category-carousel__badge--light{background:rgb(var(--color-background));color:rgb(var(--color-button))}.category-carousel__badge--dark{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.category-carousel__actions{display:flex;justify-content:center;margin-top:1.8rem}.category-carousel__button{font-weight:700;min-height:max(4.4rem,calc(var(--buttons-height, 4.4rem) + var(--buttons-border-width) * 2));padding-left:3.2rem;padding-right:3.2rem}@media screen and (max-width:749px){.category-carousel__actions{margin-top:1.4rem}.category-carousel__button{width:100%}}@media screen and (max-width:749px){.category-carousel{--cc-per-view: var(--cc-mobile, 1.4)}.category-carousel__badge{left:.8rem;bottom:.8rem;padding:.6rem 1.1rem;font-size:1.1rem}}#bundle-variantes{scroll-margin-top:12rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-category-carousel.css.map */