:root{--bg-color: #020617;--card-gradient: linear-gradient(120deg, #0f172a, #334155 77%);--wave-color: rgba(34, 211, 238, .25);--wave-color-alt: rgba(192, 132, 252, .15)}.product-slideshow{position:relative;overflow:hidden;max-width:100%;margin:0 auto;background-color:var(--bg-color);font-family:Inter,system-ui,-apple-system,sans-serif}.slideshow-wrapper{display:flex;transition:transform .5s ease;aspect-ratio:16 / 9}.slide{min-width:100%;opacity:0;transition:opacity .5s;display:flex;justify-content:center;align-items:center}.slide.active{opacity:1}.shot3d{width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:2500px;position:relative;background:radial-gradient(circle at center,#1e293b,#020617)}.background-surface{position:absolute;width:100%;height:100%;transform:rotateX(33deg) rotate(-30deg) rotateY(11deg);z-index:1;pointer-events:none;opacity:.8}.wave{position:absolute;width:200%;height:40%;fill:none;stroke-width:1.5;animation:slide-waves 30s linear infinite}.wave-1{stroke:var(--wave-color);top:10%;animation-duration:20s}.wave-2{stroke:var(--wave-color-alt);top:30%;animation-duration:40s;animation-direction:reverse}.wave-3{stroke:var(--wave-color);top:60%;animation-duration:25s}.wave-4{stroke:var(--wave-color-alt);top:80%;animation-duration:35s}@keyframes slide-waves{0%{transform:translate(0)}to{transform:translate(-50%)}}.shot3d>div:not(.background-surface){display:flex;position:relative;justify-content:center;align-items:center;width:75%;max-width:1200px;background:var(--card-gradient);box-shadow:inset 1px -1px 2px #ffffff1a,-80px 140px 100px #000c;transform-style:preserve-3d;border-radius:8px;z-index:10;animation:plane-to-viewer 12s ease-in-out infinite alternate}@keyframes plane-to-viewer{0%{transform:rotateX(33deg) rotate(-30deg) rotateY(11deg) translate3d(5%,-7%,50px) scaleZ(1);filter:brightness(.9) contrast(1)}to{transform:rotateX(5deg) rotate(-5deg) rotateY(2deg) translateZ(450px) scale3d(1.05,1.05,1.05);filter:brightness(1.2) contrast(1.1)}}.shot3d>div:before{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;background:#020617;transform-origin:top;transform:rotateX(-90deg)}.shot3d>div:after{content:"";position:absolute;left:-18px;top:0;bottom:0;width:18px;background:#1e293b;transform-origin:right;transform:rotateY(-90deg)}.product-3d-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px;opacity:.8}.slide-overlay-text{position:absolute;top:50%;left:50%;font-size:clamp(2.5rem,10vw,8rem);line-height:.85;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 20px 40px rgba(0,0,0,.6),0 0 35px rgba(34,211,238,.4);text-align:center;z-index:30;pointer-events:none;white-space:normal;width:85%;transform-style:preserve-3d;animation:float-oscillation 6s ease-in-out infinite}@keyframes float-oscillation{0%,to{transform:translate3d(calc(-50% - 2rem),-50%,180px) rotateX(0)}50%{transform:translate3d(calc(-50% - 2rem),-55%,300px) rotateX(-8deg)}}.reflection{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 40%,rgba(34,211,238,.05) 100%);pointer-events:none;z-index:20;border-radius:6px}.slide-prev,.slide-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border:1px solid rgba(255,255,255,.2);padding:1rem 1.5rem;cursor:pointer;z-index:100;border-radius:4px;transition:background .3s}.slide-prev:hover,.slide-next:hover{background:#fff3}.slide-prev{left:20px}.slide-next{right:20px}.slide-dots{position:absolute;bottom:20px;width:100%;text-align:center;z-index:100}.dot{width:12px;height:12px;margin:0 6px;background:#ffffff4d;border-radius:50%;border:none;cursor:pointer;transition:background .3s}.dot.active{background:#fff;box-shadow:0 0 10px #22d3eecc}@media(max-width:768px){.slide-prev,.slide-next{padding:.8rem}.shot3d>div:not(.background-surface){width:90%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-3d-shot.css.map */