.video-grid-section{padding:80px 0}@media(max-width:549px){.video-grid-section{padding:60px 0}}.video-grid-section .container{max-width:1220px;margin:0 auto;padding:0 15px}@media(min-width:68.75rem){.video-grid-section .container{padding-left:3em;padding-right:3em}}.video-grid-header{text-align:center;margin-bottom:48px}.video-grid-title{font-size:2.5rem;font-weight:700;color:#0f426f;margin-bottom:16px}@media(max-width:549px){.video-grid-title{font-size:2rem}}.video-grid-subtitle{font-size:1.125rem;color:#666;line-height:1.6;max-width:600px;margin:0 auto}@media(max-width:549px){.video-grid-subtitle{font-size:1rem}}.video-grid-carousel{position:relative}.video-grid-track{width:100%}.video-grid-row{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}@media(min-width:550px){.video-grid-row{flex-direction:row}}@media(max-width:549px){.video-grid-track{overflow:hidden;width:100%}.video-grid-row{display:flex;flex-wrap:nowrap;gap:0;transition:transform .3s ease;transform:translate(0);justify-content:flex-start}}.video-grid-item{flex:0 0 100%;max-width:100%}@media(min-width:550px){.video-grid-item{flex:0 0 calc(33.333% - 20px);max-width:calc(33.333% - 20px)}}@media(max-width:549px){.video-grid-item{flex:0 0 100%;min-width:100%;max-width:100%}}.video-grid-nav{display:none}@media(max-width:549px){.video-grid-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}}.video-grid-arrow{display:none}@media(max-width:549px){.video-grid-arrow{display:flex;width:36px;height:36px;border-radius:50%;background-color:#fff;border:1px solid #e0e0e0;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;flex-shrink:0}.video-grid-arrow:hover{background-color:#4baef8;border-color:#4baef8}.video-grid-arrow:hover svg{stroke:#fff}.video-grid-arrow svg{width:20px;height:20px;stroke:#333;transition:stroke .3s ease}}.video-grid-dots{display:none}@media(max-width:549px){.video-grid-dots{display:flex;justify-content:center;align-items:center;gap:10px}.video-grid-dot{width:10px;height:10px;border-radius:50%;background-color:#d0d0d0;border:none;cursor:pointer;padding:0;transition:all .3s ease}.video-grid-dot:hover{background-color:#a0a0a0}.video-grid-dot.active{background-color:#4baef8;transform:scale(1.2)}}.video-grid-wrapper{position:relative;aspect-ratio:16 / 9;background:#e0e0e0;border-radius:12px;overflow:hidden}.video-grid-container{position:relative;width:100%;height:100%}.video-grid-element,.video-grid-image{width:100%;height:100%;object-fit:cover;display:block}.video-grid-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e0e0,silver);color:#999}.video-grid-item-title{font-size:1rem;font-weight:600;color:#333;margin-top:12px;text-align:center}.video-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .3s ease,opacity .3s ease;z-index:10;pointer-events:none}.video-grid-overlay:hover,.video-grid-wrapper:hover .video-grid-overlay{background:#0000004d}.video-grid-overlay.hidden{opacity:0;pointer-events:none}.video-grid-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:#4baef8f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #4baef880;z-index:5;pointer-events:all}.video-grid-play-button:hover{background-color:#ea1351f2;border-color:#ffffff80;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 25px #ea135199}.video-grid-play-button .icon-play{width:22px;height:22px;color:#fff;margin-left:3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes video-grid-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.7}}.video-grid-play-button .play-button-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:2px solid rgba(75,174,248,.5);animation:video-grid-pulse 2s ease-in-out infinite;pointer-events:none}.video-grid-container.playing .play-button-ring{display:none}@media(max-width:549px){.video-grid-play-button{width:50px;height:50px}.video-grid-play-button .icon-play{width:18px;height:18px}.video-grid-play-button .play-button-ring{width:50px;height:50px}.video-grid-header{margin-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-grid.css.map */