.category-circles-section{padding:6px 20px 20px;max-width:1440px;margin:0 auto}.category-circles__heading{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:24px;color:#1a1a1a}.category-circles__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-top:6px}.category-circles__wrapper::-webkit-scrollbar{display:none}.category-circles__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 24px;padding:0 16px}.category-circle{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:transform .2s ease,color .2s ease;width:90px;flex-shrink:0}.category-circle:hover{transform:translateY(-4px);color:var(--color-primary, #31c5fd)}.category-circle__image-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #e8e8e8;display:flex;align-items:center;justify-content:center;background:#f9f9f9;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:8px}.category-circle:hover .category-circle__image-wrapper{border-color:var(--color-primary, #31c5fd);box-shadow:0 4px 12px #31c5fd33}.category-circle__image-wrapper img{width:80%;height:80%;object-fit:contain}.category-circle__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary, #31c5fd) 0%,#20a8e0 100%);color:#fff;font-size:1.8rem;font-weight:700}.category-circle__title{font-size:.75rem;font-weight:600;text-align:center;line-height:1.3;max-width:90px;word-wrap:break-word}@media screen and (max-width:749px){.category-circles__grid{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding:0 20px}.category-circle{width:75px}.category-circle__image-wrapper{width:65px;height:65px}.category-circle__title{font-size:.7rem}}@media screen and (min-width:750px)and (max-width:989px){.category-circles__grid{gap:16px 20px}.category-circle{width:85px}.category-circle__image-wrapper{width:72px;height:72px}}@media screen and (min-width:990px){.category-circles__grid{gap:20px 32px;padding:0}.category-circle{width:100px}.category-circle__image-wrapper{width:88px;height:88px}.category-circle__title{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-category-circles.css.map */