/************************************
 * DESABILITAR ZOOM NA PÁGINA DE PRODUTO
 ************************************/

/* 1) Remove o hover/zoom da imagem principal */
.product-cover img,
.js-qv-product-cover img,
#product .product-cover img,
#product .js-qv-product-cover img {
  transform: none !important;
  transition: none !important;
  cursor: default !important;
}

/* 2) Impede clique na imagem (não abre lightbox / popup) */
.product-cover a,
.js-qv-product-cover a {
  pointer-events: none !important;
  cursor: default !important;
}

/* 3) Esconde containers de zoom de plugins comuns (elevateZoom e similares) */
.zoomContainer,
.zoomWindow,
.zoomLens,
.zoomImg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 4) Alguns temas usam classe .zoom ou .easyzoom na imagem ou no wrapper */
.zoom,
.easyzoom,
.easyzoom-flyout,
.easyzoom-container {
  pointer-events: none !important;
  cursor: default !important;
  transform: none !important;
}

/* 5) Se o tema aplica scale() no hover via CSS */
.product-cover:hover img,
.js-qv-product-cover:hover img,
#product .product-cover:hover img,
#product .js-qv-product-cover:hover img {
  transform: none !important;
}

/* 6) Em alguns temas mobile ainda deixa clicável – garantir que não clique */
@media (max-width: 768px) {
  .product-cover a,
  .js-qv-product-cover a {
    pointer-events: none !important;
  }
}


.back-top,
.back-top-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}