.slider3d{--menu-track-opacity: .2;--menu-btn-blur: 18px;--section-height: 80vh;--side-slide-depth: -550px;--arrow-size: 60px;--arrow-distance: 35%;--drag-offset: 0px}.slider3d{position:relative;width:100%;height:var(--section-height);min-height:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;perspective:1000px;touch-action:pan-y}.slider3d__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.slider3d__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity .5s ease;background:radial-gradient(ellipse at 20% 80%,var(--gradient-color-1, rgba(255,255,255,.15)) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--gradient-color-2, rgba(255,255,255,.1)) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--gradient-color-3, rgba(0,0,0,.05)) 0%,transparent 70%);background-size:200% 200%,200% 200%,100% 100%;animation:gradientMove 15s ease-in-out infinite}.slider3d[data-bg-effect=gradient] .slider3d__gradient{opacity:1}@keyframes gradientMove{0%,to{background-position:0% 50%,100% 50%,50% 50%}25%{background-position:50% 0%,50% 100%,50% 50%}50%{background-position:100% 50%,0% 50%,50% 50%}75%{background-position:50% 100%,50% 0%,50% 50%}}.slider3d__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s ease;pointer-events:none}.slider3d[data-bg-effect=particles] .slider3d__particles{opacity:1}.slider3d__particle{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:var(--particle-opacity, .6)}90%{opacity:var(--particle-opacity, .6)}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.slider3d__nav{position:absolute;top:25px;z-index:100;width:100%;height:60px;display:flex;justify-content:center;align-items:center;touch-action:pan-y;--menu-text: #ffffff}.slider3d__nav-track{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;height:48px;background:rgba(0,0,0,var(--menu-track-opacity));border-radius:50px;z-index:80;pointer-events:none;box-shadow:inset 0 2px 8px #0000001a}.slider3d__nav-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115px;height:38px;border-radius:40px;z-index:90;pointer-events:none;backdrop-filter:blur(var(--menu-btn-blur));-webkit-backdrop-filter:blur(var(--menu-btn-blur));background:linear-gradient(135deg,#ffffff80,#ffffff1a 40%,#ffffff0d 60%,#fff3);box-shadow:inset 1px 1px 2px #ffffffe6,inset -1px -1px 3px #0000001a,inset 0 0 15px #ffffff26,0 8px 25px -5px #0003;overflow:hidden;transform-origin:center center}.slider3d__nav-pill:before{content:"";position:absolute;top:4px;left:10px;width:35%;height:40%;background:linear-gradient(to bottom,#fffc,#ffffff1a);border-radius:50%;filter:blur(4px);transform:rotate(-15deg);opacity:.8;pointer-events:none}.slider3d__nav-pill.is-animating{animation:jellyBounce .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes jellyBounce{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.15,.9)}50%{transform:translate(-50%,-50%) scale(.95,1.05)}70%{transform:translate(-50%,-50%) scale(1.02,.98)}to{transform:translate(-50%,-50%) scale(1)}}.slider3d__nav-stage{position:relative;width:320px;height:100%;z-index:95;overflow:hidden}.slider3d__nav-btn{font-family:var(--font-body-family);font-weight:700;position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;padding:10px 0;white-space:nowrap;cursor:pointer;width:100px;color:var(--menu-text);text-transform:uppercase;font-size:12px;letter-spacing:.5px;text-decoration:none;background:transparent;border:none;outline:none;transition:left .6s cubic-bezier(.5,-.2,.2,1.5),transform .6s cubic-bezier(.5,-.2,.2,1.5),opacity .4s ease;transform-origin:center center;pointer-events:none}.slider3d__nav-btn.is-active{left:50%;transform:translate(-50%,-50%) scale(1.05);opacity:1;z-index:10;pointer-events:auto;color:#fff;text-shadow:0 1px 10px rgba(255,255,255,.2)}.slider3d__nav-btn.is-prev{left:18%;transform:translate(-50%,-50%) scale(.9);opacity:.6;z-index:5;pointer-events:auto}.slider3d__nav-btn.is-next{left:82%;transform:translate(-50%,-50%) scale(.9);opacity:.6;z-index:5;pointer-events:auto}.slider3d__nav-btn.is-hidden{opacity:0;z-index:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8)}.slider3d__container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;z-index:10}.slider3d__slide{position:absolute;width:100%;height:100%;display:none;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px 20px;gap:20px;opacity:0;transform:translateZ(-600px);filter:blur(10px);z-index:0;pointer-events:none;--img-scale: var(--scale-d, 1);--img-rotate: var(--rotate-d, 0deg);--side-slide-offset: var(--offset-d, 30%);transition:opacity .8s cubic-bezier(.2,.8,.2,1),filter .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity,filter}.slider3d__slide.is-dragging{transition:opacity .15s ease,filter .15s ease}.slider3d__slide.is-visible{display:flex}.slider3d__slide.is-active{opacity:1;transform:translate(var(--drag-offset)) translateZ(0);filter:blur(0);z-index:20;pointer-events:auto}.slider3d__slide.is-prev{opacity:.6;transform:translate(calc(var(--side-slide-offset) * -1 + var(--drag-offset))) translateZ(var(--side-slide-depth));filter:blur(3px);z-index:10;pointer-events:auto;cursor:pointer}.slider3d__slide.is-next{opacity:.6;transform:translate(calc(var(--side-slide-offset) + var(--drag-offset))) translateZ(var(--side-slide-depth));filter:blur(3px);z-index:10;pointer-events:auto;cursor:pointer}.slider3d__slide.is-prev:hover,.slider3d__slide.is-next:hover{opacity:.9;filter:blur(1px)}.slider3d__title-wrap{position:relative;text-align:center;width:100%;opacity:0;transform:translateY(-30px);transition:all .5s ease;z-index:30}.slider3d__slide.is-active .slider3d__title-wrap{opacity:1;transform:translateY(0);transition-delay:.2s}.slider3d__title{font-family:var(--font-heading-family);font-weight:800;font-size:clamp(1.8rem,5vw,3.5rem);text-shadow:0 4px 20px rgba(0,0,0,.2);line-height:1.1;text-transform:uppercase;margin:0;padding:0 15px}.slider3d__title-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.slider3d__title-link:hover{opacity:.85}.slider3d__image-wrap{position:relative;display:flex;justify-content:center;align-items:center;width:100%;z-index:20;flex:1;min-height:0;perspective:1000px}.slider3d__image-link{display:flex;justify-content:center;align-items:center;transition:transform .1s ease-out;transform-style:preserve-3d}.slider3d__image{max-width:85%;max-height:45vh;height:auto;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(0,0,0,.25));transform:translateY(15px) scale(var(--img-scale, 1)) rotate(var(--img-rotate, 0deg));transition:transform .6s cubic-bezier(.25,1,.5,1),filter .3s ease;will-change:transform}.slider3d__slide.is-active .slider3d__image:hover{filter:drop-shadow(0 25px 45px rgba(0,0,0,.3));transform:translateY(15px) scale(calc(var(--img-scale, 1) * 1.05)) rotate(var(--img-rotate, 0deg))}.slider3d__btn-wrap{position:relative;text-align:center;width:100%;opacity:0;transform:translateY(30px);transition:all .5s ease;z-index:30}.slider3d__slide.is-active .slider3d__btn-wrap{opacity:1;transform:translateY(0);transition-delay:.3s}.slider3d__btn{font-family:var(--font-body-family);font-weight:600;display:inline-flex;justify-content:center;align-items:center;padding:14px 28px;text-decoration:none;border-radius:50px;font-size:13px;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1;background:transparent!important;border:none!important;outline:none!important;cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.slider3d__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:50px;background-color:var(--btn-bg);box-shadow:0 5px 20px 0 var(--btn-glow);backdrop-filter:blur(var(--btn-blur, 12px));-webkit-backdrop-filter:blur(var(--btn-blur, 12px));border:1px solid rgba(255,255,255,.4);border-top-color:#fff9;background-image:linear-gradient(145deg,#fff6,#fff0 50%);transition:box-shadow .3s ease}.slider3d__btn:hover{transform:translateY(-4px) scale(1.03)}.slider3d__btn:hover:before{box-shadow:0 8px 30px 0 var(--btn-glow)}.slider3d__btn.is-loading{pointer-events:none;opacity:.7}.slider3d__btn.is-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btnSpin .8s linear infinite;margin-left:10px}@keyframes btnSpin{to{transform:rotate(360deg)}}.slider3d__arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff6;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;transition:all .3s ease}.slider3d__arrow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;cursor:pointer;z-index:10}.slider3d__arrow svg{width:var(--arrow-size);height:var(--arrow-size);filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));pointer-events:none}.slider3d__arrow:hover{color:#ffffffe6;transform:translateY(-50%) scale(1.1)}.slider3d__arrow--prev{left:var(--arrow-distance)}.slider3d__arrow--next{right:var(--arrow-distance)}@media (max-width: 768px){.slider3d{--side-slide-depth: -500px;--arrow-size: 40px;--arrow-distance: 8px;min-height:500px}.slider3d__slide{--img-scale: var(--scale-m, .9);--img-rotate: var(--rotate-m, 0deg);--side-slide-offset: var(--offset-m, 80%);padding:15px;gap:0!important}.slider3d__nav{top:30px}.slider3d__nav-track{width:270px;height:42px}.slider3d__nav-pill{width:95px;height:34px}.slider3d__nav-stage{width:270px}.slider3d__nav-btn{font-size:11px;width:75px}.slider3d__image{max-height:35vh;max-width:80%}.slider3d__btn{padding:12px 24px;font-size:12px}.slider3d__arrow{width:50px;height:50px}.slider3d__title-wrap,.slider3d__title{position:relative;top:65px;margin-bottom:10px}.slider3d__slide .slider3d__btn-wrap,.slider3d__slide.is-active .slider3d__btn-wrap{transform:translateY(-75px)!important;margin-top:0;position:relative;z-index:60}.slider3d__slide .slider3d__btn-wrap{opacity:0;transition:opacity .4s ease!important}.slider3d__slide.is-active .slider3d__btn-wrap{opacity:1;transition-delay:.1s}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-slider-3d.css.map */