/* =========================================
   Magnaverso — Single Product (Custom)
   Arquivo: assets/css/product.css

   - Layout galeria + thumbs + summary
   - Tabs estilo Nicepage (quadro + abas encaixadas) em 100% da seção
   ========================================= */

/* -----------------------------
   Reset / compatibilidade Woo
------------------------------ */
.woocommerce div.product,
.woocommerce-page div.product{ margin: 0; }

.mgv-product{ width: 100%; }
.mgv-product *{ box-sizing: border-box; }

.woocommerce div.product .product_title,
.woocommerce div.product form.cart,
.woocommerce div.product .woocommerce-tabs{ margin-top: 0; }

/* =========================================
   WRAP: GALERIA + SUMMARY
   thumbs -> summary = 10px
   ========================================= */
.mgv-product .mgv-product__wrap{
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;                 /* thumbs -> mgv-summary */
  padding: 18px 0 10px;
  margin: 0;
}

/* =========================================
   GALERIA
   foto -> thumbs = 5px
   ========================================= */
.mgv-product .mgv-gallery{
  display: flex;
  align-items: flex-start;
  flex-direction: row;       /* foto à esquerda, thumbs à direita */
  gap: 5px;                  /* foto -> thumbs */
  flex: 0 0 auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

/* thumbs (coluna) */
.mgv-product .mgv-gallery__thumbs{
  width: 92px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}

/* thumb botão */
.mgv-product .mgv-gallery__thumb{
  appearance: none;
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255,255,255,0.55);
  background: transparent;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
}

.mgv-product .mgv-gallery__thumb.is-active{
  border-color: rgba(0, 128, 96, 0.70);
}

.mgv-product .mgv-gallery__thumb img{
  display: block;
  width: 100%;
  height: 72px;
  object-fit: cover;
}

/* box da imagem principal (480x520), sem bg/sombra/margem, round 8px */
.mgv-product .mgv-gallery__main{
/* width: 480px; */
  height: 520px;
/* flex: 0 0 480px; */
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
  overflow: hidden;
}

/* imagem principal */
.mgv-product #mgv-gallery-main-img{
/*  width: 480px; */
  height: 520px;
  display: block; 
  margin: 0;
  padding: 0;
  border-radius: 8px;
  object-fit: contain;
  margin-left: 0 !important;
  margin-right: auto !important; /* empurra “sobra” pra direita */
  justify-content: flex-start !important;
}

/* =========================================
   SUMMARY (INFO)
   ocupa TODO o restante horizontal
   ========================================= */
.mgv-product .mgv-summary{
  flex: 1 1 auto;
  max-width: none;
  min-width: 0;
  background: linear-gradient(
  to bottom,
  rgba(255,255,255,0.88) 0%,
  rgba(255,255,255,0.95) 100%
	);
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 8px;
  padding: 18px;
  box-shadow: -5px 5px 4px rgba(0,0,0,0.2);
}

/* título */
.mgv-product .mgv-summary__title{
  font-family: Oswald, Arial, sans-serif;
  margin: 0 0 5px;
  font-weight: 550;
  letter-spacing: .2px;
  font-size: clamp(23px, 3.2vw, 41px);
  line-height: 1.05;
  color: #0AA3A3;
}

/* descrição rápida abaixo do título (2 linhas) */
.mgv-product .mgv-summary__intro{
  font-family: Oswald, Arial, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
  opacity: .95;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 8px;
}

/* preços custom */
.mgv-product .mgv-summary__prices{
  font-family: Oswald, Arial, sans-serif;
  margin: 0 0 22px;
  padding: 10px 0 10px;
  border-top: 1px dashed #9BE7A6;
  border-bottom: 1px dashed #9BE7A6;
}

.mgv-product .mgv-price__fromto{
  font-size: 16px;
  font-weight: 500;
  text-decoration-line: line-through;
  opacity: .60;
  margin: 0;
}

.mgv-product .mgv-price__current{
  font-weight: 900;
  font-size: 35px;
  margin: 0 0 6px;
  color: #0AA3A3;
}

.mgv-product .mgv-price__pix{
  font-size: 20px;
  font-weight: 400;
  color: #4A8A73;
}

.mgv-product .mgv-price__pix-label{
  margin-left: 12px;
  font-weight: 300;
  opacity: .95;
  color: #4A8A73;
}

/* add to cart */
.mgv-product .mgv-summary__cart form.cart{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 12px;
}

.mgv-product .mgv-summary__cart .quantity input.qty{
  height: 40px;
  width: 60px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.15);
  padding: 0 10px;
  font-family: Oswald, Arial, sans-serif;
  font-size: 16px;
}

.mgv-product .mgv-summary__cart button.single_add_to_cart_button{
  font-family: Oswald, Arial, sans-serif;
  height: 44px;
  border-radius: 8px;
  padding: 0 16px;
  font-weight: 600;
  font-size: 16px;
  background: linear-gradient(#16878c, #07575b);
  box-shadow: -2px 2px 3px rgba(0,0,0,0.5);
  cursor: pointer;
  color: #FFE887;
  text-transform: uppercase;
  border: 0;
}

.mgv-product .mgv-summary__cart button.single_add_to_cart_button:hover{
  background: #086780;
}

/* meta */
.mgv-product .mgv-summary__meta{
  font-size: 13px;
  opacity: .85;
  margin-top: 8px;
  font-family: Oswald, Arial, sans-serif;
}

/* =========================================
   TABS (Nicepage) — 100% da seção
   - quadro + abas fora do quadro
   - primeira aba colada na lateral esquerda do quadro
   ========================================= */
.woocommerce div.product.mgv-product .mgv-product__tabs{
  display: block !important;
  width: 100% !important;
  margin-top: 18px;
  font-family: Roboto Condensed, Arial, sans-serif;
  border:0;
}

/* QUADRO em 100% */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs.wc-tabs-wrapper{
  width: 100% !important;
  max-width: none !important;

  position: relative !important;
  background: #EDF7F2 !important;

/*  border: 1px solid rgba(0,0,0,0.12) !important; */
  border-radius: 0 15px 15px 15px !important;

  /* tab “sai” pra fora; quadro começa abaixo */
  margin-top: 47px !important;

  /* conteúdo */
  padding: 22px 18px 18px !important;
}

/* UL das tabs encaixado acima e ALINHADO NA BORDA ESQUERDA DO QUADRO */
.woocommerce div.product.mgv-product .mgv-product__tabs
.woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs{
   font-family: Oswald, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: absolute !important;
  top: -47px !important;

  left: 0 !important;              /* ✅ cola na borda externa do quadro */
  padding-left: 0 !important;      /* ✅ primeira aba começa no canto do quadro */

  display: flex !important;
  gap: 5px !important;
  flex-wrap: wrap !important;

  margin: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;

  list-style: none !important;
  border: 0 !important;
  background: transparent !important;
}

/* remove pseudo-linhas do Woo */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs::before,
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs::after{
  content: none !important;
  display: none !important;
}

/* zera LI do Woo */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
    background:
    linear-gradient(
      to bottom,
      rgba(var(--custom-color-31-r, 255), var(--custom-color-31-g, 255), var(--custom-color-31-b, 255), 0.55) 79%,
      rgba(var(--custom-color-32-r, 255), var(--custom-color-32-g, 255), var(--custom-color-32-b, 255), 0.65) 100%
    ),
    #EDF7F2 !important;
  box-shadow: none !important;
}

/* TAB padrão (47px, radius no topo) */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li a{
  height: 47px !important;
  display: inline-flex !important;
  align-items: center !important;

  padding: 0 14px !important;

  border-radius: 10px 10px 0 0 !important;
/*  border: 1px solid rgba(0,0,0,0.12) !important; */
  border-bottom: 0 !important;

  font-family: Roboto Condensed, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;

  color: rgba(0,0,0,0.75) !important;
  background: #EDF7F2 !important;

  text-decoration: none !important;
}

/* “lateral única” na primeira aba: encosta e continua a borda esquerda do quadro */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li:first-child a{
  border-top-left-radius: 20px !important; /* combina com o quadro */
}

/* TAB ativa (efeito nicepage) */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li.active a{
  color: rgba(0,0,0,0.88) !important;
  background: #EDF7F2;
  box-shadow: 0 10px 22px rgba(0,0,0,0.08) !important;

  /* ✅ faz a aba ativa “encaixar” sem degrau no quadro */
  position: relative !important;
  top: 1px !important;
}

/* se a aba ativa for a primeira, remove a quina inferior esquerda => “lateral única” */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li:first-child.active a{
  border-top-left-radius: 5px !important;
}

/* Painel: sem card dentro do card */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .woocommerce-Tabs-panel.panel{
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size:24px;
}

/* Remove o título duplicado "Descrição" dentro do painel */
.woocommerce div.product.mgv-product .mgv-product__tabs #tab-description > h2:first-child{
  display: none !important;
}

/* Tipografia */
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .panel p,
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .panel li{
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(0,0,0,0.80);
}

.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .panel p strong,
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .panel p b,
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .panel li strong,
.woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs .panel li b{
  font-weight: 500;
}


/* Tabela de atributos */
.mgv-product__tabs .woocommerce-product-attributes{
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.mgv-product__tabs .woocommerce-product-attributes tr{
  border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mgv-product__tabs .woocommerce-product-attributes th,
.mgv-product__tabs .woocommerce-product-attributes td{
  padding: 12px 10px;
  font-size: 14px;
}

.mgv-product__tabs .woocommerce-product-attributes th{
  width: 240px;
  font-weight: 800;
  color: rgba(0,0,0,0.70);
}

.mgv-product__tabs .woocommerce-product-attributes td{
  color: rgba(0,0,0,0.78);
}

/* mobile: tabs quebram linha */
/* =========================================================
   MOBILE: Tabs sem sobreposição (desliga absolute)
   - 768px: volta tabs para o fluxo normal
   - 575px: tabs viram botões verticais (stack)
   ========================================================= */
@media (max-width: 768px){
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs.wc-tabs-wrapper{
    margin-top: 0 !important;
    padding-top: 14px !important;
  }

  .woocommerce div.product.mgv-product .mgv-product__tabs
  .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs{
    position: static !important;
    top: auto !important;
    left: auto !important;
  }
}

@media (max-width: 575px){
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs.wc-tabs-wrapper{
    border-radius: 18px !important;
    padding-top: 14px !important;
  }

  .woocommerce div.product.mgv-product .mgv-product__tabs
  .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  .woocommerce div.product.mgv-product .mgv-product__tabs
  .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .woocommerce div.product.mgv-product .mgv-product__tabs
  .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    height: auto !important;
    padding: 12px 14px !important;

    border-radius: 12px !important;
    border: 1px solid rgba(0,0,0,0.12) !important;
    background: rgba(255,255,255,0.55) !important;

    font-size: clamp(13px, 3.4vw, 15px) !important;
    font-weight: 800 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
  }

  .woocommerce div.product.mgv-product .mgv-product__tabs
  .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li.active > a{
    background: rgba(255,255,255,0.85) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.08) !important;
    top: 0 !important; /* neutraliza o ajuste desktop */
  }

  .woocommerce div.product.mgv-product .mgv-product__tabs
  .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a::after{
    content: "›";
    font-size: 18px;
    opacity: 0.65;
    margin-left: 10px;
    transform: translateY(-1px);
  }
}


/* =========================================
   RELACIONADOS
   ========================================= */
.mgv-product .related{
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.mgv-product .related > h2{
  margin: 0 0 12px;
  font-weight: 500;
}

.mgv-product .related ul.products{
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 1199px){
  .mgv-product .related ul.products{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .mgv-product .related ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.mgv-product .related ul.products li.product{
  list-style: none;
  margin: 0 !important;
  padding: 0;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 14px;
  overflow: hidden;
}

.mgv-product .related ul.products li.product img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
}

.mgv-product .related ul.products li.product .woocommerce-loop-product__title{
  margin: 0;
  padding: 10px 12px 6px;
  font-size: 14px;
  font-weight: 900;
}

.mgv-product .related ul.products li.product .price{
  padding: 0 12px 12px;
  font-weight: 900;
  display: block;
}

/* =========================================
   RESPONSIVO (galeria / summary)
   ========================================= */
@media (max-width: 991px){
  .mgv-product .mgv-product__wrap{
    flex-wrap: wrap;
    gap: 12px;
  }

  .mgv-product .mgv-gallery,
  .mgv-product .mgv-summary{
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mgv-product .mgv-gallery{
    flex-direction: column;
    gap: 8px;
  }

  .mgv-product .mgv-gallery__main{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
  }

  .mgv-product #mgv-gallery-main-img{
    width: 100%;
    height: 520px;
  }

  .mgv-product .mgv-gallery__thumbs{
    width: 100%;
    flex-direction: row;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .mgv-product .mgv-gallery__thumb{
    flex: 0 0 84px;
  }
}

@media (max-width: 575px){
  .mgv-product #mgv-gallery-main-img{ height: 420px; }
  .mgv-product .mgv-summary__title{ font-size: clamp(24px, 7vw, 40px); }
}

.woocommerce div.product.mgv-product .woocommerce-product-gallery{
  display: flex;
  justify-content: flex-start !important;
}

.woocommerce div.product.mgv-product .woocommerce-product-gallery *{
  text-align: left !important;
}

/* ====== TIPOGRAFIA RESPONSIVA (base) ====== */
:root{
  --mgv-tab-fs: clamp(13px, 1.6vw, 16px);
  --mgv-panel-fs: clamp(15px, 2.2vw, 20px);
}

/* aplica nos links das tabs */
.mgv-product__tabs .woocommerce-tabs ul.tabs li a{
  font-size: var(--mgv-tab-fs) !important;
}

/* aplica no texto do painel */
.mgv-product__tabs .woocommerce-Tabs-panel{
  font-size: var(--mgv-panel-fs) !important;
  line-height: 1.6;
}

/* ====== MOBILE: desliga o absolute e deixa as tabs fluírem ====== */
@media (max-width: 768px){
  /* o quadro deixa de precisar do espaço “para cima” */
  .mgv-product__tabs > .woocommerce-tabs.wc-tabs-wrapper{
    margin-top: 0 !important;
    padding-top: 14px !important;
  }

  /* tabs voltam pro fluxo normal */
  .mgv-product__tabs > .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs{
    position: static !important;
    top: auto !important;
    left: auto !important;

    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    padding: 0 !important;
    margin: 0 0 12px !important;
  }

  /* cada tab “cresce” e ocupa melhor a linha */
  .mgv-product__tabs > .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li{
    flex: 1 1 20px !important; /* quebra em 2 colunas quando der */
  }

  .mgv-product__tabs > .woocommerce-tabs.wc-tabs-wrapper > ul.tabs.wc-tabs > li > a{
    width: 100% !important;
    justify-content: center !important;
    border-radius: 12px !important;  /* no mobile vira pill */
    height: auto !important;
    padding: 10px 12px !important;
  }
}

/* =========================================
   FIX TABS:
   - remove contorno preto da aba ativa
   - aba ativa mantém #EDF7F2
   - abas inativas recebem overlay preto (10% topo / 30% base)
   ========================================= */
@media (min-width: 769px){

  /* 1) não deixe o LI “pintar” a aba (hoje ele tem gradient) */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li{
    background: transparent !important;
  }

  /* 2) remove contornos/bordas de foco (o “contorno preto”) */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li a,
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li a:focus,
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li a:focus-visible{
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* 3) aba ATIVA: mantém a cor atual */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li.active a{
    background: #EDF7F2 !important;
    /* se quiser manter a sombra suave do efeito nicepage, comente a linha abaixo */
    /* box-shadow: 0 10px 22px rgba(0,0,0,0.08) !important; */
  }

  /* 4) abas NÃO selecionadas: overlay preto (10% topo / 30% base) */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li:not(.active) a{
    background:
      linear-gradient(
        to bottom,
        rgba(0,0,0,0.0) 0%,
        rgba(0,0,0,0.20) 100%
      ),
      #EDF7F2 !important;
  }
}

/* Remove "artefatos" brancos entre as abas */
@media (min-width: 769px){

  /* 1) transforma a faixa de abas em flex (mata gaps/fracionamento) */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs{
    display: flex !important;
    gap: 0 !important;
    align-items: flex-end !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;

    /* IMPORTANTE: use aqui a cor do FUNDO por trás das abas (o "ciano" da sua seção) */
    background: #7FEFF2 !important; /* troque para a cor exata do seu bloco */
  }

  /* 2) mata floats/margens padrões do Woo */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li{
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3) garante que a “pintura” do fundo não vaze nas bordas arredondadas */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li a{
    background-clip: padding-box !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* 4) tampa a micro-fresta inferior do TAB ATIVO (2px) */
  .woocommerce div.product.mgv-product .mgv-product__tabs .woocommerce-tabs ul.tabs li.active a::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -2px !important;
    height: 2px !important;
    background: #EDF7F2 !important; /* mesma cor da aba ativa */
  }
}
/* =========================================
   TÍTULO DO PRODUTO
   - mantém o título principal do tema
   - esconde o título duplicado em imagem vindo do hook
   - usa o h1 nativo do WooCommerce como legenda técnica
   ========================================= */

/* título principal visual do tema */
.mgv-product .mgv-summary__title-image-wrap{
  margin: 0 0 4px;
  line-height: 0;
}

.mgv-product .mgv-summary__title-img{
  display: block;
  max-width: 100%;
  height: auto;
}

.mgv-product .mgv-summary__title{
  display: block;
}

/* remove o título duplicado em imagem que entra pelo hook */
.mgv-product .mgv-summary__hook-extras .mv-product-title-wrap,
.mgv-product .mgv-summary__hook-extras .mv-product-title-img,
.single-product .mgv-summary__hook-extras .mv-product-title-wrap,
.single-product .mgv-summary__hook-extras .mv-product-title-img{
  display: none !important;
}

/* h1 oficial do produto, logo abaixo do título principal */
.mgv-product .product_title.entry-title,
.single-product .product_title.entry-title{
  display: block;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 8px !important;
  line-height: 1.2 !important;
  font-weight: 300 !important;
  letter-spacing: .2px !important;
  color: rgba(0,0,0,.58) !important;
  margin: 4px 0 10px !important;
  text-transform: none !important;
}

/* prefixo da legenda */
.mgv-product .product_title.entry-title::before,
.single-product .product_title.entry-title::before{
  content: "nome do produto: ";
  font-weight: 400;
  color: rgba(0,0,0,.68);
}