.thumbnail.product-thumbnail {
  position: relative !important;
  overflow: hidden;
  display: block;
}

.cm-grid-video-wrap {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 8;
  pointer-events: none;
  background: transparent;
}

.cm-grid-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .18s ease;
  background: transparent;
}

.cm-grid-video.cm-grid-video-visible {
  opacity: 1;
}

.cm-pibt-video-item {
  line-height: 0;
}

.cm-pibt-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #f5f5f5;
}


/* Seguridad para apps/WebView: si el contenedor fuerza fullscreen, no mostramos videos en app. */
.cm-pgv-app-webview .cm-grid-video-wrap,
.cm-pgv-app-webview .cm-pibt-video-item {
  display: none !important;
}

/* v1.0.21: modo seguro app/WebView. Móviles normales mantienen video. */
.cm-pgv-mobile-safe .cm-grid-video-wrap,
.cm-pgv-mobile-safe .cm-pibt-video-item,
.cm-pgv-mobile-safe video.cm-grid-video,
.cm-pgv-mobile-safe video.cm-pibt-video {
  display: none !important;
  visibility: hidden !important;
}

/* v1.0.22: la imagen secundaria del módulo dd_productimagehover debe quedar sobre el video al hacer hover. */
.thumbnail.product-thumbnail img.drugi_image,
.product-thumbnail img.drugi_image {
  z-index: 30 !important;
}