.video-carousel-wrapper{width:100%;padding:calc(60px * var(--scale-factor)) calc(20px * var(--scale-factor));background-color:var(--bg-color);overflow:hidden;direction:rtl;position:relative}.video-carousel-container{max-width:calc(1400px * var(--scale-factor));margin:0 auto;position:relative}.video-carousel-heading{text-align:center;font-size:calc(var(--heading-size) * var(--scale-factor));font-weight:600;margin-bottom:calc(40px * var(--scale-factor));color:var(--heading-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Cairo,sans-serif;letter-spacing:-.01em}.video-carousel-scene{position:relative;padding:0 calc(20px * var(--scale-factor))}.video-carousel{position:relative;width:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;padding:calc(40px * var(--scale-factor)) 0;direction:ltr}.video-carousel:active{cursor:grabbing}.video-track{display:flex;gap:calc(20px * var(--scale-factor));will-change:transform;padding:0 calc(10px * var(--scale-factor));direction:ltr}.video-item{flex-shrink:0;width:calc(280px * var(--scale-factor));position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);transform:scale(.85);opacity:.5}.video-item.active{transform:scale(1);opacity:1;z-index:20}.video-item.adjacent{transform:scale(.9);opacity:.7;z-index:10}.video-item.far{transform:scale(.8);opacity:.4;z-index:5}.video-card{position:relative;border-radius:calc(var(--border-radius) * var(--scale-factor));overflow:hidden;background:var(--card-bg);border:calc(var(--border-width) * var(--scale-factor)) solid var(--border-color);transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 calc(4px * var(--scale-factor)) calc(12px * var(--scale-factor)) #00000014,0 calc(2px * var(--scale-factor)) calc(6px * var(--scale-factor)) #0000000d}.video-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.video-card-link:hover{transform:translateY(calc(-2px * var(--scale-factor)))}.video-item.active .video-card{box-shadow:0 calc(8px * var(--scale-factor)) calc(24px * var(--scale-factor)) #0000001f,0 calc(4px * var(--scale-factor)) calc(12px * var(--scale-factor)) #00000014}.video-wrapper{width:100%;aspect-ratio:9 / 16;position:relative;overflow:hidden;background:#000}.video-player{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--placeholder-color)}.play-icon{width:calc(var(--play-icon-size) * var(--scale-factor));height:calc(var(--play-icon-size) * var(--scale-factor));display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;color:var(--play-icon-color);-webkit-backdrop-filter:blur(calc(10px * var(--scale-factor)));backdrop-filter:blur(calc(10px * var(--scale-factor)));transition:all .3s ease}.play-icon svg{width:50%;height:50%;margin-right:calc(-3px * var(--scale-factor))}.video-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-item:not(.active) .video-play-overlay,.video-item:hover .video-play-overlay{opacity:1}.video-item.active .video-play-overlay{opacity:0}.video-play-overlay .play-icon{transform:scale(1);transition:transform .3s ease}.video-item:hover .video-play-overlay .play-icon{transform:scale(1.1)}.video-title{padding:calc(12px * var(--scale-factor)) calc(16px * var(--scale-factor));font-size:calc(var(--title-size) * var(--scale-factor));font-weight:600;text-align:center;color:var(--title-color);background:var(--title-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Cairo,sans-serif;line-height:1.4}.video-price{padding:calc(8px * var(--scale-factor)) calc(16px * var(--scale-factor));font-size:calc(var(--price-size) * var(--scale-factor));font-weight:700;text-align:center;color:var(--price-color);background:var(--price-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Cairo,sans-serif;display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--scale-factor));border-top:calc(1px * var(--scale-factor)) solid rgba(0,0,0,.08)}.price-compare{text-decoration:line-through;color:#999;font-size:calc(var(--price-size) * .85 * var(--scale-factor));font-weight:500}.price-final{color:var(--price-color)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:calc(20px * var(--scale-factor));margin-top:calc(40px * var(--scale-factor));direction:rtl}.carousel-btn{width:calc(var(--btn-size) * var(--scale-factor));height:calc(var(--btn-size) * var(--scale-factor));border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--btn-bg);color:var(--btn-color);transition:all .3s ease;box-shadow:0 calc(4px * var(--scale-factor)) calc(12px * var(--scale-factor)) #00000026;flex-shrink:0}.carousel-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 calc(6px * var(--scale-factor)) calc(16px * var(--scale-factor)) #0003}.carousel-btn:active:not(:disabled){transform:scale(1)}.carousel-btn:disabled{cursor:not-allowed;opacity:.3}.carousel-btn svg{width:40%;height:40%}.carousel-dots{display:flex;gap:calc(8px * var(--scale-factor));padding:0 calc(12px * var(--scale-factor));align-items:center}.carousel-dot{width:calc(8px * var(--scale-factor));height:calc(8px * var(--scale-factor));border-radius:50%;background:var(--dot-color);cursor:pointer;transition:all .3s ease;flex-shrink:0}.carousel-dot.active{background:var(--dot-active-color);width:calc(24px * var(--scale-factor));border-radius:calc(12px * var(--scale-factor))}.carousel-dot:hover:not(.active){background:var(--dot-active-color);opacity:.6;transform:scale(1.3)}@media (max-width: 768px){.video-carousel-wrapper{padding:calc(40px * var(--scale-factor)) calc(10px * var(--scale-factor))}.video-item{width:calc(240px * var(--scale-factor))}.video-track,.carousel-controls{gap:calc(15px * var(--scale-factor))}}@media (max-width: 480px){.video-item{width:calc(200px * var(--scale-factor))}.video-track{gap:calc(12px * var(--scale-factor))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(calc(30px * var(--scale-factor)))}to{opacity:1;transform:translateY(0)}}.video-carousel-wrapper{animation:fadeInUp .6s ease-out}.carousel-btn:focus-visible{outline:calc(2px * var(--scale-factor)) solid var(--btn-bg);outline-offset:calc(4px * var(--scale-factor))}.carousel-dot:focus-visible{outline:calc(2px * var(--scale-factor)) solid var(--dot-active-color);outline-offset:calc(3px * var(--scale-factor))}.video-track,.video-item,.video-card,.video-player{backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d}.video-carousel *{-webkit-user-drag:none;-webkit-touch-callout:none}.video-carousel{touch-action:pan-y pinch-zoom}*{box-sizing:border-box}.video-card{border-style:solid}@media print{.video-carousel-wrapper{padding:calc(40px * var(--scale-factor)) 0}.carousel-controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-video-carousel.css.map */