.sub-category-container{display:flex;justify-content:center}
.sub-category-slider{position:relative;max-width:100rem}
.js-sub-category-carousel{--slide-gap:1rem;--slide-spacing:var(--slide-gap)}
.js-sub-category-carousel::part(base){--scroll-hint:none}
.js-sub-category-carousel::part(scroll-container){padding:1rem 0}
@media (max-width:990px){
.js-sub-category-carousel::part(navigation){display:none}
}
.sub-category-item{overflow:hidden;width:240px;border:1px solid #e5e5e5;border-radius:10px;display:flex;flex-direction:column;transition:border-color .3s ease}
.sub-category-item:hover{border-color:#7630ff}
.sub-category-link{text-decoration:none;display:flex;width:100%;height:100%}
.sub-category-content{display:flex;flex-direction:column;width:100%;height:100%}
.sub-category-image{width:100%;padding:0;display:flex;align-items:center;justify-content:center;background-color:#fff}
.sub-category-image img{max-width:100%;height:auto;display:block;object-fit:contain}
.sub-category-title{padding:1rem;text-align:center;background-color:#7138ff;flex-grow:1;display:flex;align-items:center;justify-content:center}
.sub-category-title span{color:#fff;font-weight:600;font-size:1.2rem;line-height:1.2}
.carousel__navigation-button-container{width:2.5rem;height:2.5rem;border-radius:50%;background:#5812cd;display:flex;align-items:center;justify-content:center;margin:0 1rem}
.carousel__navigation-button-container--disabled{background-color:#d9dbda}
.carousel__navigation-button-container svg{width:1.5rem;height:1.5rem;stroke:#fff}
@media (min-width:992px){
.sub-category-slider{padding:0 56px}
}
@media (max-width:992px){
.sub-category-title span{font-size:1rem}
.sub-category-item{width:220px}
.js-sub-category-carousel::part(scroll-container){grid-auto-columns:auto!important}
}
@media (max-width:576px){
.carousel__navigation-button-container{width:2rem;height:2rem;margin:0 .5rem}
.sub-category-title span{font-size:.875rem}
.sub-category-item{width:130px}
.sub-category-image{padding:.75rem .75rem 0}
}