.video-slideshow-section{position:relative;overflow:hidden;width:100%}.video-slideshow-container{position:relative}.video-slideshow-title{font-family:inherit;font-weight:700;line-height:1.2;margin:0}.video-slideshow-description{line-height:1.5;margin:0}.video-slideshow-wrapper-container{position:relative;overflow:hidden;border-radius:8px}.video-slideshow-wrapper{display:flex;transition:transform .6s cubic-bezier(.25,.46,.45,.94);align-items:center;will-change:transform}.video-slide,.text-slide{flex-shrink:0;position:relative;overflow:hidden}.video-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;cursor:pointer;transition:transform .3s ease;background:#000}.video-thumbnail:hover{transform:scale(1.02)}.video-thumbnail:active{transform:scale(.98)}.slideshow-video{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000001a,#000000b3);opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .video-overlay{opacity:1}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.play-button{background:#000c;color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.play-button:hover{background:#000000e6;transform:scale(1.1);box-shadow:0 6px 25px #0006}.play-button:active{transform:scale(.95)}.play-button svg{margin-left:2px;transition:transform .2s ease}.video-title-overlay{position:absolute;bottom:15px;left:15px;right:15px;background:#000c;color:#fff;padding:12px 16px;border-radius:8px;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(100%);transition:transform .3s ease}.video-thumbnail:hover .video-title-overlay{transform:translateY(0)}.video-title-overlay h3{margin:0 0 5px;font-size:16px;font-weight:600;line-height:1.3}.video-title-overlay p{margin:0;font-size:14px;opacity:.9;line-height:1.4}.text-content{padding:30px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .3s ease}.text-slide:hover .text-content{transform:translateY(-2px);box-shadow:0 10px 30px #0000001a}.text-slide-title{margin:0 0 15px;font-weight:700;line-height:1.2}.text-slide-content{margin:0 0 20px;line-height:1.5}.text-slide-button{margin-top:20px;padding:12px 24px;text-decoration:none;border-radius:6px;display:inline-block;font-weight:600;transition:all .3s ease;cursor:pointer}.text-slide-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.slideshow-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0}.video-slideshow-wrapper-container:hover .slideshow-nav{opacity:1}.slideshow-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.slideshow-nav:active{transform:translateY(-50%) scale(.95)}.prev-slide{left:15px}.next-slide{right:15px}.slideshow-dots{display:flex;justify-content:center;gap:8px;margin-top:25px;padding:10px 0}.slideshow-dot{width:12px;height:12px;border-radius:50%;border:none;background:#0000004d;cursor:pointer;transition:all .3s ease;padding:0}.slideshow-dot:hover{background:#00000080;transform:scale(1.2)}.slideshow-dot.active{background:#000c;transform:scale(1.3)}.video-side-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:auto;height:auto;background:transparent;z-index:1000;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;opacity:0;pointer-events:none}.video-side-panel.active{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.side-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.side-panel-content{position:relative;display:flex;flex-direction:column;z-index:1001;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080}.side-panel-header{position:absolute;top:15px;right:15px;z-index:1002;display:flex;align-items:center;gap:10px}.side-panel-title{color:#fff;font-size:16px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.7);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-panel{background:#000000b3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-panel:hover{background:#000000e6;transform:scale(1.1)}.side-panel-video-container{display:flex;align-items:center;justify-content:center}.side-panel-video{width:100%;height:auto;max-height:70vh;border-radius:12px;display:block}.mobile-video-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:1000;display:none;flex-direction:column;touch-action:manipulation}.mobile-video-overlay.active{display:flex}.mobile-video-container{flex:1;display:flex;flex-direction:column;position:relative}.mobile-close-btn{position:absolute;top:20px;right:20px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-close-btn:hover{background:#000000e6;transform:scale(1.1)}.mobile-video-slideshow{flex:1;overflow:hidden;position:relative}.mobile-video-track{display:flex;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.mobile-video-slide{flex-shrink:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:60px 20px 100px}.mobile-video-slide video{width:100%;height:auto;max-height:100%;border-radius:12px;box-shadow:0 20px 50px #00000080}.mobile-video-navigation{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-btn{background:#ffffff1a;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-nav-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-video-dots{display:flex;gap:8px;align-items:center}.mobile-video-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.mobile-video-dot.active{background:#ffffffe6;transform:scale(1.3)}.video-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;display:none}.video-loading.active{display:block}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}.play-button:focus,.slideshow-nav:focus,.slideshow-dot:focus,.close-panel:focus,.mobile-close-btn:focus,.mobile-nav-btn:focus{outline:2px solid #ffffff;outline-offset:2px}.fade-in{animation:fadeIn .5s ease-in-out}.fade-out{animation:fadeOut .5s ease-in-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-out-right{animation:slideOutRight .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 1024px){.side-panel-video{max-height:60vh}.side-panel-title{max-width:150px;font-size:14px}}@media (max-width: 768px){.video-slideshow-wrapper{display:flex;flex-direction:row}.video-slide,.text-slide{flex-shrink:0;width:100%;margin-right:0}.slideshow-nav,.video-side-panel{display:none}.video-slideshow-container{padding:0 15px!important}.video-slideshow-wrapper-container{overflow:hidden}.play-button{width:50px;height:50px}.video-title-overlay{bottom:10px;left:10px;right:10px;padding:10px 12px}.video-title-overlay h3{font-size:14px}.video-title-overlay p{font-size:12px}.text-content{padding:20px}.slideshow-dots{margin-top:15px}.slideshow-dot{width:10px;height:10px}}@media (max-width: 480px){.video-slideshow-container{padding:0 10px!important}.video-slide,.text-slide{max-width:100%}.play-button{width:45px;height:45px}.video-title-overlay{bottom:8px;left:8px;right:8px;padding:8px 10px}.video-title-overlay h3{font-size:13px}.video-title-overlay p{font-size:11px}.text-content,.mobile-video-header,.mobile-video-navigation,.mobile-video-wrapper{padding:15px}.mobile-video-title{font-size:16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.play-button,.slideshow-nav,.close-panel,.mobile-close-btn,.mobile-nav-btn{border:1px solid rgba(255,255,255,.1)}}@media (prefers-reduced-motion: reduce){.video-slideshow-wrapper,.video-thumbnail,.play-button,.slideshow-nav,.video-overlay,.video-title-overlay,.text-content,.slideshow-dot{transition:none}.loading-spinner{animation:none;border-left-color:transparent}}@media print{.video-slideshow-section{break-inside:avoid}.video-side-panel,.mobile-video-overlay,.video-loading{display:none!important}.slideshow-video{display:none}.play-button-overlay:after{content:"[Video content not available in print]";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f0f0f0;padding:10px;border-radius:4px;font-size:12px;color:#666}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/video-slideshow.css.map */