.hh-circles{--hh-circle-size-desktop: 130px;--hh-circle-size-mobile: 96px;--hh-circle-gap: 24px;--hh-circle-gap-mobile: 14px;--hh-text-color: #1B3A8C;position:relative;padding-block:clamp(1.5rem,4vw,3rem)}.hh-circles__wrapper{position:relative}.hh-circles__scroller{display:flex;gap:var(--hh-circle-gap-mobile);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-inline:clamp(1rem,4vw,3rem);padding-block:.5rem;scroll-padding-inline:1rem}.hh-circles__scroller::-webkit-scrollbar{display:none}@media(min-width:900px){.hh-circles__scroller{gap:var(--hh-circle-gap);padding-inline:4rem}}.hh-circles__item{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.65rem;text-decoration:none;width:var(--hh-circle-size-mobile);transition:transform .25s ease}@media(min-width:900px){.hh-circles__item{width:var(--hh-circle-size-desktop);gap:.85rem}}.hh-circles__item:hover{transform:translateY(-3px)}.hh-circles__item:focus-visible{outline:2px solid var(--hh-text-color);outline-offset:4px;border-radius:12px}.hh-circles__circle{width:var(--hh-circle-size-mobile);height:var(--hh-circle-size-mobile);border-radius:50%;overflow:hidden;background:#f5f5f5;display:block;position:relative;box-shadow:0 2px 8px #0000000a;transition:box-shadow .25s ease}@media(min-width:900px){.hh-circles__circle{width:var(--hh-circle-size-desktop);height:var(--hh-circle-size-desktop)}}.hh-circles__item:hover .hh-circles__circle{box-shadow:0 6px 18px #0000001a}.hh-circles__img,.hh-circles__placeholder{width:100%;height:100%;object-fit:cover;display:block}.hh-circles__title{font-family:Tajawal,Cairo,sans-serif;font-size:.875rem;font-weight:600;color:var(--hh-text-color);text-align:center;line-height:1.3;margin:0}@media(min-width:900px){.hh-circles__title{font-size:.95rem}}.hh-circles__nav{position:absolute;top:calc(var(--hh-circle-size-desktop) / 2 - 18px + .5rem);z-index:3;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--hh-text-color);border:1px solid #E5E7EB;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000014;transition:background .2s ease,transform .2s ease}.hh-circles__nav svg{width:22px;height:22px}[dir=rtl] .hh-circles__nav svg{transform:scaleX(-1)}@media(min-width:900px){.hh-circles__nav{display:inline-flex}}.hh-circles__nav:hover,.hh-circles__nav:focus-visible{background:#f9fafb;transform:scale(1.06)}.hh-circles__nav[disabled]{opacity:.4;cursor:not-allowed;transform:none}.hh-circles__nav--prev{inset-inline-start:.5rem}.hh-circles__nav--next{inset-inline-end:.5rem}@media(prefers-reduced-motion:reduce){.hh-circles__scroller{scroll-behavior:auto}.hh-circles__item,.hh-circles__circle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-circles-hh.css.map */