.video-section-wrapper-v7 *{margin:0;padding:0;box-sizing:border-box}.video-section{max-width:1200px;margin:0 auto;padding:40px 20px}.section-title{text-align:left;font-size:18px;font-weight:700;color:#000;margin-bottom:20px;letter-spacing:.5px;text-transform:uppercase}.video-container{position:relative}.video-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.video-grid::-webkit-scrollbar{display:none}.video-card{position:relative;aspect-ratio:9/16;width:200px;flex-shrink:0;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease;background-color:#f0f0f0;scroll-snap-align:start}.video-card:hover{transform:scale(1.02)}.video-thumbnail-wrapper,.video-poster-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:2;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.video-card:hover .video-overlay{background-color:#0006}.play-button{width:50px;height:50px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.play-button:after{content:"";width:0;height:0;border-left:16px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.video-label{position:absolute;bottom:12px;left:12px;right:12px;background:#000000b3;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fffc;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:#333}.nav-arrow:hover{background-color:#fff;border-color:#ccc}.nav-arrow.prev{left:-10px}.nav-arrow.next{right:-10px}.nav-arrow.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.video-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center}.video-modal.active{display:flex}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000d9}.modal-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:90%;height:90%}.modal-video-container{position:relative;width:auto;height:100%;max-width:100%;aspect-ratio:9/16}.modal-video-instance{width:100%;height:100%}.modal-video-element{width:100%;height:100%;border-radius:12px}.close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;z-index:2}@media (max-width: 768px){.nav-arrow{display:none}.modal-video-container{width:100%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/55/compiled_assets/styles.css.map */