.video-gallery-section{background:#fff;padding-top:50px;padding-bottom:50px}.video-gallery-section .video-sub-heading{line-height:1;color:var(--text-highlight-color);letter-spacing:.05em;display:flex;align-items:center;gap:7px;position:relative;width:100%;text-transform:uppercase;margin-bottom:15px;justify-content:center}.video-gallery-section .video-sub-heading:before{width:20px;content:"";height:1.5px;background:var(--text-highlight-color);border-radius:2px;flex-shrink:0}.video-gallery-section h2{color:var(--text-primary);margin-bottom:30px}.video-gallery__grid{display:grid;gap:16px;width:100%;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.video-gallery__video-wrapper{position:relative;width:100%;aspect-ratio:9/16;background:#000;border-radius:8px;overflow:hidden}.video-gallery__video{width:100%;height:100%;object-fit:cover}.video-gallery__caption{position:absolute;bottom:3.5rem;left:0;right:0;background:#000000b3;color:#fff;padding:.5rem 1rem;text-align:center;font-weight:500}.video-gallery__controls{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:.75rem;display:flex;align-items:center;gap:.75rem;opacity:0;transition:opacity .3s ease}.video-gallery__video-wrapper:hover .video-gallery__controls,.video-gallery__video-wrapper:focus-within .video-gallery__controls{opacity:1}.video-gallery__btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.video-gallery__btn:hover,.video-gallery__btn:focus{background-color:#ffffff1a}.video-gallery__progress{position:relative;flex-grow:1;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;transition:height .2s ease}.video-gallery__progress:hover{height:6px}.video-gallery-section .video-gallery__progress-bar{height:100%;background:var(--video-progress-color);border-radius:2px;width:0%;display:block!important}.video-gallery-section .video-gallery__progress-handle{display:block!important;position:absolute;top:50%;left:0;width:12px;height:12px;background:var(--video-progress-color);border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 0 0 4px #fff3;transition:transform .2s ease}.video-gallery__progress:hover .video-gallery__progress-handle{transform:translate(-50%,-50%) scale(1.2)}.video-gallery__video-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loading 1s infinite linear;opacity:0;pointer-events:none}.video-gallery__video-wrapper[data-loading=true]:before{opacity:1}@keyframes loading{to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width:1024px){.video-gallery__grid{grid-template-columns:repeat(2,1fr)!important;margin-bottom:60px}}@media screen and (max-width:767px){.video-gallery-section{padding-top:40px;padding-bottom:40px}}.video-gallery-mobile{display:none}@media(max-width:500px){.desktop-grid{display:none}.video-gallery-mobile{display:block;margin-bottom:30px}.mobile-main-video{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:9/16}.mobile-main-video video{width:100%;height:100%;object-fit:cover;display:block;border-radius:18px;opacity:0;transition:opacity .25s ease}.mobile-main-video video.is-loaded{opacity:1}.mobile-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;border:none;background:#fff;cursor:pointer;font-size:24px}.mobile-video-tabs{display:grid;gap:10px;width:100%;grid-template-columns:repeat(4,1fr);margin-top:10px}.mobile-video-thumb{cursor:pointer;border-radius:10px;overflow:hidden;border:2px solid transparent}.mobile-video-thumb.active{border-color:#1f8f4e}.mobile-video-thumb video{width:100%;display:block;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-gallery-section.css.map */