.shop-by-color-revamp .shop-by-color__header{text-align:center;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.shop-by-color-revamp .shop-by-color__grid{display:grid;gap:20px}.shop-by-color-revamp .shop-by-color__column{display:flex!important;flex-direction:column;gap:20px;padding:0 10px}.shop-by-color-revamp .shop-by-color__item{text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;display:block;background:linear-gradient(180deg,#fff,#fffdeb)}.shop-by-color-revamp .shop-by-color__item:hover{transform:translateY(-8px)}.shop-by-color-revamp .shop-by-color__image-wrapper{background:none;border-radius:12px;margin-bottom:5px;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden}.shop-by-color-revamp .shop-by-color__image{max-width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.shop-by-color-revamp .shop-by-color__title{font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;color:#000;margin-bottom:8px}.shop-by-color-revamp .shop-by-color__container{position:relative}.shop-by-color-revamp .shop-by-color__container.has-nav-desktop{padding:0 44px}@media screen and (max-width:767px){.shop-by-color-revamp .shop-by-color__container,.shop-by-color-revamp .shop-by-color__container.has-nav-mobile{padding:0}}.shop-by-color-revamp .shop-by-color__title svg{width:14px;height:14px;fill:#ff5917;transition:transform .3s ease}.shop-by-color-revamp .shop-by-color__title svg path{stroke:#ff5917}.shop-by-color-revamp .shop-by-color__item:hover .shop-by-color__title svg{transform:translate(4px)}.shop-by-color-revamp .flickity-slider-container{display:block}.shop-by-color-revamp .shop-by-color__slider--mobile{display:none}.shop-by-color-revamp .flickity-prev-next-button{background:#fff;width:44px;height:44px;box-shadow:0 4px 15px #00000026;border-radius:50%;opacity:1;transition:all .3s ease;border:none;z-index:10}.shop-by-color-revamp .flickity-prev-next-button.previous{left:-22px}.shop-by-color-revamp .flickity-prev-next-button.next{right:-22px}.shop-by-color-revamp .flickity-prev-next-button svg{width:16px;height:16px}.shop-by-color-revamp .flickity-prev-next-button .arrow{fill:currentColor}.shop-by-color-revamp .flickity-page-dots{position:relative;bottom:auto;margin-top:30px;display:flex;justify-content:center;gap:8px;list-style:none;padding:0}.shop-by-color-revamp .flickity-page-dots .dot{width:8px;height:8px;background:#e0e0e0;border-radius:50%;opacity:1;margin:0;transition:all .3s ease;cursor:pointer}.shop-by-color-revamp .flickity-page-dots .dot.is-selected{background:#ff5917;width:24px;border-radius:4px}@media screen and (max-width:767px){.shop-by-color-revamp .shop-by-color__slider--desktop{display:none}.shop-by-color-revamp .shop-by-color__slider--mobile{display:block}.shop-by-color-revamp .shop-by-color__grid{gap:12px}.shop-by-color-revamp .shop-by-color__column{gap:12px;padding:0 6px}.shop-by-color-revamp .shop-by-color__header{margin-bottom:30px}.shop-by-color-revamp .shop-by-color__image-wrapper{padding:15px}.shop-by-color-revamp .shop-by-color__title{font-size:14px}.shop-by-color-revamp .flickity-prev-next-button{width:36px;height:36px}.shop-by-color-revamp .flickity-prev-next-button.previous{left:-10px}.shop-by-color-revamp .flickity-prev-next-button.next{right:-10px}.shop-by-color-revamp .flickity-page-dots{margin-top:20px}.shop-by-color-revamp .flickity-page-dots .dot{width:6px;height:6px}.shop-by-color-revamp .flickity-page-dots .dot.is-selected{width:18px}}
/*# sourceMappingURL=/cdn/shop/t/364/assets/section-shop-by-color-revamp.css.map */