.category-circles-section{padding-block:32px;background:linear-gradient(135deg,#ffe0ec,#f3ecfa,#dff1ff)!important}.category-circles__heading{margin:0 0 20px;font-size:var(--font-h3--size, 1.5rem);font-family:var(--font-heading--family);text-align:center}.category-circles__wrapper{position:relative;display:flex;align-items:center;gap:10px}.category-circles__list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);column-gap:14px;row-gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none;margin:0;padding:4px 2px;flex:1 1 auto;justify-content:safe center}.category-circles__list::-webkit-scrollbar{display:none}.category-circles__item{scroll-snap-align:start}.category-circles__link{display:flex;flex-direction:column;align-items:center;width:108px;text-decoration:none;color:inherit}.category-circles__image-wrap{width:108px;height:108px;border-radius:50%;overflow:hidden;background:#ece9e6;display:flex;align-items:center;justify-content:center;margin-bottom:10px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.category-circles__link:hover .category-circles__image-wrap{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 20px -8px #0000002e}}.category-circles__image{width:100%;height:100%;object-fit:cover;display:block}.category-circles__image--placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f0e6ea,#e6eef3)}.category-circles__label{font-size:.9rem;line-height:1.25;text-align:center;color:var(--color-foreground, #1a1a1a);max-width:108px}.category-circles__nav{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;color:#1a1a1a;padding:0;transition:opacity .2s ease,transform .2s ease}.category-circles__nav:hover{transform:scale(1.06)}.category-circles__nav:disabled{opacity:.25;cursor:default;transform:none}.category-circles__nav svg{width:18px;height:18px}.category-circles-section--no-overflow .category-circles__nav{display:none}@media screen and (max-width:749px){.category-circles__nav{display:none}.category-circles__link,.category-circles__image-wrap{width:84px}.category-circles__image-wrap{height:84px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/category-circles.css.map */