.hp-shop-by-variants{padding:40px 0 0 20px}.hp-shop-by-variants__inner{max-width:1200px;margin:0 auto}.hp-shop-by-variants__heading{text-align:center;font-size:18px;font-weight:600;margin:0 0 20px;padding-right:20px;color:var(--COLOR-TEXT)}.hp-shop-by-variants__cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.hp-shop-by-variants__cards::-webkit-scrollbar{display:none}.hp-shop-by-variants__card{flex:0 0 calc(100% / var(--hp-mobile-cols) - 10px);scroll-snap-align:start;text-decoration:none;color:var(--COLOR-TEXT);display:flex;flex-direction:column;gap:10px}.hp-shop-by-variants__card-image{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background-color:#f5f5f5}.hp-shop-by-variants__img{width:100%;height:100%;object-fit:cover;display:block}.hp-shop-by-variants__card-info{display:flex;flex-direction:column;gap:4px}.hp-shop-by-variants__card-title{margin:0;font-size:13px;font-weight:600;line-height:1.3}.hp-shop-by-variants__card-byline{margin:0;font-size:12px;color:var(--COLOR-TEXT-MUTED, rgba(0, 0, 0, .55));line-height:1.4}.hp-shop-by-variants__card--active .hp-shop-by-variants__card-image{outline:2px solid var(--COLOR-TEXT);outline-offset:2px}@media(min-width:990px){.hp-shop-by-variants{padding:60px 40px}.hp-shop-by-variants__heading{padding-right:0;margin-bottom:28px}.hp-shop-by-variants__cards{display:grid;grid-template-columns:repeat(var(--hp-desktop-cols),1fr);gap:24px;overflow-x:unset;scroll-snap-type:unset}.hp-shop-by-variants__card{flex:unset}.hp-shop-by-variants__card-title{font-size:14px}.hp-shop-by-variants__card-byline{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/hair-perfume-shop-by-variants.css.map */