.col-scroller{max-width:1200px;margin:0 auto;padding:60px 20px}.col-scroller__title{text-align:center;font-size:32px;font-weight:700;margin:0 0 30px;color:#111}.col-scroller__selector{position:relative;display:flex;justify-content:center;margin-bottom:35px}.col-scroller__select-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border:1px solid #222222;border-radius:999px;font-family:inherit;font-size:14px;color:#222;cursor:pointer}.col-scroller__select-btn svg{transition:transform .2s ease}.col-scroller__select-btn[aria-expanded=true] svg{transform:rotate(180deg)}.col-scroller__dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:220px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #222222;z-index:20;display:none;max-height:280px;overflow-y:auto}.col-scroller__dropdown.is-open{display:block}.col-scroller__option{display:block;width:100%;padding:10px 14px;background:none;border:none;font-family:inherit;font-size:14px;text-align:left;color:#222;cursor:pointer}.col-scroller__option:hover{background:#f2f2f2}.col-scroller__option.is-active{font-weight:700}.col-scroller__panel{display:none}.col-scroller__panel.is-active{display:block}.col-scroller__track{overflow:hidden;width:100%}.col-scroller__track-inner{display:flex;gap:20px;width:max-content;animation:col-scroller-marquee var(--scroll-speed, 30s) linear infinite}.col-scroller__track:hover .col-scroller__track-inner{animation-play-state:paused}@keyframes col-scroller-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.col-scroller__card{flex:0 0 auto;width:220px;text-decoration:none;color:inherit}.col-scroller__image-wrap{width:100%;aspect-ratio:3 / 4;background:#f2f2f2;overflow:hidden}.col-scroller__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.col-scroller__info{display:flex;flex-direction:column;gap:4px;padding-top:10px}.col-scroller__name{font-size:14px;color:#222}.col-scroller__price{font-size:14px;font-weight:700;color:#111}.col-scroller__empty{font-size:14px;color:#666}@media(max-width:600px){.col-scroller__card{width:160px}}@media(prefers-reduced-motion:reduce){.col-scroller__track-inner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-scroller.css.map */