/* ===== TESTE DE NÍVEL (PÁGINA FIXA) ===== */
#nivel-page-app.nivel-page{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 18px 10px;
}
#nivel-page-app .nivel-wrap{
  width: min(760px, 100%);
  margin: 0 auto;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 34px rgba(0,0,0,.06);
}
#nivel-page-app .nivel-top h1{ margin: 6px 0 8px; font-size: 26px; }
#nivel-page-app .nivel-sub{ margin: 0 0 14px; color:#555; font-size:14px; }

#nivel-page-app .nivel-progress{ height:10px; background:#eee; border-radius:999px; overflow:hidden; }
#nivel-page-app .nivel-progress-bar{
  height:100%; background:#111; border-radius:999px;
  transition: width .25s ease;
}
#nivel-page-app .nivel-stepinfo{ margin:8px 0 12px; font-size:13px; color:#666; }

#nivel-page-app .q-card{
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:14px;
  margin:10px 0;
  background:#fff;
}
#nivel-page-app .q-titulo{ font-size:16px; margin:0 0 10px; }
#nivel-page-app .q-hint{ font-size:12px; color:#666; margin:-6px 0 10px; }

#nivel-page-app .opts{ display:grid; gap:8px; }
#nivel-page-app .opt{
  border:1px solid #ddd;
  border-radius:12px;
  padding:10px 10px;
  cursor:pointer;
  display:flex;
  gap:10px;
  align-items:flex-start;
  user-select:none;
}
#nivel-page-app .opt:hover{ background:#fafafa; }
#nivel-page-app .opt input{ margin-top:2px; }

#nivel-page-app .q-input{
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:12px;
  font-size:15px;
}

#nivel-page-app .nivel-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:12px;
}
#nivel-page-app .nivel-btn{
  border:0;
  padding:10px 14px;
  border-radius:12px;
  cursor:pointer;
  background:#111;
  color:#fff;
  font-weight:600;
}
#nivel-page-app .nivel-btn.secundario{ background:#f0f0f0; color:#111; }
#nivel-page-app .nivel-btn:disabled{ opacity:.5; cursor:not-allowed; }

#nivel-page-app .nivel-resultado{
  margin-top:14px;
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:14px;
  background:#fcfcfc;
}
#nivel-page-app .nivel-resultado h3{ margin:0 0 8px; font-size:18px; }
#nivel-page-app .badge{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
}
#nivel-page-app .nivel-resultado p{ margin:8px 0 0; color:#444; line-height:1.4; }


/************************************
 * 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;
  }
}