.avalna-category-circles{--avalna-cc-eyebrow: #8A6D1E;--avalna-cc-cream: #F5F0E8;--avalna-cc-media-bg: var(--avalna-color-charcoal);--avalna-cc-placeholder-bg: #E8E8E8;--avalna-cc-size: 80px;--avalna-cc-gap: 6px;padding:var(--avalna-cc-pt, 22px) 12px var(--avalna-cc-pb, 18px);background:var(--avalna-surface)}.avalna-category-circles--bg-white{background:var(--avalna-surface)}.avalna-category-circles--bg-cream{background:var(--avalna-cc-cream)}.avalna-category-circles--size-small{--avalna-cc-size: 64px}.avalna-category-circles--size-medium{--avalna-cc-size: 80px}.avalna-category-circles--size-large{--avalna-cc-size: 96px}.avalna-category-circles__heading{margin:0 0 14px;font-family:var(--avalna-font-body);font-size:11px;font-weight:var(--avalna-fw-semibold);letter-spacing:2.5px;line-height:1.3;text-align:center;text-transform:uppercase;color:var(--avalna-cc-eyebrow)}.avalna-category-circles__list{margin:0;padding:0;list-style:none}.avalna-category-circles--layout-grid .avalna-category-circles__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--avalna-cc-gap)}.avalna-category-circles--layout-scroll .avalna-category-circles__list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}.avalna-category-circles--layout-scroll .avalna-category-circles__list::-webkit-scrollbar{display:none}.avalna-category-circles--layout-scroll .avalna-category-circles__list>li{flex:0 0 auto;scroll-snap-align:start}.avalna-category-circles__item{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:var(--avalna-text-primary);-webkit-tap-highlight-color:transparent}.avalna-category-circles__ring{display:block;box-sizing:border-box;width:var(--avalna-cc-size);height:var(--avalna-cc-size);padding:3px;border:1.5px solid var(--avalna-accent);border-radius:50%;transition:transform .2s ease}.avalna-category-circles--no-ring .avalna-category-circles__ring{border-color:transparent;padding:0}.avalna-category-circles__media{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--avalna-cc-media-bg)}.avalna-category-circles__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avalna-category-circles__label{font-family:var(--avalna-font-body);font-size:12px;font-weight:var(--avalna-fw-medium);line-height:1.3;text-align:center}.avalna-category-circles__item:active .avalna-category-circles__ring{transform:scale(.96)}.avalna-category-circles__item:focus-visible{outline:none}.avalna-category-circles__item:focus-visible .avalna-category-circles__ring{outline:2px solid var(--avalna-accent);outline-offset:2px}.avalna-category-circles__item--placeholder .avalna-category-circles__media{background:var(--avalna-cc-placeholder-bg)}.avalna-category-circles__item--placeholder .avalna-category-circles__label{color:var(--avalna-text-muted)}@media screen and (min-width:750px){.avalna-category-circles--mobile-only{display:none}.avalna-category-circles{padding-top:calc(var(--avalna-cc-pt, 22px) * 1.8);padding-bottom:calc(var(--avalna-cc-pb, 18px) * 1.8);padding-left:24px;padding-right:24px}.avalna-category-circles--size-small{--avalna-cc-size: 88px}.avalna-category-circles--size-medium{--avalna-cc-size: 104px}.avalna-category-circles--size-large{--avalna-cc-size: 120px}.avalna-category-circles__heading{margin-bottom:20px;font-size:12px}.avalna-category-circles--layout-grid .avalna-category-circles__list,.avalna-category-circles--layout-scroll .avalna-category-circles__list{display:flex;justify-content:center;gap:40px;overflow:visible;margin:0;padding:0}.avalna-category-circles__label{font-size:14px}.avalna-category-circles__item:hover .avalna-category-circles__img{transform:scale(1.05)}.avalna-category-circles__item:hover .avalna-category-circles__label{color:var(--avalna-cc-eyebrow)}}@media(prefers-reduced-motion:reduce){.avalna-category-circles__ring,.avalna-category-circles__img{transition:none}.avalna-category-circles__item:active .avalna-category-circles__ring,.avalna-category-circles__item:hover .avalna-category-circles__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/avalna-category-circles.css.map */