.collection-subcategory-carousel{max-width:var(--page-width);margin-left:auto;margin-right:auto;position:relative}.subcategory-carousel-wrapper{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:15px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.subcategory-carousel-wrapper::-webkit-scrollbar{display:none}.subcategory-list{display:flex;list-style:none;padding:0;margin:0;gap:20px;white-space:nowrap}.subcategory-item{flex-shrink:0;text-align:center;max-width:200px}.subcategory-link{text-decoration:none;color:inherit;display:block}.subcategory-image-wrapper{overflow:hidden;margin:0 auto 10px;border:1px solid rgba(0,0,0,.05);display:flex;justify-content:center;align-items:center}.subcategory-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.subcategory-item:hover .subcategory-image{transform:scale(1.05)}.placeholder-circle{width:100%;height:100%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5em;color:#888}.subcategory-title,.subcategory-count{margin:0;padding:0}.subcategory-title{font-weight:700;font-size:.9em;line-height:1.2}.subcategory-count{font-size:.8em;color:#666;margin-top:2px}.carousel-arrows{display:none}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;background-color:transparent;border:none;box-shadow:none;padding:0}.carousel-arrow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.carousel-arrow:hover:after{box-shadow:0 4px 12px #0003}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow[disabled]{opacity:.3;pointer-events:none;cursor:default}.carousel-arrow--prev{left:10px}.carousel-arrow--next{right:10px}.carousel-icon{z-index:11;position:relative;display:block;width:20px;height:20px}.carousel-arrow svg{display:none}.carousel-arrow--icon-angle .carousel-icon:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-style:solid;border-color:var(--arrow-icon-color, #333);border-width:0 2px 2px 0;transform-origin:50% 50%}.carousel-arrow--prev.carousel-arrow--icon-angle .carousel-icon:after{transform:translate(-25%,-50%) rotate(135deg);margin-left:2px}.carousel-arrow--next.carousel-arrow--icon-angle .carousel-icon:after{transform:translate(-75%,-50%) rotate(-45deg);margin-right:2px}.carousel-arrow--icon-chevron .carousel-icon:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-style:solid;border-color:var(--arrow-icon-color, #333);border-width:3px 3px 0 0}.carousel-arrow--prev.carousel-arrow--icon-chevron .carousel-icon:after{transform:translate(-30%,-50%) rotate(225deg)}.carousel-arrow--next.carousel-arrow--icon-chevron .carousel-icon:after{transform:translate(-70%,-50%) rotate(45deg)}.carousel-arrow--icon-fat-arrow .carousel-icon:before,.carousel-arrow--icon-fat-arrow .carousel-icon:after{content:"";position:absolute;height:3px;background-color:var(--arrow-icon-color, #333)}.carousel-arrow--icon-fat-arrow .carousel-icon:before{width:60%;top:50%;transform:translateY(-50%)}.carousel-arrow--icon-fat-arrow .carousel-icon:after{width:5px;height:5px;border-top:3px solid var(--arrow-icon-color, #333);border-right:3px solid var(--arrow-icon-color, #333);top:50%;transform:translateY(-50%)}.carousel-arrow--prev.carousel-arrow--icon-fat-arrow .carousel-icon:before{left:40%}.carousel-arrow--prev.carousel-arrow--icon-fat-arrow .carousel-icon:after{left:35%;transform:translateY(-50%) rotate(225deg)}.carousel-arrow--next.carousel-arrow--icon-fat-arrow .carousel-icon:before{right:40%}.carousel-arrow--next.carousel-arrow--icon-fat-arrow .carousel-icon:after{right:35%;transform:translateY(-50%) rotate(45deg)}.carousel-arrows--style-circle .carousel-arrow:after{border-radius:50%}.carousel-arrows--style-square .carousel-arrow:after{border-radius:4px}.carousel-arrows--style-minimal .carousel-arrow:after{background-color:transparent;border:none;box-shadow:none}.carousel-arrows--style-minimal .carousel-arrow:hover:after{background-color:#0000000d;box-shadow:none}@media screen and (max-width:749px){.carousel-arrows--show-mobile{display:block}}@media screen and (min-width:750px){.carousel-arrows--show-desktop{display:block}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/collection-subcategory-carousel.css.map */