.subcol-grid-container{display:grid;width:100%}.subcol-carousel-container{position:relative;width:100%;display:none;align-items:center;justify-content:center;gap:20px}.subcol-carousel-viewport{overflow:hidden;flex:1;max-width:100%;display:flex;justify-content:flex-start}.subcol-carousel-track{display:flex;transition:transform .8s cubic-bezier(.4,0,.2,1)}.collection-item{position:relative;width:100%}.collection-item__image-wrapper{width:100%}.collection-item__image{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.collection-item__link:hover .collection-item__image{filter:brightness(90%)}.collection-item__placeholder{width:100%;height:100%;background:#f3f3f3;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.subcol-carousel-arrow{background:transparent;color:rgb(var(--color-foreground));border:none;cursor:pointer;z-index:1;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .3s ease}.subcol-carousel-arrow svg{width:35px;height:35px}.subcol-carousel-arrow:hover{opacity:.7}.subcol-carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.subcol-carousel-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;width:100%;min-height:20px}.subcol-pagination-dot{width:12px;height:12px;border-radius:50%;background:rgba(var(--color-foreground),.3);border:none;cursor:pointer;transition:all .3s ease}.subcol-pagination-dot.active{background:rgb(var(--color-foreground));transform:scale(1.2)}.subcol-pagination-dot:hover{background:rgba(var(--color-foreground),.6)}@media screen and (min-width: 750px){.subcollection-section.layout-desktop-carousel .subcol-grid-container{display:none}.subcollection-section.layout-desktop-carousel .subcol-carousel-container{display:flex}.subcollection-section.layout-desktop-grid .subcol-carousel-container,.subcollection-section.layout-desktop-grid .subcol-carousel-pagination{display:none!important}}@media screen and (max-width: 749px){.subcollection-section.layout-mobile-carousel-simple .subcol-grid-container{display:none}.subcollection-section.layout-mobile-carousel-simple .subcol-carousel-container{display:flex;gap:0;justify-content:flex-start}.subcollection-section.layout-mobile-carousel-simple .subcol-carousel-viewport{max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.subcollection-section.layout-mobile-carousel-simple .subcol-carousel-viewport::-webkit-scrollbar{display:none}.subcollection-section.layout-mobile-carousel-simple .subcol-carousel-track{transition:none;transform:none!important}.subcollection-section.layout-mobile-carousel-simple .subcol-carousel-arrow,.subcollection-section.layout-mobile-carousel-simple .subcol-carousel-pagination{display:none!important}.subcollection-section.layout-mobile-carousel .subcol-grid-container{display:none}.subcollection-section.layout-mobile-carousel .subcol-carousel-container{display:flex}.subcollection-section.layout-mobile-carousel .subcol-carousel-arrow svg{width:25px;height:25px}.subcollection-section.layout-mobile-grid .subcol-carousel-container,.subcollection-section.layout-mobile-grid .subcol-carousel-pagination{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/subcollection-carousel.css.map */