.video-grid-section{padding:60px 0;background:#fff}.video-grid-container{max-width:1400px;margin:0 auto;padding:0 20px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-item{position:relative;width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin-left:8px;margin-right:8px}.video-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.video-player{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:20px;text-align:center}.video-placeholder p{color:#6b7280;font-size:.875rem;margin:0}.video-dots{display:none;justify-content:center;gap:8px;margin-top:20px;padding:0 20px}.video-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e0;transition:all .3s ease;cursor:pointer}.video-dot.active{background:#2563eb;width:24px;border-radius:4px}@media screen and (min-width: 750px) and (max-width: 989px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}.video-grid-section{padding:50px 0}}@media screen and (max-width: 749px){.video-grid-section{padding:40px 0}.video-grid-container{padding:0}.video-grid{display:flex;gap:0px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding-bottom:10px}.video-grid::-webkit-scrollbar{display:none}.video-item{flex:0 0 auto;width:calc(100vw - 40px);height:80vh;max-height:600px;aspect-ratio:unset;margin-left:20px;margin-right:20px;scroll-snap-align:center}.video-dots{display:flex}}@media screen and (min-width: 990px){.video-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-grid.css.map */