.wpvp-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    pointer-events: none; /* Prevent video from interfering with product links */
    overflow: hidden; /* Hide overflow content */
    background: black;
}

.wpvp-video-container.active {
    opacity: 1;
}

.wpvp-video-container video,
.wpvp-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Default to cover, will be overridden by inline styles */
.wpvp-video-container video,
.wpvp-video-container iframe {
    object-fit: cover;
}

.product:hover img.wp-post-image {
    opacity: 0.3; /* Slightly fade the image instead of hiding it completely */
}

/* Ensure the product container has a relative position */
.product {
    position: relative;
    overflow: hidden;
}

/* Hide WooCommerce product title on hover */
.product:hover .woocommerce-loop-product__title {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.wc-block-components-product-image {
    position: relative;
}

/* Ensure product container has proper positioning */
.product-inner {
    position: relative !important;
    overflow: hidden !important;
}

/* Make sure WooCommerce product images don't overlap video */
.woocommerce-loop-product__link img {
    position: relative;
    z-index: 1;
}