.category-slider-section{padding:36px 0;box-sizing:border-box}.category-slider-heading{text-align:center;font-size:22px;font-weight:600;margin:0 0 24px;letter-spacing:.01em}.category-slider-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:20px 56px;border-top:1px solid #e9e7e3;border-bottom:1px solid #e9e7e3}.category-slider-track{display:flex;align-items:flex-start;gap:28px;overflow-x:auto;scroll-snap-type:x proximity;list-style:none;margin:0;padding:4px 2px 8px;scrollbar-width:none;-ms-overflow-style:none}.category-slider-track::-webkit-scrollbar{display:none}.category-slider-item{flex:0 0 auto;scroll-snap-align:start}.category-slider-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:112px}.category-slider-circle{display:block;width:112px;height:112px;border-radius:50%;overflow:hidden;background:#f2f0ec;border:1px solid #ece9e3;transition:box-shadow .2s ease,transform .2s ease}.category-slider-link:hover .category-slider-circle{box-shadow:0 6px 18px #0000001f;transform:translateY(-2px)}.category-slider-circle img{width:100%;height:100%;object-fit:cover;display:block}.category-slider-circle-placeholder{display:block;width:100%;height:100%;background:#ece9e3}.category-slider-label{margin-top:12px;font-size:13px;line-height:1.3;text-align:center;color:#2f2a26;font-weight:500;max-width:120px}.category-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e3e0da;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2f2a26;z-index:2;padding:0;transition:opacity .2s ease}.category-slider-arrow:hover{background:#f7f5f1}.category-slider-arrow.is-disabled{opacity:.35;cursor:default;pointer-events:none}.category-slider-arrow--prev{left:0}.category-slider-arrow--next{right:0}@media(max-width:749px){.category-slider-wrapper{padding:16px 44px}.category-slider-link{width:92px}.category-slider-circle{width:92px;height:92px}.category-slider-arrow{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/category-circle-slider.css.map */