.section-hair-goal-cards-carousel .hair-goal-cards-carousel__heading{margin:0 0 2rem}@media screen and (min-width:990px){.section-hair-goal-cards-carousel .hair-goal-cards-carousel__heading{margin-bottom:2.5rem}}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__slider{max-width:var(--page-width);margin:0 auto}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list{--grid-mobile-horizontal-spacing: 1.8rem;--grid-desktop-horizontal-spacing: 2.2rem;max-width:974px;margin:0 auto}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list .hair-goal-card{border-radius:30px;overflow:hidden;min-width:unset;max-width:unset;width:calc((100% - var(--grid-mobile-horizontal-spacing) - 3rem) / 1.5);scroll-snap-align:center}@media screen and (min-width:750px){.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list .hair-goal-card{width:calc((100% - (var(--grid-desktop-horizontal-spacing) * 2) - 3rem) / 3);scroll-snap-align:start}}@media screen and (min-width:990px){.section-hair-goal-cards-carousel .hair-goal-cards-carousel__slider{padding-right:5rem;padding-left:5rem}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list:after{content:none}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list{scroll-padding-left:0}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list .hair-goal-card:first-child{margin-left:0;scroll-margin-left:0}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__list .hair-goal-card{width:calc((100% - (var(--grid-desktop-horizontal-spacing) * 2)) / 3)}}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__slider .slider-button{position:absolute;top:calc(50% - 1.8rem);z-index:2}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__slider .slider-button--prev{left:.8rem}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__slider .slider-button--next{right:.8rem}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__footer{margin-top:2.6rem}.section-hair-goal-cards-carousel .hair-goal-cards-carousel__footer .slider-counter__link--dots:not(.slider-counter__link--active) .dot{background:#d9d9d9;border-color:#d9d9d9}
/*# sourceMappingURL=/cdn/shop/t/243/assets/section-hair-goal-cards-carousel.css.map */