/* Overlay host injected in product card */
.wc-hpv-host{
  position:absolute;
  inset:0;
  z-index:3;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}

.wc-hpv-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Woodmart + Woo common wrappers as positioning anchors */
li.product,
.product-grid-item,
.product-wrapper,
.product-element-top,
.product-image{
  position:relative;
}

/* Show video on hover ONLY if card has video */
li.product.wc-hpv-has-video:hover .wc-hpv-host,
.product-grid-item.wc-hpv-has-video:hover .wc-hpv-host{
  opacity:1;
  pointer-events:auto;
}

/* Fade image on hover ONLY if card has video (fix white box issue on products without video) */
li.product.wc-hpv-has-video:hover .product-element-top img,
li.product.wc-hpv-has-video:hover .product-image img,
li.product.wc-hpv-has-video:hover .woocommerce-LoopProduct-link img,
.product-grid-item.wc-hpv-has-video:hover .product-element-top img,
.product-grid-item.wc-hpv-has-video:hover .product-image img{
  opacity:0;
  transition:opacity .18s ease;
}

/* Limit overlay area to image container */
li.product .product-element-top,
.product-grid-item .product-element-top,
li.product .product-image,
.product-grid-item .product-image{
  position:relative;
  overflow:hidden;
}