.video-product-slider{padding:40px 0}.video-slider-wrapper{max-width:var(--page-width);margin:0 auto;padding:0 15px}.video-product-slider .section-header{text-align:center;margin-bottom:40px}.video-product-slider .section-header h2{font-size:32px;margin:0 0 12px;font-weight:600}.video-product-slider .section-header p{font-size:16px;color:#666;margin:0}.video-carousel{position:relative;margin-bottom:40px;perspective:800px;overflow:hidden}.video-carousel-inner{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;padding:30px 10%;transform-style:preserve-3d}.video-carousel-inner::-webkit-scrollbar{display:none}.video-slide{flex:0 0 75%;scroll-snap-align:center;position:relative;aspect-ratio:9/16;background:#f5f5f5;border-radius:12px;overflow:hidden;transition:all .3s ease;transform-style:preserve-3d;opacity:.5;transform:scale(.85) rotateY(15deg) translateZ(-50px);z-index:1;cursor:pointer}.video-slide.active{opacity:1;transform:scale(1) rotateY(0) translateZ(0);z-index:2}.video-slide.prev{transform:scale(.85) rotateY(-15deg) translateZ(-50px)}.video-slide.next{transform:scale(.85) rotateY(15deg) translateZ(-50px)}.video-slide video{width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;pointer-events:auto}.video-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.video-dot{width:8px;height:8px;border-radius:50%;background:#d1d1d1;border:none;padding:0;cursor:pointer;transition:all .3s ease}.video-dot:hover{background:#999}.video-dot.active{background:#333;width:24px;border-radius:4px}@media screen and (min-width: 750px){.video-product-slider{padding:60px 0}.video-carousel{perspective:none}.video-slide{margin:0 -20px}.video-carousel-inner{overflow-x:auto;scroll-snap-type:x mandatory;padding:0 5%;gap:20px;transform-style:flat}.video-slide{flex:0 0 calc(33.333% - 14px);aspect-ratio:9/16;opacity:1;transform:none!important;scroll-snap-align:start;margin:0;z-index:1;cursor:pointer;pointer-events:auto}.video-slide:hover{transform:translateY(-4px)!important}.video-slide.active,.video-slide.prev,.video-slide.next{transform:none!important;opacity:1;z-index:1;cursor:pointer;pointer-events:auto}.video-slide.active:hover,.video-slide.prev:hover,.video-slide.next:hover{transform:translateY(-4px)!important}.video-slide.active{z-index:2}.video-slider-wrapper{padding:0 30px}.video-product-slider .section-header h2{font-size:42px}.video-product-slider .section-header p{font-size:18px}}@media screen and (min-width: 990px){.video-slide{flex:0 0 calc(25% - 15px)}}@media screen and (min-width: 1200px){.video-slide{flex:0 0 calc(20% - 16px)}}.video-carousel-inner{scroll-behavior:smooth}.video-slide video[loading]{opacity:.7}.video-slide>div{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px;text-align:center;padding:20px}@media screen and (max-width: 749px){.video-carousel{margin-bottom:30px;perspective:800px}.video-carousel-inner{padding:30px 10%}.video-slide{flex:0 0 75%}}.video-dot:focus-visible{outline:2px solid #333;outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-product-slider.animate-in{animation:slideIn .6s ease-out}.video-product-slider.color-accent-1 .video-dot.active,.video-product-slider.color-accent-2 .video-dot.active{background:rgb(var(--color-foreground))}.video-product-slider.color-inverse .video-dot{background:#ffffff4d}.video-product-slider.color-inverse .video-dot.active{background:#fff}.phi--video-popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.phi--video-popup-modal.phi--show{opacity:1;visibility:visible}.phi--video-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1}.phi--video-popup-container{position:relative;width:100%;max-width:1000px;margin:0 auto;height:100%;z-index:2;display:flex;flex-direction:column}.phi--video-popup-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#fff;transition:background .3s ease}.phi--video-popup-close:hover{background:#fff3}.phi--video-popup-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#000;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.phi--video-popup-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0003}.phi--video-popup-arrow:active{transform:translateY(-50%) scale(.95)}.phi--video-popup-prev{left:20px}.phi--video-popup-next{right:20px}@media screen and (min-width: 750px){.phi--video-popup-arrow{display:flex}}@media screen and (max-width: 749px){.phi--video-popup-slider{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.phi--video-popup-slider::-webkit-scrollbar{display:none}.phi--video-popup-slide{width:100%;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:0}.phi--video-popup-slide video{width:100%;height:100%;object-fit:contain;background:#000}.phi--video-popup-dots{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.phi--popup-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:all .3s ease}.phi--popup-dot.phi--active{background:#fff;height:20px;border-radius:3px}}@media screen and (min-width: 750px){.phi--video-popup-slider{width:100%;height:100%;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;perspective:1200px;padding:60px 15%;gap:0}.phi--video-popup-slider::-webkit-scrollbar{display:none}.phi--video-popup-slide{flex:0 0 51%;height:80vh;scroll-snap-align:center;position:relative;display:flex;align-items:center;justify-content:center;transition:all .4s ease;transform-style:preserve-3d;opacity:.4;transform:scale(.8) rotateY(20deg) translateZ(-100px)}.phi--video-popup-slide.phi--active{opacity:1;transform:scale(1) rotateY(0) translateZ(0);z-index:10}.phi--video-popup-slide.phi--prev{transform:scale(.8) rotateY(-20deg) translateZ(-100px)}.phi--video-popup-slide.phi--next{transform:scale(.8) rotateY(20deg) translateZ(-100px)}.phi--video-popup-slide video{width:100%;max-width:500px;height:100%;object-fit:contain;background:#000;border-radius:12px;box-shadow:0 20px 60px #00000080}.phi--video-popup-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.phi--popup-dot{width:10px;height:10px;border-radius:50%;background:#fff6;border:none;padding:0;cursor:pointer;transition:all .3s ease}.phi--popup-dot:hover{background:#fff9}.phi--popup-dot.phi--active{background:#fff;width:30px;border-radius:5px}}.phi--video-popup-slide{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.phi--video-popup-slide video{-webkit-user-select:none;user-select:none;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/63/assets/section-video-product-slider.css.map */