.videos-section{padding:80px 0;text-align:center}.videos-carousel-wrapper{align-items:center;gap:20px;margin-bottom:30px}.videos-carousel-viewport,.videos-carousel-wrapper{display:flex;justify-content:center;position:relative}.videos-carousel-viewport{flex:1;max-width:600px;overflow:hidden}.videos-carousel-container{display:flex;gap:30px;align-items:center;justify-content:center;padding:20px 0;position:relative}.video-slide{flex:0 0 400px;max-width:400px;width:400px;aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2);transition:all .3s ease;position:relative}.video-slide.next,.video-slide.prev{opacity:.3;transform:scale(.75);pointer-events:none;position:absolute}.video-slide.prev{right:calc(100% + 15px)}.video-slide.next{left:calc(100% + 15px)}.video-slide.active{opacity:1;transform:scale(1);box-shadow:0 15px 50px rgba(0,0,0,.4);z-index:2;position:relative}.video-player{width:100%;height:100%;object-fit:contain}.carousel-button{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:50px;height:50px;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#333;flex-shrink:0;z-index:10}.carousel-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.carousel-button:active{transform:scale(.95)}.video-indicators{display:flex;gap:12px;justify-content:center;align-items:center}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid #666;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.indicator:hover{background:#999;transform:scale(1.2)}.indicator.active{background:#333;border-color:#333;transform:scale(1.3)}@media (max-width:768px){.videos-section{padding:60px 0}.videos-section h2{font-size:2rem;margin-bottom:30px}.videos-carousel-wrapper{gap:10px}.videos-carousel-viewport{max-width:400px}.video-slide{flex:0 0 280px;max-width:280px;width:280px}.video-slide.prev{right:calc(100% + 10px)}.video-slide.next{left:calc(100% + 10px)}.carousel-button{width:40px;height:40px;font-size:1.5rem}}@media (max-width:480px){.videos-carousel-viewport{max-width:320px}.video-slide{flex:0 0 240px;max-width:240px;width:240px}.video-slide.prev{right:calc(100% + 8px)}.video-slide.next{left:calc(100% + 8px)}.carousel-button{width:35px;height:35px;font-size:1.3rem}.indicator{width:10px;height:10px}}