.ananda-3d-carousel{--c3d-x-radius: 440px;--c3d-rotation: 0deg;--c3d-item-w: 270px;--c3d-item-h: 480px;--c3d-perspective: 1400px;--c3d-accent: var(--hero-accent, #E37A2C);position:relative;width:100%;padding-top:var(--c3d-pad-top, 80px);padding-bottom:var(--c3d-pad-bottom, 80px);overflow:hidden;isolation:isolate}.ananda-3d-carousel__header{text-align:center;max-width:720px;margin:0 auto;padding:0 1.5rem}.ananda-3d-carousel__eyebrow{font-size:1.5rem;letter-spacing:.38em;text-transform:uppercase;color:var(--c3d-accent);margin:0 0 1.5rem;font-weight:500;opacity:.9;transition:color .7s ease}.ananda-3d-carousel__heading{font-size:clamp(2.8rem,5vw,4rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 1rem;font-weight:400}.ananda-3d-carousel__subtitle{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55;opacity:.72;margin:0}.ananda-3d-carousel__stage{position:relative;width:100%;height:clamp(540px,60vw,700px);perspective:var(--c3d-perspective);perspective-origin:50% 50%;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ananda-3d-carousel__stage:active{cursor:grabbing}.ananda-3d-carousel__stage.is-dragging *{pointer-events:none}.ananda-3d-carousel__ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--c3d-item-w);height:var(--c3d-item-h);transform-style:preserve-3d;will-change:transform;transform:translateZ(calc(var(--c3d-x-radius) * -1)) rotateY(var(--c3d-rotation))}.ananda-3d-carousel__item{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--c3d-item-w);height:var(--c3d-item-h);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity;filter:drop-shadow(0 30px 40px rgba(0,0,0,.22));transition:transform .55s cubic-bezier(.2,.8,.3,1)}.ananda-3d-carousel__stage.is-dragging .ananda-3d-carousel__item{transition:none}.ananda-3d-carousel__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:22px;overflow:hidden}.ananda-3d-carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;width:116%;height:100%;margin-left:-8%;object-fit:cover;object-position:center center;display:block;border-radius:0;-webkit-user-drag:none;pointer-events:none;transform:scale(1.05);transition:transform .8s cubic-bezier(.2,.8,.3,1)}.ananda-3d-carousel__stage.is-dragging .ananda-3d-carousel__img{transition:none}.ananda-3d-carousel__item.is-active .ananda-3d-carousel__img,.ananda-3d-carousel__item.is-active .ananda-3d-carousel__reflection img{animation:c3d-active-drift 9s ease-in-out infinite alternate}@keyframes c3d-active-drift{0%{transform:scale(1.07) translate3d(-14px,-8px,0)}50%{transform:scale(1.09) translate3d(10px,4px,0)}to{transform:scale(1.07) translate3d(-6px,10px,0)}}.ananda-3d-carousel__reflection{position:absolute;left:0;right:0;top:101%;height:42%;overflow:hidden;pointer-events:none;border-top-left-radius:22px;border-top-right-radius:22px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 95%);mask-image:linear-gradient(to bottom,#0009,#0000 95%)}.ananda-3d-carousel__reflection img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;border-radius:0;pointer-events:none;scale:1 -1}@media(max-width:749px){.ananda-3d-carousel{--c3d-item-w: 155px;--c3d-item-h: 275px;--c3d-perspective: 1100px}.ananda-3d-carousel__stage{height:clamp(330px,88vw,420px)}.ananda-3d-carousel__frame{border-radius:18px}.ananda-3d-carousel__heading{letter-spacing:0}.ananda-3d-carousel__reflection{height:34%;border-top-left-radius:18px;border-top-right-radius:18px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,0) 90%);mask-image:linear-gradient(to bottom,#00000073,#0000 90%)}@keyframes c3d-active-drift{0%{transform:scale(1.05) translate3d(-8px,-5px,0)}50%{transform:scale(1.07) translate3d(6px,3px,0)}to{transform:scale(1.05) translate3d(-4px,6px,0)}}}@media(prefers-reduced-motion:reduce){.ananda-3d-carousel__item,.ananda-3d-carousel__img,.ananda-3d-carousel__reflection img,.ananda-3d-carousel__ring{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/ananda-carousel-3d.css.map */