.collection-switcher{width:100%;overflow:hidden}.collection-switcher__container{max-width:100%}.collection-switcher__scroll{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;padding-top:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.collection-switcher__scroll::-webkit-scrollbar{display:none}@media(min-width:1024px){.collection-switcher__scroll{justify-content:center}}.collection-switcher__item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;scroll-snap-align:start;cursor:pointer;min-width:80px;padding:.5rem;text-decoration:none;transition:transform .2s ease}.collection-switcher__item:hover{transform:translateY(-2px)}.collection-switcher__item--active{cursor:default;pointer-events:none}.collection-switcher__item--active:hover{transform:none}.collection-switcher__image-wrapper{position:relative;width:92px;height:92px;display:flex;align-items:center;justify-content:center}.collection-switcher__image-circle{position:relative;z-index:10;width:88px;height:88px;border-radius:50%;transition:all .3s ease;background:#fff;border:2px solid transparent;padding:4px}.collection-switcher__item:not(.collection-switcher__item--active):hover .collection-switcher__image-circle{border-color:#e5e7eb}.collection-switcher__image-circle--active{border-color:#ff6b9d;box-shadow:0 4px 8px #ff6b9d33}.collection-switcher__image-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.collection-switcher__image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .5s ease}.collection-switcher__item:not(.collection-switcher__item--active):hover .collection-switcher__image{transform:scale(1.05)}.collection-switcher__title{font-family:Streamline,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;transition:color .2s ease;color:#444;max-width:100px;line-height:1.2;margin-top:5px}.collection-switcher__item:not(.collection-switcher__item--active):hover .collection-switcher__title{color:#ff6b9d}.collection-switcher__title--active{color:#ff6b9d;font-weight:800}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map */