.category-slider-wrapper{background:#f5f5f5;padding:10px 0}.category-slider-inner{position:relative}.category-slider{display:flex;gap:25px;overflow-x:auto;overflow-y:hidden;padding:20px 15px;justify-content:safe center;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-slider::-webkit-scrollbar{display:none}.category-item{text-align:center;text-decoration:none;color:#000}.category-item img{width:100px;height:100px;border-radius:50%;object-fit:cover;display:block;margin:auto}.category-item span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:14px;line-height:1.3;word-wrap:break-word}.category-slider-arrow{position:absolute;top:70px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;z-index:3;transition:opacity .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000002e}.category-slider-arrow:hover{box-shadow:0 2px 12px #00000047}.category-slider-arrow svg{width:16px;height:16px;pointer-events:none}.category-slider-arrow.is-hidden{display:none}.category-slider-arrow.prev{left:-18px}.category-slider-arrow.next{right:-18px}@media(max-width:991px){.category-slider{gap:20px}.category-item{width:80px;flex:0 0 80px}.category-item img{width:80px;height:80px}.category-item span{font-size:12px}.category-slider-arrow{top:60px;width:32px;height:32px}.category-slider-arrow svg{width:14px;height:14px}.category-slider-arrow.prev{left:-16px}.category-slider-arrow.next{right:-16px}}@media(max-width:767px){.category-slider{gap:15px;padding:5px}.category-item{width:80px;flex:0 0 80px}.category-item img{width:80px;height:80px}.category-item span{font-size:12px;margin-top:6px;height:30px;align-items:center;display:flex;justify-content:center}.category-slider-arrow{top:45px;width:26px;height:26px}.category-slider-arrow svg{width:12px;height:12px}.category-slider-arrow.prev{left:-13px}.category-slider-arrow.next{right:-13px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/category-slider.css.map */