.category-carousel{width:100%;padding:0;position:relative}.carousel-container{position:relative;max-width:1200px;margin:0 auto;padding:0 60px}.carousel-wrapper{overflow:hidden;border-radius:8px}.carousel-track{display:flex;transition:transform .5s ease;will-change:transform}.carousel-item{flex:0 0 auto;padding:0 8px;box-sizing:border-box}.category-link{display:block;text-decoration:none;color:inherit}.category-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0;transition:transform .3s ease}.category-link:hover .category-card{transform:scale(1.05)}.category-image{width:128px;height:128px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;margin:0 auto}.category-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.category-image img,.category-image svg,.category-image .placeholder{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.category-image .placeholder{padding:0!important;margin:0!important;background:transparent;display:flex;align-items:center;justify-content:center}.category-title{font-size:15px;font-weight:500;text-align:center;margin:0;line-height:1.4;transition:color .3s ease}.category-link:hover .category-title{opacity:.8}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:#4b5563}.carousel-arrow:hover{background:#f9fafb;box-shadow:0 6px 12px #00000026;transform:translateY(-50%) scale(1.05)}.carousel-arrow:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%)}.carousel-arrow--prev{left:10px}.carousel-arrow--next{right:10px}@media (max-width: 768px){.carousel-container{padding:0 50px}.carousel-arrow{width:36px;height:36px}.carousel-arrow--prev{left:8px}.carousel-arrow--next{right:8px}.category-image{width:100px;height:100px;border-radius:50%}.category-title{font-size:12px}.carousel-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:start}}@media (max-width: 480px){.carousel-container{padding:0 40px}.category-image{width:80px;height:80px;border-radius:50%}.category-title{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/category-carousel.css.map */