.hover-video-section{width:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.hover-video-section .page-width{max-width:1500px;margin:0 auto;padding:0 15px}.hover-video-section .section-header{text-align:left;margin-bottom:20px}.hover-video-section .section-title{font-size:30px;font-weight:700;color:#1e2d43;margin:0 0 10px;line-height:1.3}.hover-video-section .section-description{font-size:15px;color:#666;line-height:1.5;max-width:600px;margin:0 auto}.hover-video-section .section-description p{margin:0}.hover-video-section .video-grid{display:grid;gap:15px}.hover-video-section .video-item{position:relative;overflow:hidden;border-radius:8px;background:#fff}.hover-video-section .video-item-container{position:relative;width:100%;overflow:hidden;border-radius:8px 8px 0 0}.hover-video-section .image-container{position:relative;width:100%;z-index:1;opacity:1;transition:opacity .3s ease;background:#f8f8f8;overflow:hidden;line-height:0}.hover-video-section .product-image{width:100%;height:auto;display:block;object-fit:contain;object-position:center;max-height:500px;margin:0 auto}.hover-video-section .placeholder-image{width:100%;padding-bottom:75%;background:#f5f5f5;display:block}.hover-video-section .video-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;background:#000;overflow:hidden}.hover-video-section .product-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hover-video-section .video-item.video-hover .video-overlay-container{opacity:1;visibility:visible}.hover-video-section .video-item.video-hover .image-container{opacity:0}.hover-video-section .content{padding:12px;text-align:center;border-top:1px solid #f0f0f0;background:#fff;border-radius:0 0 8px 8px}.hover-video-section .item-title{font-size:16px;font-weight:600;color:#333;margin:5px;line-height:1.3;text-align:left}.hover-video-section .item-description{font-size:13px;color:#666;line-height:1.4;margin:0 0 8px}.hover-video-section .item-description p{margin:0}.hover-video-section .button{display:inline-block;padding:6px 12px;background:#333;color:#fff;text-decoration:none;border-radius:3px;font-size:12px;font-weight:500;transition:all .3s ease;border:2px solid #333}.hover-video-section .button:hover{background:#fff;color:#333;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (max-width: 991px){.hover-video-section .section-title{font-size:18px}.hover-video-section .content{padding:10px}.hover-video-section .video-grid{gap:12px}.hover-video-section .product-image{max-height:350px}}@media (max-width: 767px){.hover-video-section .page-width{padding:0 10px}.hover-video-section .section-header{margin-bottom:20px}.hover-video-section .section-title{font-size:20px}.hover-video-section .section-description{font-size:13px}.hover-video-section .item-title{font-size:14px}.hover-video-section .item-description{font-size:12px}.hover-video-section .button{padding:5px 10px;font-size:11px}.hover-video-section .video-grid{gap:10px!important}.hover-video-section .product-image{max-height:300px}}@media (max-width: 480px){.hover-video-section .page-width{padding:0 8px}.hover-video-section .section-title{font-size:18px}.hover-video-section .content{padding:8px}.hover-video-section .product-image{max-height:250px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hover-video-grid.css.map */