/* Скрываем нижний фон бокса, когда зум не активен */
.cz-box {
  position: absolute;
  inset: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 200%; /* ← коэффициент зума: 200% = x2 */
  opacity: 0;
  transition: opacity .2s ease;
  pointer-events: none;
  z-index: 5;
  border-radius: inherit;
}

.cz-box.cz-active {
  opacity: 1;
}

/* Пока активен зум — прячем оригинальный img, чтобы не просвечивал */
.woocommerce-product-gallery__image:hover .cz-box.cz-active ~ img,
.woocommerce-product-gallery__image .cz-box.cz-active + img {
  opacity: 0;
}

/* Курсор-лупа, чтобы пользователь понимал, что можно приблизить */
.woocommerce-product-gallery__image {
  cursor: zoom-in;
}

/* Не мешаем клику — ссылка должна оставаться кликабельной для Photoswipe */
.woocommerce-product-gallery__image a {
  display: block;
}