.carousel-features{width:100%;padding:60px 80px;background-color:#fff0c9}.carousel-container{width:100%;margin:0 auto;position:relative}.carousel-content{position:relative;overflow:hidden;border-radius:40px;background:#eed1aa;border:2px solid #000}.carousel-slide{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px 24px 24px 56px;align-items:flex-start;position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}.carousel-slide.active{position:relative;opacity:1;pointer-events:auto}.carousel-slide .slide-text{opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.carousel-slide.active .slide-text{opacity:1;transform:translateY(0);transition-delay:.2s}.carousel-slide .slide-image img:not(.overlay-image){transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-slide:not(.active) .slide-image img:not(.overlay-image){transform:translate(100%)}.carousel-slide.active .slide-image img:not(.overlay-image){transform:translate(0)}.carousel-slide.enter-next .slide-image img:not(.overlay-image){transform:translate(100%)}.carousel-slide.active.enter-next .slide-image img:not(.overlay-image){transform:translate(0)}.carousel-slide.enter-prev .slide-image img:not(.overlay-image){transform:translate(-100%)}.carousel-slide.active.enter-prev .slide-image img:not(.overlay-image){transform:translate(0)}.carousel-slide.exit-next .slide-image img:not(.overlay-image){transform:translate(-100%)}.carousel-slide.exit-prev .slide-image img:not(.overlay-image){transform:translate(100%)}.slide-text{padding-right:40px;margin-top:32px}.slide-icon{margin-bottom:24px;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.slide-icon img{width:38px;height:38px;object-fit:contain}.slide-title{font-size:32px;font-weight:500;line-height:1.2;margin-bottom:16px;color:#1a1a1a}.slide-description{font-size:18px;line-height:1.6;color:#000000ad}.slide-description p{margin:0}.slide-image{position:relative;border-radius:20px;overflow:hidden!important;border:2px solid #000}.slide-image img{height:480px;border-radius:20px;object-fit:cover;display:block}.slide-image .overlay-image{position:absolute;top:30px;left:56px;width:auto;height:auto;max-width:80%;z-index:10;object-fit:contain;opacity:0;transform:translateY(30px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}.carousel-slide.active .slide-image .overlay-image{opacity:1;transform:translateY(0);transition-delay:.4s}.placeholder-svg{width:100%;height:100%;background:#e0e0e0}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:32px;position:absolute;bottom:58px;left:56px}.carousel-btn{width:48px;height:48px;border-radius:50%;border:2px solid #1a1a1a;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#1a1a1a}.carousel-btn:hover{background:#1a1a1a;color:#fff;transform:scale(1.05)}.carousel-btn:active{transform:scale(.95)}.carousel-dots{display:flex;gap:12px;align-items:center}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ccc;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#999;transform:scale(1.2)}.carousel-dot.active{width:32px;border-radius:5px;background:#1a1a1a}@media (max-width: 1024px){.carousel-slide{grid-template-columns:1fr;gap:32px;padding:40px}.slide-text{padding-right:0}.slide-title{font-size:28px}.slide-description{font-size:16px}.carousel-slide .slide-image{transform:translate(0);opacity:0;transition:opacity .6s ease-in-out}.carousel-slide.active .slide-image{opacity:1}.carousel-slide.exit-next .slide-image,.carousel-slide.exit-prev .slide-image{transform:translate(0);opacity:0}}@media (max-width: 640px){.carousel-features{padding:40px 16px}.carousel-slide{padding:32px 24px;gap:24px}.slide-icon{font-size:36px;width:48px;height:48px;margin-bottom:16px}.slide-icon svg{width:36px;height:36px}.slide-title{font-size:24px}.slide-description{font-size:15px}.carousel-controls{gap:24px;margin-top:32px}.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-carousel-features.css.map */