.category-horizontal-section{padding:20px 0;position:relative}.category-slider-container{display:flex;align-items:center;position:relative}.slider-arrow{background:#ffffffe6;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.slider-arrow:hover{background:#fff;box-shadow:0 4px 15px #0003}.slider-arrow-left{margin-right:15px}.slider-arrow-right{margin-left:15px}.category-slider{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.category-slider::-webkit-scrollbar{display:none}.category-track{display:flex;gap:var(--spacing);padding:10px 0}.category-item-horizontal{flex:0 0 auto;text-align:center;transition:transform .3s ease}.category-item-horizontal:hover{transform:translateY(-5px)}.category-link-horizontal{text-decoration:none;color:var(--text-color);display:block}.category-circle{width:var(--circle-size);height:var(--circle-size);margin:0 auto 10px;overflow:hidden;border-radius:50%;box-shadow:0 4px 15px #0000001a;position:relative}.category-image-horizontal{width:100%;height:100%;object-fit:cover}.category-placeholder-horizontal{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.category-name-horizontal{font-size:var(--text-size);font-weight:500;color:var(--text-color);max-width:calc(var(--circle-size) + 20px);word-wrap:break-word;line-height:1.2}@media (max-width: 768px){.category-horizontal-section{margin:0 var(--mobile-margin)!important}.category-circle{width:var(--mobile-circle-size);height:var(--mobile-circle-size)}.category-name-horizontal{max-width:calc(var(--mobile-circle-size) + 20px);font-size:calc(var(--text-size) - 2px)}.slider-arrow{width:35px;height:35px}.slider-arrow-left{margin-right:10px}.slider-arrow-right{margin-left:10px}}@media (max-width: 480px){.category-name-horizontal{font-size:calc(var(--text-size) - 3px)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/category-circles.css.map */