.collection-circles-wrapper{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);overflow:hidden}.section-collection-circles{--circle-size: 140px;--ring-width: 3px;--ring-gap: 3px;--ring-color-start: #0A9B59;--ring-color-end: #0FD97A}.collection-circles__heading{text-align:center;margin-bottom:2.2rem;letter-spacing:.06em;font-weight:700;text-transform:uppercase;color:#1a1a1a}.collection-circles__container{position:relative;display:flex;align-items:center}.collection-circles__scroll{display:flex;gap:2.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 1.5rem;-ms-overflow-style:none;scrollbar-width:none;width:100%;justify-content:center;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.collection-circles__scroll::-webkit-scrollbar{display:none}.collection-circles__item{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0;min-width:calc(var(--circle-size) + 16px);transition:transform .25s ease;scroll-snap-align:center}.collection-circles__item:hover{transform:translateY(-5px)}.collection-circles__ring{width:var(--circle-size);height:var(--circle-size);border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--ring-width) solid #e0e0e0;transition:all .3s ease}.collection-circles__ring--active{border:none;background:linear-gradient(135deg,var(--ring-color-start),var(--ring-color-end));padding:var(--ring-width)}.collection-circles__item:hover .collection-circles__ring--active{box-shadow:0 6px 24px #0a9b594d;transform:scale(1.05)}.collection-circles__item:hover .collection-circles__ring:not(.collection-circles__ring--active){border-color:#0a9b59;box-shadow:0 4px 16px #0a9b5926}.collection-circles__image-wrapper{width:calc(var(--circle-size) - var(--ring-width) * 2 - var(--ring-gap) * 2);height:calc(var(--circle-size) - var(--ring-width) * 2 - var(--ring-gap) * 2);border-radius:50%;overflow:hidden;background-color:#fff;border:var(--ring-gap) solid #ffffff}.collection-circles__ring:not(.collection-circles__ring--active) .collection-circles__image-wrapper{width:calc(var(--circle-size) - var(--ring-width) * 2 - 4px);height:calc(var(--circle-size) - var(--ring-width) * 2 - 4px);border:2px solid #ffffff}.collection-circles__image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .4s ease}.collection-circles__item:hover .collection-circles__image{transform:scale(1.1)}.collection-circles__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:50%}.collection-circles__placeholder-svg{width:55%;height:55%;opacity:.35}.collection-circles__title{font-size:.95rem;font-weight:600;color:#1a1a1a;text-align:center;max-width:calc(var(--circle-size) + 30px);line-height:1.35;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.collection-circles__item:hover .collection-circles__title{color:#0a9b59}.collection-circles__arrow{position:absolute;top:50%;transform:translateY(-60%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.collection-circles__arrow:hover{box-shadow:0 4px 14px #0000001a;border-color:#0a9b59;color:#0a9b59}.collection-circles__arrow--left{left:-4px}.collection-circles__arrow--right{right:-4px}.section-collection-circles{--section-padding-top: 36px;--section-padding-bottom: 36px}@media screen and (min-width:750px){.collection-circles__scroll{gap:3rem;padding:1rem 1.5rem}.collection-circles__title{font-size:1rem}.collection-circles__heading{margin-bottom:2.6rem}}@media screen and (min-width:990px){.collection-circles__scroll{gap:4rem;justify-content:center;scroll-snap-type:none;padding:1rem 0}.collection-circles__title{font-size:1.05rem}.collection-circles__arrow{display:none!important}}@media screen and (min-width:1200px){.collection-circles__scroll{gap:5rem}}@media screen and (max-width:749px){.section-collection-circles{--circle-size: 110px}.collection-circles__scroll{gap:1.5rem;padding:.6rem 1rem;scroll-snap-type:x proximity;justify-content:flex-start}.collection-circles__title{font-size:.85rem}.collection-circles__arrow{display:none!important}}@media screen and (max-width:480px){.section-collection-circles{--circle-size: 90px}.collection-circles__scroll{gap:1.1rem;padding:.5rem .75rem}.collection-circles__title{font-size:.8rem}.collection-circles__heading{margin-bottom:1.2rem;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/collection-circles.css.map */