.category-carousel{display:block}.category-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.category-carousel__heading{margin:0}.category-carousel__buttons{display:flex;align-items:center;gap:.8rem;margin:0;flex-shrink:0}.category-carousel__buttons .slider-button{width:4rem;height:4rem;border-radius:50%;background:rgba(var(--color-foreground),.06);padding:0}.category-carousel__buttons .slider-button:hover{background:rgba(var(--color-foreground),.12)}.category-carousel__buttons .slider-button[disabled]{opacity:.35;cursor:not-allowed}.category-carousel__list{display:flex;gap:1.2rem;margin:0;padding:0}.category-carousel__item{width:calc((100% - (var(--cc-columns-mobile) - 1) * 1.2rem) / var(--cc-columns-mobile));flex-shrink:0}.category-carousel__card{display:flex;flex-direction:column;height:100%;padding:1.4rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.04);text-decoration:none;color:rgb(var(--color-foreground));transition:background var(--duration-short) ease}.category-carousel__card:hover{background:rgba(var(--color-foreground),.08)}.category-carousel__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;margin-bottom:1.4rem}.category-carousel__media .category-carousel__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.category-carousel__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-weight:700;font-size:1.5rem;line-height:1.3;margin-bottom:.3rem;min-height:2.6em}.category-carousel__price{display:block;font-size:1.3rem;line-height:1.3;color:rgba(var(--color-foreground),.55);margin-top:auto}@media screen and (max-width:749px){.category-carousel__heading{font-size:calc(var(--font-heading-scale) * 2.2rem)}.category-carousel__header{margin-bottom:1.6rem}.category-carousel__buttons .slider-button{width:3.4rem;height:3.4rem}.category-carousel__card{padding:1rem;border-radius:.9rem}.category-carousel__media{margin-bottom:1rem}.category-carousel__title{font-size:1.3rem}.category-carousel__price{font-size:1.15rem}}@media screen and (min-width:750px){.category-carousel__list{gap:1.6rem}.category-carousel__item{width:calc((100% - (var(--cc-columns-desktop) - 1) * 1.6rem) / var(--cc-columns-desktop))}}.slider.slider--everywhere .category-carousel__item{scroll-snap-align:start}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-category-carousel.css.map */
