/* Ensure media container is positioning context */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce div.product div.images,
.woocommerce div.product div.images .woocommerce-product-gallery {
  position: relative;
  display: block;
}

/* OVERLAY wrappers – video must stay inside media box */
.gw-hover-video-wrap,
{      /* ← MISSING earlier */
  inset: 0;                /* top/right/bottom/left = 0 */
  width: 100%;
 
  z-index: 2;
  pointer-events: none;    /* hover container पर लगेगा */
  overflow: hidden;        /* STOP overflow */
  border-radius: inherit;  /* match theme card radius */
}
.gw-single-hover-video-wrap {
  position: absolute;      /* ← MISSING earlier */
  inset: 0;                /* top/right/bottom/left = 0 */
  width: 59%;
  height: 100%;
  z-index: 2;
  pointer-events: none;    /* hover container पर लगेगा */
  overflow: hidden;        /* STOP overflow */
  border-radius: inherit;  /* match theme card radius */
}

/* Videos fill like images */
.gw-hover-video,
.gw-single-hover-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 1;
  -webkit-appearance: none; /* some browsers show overlay */
}

/* HARD HIDE native controls if any browser/plugins add them */
.gw-hover-video::-webkit-media-controls-enclosure,
.gw-hover-video::-webkit-media-controls,
.gw-single-hover-video::-webkit-media-controls-enclosure,
.gw-single-hover-video::-webkit-media-controls {
  display: none !important;
}
.gw-hover-video[controls],
.gw-single-hover-video[controls] {
  /* अगर कोई JS controls attribute सेट कर दे */
  controls: none !important; /* intent only; CSS hide above */
}

/* ---- LISTING (shop/category/related/upsell) ---- */
/* When the anchor contains our video, hide image/picture/placeholder */
a.woocommerce-LoopProduct-link:has(.gw-hover-video) img,
a.woocommerce-LoopProduct-link:has(.gw-hover-video) picture,
a.woocommerce-LoopProduct-link:has(.gw-hover-video) .attachment-woocommerce_thumbnail,
a.woocommerce-LoopProduct-link:has(.gw-hover-video) .woocommerce-placeholder {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Some themes add different classes */
.woocommerce ul.products li.product:has(.gw-hover-video) img.wp-post-image {
  display: none !important;
}

/* ---- SINGLE PRODUCT ---- */
.woocommerce div.product div.images:has(.gw-single-hover-video) .woocommerce-product-gallery__image img,
.woocommerce div.product div.images:has(.gw-single-hover-video) .woocommerce-placeholder {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Keep summary / cart controls above if overlapping */
.woocommerce div.product form.cart,
.woocommerce div.product .summary {
  position: relative;
  z-index: 3;
}