.features-carousel-section{padding:6rem 0;overflow:hidden}.features-carousel__title{font-weight:700;line-height:1.2;margin:0 0 4rem}.features-carousel{position:relative}.features-carousel__wrapper{overflow:hidden;margin:0 -1.5rem;padding:0 1.5rem;position:relative}.features-carousel__track{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.features-carousel__track::-webkit-scrollbar{display:none}.features-carousel__track:active{cursor:grabbing}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;color:#000;opacity:1;visibility:visible}.carousel-arrow:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow--prev{left:1rem}.carousel-arrow--next{right:1rem}.carousel-arrow--hidden{opacity:0;visibility:hidden;pointer-events:none}.carousel-arrow svg{width:24px;height:24px}@media screen and (max-width:749px){.carousel-arrow{display:none}}.feature-slide{flex:0 0 85%;scroll-snap-align:center;position:relative}.feature-slide__image-wrapper{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3 / 4;background:#f5f5f5}.feature-slide__image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.feature-slide__content{position:absolute;top:2.5rem;left:2.5rem;z-index:2}.feature-slide__title{color:#fff;font-weight:700;margin:0 0 .5rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.3)}.feature-slide__subtitle{color:#ffffffe6;font-weight:500;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.features-carousel__dots{display:flex;justify-content:center;gap:1rem;margin-top:3rem}.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(var(--color-foreground),.2);border:none;padding:0;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:rgb(var(--color-foreground));width:28px;border-radius:5px}.carousel-dot:hover{background:rgba(var(--color-foreground),.5)}@media screen and (min-width:750px){.features-carousel__wrapper{margin:0 -2rem;padding:0 2rem}.feature-slide{flex:0 0 45%}.features-carousel__track{gap:2.5rem}.feature-slide__content{top:3rem;left:3rem}.carousel-arrow{display:flex;width:55px;height:55px}.carousel-arrow--prev{left:1.5rem}.carousel-arrow--next{right:1.5rem}}@media screen and (min-width:990px){.features-carousel-section{padding:8rem 0}.features-carousel__wrapper{margin:0;padding:0}.feature-slide{flex:0 0 calc(33.333% - 2rem)}.features-carousel__track{gap:3rem}.feature-slide__content{top:4rem;left:4rem}.carousel-dot{width:12px;height:12px}.carousel-dot.active{width:32px}.carousel-arrow{width:60px;height:60px}.carousel-arrow svg{width:28px;height:28px}.carousel-arrow--prev{left:2rem}.carousel-arrow--next{right:2rem}}@media screen and (min-width:1200px){.carousel-arrow--prev{left:3rem}.carousel-arrow--next{right:3rem}}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.feature-slide{animation:fadeInSlide .6s ease forwards}.feature-slide:nth-child(1){animation-delay:0s}.feature-slide:nth-child(2){animation-delay:.1s}.feature-slide:nth-child(3){animation-delay:.2s}.feature-slide:nth-child(n+4){animation-delay:.3s}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-features-carousel.css.map */