.video-gallery{padding:80px 0;background-color:#f8f9fa}.video-gallery .container{max-width:1200px;margin:0 auto;padding:0 20px}.video-gallery .section-header{text-align:center;margin-bottom:48px}.video-gallery .section-header h2{font-size:36px;font-weight:700;color:#03045e;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.video-gallery .section-header p{font-size:18px;color:#6c757d;max-width:600px;margin:0 auto}.main-videos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}.ugc-videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.video-card{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#f0f0f0;overflow:hidden}.ugc-videos-grid .video-thumbnail{padding-bottom:177.78%}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-thumbnail video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:4;background:#000}.video-thumbnail.no-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.video-thumbnail.no-thumbnail:before{content:"";position:absolute;width:60px;height:60px;background:#ffffff4d;border-radius:50%}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;box-shadow:0 2px 8px #0003}.ugc-videos-grid .play-button{width:48px;height:48px}.video-card:hover .play-button{background:#fff;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px #0000004d}.play-button svg{width:24px;height:24px;fill:#03045e;margin-left:4px}.ugc-videos-grid .play-button svg{width:20px;height:20px;fill:#03045e}.video-info{padding:16px}.video-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.4}.ugc-videos-grid .video-title{font-size:14px}.video-description{font-size:14px;color:#6c757d;margin:0;line-height:1.5}.ugc-videos-grid .video-info{padding:12px}.video-player{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:none;z-index:3}.video-player.active{display:block}.video-player video{width:100%;height:100%;object-fit:contain}.video-close{position:absolute;top:10px;right:10px;width:32px;height:32px;background:#0009;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:background .3s ease}.video-close:hover{background:#000c}.video-close svg{width:16px;height:16px;stroke:#fff;stroke-width:2}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.video-modal.active{display:flex}.video-modal-content{position:relative;max-width:1200px;width:100%;max-height:90vh}.video-modal video,.video-modal iframe{width:100%;height:auto;max-height:80vh;display:block}.video-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.video-modal-close:hover{opacity:.7}@media (max-width: 1024px){.video-gallery{padding:60px 0}.main-videos-grid{grid-template-columns:1fr;gap:20px}.ugc-videos-grid{grid-template-columns:repeat(2,1fr);gap:16px}.video-gallery .section-header h2{font-size:32px}}@media (max-width: 768px){.video-gallery{padding:40px 0}.video-gallery .section-header h2{font-size:28px}.video-gallery .section-header p{font-size:16px}.ugc-videos-grid{display:flex;overflow-x:auto;gap:16px;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.ugc-videos-grid .video-card{flex:0 0 280px;scroll-snap-align:start}.ugc-videos-grid::-webkit-scrollbar{height:6px}.ugc-videos-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ugc-videos-grid::-webkit-scrollbar-thumb{background:#03045e;border-radius:3px}.ugc-videos-grid::-webkit-scrollbar-thumb:hover{background:#023e8a}.video-gallery .container{padding:0 20px}.play-button,.ugc-videos-grid .play-button{width:56px;height:56px}.video-modal-close{top:10px;right:10px;background:#0009;border-radius:50%}}@media (max-width: 480px){.ugc-videos-grid .video-card{flex:0 0 250px}.video-gallery .container{padding:0 16px}}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:none;z-index:5}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.video-card.loading .video-loading{display:block}.video-card.loading .play-button{opacity:.5}.video-card:focus{outline:2px solid #03045E;outline-offset:2px}.video-card:focus:not(:focus-visible){outline:none}.product-template .ugc-badge{position:absolute;top:12px;left:12px;background:#03045e;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2;text-transform:uppercase;letter-spacing:.5px}.ugc-badge{display:none}.video-duration{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/30/assets/video-gallery.css.map */