/*
Theme Name: Storefront Child - 1000 Palavras
Template: storefront
Version: 1.0.0
Description: Tema filho do Storefront para Projeto 1000 Palavras - Loja com iframe integrado
Author: Projeto 1000 Palavras
Author URI: https://projeto1000palavras.com.br
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-child-1000palavras
*/

/* 
 * Estilos customizados serão adicionados abaixo
 * O CSS do tema pai (Storefront) é carregado automaticamente via functions.php
 */

/* ========================================
   FONTE ROBOTO - GOOGLE FONTS
   ======================================== */

/* Importar Roboto do Google Fonts com todas as variações */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Aplicar Roboto em todo o site */
body,
html,
* {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Garantir que inputs e buttons também usem Roboto */
input,
textarea,
select,
button,
.button,
.woocommerce-Button {
  font-family: 'Roboto', sans-serif !important;
}

/* Títulos e headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto', sans-serif !important;
}

/* ========================================
   TÍTULOS DE PRODUTOS
   ======================================== */

/* Título principal do produto */
.product_title.entry-title {
  font-size: 2.5rem !important; /* Tamanho original para desktop */
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
  color: #333 !important;
}

/* Campo customizado antes do título */
.custom-field-before-title {
  font-size: 1.1rem !important; /* Tamanho original para desktop */
  font-weight: 500 !important;
  color: #666 !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}

/* Responsividade para mobile */
@media (max-width: 768px) {
  .product_title.entry-title {
    font-size: 2rem !important;
  }
  
  .custom-field-before-title {
    font-size: 1rem !important;
  }
}

/* ========================================
   ATRIBUTOS DE PRODUTOS - TAMANHOS
   ======================================== */

/* Tamanhos em maiúsculas (P, M, G, GG, GGG) */
.variations select,
.variations_form select,
.woocommerce-variation-select,
.woocommerce div.product form.cart .variations select,
.woocommerce div.product form.cart .variations td.value select {
  text-transform: uppercase !important;
}

/* Garantir que as opções também fiquem em maiúsculas */
.variations select option,
.variations_form select option {
  text-transform: uppercase !important;
}

/* Labels de variações também em maiúsculas (opcional) */
.woocommerce div.product form.cart .variations label {
  text-transform: uppercase !important;
}

/* Swatches de tamanhos em maiúsculas */
.thwvsf_fields .thwvsf-wrapper-ul,
.thwvsf_fields .thwvsf-wrapper-ul li,
.thwvsf_fields .thwvsf-wrapper-ul li span,
.thwvsf_fields .thwvsf-wrapper-ul li a,
.thwvsf_fields .thwvsf-wrapper-ul li .thwvsf-button-label,
.thwvsf_fields .thwvsf-wrapper-ul .thwvsf-button-wrap,
.thwvsf_fields .thwvsf-wrapper-ul .thwvsf-button-wrap span {
  text-transform: uppercase !important;
}

/* Variações de texto também em maiúsculas */
.thwvsf-wrapper-ul li.selected span,
.thwvsf-wrapper-ul li:hover span {
  text-transform: uppercase !important;
}

/* ========================================
   ORDEM DOS TAMANHOS - Flexbox
   ======================================== */

/* Ativar Flexbox para permitir reordenação */
.thwvsf-wrapper-ul {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Definir ordem: P, M, G, GG, GGG */
.thwvsf-wrapper-ul li[data-value="p"] {
  order: 1 !important;
}

.thwvsf-wrapper-ul li[data-value="m"] {
  order: 2 !important;
}

.thwvsf-wrapper-ul li[data-value="g"] {
  order: 3 !important;
}

.thwvsf-wrapper-ul li[data-value="gg"] {
  order: 4 !important;
}

.thwvsf-wrapper-ul li[data-value="ggg"] {
  order: 5 !important;
}

/* Garantir que outros tamanhos (se houver) fiquem no final */
.thwvsf-wrapper-ul li {
  order: 99 !important;
}

/* ========================================
   OCULTAR ELEMENTOS DESNECESSÁRIOS
   ======================================== */

/* Ocultar aba de "Informações Adicionais" */
.woocommerce-Tabs-panel--additional_information,
#tab-additional_information,
.woocommerce-tabs #tab-additional_information {
  display: none !important;
}

/* Ocultar também o link/botão da aba no menu de tabs */
.woocommerce-tabs ul.tabs li.additional_information_tab,
#tab-title-additional_information {
  display: none !important;
}

/* ========================================
   TEXTO HTML CUSTOMIZADO DO PRODUTO
   ======================================== */

/* Container da imagem precisa ser relativo */
.woocommerce div.product div.images,
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image.flex-active-slide {
  position: relative !important;
}

/* Imagem principal ocupa todo o espaço do container */
.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image.flex-active-slide a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.woocommerce-product-gallery__image a img:not(.zoomImg),
.woocommerce-product-gallery__image.flex-active-slide a img:not(.zoomImg) {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Texto customizado como overlay no canto inferior direito DA IMAGEM PRINCIPAL */
.produto-html-text {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  text-align: right !important;
  z-index: 10 !important;
  max-width: 150px !important;
  pointer-events: none !important; /* Não bloquear cliques na imagem */
  
  /* Fundo branco semi-transparente (como na imagem) */
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding: 8px !important;
  border: none !important;
  box-shadow: none !important;
  
  /* Tipografia */
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: bold !important;
  line-height: 1.4 !important;
  color: #333 !important; /* Texto preto como na imagem */
  
  /* Quebra de linha */
  white-space: normal !important;
  word-wrap: break-word !important;
}

/* Ajuste responsivo para mobile */
@media (max-width: 768px) {
  .produto-html-text {
    bottom: 8px !important;
    right: 8px !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
  }
  
  /* Override específico para produto-html-text DENTRO da galeria */
  .woocommerce div.product div.images .produto-html-text {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 999 !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* ========================================
   TICKER NOS CARDS DE PRODUTOS (Listagem)
   ======================================== */

/* Cards de produto precisam ser relativos */
li.product,
.woocommerce ul.products li.product,
li.product a.woocommerce-LoopProduct-link,
li.product .woocommerce-loop-product__link {
  position: relative !important;
}

/* Remover margem da imagem nos cards para o ticker ficar sobre ela */
li.product img.attachment-woocommerce_thumbnail,
li.product img.woocommerce-loop-product__image,
li.product a.woocommerce-LoopProduct-link img,
li.product .woocommerce-loop-product__link img {
  margin-bottom: 0 !important;
}

/* Garantir que imagens dos produtos sejam responsivas e maiores - DESKTOP */
li.product img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* Tamanho das imagens dos produtos - DESKTOP (tamanho reduzido e uniforme) */
li.product .woocommerce-loop-product__link img,
li.product a.woocommerce-LoopProduct-link img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 300px !important; /* Altura máxima reduzida para tamanho correto */
  object-fit: contain !important; /* Usar contain ao invés de cover para não cortar */
  object-position: center !important;
  position: relative !important;
  z-index: 0 !important; /* Z-index baixo para não sobrepor elementos abaixo */
}

/* Garantir que containers de imagem tenham altura consistente */
li.product .woocommerce-loop-product__link,
li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  max-height: 300px !important; /* Altura máxima do container reduzida */
  display: block !important;
  overflow: hidden !important;
}

/* Espaçamento entre produtos - Desktop (como na imagem original) */
li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 0 !important; /* Sem margin-bottom extra no desktop - o grid controla */
  padding-bottom: 0 !important; /* Sem padding extra no desktop */
  min-height: auto !important; /* Permitir altura natural baseada no conteúdo */
  overflow: visible !important; /* Garantir que nada seja cortado */
  height: auto !important; /* Altura automática baseada no conteúdo */
}

/* Espaçamento maior apenas no mobile */
@media (max-width: 768px) {
  li.product,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    margin-bottom: 4rem !important; /* Espaçamento maior no mobile */
    padding-bottom: 2rem !important; /* Padding interno no mobile */
  }
}

/* Ticker nos cards (listagem) - versão compacta - "professores reais" */
.produto-html-text-card {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  text-align: right !important;
  z-index: 10 !important;
  max-width: 120px !important;
  pointer-events: none !important;
  
  /* Estilo visual igual ao da página individual */
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding: 6px !important;
  border: none !important;
  box-shadow: none !important;
  
  /* Tipografia */
  font-family: 'Roboto', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
}

/* Garantir que o container da imagem seja relativo para o texto aparecer */
li.product .woocommerce-loop-product__link,
li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  position: relative !important;
  display: block !important;
}

/* Garantir que o texto "professores reais" apareça sobre a imagem */
li.product .produto-html-text-card,
.woocommerce ul.products li.product .produto-html-text-card,
.woocommerce-page ul.products li.product .produto-html-text-card {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  z-index: 10 !important;
}

/* ========================================
   STICKERS DE DESCONTO NOS PRODUTOS
   ======================================== */

/* Sticker de desconto - posicionamento no canto superior direito - SOLUÇÃO DEFINITIVA */
.discount-sticker,
img.discount-sticker,
.discount-sticker img,
.woocommerce .discount-sticker,
.woocommerce-page .discount-sticker {
  position: absolute !important;
  top: 0 !important;
  right: 5rem !important; /* Posição correta no desktop */
  bottom: auto !important;
  transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo da imagem */
  transform-origin: top right !important;
  z-index: 99999 !important;
  width: 102px !important; /* Reduzido 20%: 128px * 0.8 = 102.4px */
  height: auto !important;
  pointer-events: none !important;
  max-width: 102px !important;
  min-width: 102px !important;
  max-height: 102px !important;
  float: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  vertical-align: top !important;
  align-self: flex-start !important;
}

/* Sticker em vitrine e categorias - posicionado no topo direito do card */
.woocommerce ul.products li.product .discount-sticker,
.woocommerce-page ul.products li.product .discount-sticker,
.woocommerce ul.products li.product img.discount-sticker,
.woocommerce-page ul.products li.product img.discount-sticker,
li.product .discount-sticker,
li.product img.discount-sticker {
  position: absolute !important;
  top: 0 !important;
  right: 5rem !important; /* Posição correta no desktop */
  bottom: auto !important;
  transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo da imagem */
  transform-origin: top right !important;
  left: auto !important;
  width: 102px !important; /* Reduzido 20%: 128px * 0.8 = 102.4px */
  max-width: 102px !important;
  min-width: 102px !important;
  max-height: 102px !important;
  float: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  z-index: 99999 !important;
  vertical-align: top !important;
  align-self: flex-start !important;
}

/* Garantir que containers de imagem sejam relativos para sticker absolute */
li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative !important;
  overflow: visible !important;
}

/* GARANTIR QUE TODOS OS ELEMENTOS DO PRODUTO SEJAM VISÍVEIS - REGRAS GERAIS */
/* Remover qualquer regra que possa estar ocultando elementos */
.woocommerce ul.products li.product *,
.woocommerce-page ul.products li.product * {
  visibility: visible !important;
  opacity: 1 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 10 !important; /* Z-index alto para aparecer sobre a imagem */
  margin-top: 1rem !important;
  margin-bottom: 0.5rem !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product span.price,
.woocommerce-page ul.products li.product span.price {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 10 !important; /* Z-index alto para aparecer sobre a imagem */
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale {
  display: inline-block !important; /* Largura automática baseada no conteúdo */
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important; /* Largura automática - tamanho da palavra */
  max-width: none !important; /* Sem limite de largura */
  overflow: visible !important;
  position: relative !important;
  z-index: 10 !important; /* Z-index alto para aparecer sobre a imagem */
  padding: 0.25rem 0.5rem !important; /* Padding mínimo */
  white-space: nowrap !important; /* Não quebrar linha */
}

.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce-page ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product button.add_to_cart_button,
.woocommerce-page ul.products li.product button.add_to_cart_button,
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce-page ul.products li.product .button.add_to_cart_button {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 44px !important; /* Altura mínima para garantir visibilidade */
  max-height: none !important; /* Sem altura máxima que corte o botão */
  overflow: visible !important;
  position: relative !important;
  z-index: 10 !important; /* Z-index alto para aparecer sobre a imagem */
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
  padding: 0.75rem 1.5rem !important; /* Padding adequado para o botão */
  width: auto !important;
  max-width: 100% !important;
  clip: auto !important; /* Garantir que não seja cortado */
  clip-path: none !important; /* Garantir que não seja cortado */
}

li.product .woocommerce-loop-product__link,
li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
li.product a,
.woocommerce ul.products li.product a {
  position: relative !important;
  display: block !important;
  overflow: visible !important;
  z-index: 0 !important; /* Z-index baixo para não sobrepor elementos abaixo */
  padding-top: 0 !important;
  margin-top: 0 !important;
  height: auto !important; /* Altura automática - não limitar */
  min-height: auto !important; /* Sem altura mínima que corte conteúdo */
  max-height: none !important; /* Sem altura máxima que corte conteúdo */
}

/* Garantir que imagens tenham z-index menor que o sticker e não sobreponham elementos */
li.product img,
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  position: relative !important;
  z-index: 0 !important; /* Z-index baixo para não sobrepor elementos abaixo */
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Garantir que containers de imagem não tenham padding/margin que desloquem o sticker */
li.product a img,
.woocommerce ul.products li.product a img,
li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product .woocommerce-loop-product__link img {
  margin-top: 0 !important;
  padding-top: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: 300px !important; /* Altura máxima reduzida */
  object-fit: contain !important; /* Usar contain para não cortar */
  object-position: center !important;
}

/* Sticker em página individual do produto - FORA do container da imagem */
.woocommerce div.product div.images .discount-sticker,
.woocommerce div.product div.images img.discount-sticker {
  position: absolute !important;
  top: 60px !important; /* Mais abaixo para não atrapalhar botão de zoom */
  right: 2rem !important; /* Mais para a direita no desktop */
  transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo da imagem */
  z-index: 99999 !important;
  width: 128px !important; /* Reduzido 20%: 160px * 0.8 = 128px */
  max-width: 128px !important;
  min-width: 128px !important;
  max-height: 128px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  object-fit: contain !important;
}

/* Ajuste específico para Safari Desktop - sticker mais para a esquerda */
/* Página individual do produto */
body.is-safari-desktop .woocommerce div.product div.images .discount-sticker,
body.is-safari-desktop .woocommerce div.product div.images img.discount-sticker {
  right: auto !important; /* Remover right */
  left: calc(100% - 160px) !important; /* Cálculo específico para Safari desktop */
}

/* Vitrine e categorias */
body.is-safari-desktop .woocommerce ul.products li.product .discount-sticker,
body.is-safari-desktop .woocommerce-page ul.products li.product .discount-sticker,
body.is-safari-desktop .woocommerce ul.products li.product img.discount-sticker,
body.is-safari-desktop .woocommerce-page ul.products li.product img.discount-sticker,
body.is-safari-desktop li.product .discount-sticker,
body.is-safari-desktop li.product img.discount-sticker {
  right: auto !important; /* Remover right */
  left: calc(100% - 160px) !important; /* Cálculo específico para Safari desktop */
}

/* Fallback usando @supports para Safari - Página individual */
@supports (-webkit-appearance: none) and (not (appearance: none)) {
  @media (min-width: 769px) {
    .woocommerce div.product div.images .discount-sticker,
    .woocommerce div.product div.images img.discount-sticker {
      right: auto !important;
      left: calc(100% - 160px) !important;
    }
    
    /* Vitrine e categorias */
    .woocommerce ul.products li.product .discount-sticker,
    .woocommerce-page ul.products li.product .discount-sticker,
    .woocommerce ul.products li.product img.discount-sticker,
    .woocommerce-page ul.products li.product img.discount-sticker,
    li.product .discount-sticker,
    li.product img.discount-sticker {
      right: auto !important;
      left: calc(100% - 160px) !important;
    }
  }
}

/* Garantir que container div.images seja relativo para sticker absolute funcionar */
.woocommerce div.product div.images {
  position: relative !important;
  overflow: visible !important;
}

/* Remover sticker de dentro da galeria (não deve estar lá) */
.woocommerce-product-gallery__image .discount-sticker,
.woocommerce-product-gallery__image img.discount-sticker {
  display: none !important;
}

/* Responsividade mobile */
@media (max-width: 768px) {
  .discount-sticker,
  img.discount-sticker,
  .woocommerce .discount-sticker,
  .woocommerce-page .discount-sticker {
    width: 64px !important; /* Reduzido 20%: 80px * 0.8 = 64px */
    max-width: 64px !important;
    min-width: 64px !important;
    max-height: 64px !important;
    top: 0 !important;
    right: 0 !important;
    transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo */
    z-index: 99999 !important;
  }
  
  /* Sticker em vitrine e categorias no mobile - posicionado no topo à direita */
  .woocommerce ul.products li.product .discount-sticker,
  .woocommerce-page ul.products li.product .discount-sticker,
  .woocommerce ul.products li.product img.discount-sticker,
  .woocommerce-page ul.products li.product img.discount-sticker,
  li.product .discount-sticker,
  li.product img.discount-sticker {
    width: 64px !important; /* Reduzido 20%: 80px * 0.8 = 64px */
    max-width: 64px !important;
    min-width: 64px !important;
    max-height: 64px !important;
    top: 0 !important;
    right: 0 !important;
    transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo */
    left: auto !important;
    z-index: 99999 !important;
  }
  
  .woocommerce div.product div.images .discount-sticker,
  .woocommerce div.product div.images img.discount-sticker {
    width: 77px !important; /* Reduzido 20%: 96px * 0.8 = 76.8px */
    max-width: 77px !important;
    min-width: 77px !important;
    max-height: 77px !important;
    top: 50px !important; /* Mais abaixo no mobile também */
    right: 1rem !important; /* Mais para a direita no mobile */
    transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo */
  }
  
  /* Remover sticker de dentro da galeria no mobile */
  .woocommerce-product-gallery__image .discount-sticker,
  .woocommerce-product-gallery__image img.discount-sticker {
    display: none !important;
  }
}

/* Ajustes para telas muito pequenas */
@media (max-width: 480px) {
  .discount-sticker,
  img.discount-sticker,
  .woocommerce .discount-sticker,
  .woocommerce-page .discount-sticker {
    width: 58px !important; /* Reduzido 20%: 72px * 0.8 = 57.6px */
    max-width: 58px !important;
    min-width: 58px !important;
    max-height: 58px !important;
    top: 0 !important;
    right: 0 !important;
    transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo */
    z-index: 99999 !important;
  }
  
  .woocommerce ul.products li.product .discount-sticker,
  .woocommerce-page ul.products li.product .discount-sticker,
  .woocommerce ul.products li.product img.discount-sticker,
  .woocommerce-page ul.products li.product img.discount-sticker,
  li.product .discount-sticker,
  li.product img.discount-sticker {
    width: 58px !important; /* Reduzido 20%: 72px * 0.8 = 57.6px */
    max-width: 58px !important;
    min-width: 58px !important;
    max-height: 58px !important;
    top: 0 !important;
    right: 0 !important;
    transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo */
  }
  
  .woocommerce div.product div.images .discount-sticker,
  .woocommerce div.product div.images img.discount-sticker {
    width: 70px !important; /* Reduzido 20%: 88px * 0.8 = 70.4px */
    max-width: 70px !important;
    min-width: 70px !important;
    max-height: 70px !important;
    top: 45px !important; /* Mais abaixo no mobile pequeno */
    right: 0.5rem !important; /* Mais para a direita no mobile pequeno */
    transform: translateX(30%) !important; /* Reduzido de 50% para 30% - mais próximo */
  }
  
  /* Remover sticker de dentro da galeria no mobile pequeno */
  .woocommerce-product-gallery__image .discount-sticker,
  .woocommerce-product-gallery__image img.discount-sticker {
    display: none !important;
  }
}
  color: #333 !important;
  
  /* Quebra de linha */
  white-space: normal !important;
  word-wrap: break-word !important;
}

/* Garantir que o link da imagem seja relativo para o ticker */
li.product a.woocommerce-LoopProduct-link,
li.product .woocommerce-loop-product__link {
  position: relative !important;
  display: block !important;
}

/* Ajuste responsivo para cards */
@media (max-width: 768px) {
  .produto-html-text-card {
    bottom: 6px !important;
    right: 6px !important;
    max-width: 100px !important;
    font-size: 0.7rem !important;
    padding: 4px !important;
  }
}

/* Ajustar parágrafos dentro do texto */
.produto-html-text p {
  margin: 0 0 10px 0 !important;
  text-align: right !important;
}

.produto-html-text p:last-child {
  margin-bottom: 0 !important;
}

/* ========================================
   ESTILOS QUANDO DENTRO DE IFRAME
   ======================================== */

/* Remover scroll quando dentro de iframe */
body.inside-iframe {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ocultar footer quando em iframe */
body.inside-iframe .site-footer {
  display: none !important;
}

/* Ajustar header quando em iframe */
body.inside-iframe .site-header {
  margin-bottom: 0 !important;
}

/* Ajustar conteúdo quando em iframe */
body.inside-iframe .site-content {
  padding-top: 0 !important;
}

/* Ajustar breadcrumb quando em iframe */
body.inside-iframe .woocommerce-breadcrumb {
  margin-top: 2rem !important;
}

/* ========================================
   HERO DA LOJA - RESPONSIVO
   ======================================== */

.hero-loja-1000palavras {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: 210px;
  background: #fff;
  margin: 0;
  padding: 0;
}

.hero-loja-1000palavras .hero-text {
  width: 50%;
  background-color: #ff2222;
  padding: 40px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.hero-loja-1000palavras .hero-text h1 {
  font-size: 2.5rem;
  font-weight: bold;
  color: white;
  margin: 0 0 15px 0;
  font-family: 'Helvetica Now Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hero-loja-1000palavras .hero-text p {
  font-size: 1.2rem;
  font-weight: 400;
  color: white;
  margin: 0;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.hero-loja-1000palavras .hero-image {
  width: 50%;
  background-color: #000;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.hero-loja-1000palavras .hero-image img,
.hero-loja-1000palavras .hero-image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Garantir que o vídeo seja responsivo */
.hero-loja-1000palavras .hero-image video {
  display: block;
}

/* ========================================
   RESPONSIVIDADE MOBILE
   ======================================== */

@media (max-width: 768px) {
  .hero-loja-1000palavras {
    flex-direction: column !important;
    min-height: auto !important;
  }
  
  .hero-loja-1000palavras .hero-text,
  .hero-loja-1000palavras .hero-image {
    width: 100% !important;
    min-height: 150px !important;
  }
  
  .hero-loja-1000palavras .hero-text {
    padding: 30px 20px !important;
  }
  
  .hero-loja-1000palavras .hero-text h1 {
    font-size: 1.8rem !important;
  }
  
  .hero-loja-1000palavras .hero-text p {
    font-size: 1rem !important;
  }
}

/* ========================================
   REMOVER SIDEBAR DA LOJA
   ======================================== */

/* Ocultar sidebar completamente em todas as páginas */
#secondary,
.widget-area,
aside.sidebar {
  display: none !important;
}

/* Fazer conteúdo principal ocupar 100% da largura */
.woocommerce #primary,
.woocommerce-page #primary,
#primary.content-area {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}

/* Ajustar container para full-width */
.woocommerce .col-full,
.woocommerce-page .col-full {
  max-width: 100% !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

/* Grid de produtos otimizado para tela cheia - Desktop (como na imagem original) */
.woocommerce ul.products,
.woocommerce-page ul.products {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 2rem !important; /* Espaçamento horizontal normal no desktop */
  row-gap: 2rem !important; /* Espaçamento vertical normal no desktop */
  margin-bottom: 0 !important; /* Sem margin-bottom extra */
}

/* Mobile: 1 produto por linha */
@media (max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1.5rem !important;
    row-gap: 4rem !important; /* Espaçamento vertical maior no mobile */
  }
}

/* ========================================
   BOTÃO "CARREGAR MAIS" - LOAD MORE
   ======================================== */

.load-more-container {
  clear: both;
  width: 100%;
}

.load-more-products-btn {
  background: #ff2222;
  color: white;
  border: none;
  padding: 1rem 3rem;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 34, 34, 0.2);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.load-more-products-btn:hover {
  background: #dd0000;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 34, 34, 0.3);
}

.load-more-products-btn:active {
  transform: translateY(0);
}

.load-more-products-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.load-more-spinner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.load-more-info {
  color: #666;
  font-size: 0.9rem;
  margin-top: 1rem;
}

/* Animação de fade-in para novos produtos */
@keyframes fadeInProduct {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.woocommerce ul.products li.product {
  animation: fadeInProduct 0.6s ease-out;
}

/* ========================================
   CUSTOMIZAÇÕES ADICIONAIS
   ======================================== */

/* Ocultar tabela de desconto por quantidade */
.bulk_table {
  display: none !important;
}

/* Estilizar preços */
.woocommerce-Price-amount.amount {
  font-weight: bold !important;
  color: #ff6800 !important;
}

/* Estilizar botões da loja */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page a.button {
  background-color: #ff6800 !important;
  color: white !important;
  border-color: #ff6800 !important;
}

/* Botão adicionar ao carrinho - tamanho normal (não ocupar toda largura) */
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce .add_to_cart_button,
.woocommerce-page .add_to_cart_button {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  position: static !important; /* Garantir que não fique absolute dentro da imagem */
  z-index: auto !important; /* Z-index normal para não interferir */
}

/* Garantir que botão não fique dentro da imagem */
li.product .woocommerce-loop-product__link .add_to_cart_button,
li.product a.woocommerce-LoopProduct-link .add_to_cart_button {
  position: static !important;
  display: inline-block !important;
}

/* Hover dos botões */
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page a.button:hover {
  background-color: #e55a00 !important;
  color: white !important;
  border-color: #e55a00 !important;
}

/* Adicionar respiro nas páginas de produto */
.woocommerce div.product {
  padding-left: 10% !important;
  padding-right: 10% !important;
}

/* Adicionar respiro na barra sticky */
.storefront-sticky-add-to-cart {
  padding-left: 10% !important;
  padding-right: 10% !important;
}


/* Estilizar feedbacks do WooCommerce */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  margin: 20px 10% !important;
}

/* Estilizar links dentro dos feedbacks */
.woocommerce-message a.button.wc-forward,
.woocommerce-info a.button.wc-forward,
.woocommerce-error a.button.wc-forward {
  padding: 10px !important;
}

/* Adicione seus estilos customizados abaixo */

/* ========================================
   TEXTO HTML ABAIXO DAS THUMBS
   ======================================== */

.produto-html-text {
  font-size: 1rem;
  color: #333;
}

/* Override para produto-html-text que está DENTRO da galeria de imagens */
.woocommerce div.product div.images .produto-html-text {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  z-index: 10 !important;
  max-width: 150px !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding: 8px !important;
  border-radius: 4px !important;
  pointer-events: none !important;
  margin: 0 !important;
  transform: none !important;
}

/* ========================================
   TEXTO HTML EXPLICAÇÃO DE DESCONTO
   ======================================== */

.produto-desconto-html {
  font-size: 1rem;
  color: #333;
}

.produto-desconto-html h1,
.produto-desconto-html h2,
.produto-desconto-html h3,
.produto-desconto-html h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #222;
}

.produto-desconto-html h1 {
  font-size: 1.8rem;
}

.produto-desconto-html h2 {
  font-size: 1.5rem;
}

.produto-desconto-html h3 {
  font-size: 1.3rem;
}

.produto-desconto-html p {
  margin-bottom: 1rem;
}

.produto-desconto-html ul,
.produto-desconto-html ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.produto-desconto-html li {
  margin-bottom: 0.5rem;
}

.produto-desconto-html a {
  color: #ff2222;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.produto-desconto-html a:hover {
  color: #dd0000;
}

.produto-desconto-html strong,
.produto-desconto-html b {
  font-weight: 600;
  color: #222;
}

.produto-desconto-html blockquote {
  padding: 1rem;
  margin: 1rem 0;
  background: #fff;
  border-left: 3px solid #ff2222;
  font-style: italic;
}

.produto-html-text h1,
.produto-html-text h2,
.produto-html-text h3,
.produto-html-text h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #222;
}

.produto-html-text h1 {
  font-size: 1.8rem;
}

.produto-html-text h2 {
  font-size: 1.5rem;
}

.produto-html-text h3 {
  font-size: 1.3rem;
}

.produto-html-text p {
  margin-bottom: 1rem;
}

.produto-html-text ul,
.produto-html-text ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.produto-html-text li {
  margin-bottom: 0.5rem;
}

.produto-html-text a {
  color: #ff2222;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.produto-html-text a:hover {
  color: #dd0000;
}

.produto-html-text strong,
.produto-html-text b {
  font-weight: 600;
  color: #222;
}

.produto-html-text blockquote {
  padding: 1rem;
  margin: 1rem 0;
  background: #fff;
  border-left: 3px solid #ff2222;
  font-style: italic;
}

/* Responsividade Mobile */
@media (max-width: 768px) {
  .produto-html-text {
    font-size: 0.95rem;
  }
  
  /* Override para produto-html-text que está DENTRO da galeria de imagens */
  .woocommerce div.product div.images .produto-html-text {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 999 !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
  }
  
  .produto-html-text h1 {
    font-size: 1.5rem;
  }
  
  .produto-html-text h2 {
    font-size: 1.3rem;
  }
  
  .produto-html-text h3 {
    font-size: 1.1rem;
  }
  
  .produto-desconto-html {
    padding: 1rem;
    margin-top: 1.5rem;
    font-size: 0.95rem;
  }
  
  .produto-desconto-html h1 {
    font-size: 1.5rem;
  }
  
  .produto-desconto-html h2 {
    font-size: 1.3rem;
  }
  
  .produto-desconto-html h3 {
    font-size: 1.1rem;
  }
  
  /* ========================================
     AJUSTES MOBILE - LOJA
     ======================================== */
  
  /* 2. Descer conteúdo para não sobrepor o banner */
  .woocommerce div.product,
  .woocommerce-page,
  .woocommerce,
  ul.products {
    margin-top: 4rem !important;
    padding-top: 2rem !important;
  }
  
  /* 4. Ajustar grid de produtos para mobile - 1 produto por linha */
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1.5rem !important;
    width: 100% !important;
    overflow: visible !important;
  }
  
  /* 5. Garantir que as imagens dos produtos sejam exibidas */
  .woocommerce ul.products li.product img,
  .woocommerce-page ul.products li.product img,
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img,
  .woocommerce ul.products li.product .woocommerce-loop-product__link img,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__link img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 200px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
  }
  
  /* 6. Forçar responsividade das imagens com atributos fixos */
  .woocommerce ul.products li.product img[width="416"],
  .woocommerce-page ul.products li.product img[width="416"],
  .woocommerce ul.products li.product a img[width="416"],
  .woocommerce-page ul.products li.product a img[width="416"] {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 200px !important;
    display: block !important;
    margin: 0 auto !important;
  }
  
  /* 6. Ajustar altura dos cards de produto - garantir espaço para todos os elementos */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    overflow: visible !important;
  }
  
  /* Reforçar visibilidade no mobile também */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product h2,
  .woocommerce-page ul.products li.product h2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .woocommerce ul.products li.product .price,
  .woocommerce-page ul.products li.product .price {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .woocommerce ul.products li.product .onsale,
  .woocommerce-page ul.products li.product .onsale {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .woocommerce ul.products li.product .add_to_cart_button,
  .woocommerce-page ul.products li.product .add_to_cart_button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  
  /* 7. Garantir que o container do produto não oculte as imagens */
  .woocommerce ul.products li.product a,
  .woocommerce-page ul.products li.product a,
  .woocommerce ul.products li.product .woocommerce-loop-product__link,
  .woocommerce-page ul.products li.product .woocommerce-loop-product__link {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 150px !important;
  }
  
  /* 8. Forçar exibição das imagens com regras mais específicas */
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 200px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
  }
  
  /* 9. Regra de emergência - forçar exibição de TODAS as imagens de produtos */
  .woocommerce ul.products img,
  .woocommerce-page ul.products img,
  .woocommerce ul.products li img,
  .woocommerce-page ul.products li img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 200px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
  
  /* 10. Corrigir containers de imagens na listagem */
  .woocommerce ul.products li.product a,
  .woocommerce-page ul.products li.product a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    text-decoration: none !important;
    min-height: 150px !important;
  }
  
  /* 12. Garantir que containers não limitem imagens */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    overflow: visible !important;
    height: auto !important;
  }
  
  /* 13. Forçar exibição de imagens com regras mais específicas */
  .woocommerce ul.products li.product img,
  .woocommerce-page ul.products li.product img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 200px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
  
  /* 11. Desabilitar zoom e hover na listagem mobile */
  .woocommerce ul.products li.product a:hover,
  .woocommerce-page ul.products li.product a:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  
  .woocommerce ul.products li.product img:hover,
  .woocommerce-page ul.products li.product img:hover {
    transform: none !important;
    opacity: 1 !important;
  }
  
  .woocommerce div.product .summary {
    margin-top: 2rem !important;
  }
  
  /* 1. Aumentar foto principal do produto - CORRIGIDO */
  .woocommerce div.product div.images {
    width: 100% !important;
    margin-bottom: 2rem !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Container da galeria - corrigir altura */
  .woocommerce-product-gallery,
  .woocommerce-product-gallery__wrapper {
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Imagem principal (primeira) maior */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child {
    margin-bottom: 1rem !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
  }
  
  /* Corrigir posicionamento do produto-html-text na primeira imagem */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child .produto-html-text {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 10 !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
  }
  
  /* Garantir que o container da imagem tenha position relative para o overlay */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child {
    position: relative !important;
  }
  
  /* Garantir que o link da imagem também tenha position relative */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child a {
    position: relative !important;
    display: block !important;
  }
  
  /* Forçar o overlay a ficar sobre a imagem, não fora dela */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child .produto-html-text {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 999 !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
  }
  
  /* REGRA DE EMERGÊNCIA MOBILE - Forçar overlay em TODAS as imagens da galeria */
  .woocommerce div.product div.images .woocommerce-product-gallery__image .produto-html-text,
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child .produto-html-text,
  .woocommerce div.product div.images .woocommerce-product-gallery__image.flex-active-slide .produto-html-text {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 9999 !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ajuste específico para primeira imagem com altura maior */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child .produto-html-text {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 9999 !important;
    max-width: 120px !important;
    font-size: 1rem !important;
    padding: 6px !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Link da imagem principal - corrigir container */
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child a {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
  }
  
  .woocommerce div.product div.images .woocommerce-product-gallery__image:first-child img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 500px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 auto !important;
  }
  
  /* Corrigir imagens com zoomImg no mobile - removido para evitar duplicação */
  
  /* Desabilitar zoom no mobile */
  .woocommerce-product-gallery__trigger,
  .woocommerce-product-gallery__image a[data-rel="prettyPhoto"],
  .woocommerce-product-gallery__image a[data-rel="lightbox"],
  .woocommerce-product-gallery__image a[data-rel="photoswipe"] {
    display: none !important;
  }
  
  /* Desabilitar hover effects no mobile */
  .woocommerce-product-gallery__image a:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  
  /* OVERRIDE MOBILE - Sobrescrever regras do desktop que impedem exibição */
  .woocommerce-product-gallery__image a,
  .woocommerce-product-gallery__image.flex-active-slide a {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  /* OVERRIDE MOBILE - Regra consolidada para TODAS as imagens da galeria */
  .woocommerce div.product div.images .woocommerce-product-gallery__image img,
  .woocommerce div.product div.images .woocommerce-product-gallery__image a img,
  .woocommerce-product-gallery__image a img,
  .woocommerce-product-gallery__image.flex-active-slide a img,
  .woocommerce-product-gallery__image a img.zoomImg,
  .woocommerce-product-gallery__image.flex-active-slide a img.zoomImg {
         width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 500px !important;
        object-fit: contain !important;
        object-position: center !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 auto !important;
  }
  
  /* Desabilitar funcionalidades de zoom JavaScript no mobile */
  .woocommerce-product-gallery__image a {
    pointer-events: none !important;
  }
  
  .woocommerce-product-gallery__image a img {
    pointer-events: auto !important;
  }
  
  /* Desabilitar zoom overlay e elementos relacionados */
  .woocommerce-product-gallery__image .zoom,
  .woocommerce-product-gallery__image .woocommerce-product-gallery__image-zoom,
  .woocommerce-product-gallery__image .woocommerce-product-gallery__image-zoom__wrapper {
    display: none !important;
  }
  
  /* Regras de emergência removidas para evitar duplicação - consolidadas acima */
  
  /* 3. Thumbs em 3 colunas - CORRIGIDO */
  .woocommerce div.product div.images .flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-top: 1rem !important;
  }
  
  .woocommerce div.product div.images .flex-control-thumbs li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0.25rem !important;
  }
  
  .woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important;
    border: 2px solid #ddd !important;
    cursor: pointer !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* OVERRIDE MOBILE - Corrigir thumbnails que não aparecem */
  .woocommerce div.product div.images .flex-control-thumbs li a {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  .woocommerce div.product div.images .flex-control-thumbs li a img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: contain !important;
  }
  
  .woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border-color: #ff2222 !important;
  }
  
  /* Garantir que thumbs sejam clicáveis */
  .woocommerce div.product div.images .flex-control-thumbs li {
    pointer-events: auto !important;
  }
  
  .woocommerce div.product div.images .flex-control-thumbs li img {
    pointer-events: auto !important;
  }
  
  /* GARANTIR VISIBILIDADE DE TODOS OS THUMBS - Sem forçar posicionamento */
}

/* ========================================
   REMOVER TODAS AS BORDAS DE FOCUS/ACTIVE
   ======================================== */

/* Remover outline e border de TODOS os elementos quando focados ou ativos */
*:focus,
*:active,
*:focus-visible,
a:focus,
a:active,
a:focus-visible,
button:focus,
button:active,
button:focus-visible,
input:focus,
input:active,
input:focus-visible,
textarea:focus,
textarea:active,
textarea:focus-visible,
select:focus,
select:active,
select:focus-visible,
.button:focus,
.button:active,
.button:focus-visible,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce input.button:focus-visible,
.woocommerce-page a.button:focus,
.woocommerce-page a.button:active,
.woocommerce-page a.button:focus-visible,
.woocommerce-page button.button:focus,
.woocommerce-page button.button:active,
.woocommerce-page button.button:focus-visible,
.woocommerce-page input.button:focus,
.woocommerce-page input.button:active,
.woocommerce-page input.button:focus-visible,
.site-header a:focus,
.site-header a:active,
.site-header button:focus,
.site-header button:active,
.main-navigation a:focus,
.main-navigation a:active,
.main-navigation button:focus,
.main-navigation button:active,
.site-branding a:focus,
.site-branding a:active,
.widget a:focus,
.widget a:active,
.widget button:focus,
.widget button:active {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* Remover bordas específicas do WooCommerce */
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active,
.woocommerce-page a.button.alt:focus,
.woocommerce-page a.button.alt:active,
.woocommerce-page button.button.alt:focus,
.woocommerce-page button.button.alt:active,
.woocommerce-page input.button.alt:focus,
.woocommerce-page input.button.alt:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Remover bordas de imagens quando focadas */
img:focus,
img:active,
a:focus img,
a:active img,
.woocommerce img:focus,
.woocommerce img:active,
.woocommerce-page img:focus,
.woocommerce-page img:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}