/* Product Image Zoom - zoomLens + zoomPane
   Same class names as Videojet's live implementation */

.zoomLens {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #3b82f6;
  background: rgba(59, 130, 246, 0.15);
  pointer-events: none;
  display: none;
  z-index: 5;
  cursor: crosshair;
}

.zoomPane {
  position: absolute;
  top: 0;
  left: 100%;
  max-width: calc(100vw - 40px); /* extra safety: never wider than the viewport */
  background-color: #fff;
  background-repeat: no-repeat;
  border: 1px solid #e0e0e0;
  display: none;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  margin: 0 !important;
}

/* Disable zoom entirely on tablet & mobile — only active above 991px */
@media (max-width: 991px) {
  .zoomLens,
  .zoomPane {
    display: none !important;
  }
}