.subcategory-carousel-wrapper{width:100%;padding:2rem 0}.subcategory-card{display:flex;flex-direction:column;gap:1rem;text-decoration:none;text-align:center;transition:all .2s ease;width:clamp(72px,calc(72px + (48 * ((100vw - 375px) / 1025))),120px)}.subcategory-card__image{width:clamp(72px,calc(72px + (48 * ((100vw - 375px) / 1025))),120px);height:clamp(90px,calc(90px + (60 * ((100vw - 375px) / 1025))),150px);overflow:hidden;border:2px solid transparent;transition:border-color .2s ease;min-width:clamp(72px,calc(72px + (48 * ((100vw - 375px) / 1025))),120px);min-height:clamp(90px,calc(90px + (60 * ((100vw - 375px) / 1025))),150px)}.subcategory-card--active .subcategory-card__image,.subcategory-card:hover .subcategory-card__image{border-color:rgb(var(--color-foreground))}.subcategory-card--active .subcategory-card__title,.subcategory-card:hover .subcategory-card__title{color:rgb(var(--color-foreground));opacity:1}.subcategory-card__image img{width:100%;height:100%;min-width:clamp(72px,calc(72px + (48 * ((100vw - 375px) / 1025))),120px);min-height:clamp(90px,calc(90px + (60 * ((100vw - 375px) / 1025))),150px);object-fit:cover}.subcategory-card__title{font-family:var(--font-body-family);margin:0;text-transform:capitalize;color:#000;opacity:.7}.subcategory-splide{width:100%;position:relative}.subcategory-splide .splide__track{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.subcategory-splide .splide__track::-webkit-scrollbar{display:none}.subcategory-splide .splide__list{display:flex;gap:1rem}.subcategory-splide .splide__arrow{display:none!important}.subcategory-grid{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.subcategory-card:hover img{transform:scale(1.03);transition:transform var(--duration-long) ease}@media screen and (max-width:749px){.subcategory-carousel-wrapper{padding-bottom:2rem;padding-left:0!important}.subcategory-card__image{border-width:1.5px}.subcategory-splide .splide__arrow{width:40px;height:40px}.splide__list>li{margin-right:0!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-banner.css.map */