.video-carousel-section{max-width:1400px;margin:40px auto;padding:0 20px;overflow:hidden;height:50vh;min-height:300px;max-height:500px;position:relative}.section-title{text-align:center;margin-bottom:30px;font-size:1.8rem}.carousel-container{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 0;height:calc(100% - 60px)}.cover-track{display:flex;width:max-content;gap:10px;transition:transform .5s ease;padding:0 20px;-webkit-user-select:none;user-select:none;cursor:grab}.cover-track.dragging{cursor:grabbing;transition:none}.cover-slide{flex:0 0 auto;width:180px;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0003;cursor:pointer;transition:all .3s ease;background:#000}.cover-slide:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 25px #0000004d;z-index:2}.cover-slide:hover .play-overlay{opacity:1}.video-cover{width:100%;height:100%;aspect-ratio:9 / 16;object-fit:cover;display:block;transition:transform .3s ease}.cover-slide:hover .video-cover{transform:scale(1.05)}.placeholder-cover{width:100%;aspect-ratio:9 / 16;background:#333;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.play-icon{font-size:2rem;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.video-caption{color:#fff;font-size:.8rem;text-align:center;padding:0 10px;max-width:100%;word-break:break-word}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fffc;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.7}.nav-arrow:hover{background:#fff;opacity:1;transform:translateY(-50%) scale(1.1)}.left-arrow{left:10px}.right-arrow{right:10px}.video-player-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.video-player-modal.active{display:flex;opacity:1}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6}.video-modal-container{position:relative;width:90%;max-width:350px;aspect-ratio:9 / 16;background:#000;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px #00000080;z-index:10000}.close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;transition:background .3s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d}.player-video{width:100%;height:100%;object-fit:contain;background:#000}@media (max-width: 768px){.video-carousel-section{height:auto;min-height:250px;padding:0 10px}.carousel-container{padding:15px 0;height:auto}.cover-slide{width:140px}.nav-arrow{width:35px;height:35px;font-size:1.2rem}.video-modal-container{max-width:300px}.section-title{font-size:1.4rem;margin-bottom:20px}}@media (max-width: 480px){.cover-slide{width:120px}.video-carousel-section{min-height:220px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/video-carousel.css.map */