.wrapper{width:100%;overflow:hidden;position:relative;padding:30px 0}.section-title{font-size:36px;margin:0 0 20px;padding:0 50px}.video-carousel{position:relative;width:1585px;max-width:100%;overflow:visible;box-sizing:border-box}.video-container{width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;overflow:visible;gap:15px;justify-content:flex-start}.video-wrapper{position:relative;width:280px;flex:0 0 280px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d}video{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px 8px 0 0}.video-info{padding:12px}.video-title{font-size:14px;color:#333;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.play-pause-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#00000080;border:none;border-radius:50%;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.play-pause-btn .play-icon,.play-pause-btn .pause-icon{width:50px;height:50px;object-fit:contain}.play-pause-btn .pause-icon,.video-wrapper.playing .play-icon{display:none;width:50px}.video-wrapper.playing .pause-icon{display:block;width:50px}.prev-btn,.next-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;color:#333;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.next-btn{right:15px}.prev-btn:hover,.next-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}@media (max-width: 768px){.desktop-only{display:none}.wrapper{background:#fff;padding:15px 0}.section-title{font-size:29px;padding:0 15px 15px;margin:0;color:#333}.video-carousel{padding:0}.video-container{width:100%;padding:0 15px}.video-wrapper{width:calc(100vw - 70px);flex:0 0 calc(100vw - 70px);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000d}video{width:100%;aspect-ratio:16/9;object-fit:cover}.video-info{padding:12px 15px}.video-title{font-size:15px;color:#333;margin:0;font-weight:400;line-height:1.4}.play-pause-btn{width:50px;height:50px;background:#0009;opacity:0;transition:opacity .3s}.video-wrapper.playing .play-pause-btn{display:none}.video-wrapper:not(.playing) .play-pause-btn{opacity:1;display:flex}.play-pause-btn .pause-icon,.video-wrapper.playing .pause-icon,.video-duration{display:none}}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none}.video-modal.active{display:block}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1000px;height:auto;display:flex;align-items:center;justify-content:center;background-color:#333}.modal-video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;display:block}.modal-content video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.modal-content video::-webkit-media-controls-panel{background:#0009;display:flex!important;opacity:0;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0;z-index:2147483647}@media (max-width: 768px){.modal-content video::-webkit-media-controls-panel{opacity:1!important;display:flex!important;transition:none;background:#0009;position:absolute;bottom:0;left:0;right:0}.modal-content video::-webkit-media-controls-timeline,.modal-content video::-webkit-media-controls-current-time-display,.modal-content video::-webkit-media-controls-time-remaining-display{display:flex!important;opacity:1!important;visibility:visible!important}}@media (min-width: 769px){.modal-video-wrapper.show-controls video::-webkit-media-controls-panel{opacity:1!important}}.modal-play-pause-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#0009;border:none;border-radius:50%;cursor:pointer;z-index:21;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}@media (min-width: 769px){.modal-video-wrapper:not(.playing) .modal-play-pause-btn{opacity:1;display:flex}}@media (max-width: 768px){.modal-video-wrapper.show-play-button .modal-play-pause-btn{opacity:1;display:flex}.modal-video-wrapper.playing.show-play-button .modal-play-pause-btn .play-icon{display:none}.modal-video-wrapper.playing.show-play-button .modal-play-pause-btn .pause-icon{display:block;width:50px;height:50px}}.modal-play-pause-btn .play-icon{display:block;width:50px}.modal-play-pause-btn .pause-icon{display:none;width:50px;height:50px;object-fit:contain}.modal-video-wrapper.playing .pause-icon{display:none}.modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:22;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-content{width:100%;height:100%;max-width:none;background-color:#333}.modal-video-wrapper{width:100%;height:100%;padding-bottom:0}.modal-content video{width:100%;height:100%;object-fit:contain}.modal-close{top:15px;right:15px}.modal-video-info{top:15px;left:15px;padding:10px;background:#0009}}.modal-video-info{position:absolute;bottom:-40px;left:15px;width:100%;padding:10px 0}.modal-video-info .video-title{color:#fff;font-size:16px;margin:0;text-align:left}@media (max-width: 768px){.modal-video-info{bottom:auto;top:80px;left:0;background:#0009;padding:10px}}.modal-content video::-webkit-media-controls-start-playback-button{display:none!important}.modal-content video::-webkit-media-controls-play-button{display:none!important}.modal-content video::-webkit-media-controls-panel{display:flex!important;opacity:1;background:#0009}@media (max-width: 768px){.modal-content video::-webkit-media-controls-overlay-play-button{display:none!important}.modal-content video::-webkit-media-controls-play-button{display:none!important}.modal-content video::-webkit-media-controls-timeline,.modal-content video::-webkit-media-controls-current-time-display,.modal-content video::-webkit-media-controls-time-remaining-display{display:flex!important;opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/customize-video.css.map */