/* ========================================
   FLAME STORE - CSS LIMPO E CORRIGIDO
======================================== */

/* =========================
   BASE GERAL
========================= */
body {
  background: #0b0b0d !important;
  color: #ffffff !important;
}

input::placeholder {
  color: #9da3ad !important;
}

/* =========================
   TOPO
========================= */
.cabecalho {
  background: #101114 !important;
  border-bottom: 1px solid #23252b !important;
}

.cabecalho .conteiner {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.cabecalho .logo img {
  max-height: 68px !important;
}

.cabecalho .acoes-conta a,
.cabecalho .acoes-conta i,
.cabecalho .carrinho a,
.cabecalho .carrinho i {
  color: #ffffff !important;
}

/* busca só no topo */
.cabecalho .busca input,
.barra-inicial .busca input {
  background: #16181d !important;
  border: 1px solid #2a2d35 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* =========================
   MENU
========================= */
.menu.superior {
  background: #111318 !important;
  border-top: 1px solid #23252b !important;
  border-bottom: 1px solid #23252b !important;
}

.menu.superior .nivel-um > li > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
}

.menu.superior .nivel-um > li > a:hover,
.menu.superior .nivel-um > li.com-filho:hover > a {
  color: #ffc400 !important;
}

.menu.superior .nivel-dois {
  background: #15181d !important;
  border: 1px solid #2b2f38 !important;
}

.menu.superior .nivel-dois a {
  color: #ffffff !important;
}

.menu.superior .nivel-dois a:hover {
  color: #ffc400 !important;
  background: rgba(255,196,0,0.06) !important;
}

/* =========================
   BANNERS
========================= */
.banners {
  margin-top: 18px !important;
  margin-bottom: 24px !important;
}

.banner.cheio img,
.banners img,
.flexslider img {
  border-radius: 18px !important;
}

.secao-banners .conteiner,
.mini-banner,
.atalhos-mobile {
  border-radius: 14px !important;
}

/* =========================
   TITULOS GERAIS
========================= */
.titulo,
.listagem .titulo-categoria,
.listagem h4.titulo,
.caixa .titulo {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

.listagem .titulo-categoria,
.listagem h4.titulo {
  text-align: center !important;
  font-size: 30px !important;
  margin-bottom: 20px !important;
}

.listagem .titulo-categoria:after,
.listagem h4.titulo:after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  background: linear-gradient(90deg, #ffc400, #ffdf66);
  margin: 12px auto 0;
  border-radius: 99px;
}

/* =========================
   HOME / VITRINES ESCURAS
========================= */
.pagina-inicial #corpo,
.home #corpo {
  background: #0b0b0d !important;
}

.pagina-inicial .titulo,
.pagina-inicial .listagem .titulo-categoria,
.pagina-inicial .listagem h4.titulo,
.home .titulo,
.home .listagem .titulo-categoria,
.home .listagem h4.titulo {
  color: #ffffff !important;
}

.listagem {
  background: transparent !important;
}

.listagem ul li {
  background: linear-gradient(180deg, #1a1d23 0%, #13161b 100%) !important;
  border: 1px solid #2a2f38 !important;
  border-radius: 16px !important;
  padding: 14px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.28) !important;
  transition: all 0.25s ease !important;
}

.listagem ul li:hover {
  transform: translateY(-4px) !important;
  border-color: #ffc400 !important;
  box-shadow: 0 18px 36px rgba(0,0,0,0.35) !important;
}

/* IMAGEM DO PRODUTO - PREENCHER TOTAL */
.listagem .produto-imagem,
.listagem-item .imagem-produto {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 0 !important;
  height: 240px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.listagem .produto-imagem img,
.listagem-item .imagem-produto img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

/* nome produto home */
.listagem .nome-produto,
.listagem .nome-produto a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.listagem .nome-produto a:hover {
  color: #ffc400 !important;
}

/* preços home */
.listagem .preco-produto {
  text-align: center !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  line-height: 1.2 !important;
}

.listagem .preco-produto s,
.listagem .preco-produto .preco-de,
.listagem .preco-produto .de {
  display: block !important;
  color: #888f99 !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}

.listagem .preco-produto strong,
.listagem .preco-produto .preco-promocional,
.listagem .preco-produto .preco-a-vista,
.listagem .preco-produto .por,
.listagem .preco-produto span[class*="preco"] {
  display: block !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  margin: 0 !important;
}

.listagem .preco-produto .parcelas,
.listagem .preco-produto .preco-parcela,
.listagem .preco-produto small,
.listagem .preco-produto .descricao-preco {
  display: block !important;
  color: #adb3bb !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}

/* remove contorno atrás do comprar */
.listagem .acoes-produto,
.listagem .produto .acoes-produto,
.listagem-item .acoes-produto {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.listagem li .acoes-produto *,
.listagem li .produto .acoes-produto * {
  box-shadow: none !important;
  border: none !important;
}

/* =========================
   BOTOES GERAIS
========================= */
.botao,
.btn,
input[type="submit"],
button {
  background: linear-gradient(180deg, #ffd84d 0%, #ffc400 100%) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 20px rgba(255,196,0,0.22) !important;
  transition: all 0.25s ease !important;
}

.botao:hover,
.btn:hover,
input[type="submit"]:hover,
button:hover {
  background: linear-gradient(180deg, #ffe066 0%, #ffd11a 100%) !important;
  color: #111111 !important;
  transform: translateY(-1px) !important;
}

.botao.secundario,
.btn-secondary {
  background: #1a1d23 !important;
  color: #ffffff !important;
  border: 1px solid #2d323c !important;
}

.botao.secundario:hover,
.btn-secondary:hover {
  color: #ffc400 !important;
  border-color: #ffc400 !important;
}

/* =========================
   RODAPE
========================= */
#rodape,
.rodape {
  background: #0f1115 !important;
  border-top: 1px solid #23252b !important;
  color: #d4d8de !important;
  margin-top: 40px !important;
}

#rodape .titulo,
#rodape a,
.rodape a {
  color: #d4d8de !important;
}

#rodape a:hover,
.rodape a:hover {
  color: #ffc400 !important;
}

#rodape .titulo {
  font-size: 16px !important;
  font-weight: 700 !important;
}

#rodape .titulo:after {
  display: none !important;
}

/* =========================
   PAGINAS CLARAS
   produto, categoria, busca, carrinho
========================= */
.pagina-produto #corpo,
.pagina-categoria #corpo,
.pagina-busca #corpo,
.pagina-carrinho #corpo,
.pagina-produto,
.pagina-categoria,
.pagina-busca,
.pagina-carrinho,
.carrinho {
  background: #f3f4f6 !important;
  color: #111111 !important;
}

/* =========================
   CAIXAS LATERAIS / FILTROS
========================= */
.pagina-produto .caixa,
.pagina-categoria .caixa,
.pagina-busca .caixa,
.pagina-produto .menu.lateral,
.pagina-categoria .menu.lateral,
.pagina-busca .menu.lateral,
.pagina-produto .lista-categorias,
.pagina-categoria .lista-categorias,
.pagina-busca .lista-categorias,
.pagina-produto .filtro,
.pagina-categoria .filtro,
.pagina-busca .filtro,
.pagina-produto .filtros,
.pagina-categoria .filtros,
.pagina-busca .filtros {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.06) !important;
}

.pagina-produto .caixa .titulo,
.pagina-categoria .caixa .titulo,
.pagina-busca .caixa .titulo,
.pagina-produto .menu.lateral .titulo,
.pagina-categoria .menu.lateral .titulo,
.pagina-busca .menu.lateral .titulo {
  color: #111111 !important;
  background: transparent !important;
}

.pagina-produto .caixa .titulo:after,
.pagina-categoria .caixa .titulo:after,
.pagina-busca .caixa .titulo:after {
  background: #ffc400 !important;
}

.pagina-produto .caixa .conteudo,
.pagina-categoria .caixa .conteudo,
.pagina-busca .caixa .conteudo {
  background: transparent !important;
  color: #111111 !important;
}

.pagina-produto .caixa a,
.pagina-categoria .caixa a,
.pagina-busca .caixa a,
.pagina-produto .menu.lateral a,
.pagina-categoria .menu.lateral a,
.pagina-busca .menu.lateral a,
.pagina-produto .lista-categorias a,
.pagina-categoria .lista-categorias a,
.pagina-busca .lista-categorias a {
  color: #111111 !important;
}

.pagina-produto .caixa a:hover,
.pagina-categoria .caixa a:hover,
.pagina-busca .caixa a:hover,
.pagina-produto .menu.lateral a:hover,
.pagina-categoria .menu.lateral a:hover,
.pagina-busca .menu.lateral a:hover {
  color: #c99700 !important;
}

/* =========================
   NEWSLETTER
========================= */
.newsletter,
#newsletter,
.caixa-newsletter,
.newsletter .interno,
.newsletter fieldset {
  background: linear-gradient(180deg, #202532 0%, #2d3442 100%) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.16) !important;
}

.newsletter *,
#newsletter *,
.caixa-newsletter * {
  color: #ffffff !important;
}

.newsletter input,
#newsletter input,
.caixa-newsletter input {
  background: #1a1f2b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 12px !important;
}

.newsletter input::placeholder,
#newsletter input::placeholder,
.caixa-newsletter input::placeholder {
  color: #c7ced8 !important;
}

.newsletter button,
.newsletter .botao,
#newsletter button,
#newsletter .botao,
.caixa-newsletter button,
.caixa-newsletter .botao {
  background: linear-gradient(180deg, #fff94a 0%, #ffe900 100%) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(255,233,0,0.28) !important;
}

/* =========================
   PAGINA DE PRODUTO
========================= */
.pagina-produto .produto .principal,
.pagina-produto .produto .produto-info,
.pagina-produto .galeria-produto,
.pagina-produto .product-gallery {
  background: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 18px !important;
  padding: 20px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
}

/* titulo do produto */
.pagina-produto .nome-produto,
.pagina-produto h1,
.pagina-produto .titulo-produto,
.pagina-produto .produto .nome-produto,
.pagina-produto .produto h1 {
  color: #111111 !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* textos gerais produto */
.pagina-produto .produto,
.pagina-produto .produto p,
.pagina-produto .produto small,
.pagina-produto .produto label,
.pagina-produto .produto legend,
.pagina-produto .codigo-produto,
.pagina-produto .disponibilidade,
.pagina-produto .parcelas,
.pagina-produto .descricao,
.pagina-produto .descricao-produto,
.pagina-produto .texto,
.pagina-produto .breadcrumbs,
.pagina-produto .breadcrumbs a,
.pagina-produto .compartilhar {
  color: #222222 !important;
}

/* variacoes */
.pagina-produto .atributos label,
.pagina-produto .variacoes label {
  color: #111111 !important;
}

.pagina-produto .atributos ul li a,
.pagina-produto .variacoes ul li a {
  border: 1px solid #ddd !important;
  background: #ffffff !important;
  color: #111111 !important;
  border-radius: 8px !important;
}

.pagina-produto .atributos ul li.active a,
.pagina-produto .variacoes ul li.active a {
  border-color: #000 !important;
  background: #000 !important;
  color: #ffffff !important;
}

/* preco produto */
.pagina-produto .preco-produto s {
  color: #999999 !important;
}

.pagina-produto .preco-produto strong,
.pagina-produto .preco-produto .preco-promocional {
  color: #111111 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
}

/* comprar produto */
.pagina-produto .botao-comprar,
.pagina-produto .botao.principal {
  background: #000000 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.pagina-produto .botao-comprar:hover,
.pagina-produto .botao.principal:hover {
  background: #222222 !important;
  color: #ffffff !important;
}

/* frete produto */
.pagina-produto #formCalcularFrete,
.pagina-produto .calcular-frete {
  background: #fafafa !important;
  border: 1px solid #eeeeee !important;
  border-radius: 12px !important;
  padding: 15px !important;
  color: #111111 !important;
}

.pagina-produto #cep,
.pagina-produto .calcular-frete input,
.pagina-produto input[type="text"],
.pagina-produto input[type="tel"],
.pagina-produto input[type="number"] {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  color: #111111 !important;
  border-radius: 10px !important;
}

.pagina-produto .calcular-frete .botao,
.pagina-produto .calcular-frete button {
  background: #000000 !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}

/* lista de desejos */
.pagina-produto .produto .acoes-flutuantes,
.pagina-produto .produto .acoes-produto,
.pagina-produto .produto-compartilhar,
.pagina-produto .produto .lista-favoritos,
.pagina-produto a[title*="Desejo"],
.pagina-produto a[title*="Favorito"],
.pagina-produto a[href*="desejos"],
.pagina-produto a[href*="favoritos"] {
  color: #111111 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.pagina-produto .produto .acoes-flutuantes a,
.pagina-produto .produto .acoes-produto a,
.pagina-produto .produto-compartilhar a,
.pagina-produto a[href*="desejos"],
.pagina-produto a[href*="favoritos"] {
  color: #111111 !important;
  font-weight: 700 !important;
}

.pagina-produto .produto .acoes-flutuantes a:hover,
.pagina-produto .produto .acoes-produto a:hover,
.pagina-produto .produto-compartilhar a:hover,
.pagina-produto a[href*="desejos"]:hover,
.pagina-produto a[href*="favoritos"]:hover {
  color: #c99700 !important;
}

/* abas produto */
.pagina-produto .abas-custom,
.pagina-produto .abas-conteudo,
.pagina-produto .abas-produto,
.pagina-produto .produto .abas,
.pagina-produto .produto .tab-content,
.pagina-produto .produto .descricao-completa {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #dddddd !important;
  border-radius: 14px !important;
}

.pagina-produto .abas-custom a,
.pagina-produto .abas-produto a,
.pagina-produto .produto .abas a {
  color: #111111 !important;
}

.pagina-produto .abas-custom a:hover,
.pagina-produto .abas-produto a:hover,
.pagina-produto .produto .abas a:hover {
  color: #c99700 !important;
}

/* =========================
   RELACIONADOS / LISTAGENS CLARAS
========================= */
.pagina-produto .listagem .titulo-categoria,
.pagina-produto .listagem h4.titulo,
.pagina-categoria .listagem .titulo-categoria,
.pagina-categoria .listagem h4.titulo,
.pagina-busca .listagem .titulo-categoria,
.pagina-busca .listagem h4.titulo {
  color: #111111 !important;
}

.pagina-produto .listagem ul li,
.pagina-categoria .listagem ul li,
.pagina-busca .listagem ul li,
.pagina-produto .vitrine ul li,
.pagina-categoria .vitrine ul li,
.pagina-busca .vitrine ul li {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.08) !important;
}

.pagina-produto .listagem .produto-imagem,
.pagina-categoria .listagem .produto-imagem,
.pagina-busca .listagem .produto-imagem {
  background: #f6f7f8 !important;
}

.pagina-produto .listagem .nome-produto,
.pagina-produto .listagem .nome-produto a,
.pagina-categoria .listagem .nome-produto,
.pagina-categoria .listagem .nome-produto a,
.pagina-busca .listagem .nome-produto,
.pagina-busca .listagem .nome-produto a {
  color: #111111 !important;
}

.pagina-produto .listagem .preco-produto strong,
.pagina-produto .listagem .preco-produto .preco-promocional,
.pagina-categoria .listagem .preco-produto strong,
.pagina-busca .listagem .preco-produto strong {
  color: #111111 !important;
}

.pagina-produto .listagem .preco-produto s,
.pagina-categoria .listagem .preco-produto s,
.pagina-busca .listagem .preco-produto s {
  color: #7b7b7b !important;
}

/* =========================
   CARRINHO
========================= */
.pagina-carrinho .tabela-carrinho,
.pagina-carrinho .carrinho table,
.pagina-carrinho .carrinho .tabela {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

.pagina-carrinho .tabela-carrinho tr,
.pagina-carrinho .carrinho table tr {
  background: #ffffff !important;
  border-bottom: 1px solid #eeeeee !important;
}

.pagina-carrinho .tabela-carrinho thead,
.pagina-carrinho .carrinho table thead {
  background: #f0f0f0 !important;
}

.pagina-carrinho,
.pagina-carrinho *,
.carrinho,
.carrinho * {
  color: #111111 !important;
}

.pagina-carrinho .titulo-carrinho,
.pagina-carrinho .carrinho h1,
.pagina-carrinho .carrinho h2,
.pagina-carrinho .carrinho .titulo,
.pagina-carrinho .carrinho > p {
  color: #111111 !important;
}

.pagina-carrinho .tabela-carrinho th,
.pagina-carrinho .carrinho table th,
.pagina-carrinho .carrinho thead th {
  color: #111111 !important;
  background: #f3f3f3 !important;
}

.pagina-carrinho .tabela-carrinho td,
.pagina-carrinho .carrinho table td,
.pagina-carrinho .carrinho .produto-info,
.pagina-carrinho .carrinho .produto-info a,
.pagina-carrinho .carrinho .nome-produto,
.pagina-carrinho .carrinho .atributos,
.pagina-carrinho .carrinho .sku,
.pagina-carrinho .carrinho .disponibilidade {
  color: #111111 !important;
}

.pagina-carrinho .carrinho .preco-produto,
.pagina-carrinho .carrinho .preco-produto *,
.pagina-carrinho .carrinho .preco,
.pagina-carrinho .carrinho .subtotal,
.pagina-carrinho .carrinho .total,
.pagina-carrinho .carrinho .valores,
.pagina-carrinho .carrinho strong {
  color: #111111 !important;
}

.pagina-carrinho .carrinho s,
.pagina-carrinho .carrinho .preco-de {
  color: #7a7a7a !important;
}

.pagina-carrinho .calcular-frete,
.pagina-carrinho #formCalcularFrete {
  background: #f8f8f8 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 15px !important;
  color: #111111 !important;
}

.pagina-carrinho .calcular-frete *,
.pagina-carrinho #formCalcularFrete *,
.pagina-carrinho .carrinho label {
  color: #111111 !important;
}

.pagina-carrinho .calcular-frete small,
.pagina-carrinho #formCalcularFrete small,
.pagina-carrinho .calcular-frete .help-block,
.pagina-carrinho .calcular-frete .muted,
.pagina-carrinho .carrinho .muted {
  color: #666666 !important;
}

.pagina-carrinho .calcular-frete input,
.pagina-carrinho #formCalcularFrete input,
.pagina-carrinho .carrinho input[type="text"],
.pagina-carrinho .carrinho input[type="tel"],
.pagina-carrinho .carrinho input[type="number"] {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px !important;
}

.pagina-carrinho .carrinho input::placeholder {
  color: #8a8a8a !important;
}

.pagina-carrinho .cupom,
.pagina-carrinho .carrinho .cupom {
  background: #f8f8f8 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  color: #111111 !important;
}

.pagina-carrinho .carrinho .total,
.pagina-carrinho .carrinho .resumo-compra {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  padding: 15px !important;
}

.pagina-carrinho .tabela-carrinho,
.pagina-carrinho .carrinho table,
.pagina-carrinho .carrinho td,
.pagina-carrinho .carrinho th {
  border-color: #dcdcdc !important;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
  .cabecalho .logo img {
    max-height: 56px !important;
  }

  .listagem .titulo-categoria,
  .listagem h4.titulo {
    font-size: 22px !important;
  }

  .listagem .preco-produto strong,
  .listagem .preco-produto .preco-promocional,
  .listagem .preco-produto .preco-a-vista,
  .listagem .preco-produto .por,
  .listagem .preco-produto span[class*="preco"] {
    font-size: 24px !important;
  }

  .listagem ul li {
    padding: 10px !important;
  }

  .listagem .produto-imagem,
  .listagem-item .imagem-produto {
    height: 220px !important;
  }
}
/* TAMANHO SELECIONADO - ESTILO CLEAN */

.atributos ul li.active a,
.variacoes ul li.active a {
  background: transparent !important;
  color: #111 !important;
  border: 2px solid #000 !important;
}

/* TAMANHOS NORMAIS */
.atributos ul li a,
.variacoes ul li a {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
}

/* HOVER */
.atributos ul li a:hover,
.variacoes ul li a:hover {
  border-color: #000 !important;
}
/* =========================
   RECOMENDADOS - CORREÇÃO
========================= */

/* REMOVE SOBREPOSIÇÃO DO BOTÃO */
.listagem ul li {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* GARANTE ESPAÇO ENTRE PREÇO E BOTÃO */
.listagem .preco-produto {
  margin-bottom: 12px !important;
  z-index: 2 !important;
}

/* ÁREA DO BOTÃO */
.listagem .acoes-produto {
  position: relative !important;
  margin-top: 10px !important;
  z-index: 1 !important;
}

/* BOTÃO SEM SOBREPOR */
.listagem .acoes-produto .botao {
  position: relative !important;
  width: 100% !important;
}

/* =========================
   BOTÃO SEMPRE AMARELO
========================= */

.listagem .acoes-produto .botao,
.listagem .acoes-produto .botao-comprar {
  background: linear-gradient(180deg, #ffd84d 0%, #ffc400 100%) !important;
  color: #111 !important;
}

/* REMOVE EFEITO ESCURO PADRÃO */
.listagem .acoes-produto .botao:not(:hover) {
  background: linear-gradient(180deg, #ffd84d 0%, #ffc400 100%) !important;
  color: #111 !important;
}

/* HOVER MAIS SUAVE (opcional) */
.listagem .acoes-produto .botao:hover {
  background: linear-gradient(180deg, #ffe066 0%, #ffd11a 100%) !important;
}
/* =====================================
   PRODUTO - TAMANHO E BOTAO COMPRAR
===================================== */

/* TAMANHOS NORMAIS */
.pagina-produto .atributos ul li a,
.pagina-produto .variacoes ul li a,
.produto .atributos ul li a,
.produto .variacoes ul li a {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #d7d7d7 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* TAMANHO SELECIONADO */
.pagina-produto .atributos ul li.active a,
.pagina-produto .variacoes ul li.active a,
.produto .atributos ul li.active a,
.produto .variacoes ul li.active a,
.pagina-produto .atributos ul li.selecionado a,
.pagina-produto .variacoes ul li.selecionado a,
.produto .atributos ul li.selecionado a,
.produto .variacoes ul li.selecionado a {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #000000 !important;
  box-shadow: none !important;
}

/* HOVER DOS TAMANHOS */
.pagina-produto .atributos ul li a:hover,
.pagina-produto .variacoes ul li a:hover,
.produto .atributos ul li a:hover,
.produto .variacoes ul li a:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #000000 !important;
}

/* BOTAO COMPRAR AMARELO */
.pagina-produto .botao-comprar,
.pagina-produto .botao.principal,
.produto .botao-comprar,
.produto .botao.principal {
  background: linear-gradient(180deg, #ffd84d 0%, #ffc400 100%) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 20px rgba(255,196,0,0.22) !important;
}

/* HOVER DO BOTAO COMPRAR */
.pagina-produto .botao-comprar:hover,
.pagina-produto .botao.principal:hover,
.produto .botao-comprar:hover,
.produto .botao.principal:hover {
  background: linear-gradient(180deg, #ffe066 0%, #ffd11a 100%) !important;
  color: #111111 !important;
  box-shadow: 0 10px 24px rgba(255,196,0,0.28) !important;
}

/* TEXTO DO BOTAO */
.pagina-produto .botao-comprar *,
.pagina-produto .botao.principal *,
.produto .botao-comprar *,
.produto .botao.principal * {
  color: #111111 !important;
}
/* CENTRALIZAR BOTÃO COMPRAR NOS CARDS */

.listagem .acoes-produto {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* BOTÃO */
.listagem .acoes-produto .botao,
.listagem .acoes-produto .botao-comprar {
  width: 85% !important; /* deixa bonito tipo o print */
  text-align: center !important;
  margin: 0 auto !important;
  display: block !important;
}