*{margin:0;padding:0;box-sizing:border-box}.video-gallery-page{font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.video-gallery-container{max-width:1200px;margin:0 auto;padding:20px}.video-gallery-header-section{text-align:center;margin-bottom:60px}.video-gallery-main-title{font-size:3.5rem;font-weight:700;color:#2c3e50;margin-bottom:30px;letter-spacing:2px;text-transform:uppercase}.video-gallery-description{font-size:1.2rem;color:#7f8c8d;max-width:800px;margin:0 auto;line-height:1.8}.video-gallery-wrapper{position:relative;margin:60px 0}.video-gallery-section-title{font-size:2.5rem;font-weight:600;color:#34495e;text-align:center;margin-bottom:40px}.video-gallery-swiper-container{width:100%;padding:50px 0;position:relative;overflow:hidden}.video-gallery-gradient-mask-left,.video-gallery-gradient-mask-right{position:absolute;top:0;bottom:0;width:150px;z-index:10;pointer-events:none}.video-gallery-gradient-mask-left{left:0;background:linear-gradient(to right,#f5f5f5,#f5f5f5cc 30%,#f5f5f500)}.video-gallery-gradient-mask-right{right:0;background:linear-gradient(to left,#f5f5f5,#f5f5f5cc 30%,#f5f5f500)}.video-gallery-swiper-slide{background-position:center;background-size:cover;width:400px;height:300px;background-color:#fff;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease;position:relative}.video-gallery-swiper-slide:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.video-gallery-video-container{width:100%;height:100%;position:relative;overflow:hidden}.video-gallery-video-container video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.video-gallery-swiper-slide:hover .video-gallery-video-container video{transform:scale(1.05)}.video-gallery-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.video-gallery-swiper-slide:hover .video-gallery-video-overlay{opacity:1}.video-gallery-play-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.video-gallery-play-button:hover{transform:scale(1.1)}.video-gallery-play-button:after{content:"\25b6";font-size:28px;color:#333;margin-left:3px}.video-gallery-swiper-pagination{position:relative;margin-top:30px}.video-gallery-swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#bdc3c7;opacity:1;transition:all .3s ease}.video-gallery-swiper-pagination .swiper-pagination-bullet-active{background:#3498db;transform:scale(1.2)}.video-gallery-swiper-scrollbar{background:#bdc3c74d;height:6px;border-radius:3px;margin-top:20px}.video-gallery-swiper-scrollbar .swiper-scrollbar-drag{background:#3498db;border-radius:3px}.video-gallery-swiper-button-next,.video-gallery-swiper-button-prev{width:50px;height:50px;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 15px #0003;transition:all .3s ease}.video-gallery-swiper-button-next:after,.video-gallery-swiper-button-prev:after{content:""}.video-gallery-swiper-button-next svg,.video-gallery-swiper-button-prev svg{width:18px;height:18px;fill:#333}.video-gallery-swiper-button-next:hover,.video-gallery-swiper-button-prev:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.video-gallery-swiper-button-disabled{opacity:.3}.video-gallery-content-swiper-container .video-gallery-swiper-button-next,.video-gallery-content-swiper-container .video-gallery-swiper-button-prev{width:40px;height:40px}.video-gallery-content-swiper-container .video-gallery-swiper-button-next:after,.video-gallery-content-swiper-container .video-gallery-swiper-button-prev:after{content:""}.video-gallery-content-swiper-container .video-gallery-swiper-button-next svg,.video-gallery-content-swiper-container .video-gallery-swiper-button-prev svg{width:24px;height:24px;fill:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-gallery-content-pagination{position:relative;margin-top:20px;text-align:center}.video-gallery-content-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#bdc3c7;opacity:1;transition:all .3s ease;margin:0 3px}.video-gallery-content-pagination .swiper-pagination-bullet-active{background:#3498db;transform:scale(1.3)}.video-gallery-left-car.video-gallery-content-section{margin:80px 0;display:grid;grid-template-columns:1.5fr 3.5fr;gap:40px;align-items:center}.video-gallery-right-car.video-gallery-content-section{margin:80px 0;display:grid;grid-template-columns:3.5fr 1.5fr;gap:40px;align-items:center}.video-gallery-content-text h3{font-size:2rem;color:#2c3e50;margin-bottom:20px;font-weight:600}.video-gallery-content-text p{font-size:1.1rem;color:#7f8c8d;line-height:1.8}.video-gallery-content-carousel{position:relative;height:460px;overflow:hidden}.video-gallery-content-swiper-container{width:100%;height:100%;position:relative;padding:50px 0}.video-gallery-content-swiper-slide{background-position:center;background-size:cover;width:250px;height:350px;background-color:#fff;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease}.video-gallery-content-swiper-slide:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.video-gallery-content-image-container{width:100%;height:100%;position:relative;overflow:hidden}.video-gallery-content-image-container img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.video-gallery-content-swiper-slide:hover .video-gallery-content-image-container img{transform:scale(1.05)}.video-gallery-content-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.video-gallery-content-swiper-slide:hover .video-gallery-content-image-overlay{opacity:1}.video-gallery-content-view-button{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;font-size:24px;color:#333}.video-gallery-content-view-button:hover{transform:scale(1.1)}.video-gallery-content-view-button:after{content:"\25b6";font-size:28px;color:#333}.video-gallery-content-gradient-left,.video-gallery-content-gradient-right{position:absolute;top:0;bottom:0;width:150px;z-index:10;pointer-events:none}.video-gallery-content-gradient-left{left:0;background:linear-gradient(to right,#f5f5f5,#f5f5f5cc 30%,#f5f5f500)}.video-gallery-content-gradient-right{right:0;background:linear-gradient(to left,#f5f5f5,#f5f5f5cc 30%,#f5f5f500)}.video-gallery-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.video-gallery-video-modal.active{opacity:1;visibility:visible}.video-gallery-video-modal-content{position:relative;width:90%;max-width:800px;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #000c}.video-gallery-video-modal video{width:30%;height:auto;display:block;margin:0 auto}.video-gallery-modal-close{position:absolute;top:10px;right:15px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#333;transition:all .3s ease;z-index:10001}.video-gallery-modal-close:hover{background:#fff;transform:scale(1.1)}.video-gallery-modal-close:after{content:"\d7"}@media (max-width: 768px){.video-gallery-main-title{font-size:2.5rem}.video-gallery-section-title{font-size:2rem}.video-gallery-swiper-slide{width:300px;height:225px}.video-gallery-left-car.video-gallery-content-section,.video-gallery-right-car.video-gallery-content-section{grid-template-columns:1fr;gap:20px}.video-gallery-right-car.video-gallery-content-section{display:flex;flex-direction:column}.video-gallery-right-car .video-gallery-content-text{order:1}.video-gallery-right-car .video-gallery-content-carousel{order:2}.video-gallery-content-carousel{width:100vw;margin-left:calc(-50vw + 50%);height:400px}.video-gallery-content-swiper-slide{width:180px;height:250px}.video-gallery-content-gradient-left,.video-gallery-content-gradient-right{width:60px}}@media (max-width: 480px){.video-gallery-main-title{font-size:2rem}.video-gallery-swiper-slide{width:250px;height:188px}.video-gallery-content-carousel{height:350px}.video-gallery-content-swiper-slide{width:160px;height:220px}.video-gallery-content-gradient-left,.video-gallery-content-gradient-right{width:40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-gallery.css.map */