/* ============================================================
   THAYLLUS PERFUMES — "Luxo Confiável" (v4)
   Baseado no consenso Designer + Marketing + Comprador e nas
   classes REAIS do tema (inspecionadas ao vivo na loja).
   Cole TODO o conteúdo em: Painel > Aparência > Editar CSS
   (apague antes qualquer versão anterior).
   ------------------------------------------------------------
   Paleta: marfim #FAF6EC | marfim-alt #F3ECDB | branco #FFF
   carvão #1E1B14 | escuro #171309 | linha #E4DBC5
   dourado #C4A609 | champanhe #E6D08A | dourado-esc #9C7C12
   Ouro METÁLICO (gradiente, como o da logo):
   linear-gradient(135deg,#E6D08A,#C4A609 55%,#9C7C12)
   ============================================================ */
 
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Jost:wght@300;400;500;600&display=swap');
 
/* ============================================================
   1. BASE
   ============================================================ */
body, body.tema-transparente, #conteiner-principal{
  background-color: #FAF6EC !important;
  color: #1E1B14 !important;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
}
h1, h2, h3,
.nome-produto, .titulo-categoria, .titulo-conteudo{
  font-family: 'Marcellus', Georgia, serif !important;
  letter-spacing: .5px;
}
a{ transition: color .22s ease; }
 
/* ============================================================
   2. CABEÇALHO — escuro, textos claros, botões "ghost" elegantes
   ============================================================ */
#cabecalho{
  background: linear-gradient(180deg, #26221a, #171309) !important;
  border-bottom: 2px solid #C4A609 !important;
}
#cabecalho, #cabecalho a, #cabecalho span, #cabecalho strong,
#cabecalho i, #cabecalho .titulo, #cabecalho .cor-secundaria,
#cabecalho .cor-principal, #cabecalho label{
  color: #FAF6EC !important;
}
#cabecalho a:hover{ color: #E6D08A !important; }
/* dropdowns / mini-carrinho / autocomplete: fundo claro, texto escuro */
#cabecalho .carrinho-interno, #cabecalho .carrinho-interno *,
#cabecalho .dropdown-menu, #cabecalho .dropdown-menu *,
#cabecalho .ui-autocomplete, #cabecalho .ui-autocomplete *{
  color: #1E1B14 !important;
}
/* Botões do cabeçalho: contorno champanhe (ghost), sem mostarda chapada */
#cabecalho .botao{
  background: transparent !important;
  border: 1px solid rgba(230,208,138,.55) !important;
  color: #E6D08A !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  transition: all .25s ease !important;
}
#cabecalho .botao:hover{
  background: #E6D08A !important;
  border-color: #E6D08A !important;
  color: #1E1B14 !important;
}
#cabecalho .botao *, #cabecalho .botao i{ color: inherit !important; }
 
/* ============================================================
   3. LOGO -> NOME EM TEXTO ("THAYLLUS" + missão)
   ============================================================ */
.logo img, h2.logo img{ display: none !important; }
.logo a{
  display: inline-block !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
.logo a:before{
  content: "THAYLLUS";
  display: block !important;
  font-family: 'Marcellus', Georgia, serif !important;
  font-size: 42px !important;
  letter-spacing: 8px !important;
  text-indent: 8px !important;
  color: #E6D08A !important;
  line-height: 1 !important;
}
.logo a:after{
  content: "Fazendo você brilhar";
  display: block !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 4px !important;
  color: #CFC7B4 !important;
  margin-top: 7px !important;
}
 
/* ============================================================
   4. BUSCA — input alinhado + botão em ouro metálico
   ============================================================ */
#cabecalho input[type="text"], #cabecalho input[type="search"]{
  background: #FFFFFF !important;
  color: #1E1B14 !important;
  border: 1px solid #3a352b !important;
  border-radius: 3px 0 0 3px !important;
  height: 46px !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
  font-size: 15px !important;
}
#cabecalho input[type="text"]::placeholder{ color: #8f886f !important; }
#cabecalho input[type="text"]:focus{
  border-color: #C4A609 !important;
  box-shadow: 0 0 0 3px rgba(196,166,9,.20) !important;
  outline: none !important;
}
#cabecalho .botao-busca, #cabecalho button.botao-busca{
  background: linear-gradient(135deg,#E6D08A,#C4A609 55%,#9C7C12) !important;
  border: none !important;
  color: #1E1B14 !important;
  height: 46px !important;
  box-sizing: border-box !important;
  border-radius: 0 3px 3px 0 !important;
  padding: 0 22px !important;
}
#cabecalho .botao-busca:hover{ filter: brightness(1.1); }
#cabecalho .botao-busca i{ color: #1E1B14 !important; }
 
/* ============================================================
   5. MENU DE CATEGORIAS — escuro, tipografia fina
   ============================================================ */
.menu.superior{
  background-color: #171309 !important;
  border-top: 1px solid #2c2720 !important;
  border-bottom: none !important;   /* evita linha dourada dupla com o cabeçalho */
}
.menu.superior ul.nivel-um > li,
.menu.superior li.borda-principal{ border-color: #2c2720 !important; }
.menu.superior a{ padding: 14px 20px !important; transition: background .25s ease !important; }
.menu.superior a .titulo, .menu.superior a strong,
.menu.superior .cor-secundaria, .menu.superior a{
  color: #FAF6EC !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.menu.superior a:hover{ background: rgba(230,208,138,.08) !important; }
.menu.superior a:hover .titulo, .menu.superior a:hover strong,
.menu.superior a:hover{ color: #E6D08A !important; }
.menu.superior .nivel-dois, .menu.superior .subcategorias{ background: #FFFFFF !important; }
.menu.superior .nivel-dois a,
.menu.superior .nivel-dois .cor-secundaria{ color: #1E1B14 !important; }
 
/* ============================================================
   6. CARROSSEL DA HOME (FlexSlider) — limpo, bolinhas douradas
   ============================================================ */
.flexslider{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.flexslider .slides img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.flex-control-nav{ bottom: 14px !important; z-index: 5 !important; }
.flex-control-paging li a{
  width: 10px !important; height: 10px !important;
  background: rgba(250,246,236,.55) !important;
  box-shadow: none !important;
  border: none !important;
}
.flex-control-paging li a.flex-active{
  background: #C4A609 !important;
}
.flex-direction-nav a{
  background: rgba(23,19,9,.55) !important;
  color: #E6D08A !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  transition: background .25s ease !important;
}
.flex-direction-nav a:hover{ background: #C4A609 !important; color: #1E1B14 !important; }
.secao-banners{ margin-bottom: 26px !important; }
 
/* ============================================================
   7. TÍTULOS DE SEÇÃO ("Destaques", nome da categoria)
   ============================================================ */
.titulo-categoria{
  text-align: center !important;
  padding-bottom: 12px !important;
  border-bottom: none !important;
}
.titulo-categoria, .titulo-categoria .titulo,
.titulo-categoria .cor-principal, .titulo-categoria .cor-secundaria,
.titulo-categoria strong, .titulo-categoria h1{
  font-family: 'Marcellus', Georgia, serif !important;
  color: #1E1B14 !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
}
 
/* ============================================================
   8. CARTÕES DE PRODUTO — elegantes, com transições suaves
   ============================================================ */
.listagem-item{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  padding: 10px !important;
  overflow: hidden !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}
.listagem-item:hover{
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 36px rgba(30,27,20,.13) !important;
  border-color: #E6D08A !important;
}
/* zoom suave da foto no hover */
.listagem-item .imagem-produto{ overflow: hidden !important; }
.listagem-item .imagem-produto img{
  transition: transform .6s ease !important;
}
.listagem-item:hover .imagem-produto img{ transform: scale(1.05) !important; }
/* nome do produto */
.listagem-item .nome-produto, .listagem-item .nome-produto.cor-secundaria{
  font-family: 'Marcellus', Georgia, serif !important;
  color: #1E1B14 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}
.listagem-item .nome-produto:hover{ color: #9C7C12 !important; }
/* botão "Ver mais" que aparece sobre a imagem: overlay refinado */
.listagem-item .acoes-produto .botao-comprar,
.listagem-item .acoes-produto a.botao{
  background: rgba(23,19,9,.90) !important;
  border: 1px solid rgba(230,208,138,.6) !important;
  color: #E6D08A !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  transition: all .3s ease !important;
}
.listagem-item .acoes-produto .botao-comprar:hover,
.listagem-item .acoes-produto a.botao:hover{
  background: linear-gradient(135deg,#E6D08A,#C4A609 55%,#9C7C12) !important;
  border-color: #C4A609 !important;
  color: #1E1B14 !important;
}
/* botão mobile ("tag comprar") */
.tag-comprar.fundo-principal, .tag-comprar{
  background: #1E1B14 !important;
}
.tag-comprar .titulo, .tag-comprar span{ color: #FAF6EC !important; }
 
/* ============================================================
   9. PREÇOS — preço final em carvão; Pix como reforço discreto
   ============================================================ */
.preco-promocional, strong.preco-promocional,
.preco-produto .preco-promocional{
  color: #1E1B14 !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
}
s.preco-venda, .preco-venda{
  color: #A79B82 !important;
  font-weight: 400 !important;
}
.preco-parcela, .preco-parcela strong, .preco-parcela .cor-secundaria{
  color: #4A4437 !important;
  font-size: 12px !important;
}
.desconto-a-vista, .desconto-a-vista strong,
.desconto-a-vista .cor-secundaria{
  color: #9C7C12 !important;
  font-weight: 600 !important;
}
 
/* ============================================================
   10. BOTÕES (geral) — carvão sólido; ouro metálico no hover
   ============================================================ */
.botao, a.botao, input.botao, button.botao{
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  transition: all .28s ease !important;
}
.botao.principal, a.botao.principal,
.botao-comprar, a.botao-comprar{
  background: #1E1B14 !important;
  border: 1px solid #1E1B14 !important;
  color: #FAF6EC !important;
}
.botao.principal:hover, a.botao.principal:hover,
.botao-comprar:hover, a.botao-comprar:hover{
  background: linear-gradient(135deg,#E6D08A,#C4A609 55%,#9C7C12) !important;
  border-color: #C4A609 !important;
  color: #1E1B14 !important;
}
.botao.principal i, .botao-comprar i{ color: inherit !important; }
/* botões secundários: contorno carvão */
.botao.secundario, .botao.fundo-secundario, input.botao.fundo-secundario{
  background: transparent !important;
  border: 1px solid #1E1B14 !important;
  color: #1E1B14 !important;
}
.botao.secundario:hover, .botao.fundo-secundario:hover{
  background: #1E1B14 !important;
  color: #FAF6EC !important;
}
 
/* ============================================================
   11. PÁGINA DE CATEGORIA
   ============================================================ */
.barra-inicial.fundo-secundario, .ordenar-listagem{
  background: #F3ECDB !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
}
.barra-inicial .cor-secundaria, .barra-inicial a, .barra-inicial strong,
.barra-inicial label, .ordenar-listagem a, .ordenar-listagem label,
.ordenar-listagem span, .ordenar-listagem strong{
  color: #4A4437 !important;
}
.menu.lateral, .lateral.outras, .filtro.lista, .filtro-coluna{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  box-shadow: 0 6px 16px rgba(30,27,20,.05) !important;
}
.menu.lateral .titulo, .lateral .titulo, .filtro .titulo, .filtro-coluna .titulo{
  font-family: 'Marcellus', Georgia, serif !important;
  color: #1E1B14 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border-bottom: 2px solid #C4A609 !important;
  display: block !important;
  padding: 12px 14px 9px !important;
}
.menu.lateral a, .lateral a, .filtro a{
  color: #4A4437 !important;
  transition: color .2s ease, padding-left .2s ease !important;
}
.menu.lateral a:hover, .lateral a:hover, .filtro a:hover{
  color: #9C7C12 !important;
  padding-left: 5px !important;
}
.paginacao a, .paginacao span{
  border: 1px solid #E4DBC5 !important;
  background: #FFFFFF !important;
  color: #1E1B14 !important;
  border-radius: 0 !important;
}
.paginacao .atual, .paginacao a:hover{
  background: #C4A609 !important;
  border-color: #C4A609 !important;
  color: #1E1B14 !important;
}
 
/* ============================================================
   12. PÁGINA DE PRODUTO
   ============================================================ */
.pagina-produto .nome-produto{
  font-family: 'Marcellus', Georgia, serif !important;
  color: #1E1B14 !important;
}
/* caixa de compra (qtde + comprar + disponibilidade) vira cartão */
.pagina-produto .acoes-produto.disponivel,
.pagina-produto .acoes-produto{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-top: 3px solid #C4A609 !important;
  border-radius: 2px !important;
  padding: 18px !important;
  box-shadow: 0 8px 22px rgba(30,27,20,.06) !important;
}
.pagina-produto .acoes-produto .qtde-carrinho,
.pagina-produto input.qtde-carrinho{
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  color: #1E1B14 !important;
  height: 42px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
.pagina-produto .qtde-carrinho-title{ color: #4A4437 !important; }
.pagina-produto .botao-comprar.grande{
  display: block !important;
  text-align: center !important;
  padding: 14px 26px !important;
  font-size: 13px !important;
}
.pagina-produto .disponibilidade-produto,
.pagina-produto .disponibilidade-produto b{
  color: #9C7C12 !important;
  letter-spacing: 1px !important;
}
/* cálculo de frete (input CEP + botão) */
.input-cep, input.input-cep{
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  color: #1E1B14 !important;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
}
.input-cep:focus{
  border-color: #C4A609 !important;
  box-shadow: 0 0 0 3px rgba(196,166,9,.15) !important;
  outline: none !important;
}
/* abas de descrição/informações */
.abas-custom .nav-tabs, .nav-tabs{
  border-bottom: 1px solid #E4DBC5 !important;
}
.abas-custom .nav-tabs > li > a, .nav-tabs > li > a{
  font-family: 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 12px !important;
  color: #4A4437 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
}
.abas-custom .nav-tabs > li.active > a, .nav-tabs > li.active > a,
.abas-custom .nav-tabs > li > a:hover{
  color: #1E1B14 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #C4A609 !important;
}
.abas-custom .tab-content, .tab-content{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-top: none !important;
  border-radius: 0 0 2px 2px !important;
  padding: 24px !important;
  color: #4A4437 !important;
  line-height: 1.8 !important;
}
 
/* ============================================================
   13. CARRINHO (página) — harmonia com o resto
   ============================================================ */
.tabela-carrinho{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
}
.tabela-carrinho th{
  background: #1E1B14 !important;
  color: #FAF6EC !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 12px !important;
}
.tabela-carrinho td{
  border-bottom: 1px solid #E4DBC5 !important;
  vertical-align: middle !important;
}
.pagina-carrinho .subtotal, .pagina-carrinho .total{
  background: #F3ECDB !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
}
.pagina-carrinho .valor-subtotal, .pagina-carrinho .valor-total{
  color: #1E1B14 !important;
  font-family: 'Jost', sans-serif !important;
  font-weight: 600 !important;
}
.pagina-carrinho .control-frete{ color: #4A4437 !important; }
.pagina-carrinho input[type="text"], .pagina-carrinho input[type="tel"]{
  height: 40px !important;
  box-sizing: border-box !important;
}
.finalizar-compra .botao, .finalizar-compra a.botao,
.finalizar-compra input.botao{
  background: #1E1B14 !important;
  border: 1px solid #1E1B14 !important;
  color: #FAF6EC !important;
  padding: 13px 30px !important;
  font-size: 13px !important;
}
.finalizar-compra .botao:hover{
  background: linear-gradient(135deg,#E6D08A,#C4A609 55%,#9C7C12) !important;
  border-color: #C4A609 !important;
  color: #1E1B14 !important;
}
 
/* ============================================================
   14. RODAPÉ — 3 camadas coesas (links escuro / selos marfim / copy escuro)
   ============================================================ */
#rodape .institucional.fundo-secundario, #rodape .institucional{
  background-color: #1E1B14 !important;
  border-top: 3px solid #C4A609 !important;
  padding-top: 26px !important;
}
#rodape .institucional, #rodape .institucional a,
#rodape .institucional span, #rodape .institucional li,
#rodape .institucional p, #rodape .links-rodape a{
  color: #CFC7B4 !important;
}
#rodape .institucional a:hover{ color: #E6D08A !important; }
#rodape .links-rodape .titulo{
  color: #E6D08A !important;
  font-family: 'Marcellus', Georgia, serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border-bottom: 1px solid rgba(230,208,138,.25) !important;
  padding-bottom: 8px !important;
  display: inline-block !important;
}
/* faixa de pagamento e selos: marfim, integrada */
#rodape .pagamento-selos{
  background: #F3ECDB !important;
  border-top: 1px solid #E4DBC5 !important;
  border-bottom: 1px solid #E4DBC5 !important;
  padding: 20px 0 !important;
}
#rodape .pagamento-selos .titulo,
#rodape .pagamento-selos .cor-secundaria{
  color: #1E1B14 !important;
  font-family: 'Marcellus', Georgia, serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}
#rodape .pagamento-selos img{
  filter: grayscale(20%);
  opacity: .9;
}
/* faixa final (copyright): escura, fechando a moldura.
   O div não tem classe e nem sempre é o último — cobrimos qualquer
   seção direta do rodapé que não seja as duas conhecidas. */
#rodape > div:last-child,
#rodape > div:not(.institucional):not(.pagamento-selos){
  background: #171309 !important;
  color: #8f886f !important;
  padding: 14px 0 !important;
}
#rodape > div:last-child a, #rodape > div:last-child span, #rodape > div:last-child p,
#rodape > div:not(.institucional):not(.pagamento-selos) a,
#rodape > div:not(.institucional):not(.pagamento-selos) span,
#rodape > div:not(.institucional):not(.pagamento-selos) p{
  color: #8f886f !important;
  font-size: 12px !important;
  letter-spacing: .5px !important;
}
#rodape > div:last-child a:hover{ color: #E6D08A !important; }
 
/* ============================================================
   15. MODAIS (Fale Conosco, avisos, favoritos, janela)
   ============================================================ */
.modal, #modalContato, #modalWindow, #modalAlerta{
  background: #FAF6EC !important;
  border: 1px solid #E4DBC5 !important;
  border-top: 4px solid #C4A609 !important;
  border-radius: 3px !important;
  box-shadow: 0 24px 60px rgba(23,19,9,.35) !important;
}
.modal-header{
  border-bottom: 1px solid #E4DBC5 !important;
  background: transparent !important;
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4{
  font-family: 'Marcellus', Georgia, serif !important;
  color: #1E1B14 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 18px !important;
}
.modal-body, .modal-body.borda-principal{
  background: transparent !important;
  color: #4A4437 !important;
  border-color: #E4DBC5 !important;
}
.modal-footer{
  background: transparent !important;
  border-top: 1px solid #E4DBC5 !important;
  box-shadow: none !important;
}
.modal .close{
  color: #1E1B14 !important;
  opacity: .7 !important;
  text-shadow: none !important;
}
.modal .close:hover{ opacity: 1 !important; color: #9C7C12 !important; }
.modal input[type="text"], .modal input[type="email"],
.modal input[type="tel"], .modal textarea, .modal select{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  color: #1E1B14 !important;
}
.modal-backdrop{ background: #171309 !important; }
 
/* ============================================================
   16. FORMULÁRIOS (geral, fora do cabeçalho)
   ============================================================ */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], select, textarea{
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  color: #1E1B14 !important;
}
input:focus, select:focus, textarea:focus{
  border-color: #C4A609 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(196,166,9,.15) !important;
}
 
/* ============================================================
   17. DETALHES
   ============================================================ */
::selection{ background: #E6D08A; color: #1E1B14; }
/* scrollbar discreta (dourado em pouco é joia; em muito é bijuteria) */
::-webkit-scrollbar{ width: 9px; }
::-webkit-scrollbar-thumb{ background: #b9ad94; border-radius: 5px; border: 2px solid #F3ECDB; }
::-webkit-scrollbar-track{ background: #F3ECDB; }
html{ scrollbar-width: thin; scrollbar-color: #b9ad94 #F3ECDB; }
 
/* ============================================================
   19. v5 — CONSENSO FINAL DOS 3 AGENTES ("boutique silenciosa")
   ============================================================ */
 
/* --- 19.1 BARRA FIXA (#barraTopo): de branca genérica p/ escura de luxo --- */
#barraTopo{
  background: linear-gradient(180deg, #26221a, #171309) !important;
  border-bottom: 1px solid #C4A609 !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.35) !important;
}
/* esconde a razão social e escreve THAYLLUS no lugar */
#barraTopo h4.titulo a{
  font-size: 0 !important;
  color: transparent !important;
  display: inline-block !important;
  text-decoration: none !important;
}
#barraTopo h4.titulo a:after{
  content: "THAYLLUS";
  font-size: 19px !important;
  font-family: 'Marcellus', Georgia, serif !important;
  color: #E6D08A !important;
  letter-spacing: 6px !important;
  display: inline-block !important;
  line-height: 40px !important;
}
#barraTopo, #barraTopo a, #barraTopo span, #barraTopo strong, #barraTopo i{
  color: #E6D08A !important;
}
#barraTopo .canais-contato, #barraTopo .canais-contato a{
  color: #CFC7B4 !important;
  font-size: 12px !important;
  letter-spacing: .5px !important;
}
#barraTopo .canais-contato a:hover{ color: #E6D08A !important; }
/* busca da barra fixa: estilo "ghost" escuro */
#barraTopo .busca input, #barraTopo input[type="text"]{
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(230,208,138,.35) !important;
  border-radius: 2px !important;
  color: #FAF6EC !important;
  height: 34px !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
}
#barraTopo .busca input::placeholder{ color: #8f886f !important; }
#barraTopo .botao-busca{
  background: transparent !important;
  border: 1px solid rgba(230,208,138,.35) !important;
  border-left: none !important;
  color: #E6D08A !important;
  height: 34px !important;
  box-sizing: border-box !important;
}
#barraTopo .botao-busca:hover{ background: rgba(230,208,138,.15) !important; }
#barraTopo .carrinho .qtd-carrinho,
#barraTopo .icon-shopping-cart{ color: #E6D08A !important; }
#barraTopo .fundo-principal{ background: transparent !important; }
 
/* --- 19.2 FAIXA DE CONTATO no topo da página: escura e legível --- */
body > .barra-inicial.fundo-secundario{
  background: #171309 !important;
  border-bottom: 1px solid #2c2720 !important;
}
body > .barra-inicial.fundo-secundario,
body > .barra-inicial.fundo-secundario a,
body > .barra-inicial.fundo-secundario span,
body > .barra-inicial.fundo-secundario i{
  color: #CFC7B4 !important;
  font-size: 12px !important;
  letter-spacing: .8px !important;
}
body > .barra-inicial.fundo-secundario a:hover{ color: #E6D08A !important; }
 
/* --- 19.3 SETAS DO CARROSSEL: elegantes, aparecem no hover --- */
.flex-direction-nav a{
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  background: rgba(23,19,9,.55) !important;
  border: 1px solid rgba(230,208,138,.5) !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transition: opacity .3s ease, background .25s ease !important;
  position: absolute !important;
}
.flexslider:hover .flex-direction-nav a{ opacity: 1 !important; }
.flex-direction-nav a:before{
  text-indent: 0 !important;
  float: left !important;
  width: 44px !important;
  text-align: center !important;
  font-family: Georgia, serif !important;
  font-size: 26px !important;
  color: #E6D08A !important;
  content: "\2039" !important;   /* ‹ */
}
.flex-direction-nav a.flex-next:before{ content: "\203A" !important; }  /* › */
.flex-direction-nav a:hover{ background: #C4A609 !important; }
.flex-direction-nav a:hover:before{ color: #1E1B14 !important; }
 
/* --- 19.4 BADGE DE DESCONTO: privilégio, não liquidação --- */
.bandeira-promocao.fundo-principal, .bandeira-promocao{
  background: rgba(250,246,236,.92) !important;
  border: 1px solid #C4A609 !important;
  color: #9C7C12 !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
}
 
/* --- 19.5 CARD: produto como estrela, comércio em sussurro --- */
.listagem-item{ padding: 20px 16px 22px !important; }
.listagem-item a.nome-produto, .listagem-item .nome-produto{
  font-family: 'Marcellus', Georgia, serif !important;
  font-size: 15px !important;
  letter-spacing: .8px !important;
  line-height: 1.45 !important;
  color: #26221a !important;
}
.listagem-item .preco-promocional{
  font-weight: 500 !important;
  font-size: 18px !important;
  letter-spacing: .3px !important;
}
.listagem-item s.preco-venda{ font-size: 12px !important; color: #b3ab9c !important; }
.listagem-item .preco-parcela{ font-size: 11.5px !important; color: #8a8072 !important; }
.listagem-item .desconto-a-vista, .listagem-item .desconto-a-vista strong{
  font-size: 12px !important;
}
 
/* --- 19.6 RESPIRO / RITMO (luxo é espaço vazio) --- */
.secao-banners{ margin-bottom: 46px !important; }
.titulo-categoria{
  margin: 18px auto 34px !important;
  position: relative !important;
}
.titulo-categoria .titulo, .titulo-categoria h1,
.titulo-categoria strong, .titulo-categoria .cor-principal{
  font-size: 25px !important;
  letter-spacing: 6px !important;
  font-weight: 400 !important;
}
.vitrine-destaque{ border: none !important; }
 
/* --- 19.7 PDP: botão comprar dominante --- */
.pagina-produto .botao-comprar.grande{
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 6px 18px rgba(23,19,9,.18) !important;
}
 
/* --- 19.8 Selos de pagamento discretos no rodapé --- */
#rodape .pagamento-selos img{
  filter: grayscale(70%) opacity(.75) !important;
  transition: filter .25s ease !important;
}
#rodape .pagamento-selos img:hover{ filter: none !important; }
 
/* --- 19.9 Micro-tipografia de preços --- */
.preco-promocional, .preco-venda, .valor-total, .valor-subtotal{
  font-variant-numeric: lining-nums tabular-nums !important;
}
 
/* --- 19.10 OPCIONAL: faixa de confiança sob o banner ---
   Só ative (removendo este comentário) se as promessas forem
   verdadeiras na sua operação (originalidade / nota fiscal):
 
.secao-banners:after{
  content: "PRODUTOS 100% ORIGINAIS \00B7 COMPRA SEGURA \00B7 ENVIAMOS PARA TODO O BRASIL";
  display: block;
  text-align: center;
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  color: #9C7C12;
  background: #F3ECDB;
  border-top: 1px solid #E4DBC5;
  border-bottom: 1px solid #E4DBC5;
  padding: 12px 16px;
  margin-top: 26px;
}
*/
 
/* ============================================================
   20. v6 — ACABAMENTO FINO (rodapé, categoria, produto, carrinho, modais)
   ============================================================ */
 
/* --- 20.1 RODAPÉ: remove a textura listrada e o gradiente branco --- */
#rodape .institucional, #rodape .institucional.fundo-secundario{
  background-image: none !important;   /* mata o padrao-rodape.png (listras) */
}
#rodape .pagamento-selos{ background-image: none !important; }
/* faixa branca dos gateways de pagamento -> integrada ao marfim */
#rodape .gateways-rodape, ul.gateways-rodape{
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* ícones de pagamento (sprites <i>) discretos, coloridos no hover */
#rodape .pagamento-selos i.icone-pagamento{
  filter: grayscale(65%) opacity(.8) !important;
  transition: filter .25s ease !important;
}
#rodape .pagamento-selos i.icone-pagamento:hover{ filter: none !important; }
/* listas do rodapé: sem marcadores/ícones perdidos, respiro maior */
#rodape .links-rodape li{ list-style: none !important; padding: 4px 0 !important; }
#rodape .links-rodape li i{ display: none !important; }
#rodape .links-rodape li a{
  font-size: 13.5px !important;
  letter-spacing: .5px !important;
  line-height: 2 !important;
  transition: color .2s ease, padding-left .2s ease !important;
}
#rodape .links-rodape li a:hover{ padding-left: 5px !important; }
#rodape .institucional{ padding: 34px 0 30px !important; }
 
/* --- 20.2 CATEGORIA: título nobre, sidebar plana, bandeiras uniformes --- */
/* título da página (h1 "Feminino") */
h1.titulo.cor-secundaria, .pagina-categoria h1.titulo{
  font-family: 'Marcellus', Georgia, serif !important;
  color: #1E1B14 !important;
  font-size: 26px !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
}
/* sidebar sem efeito "papéis empilhados": uma borda só, sem sombras internas */
.menu.lateral, .lateral.outras, .filtro.lista, .filtro-coluna{
  box-shadow: none !important;
}
.menu.lateral .nivel-um, .menu.lateral ul, .lateral ul{
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.menu.lateral li, .lateral li{
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}
/* toda bandeira de produto segue o mesmo padrão discreto (inclui "PRODUTO ADICIONADO") */
.bandeiras-produto span, .bandeiras-produto .bandeira-promocao,
.bandeiras-produto [class*="bandeira"]{
  background: rgba(250,246,236,.92) !important;
  background-image: none !important;
  border: 1px solid #C4A609 !important;
  color: #9C7C12 !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
}
/* breadcrumb integrado (sem faixa) */
.breadcrumbs, .breadcrumb, .caminho-navegacao{
  background: transparent !important;
  border: none !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
 
/* --- 20.3 PRODUTO: lista de desejos elegante --- */
.pagina-produto a[href*="favorito"],
.pagina-produto [class*="desejo"], .pagina-produto [class*="Desejo"],
a.botao-lista-desejos{
  background: transparent !important;
  border: 1px solid #b9ad94 !important;
  color: #4A4437 !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-size: 11px !important;
  padding: 8px 14px !important;
  transition: all .25s ease !important;
}
.pagina-produto a[href*="favorito"]:hover,
.pagina-produto [class*="desejo"]:hover{
  border-color: #9C7C12 !important;
  color: #9C7C12 !important;
}
 
/* --- 20.4 CARRINHO: botão "Calcular" e campos alinhados --- */
.pagina-carrinho button, .pagina-carrinho input[type="button"],
.pagina-carrinho .calcular-frete, .pagina-carrinho form .botao{
  background: transparent !important;
  border: 1px solid #1E1B14 !important;
  color: #1E1B14 !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-size: 12px !important;
  height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 18px !important;
  transition: all .25s ease !important;
}
.pagina-carrinho button:hover, .pagina-carrinho form .botao:hover{
  background: #1E1B14 !important;
  color: #FAF6EC !important;
}
/* exceto o Finalizar, que segue dominante (regra da seção 13 prevalece) */
.pagina-carrinho .finalizar-compra .botao,
.pagina-carrinho .finalizar-compra button{
  background: #1E1B14 !important;
  color: #FAF6EC !important;
  height: auto !important;
  padding: 13px 30px !important;
}
.pagina-carrinho input[name="cep"], .pagina-carrinho .input-cep{
  height: 40px !important;
  box-sizing: border-box !important;
}
 
/* --- 20.5 MODAIS: botões coerentes (Fechar ghost / Enviar carvão) --- */
.modal .botao, .modal .btn, .modal-footer .botao, .modal input[type="button"]{
  background: transparent !important;
  border: 1px solid #b9ad94 !important;
  color: #4A4437 !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: all .25s ease !important;
}
.modal .botao:hover, .modal .btn:hover{ border-color: #1E1B14 !important; color: #1E1B14 !important; }
.modal .botao.principal, .modal button[type="submit"], .modal input[type="submit"],
.modal .btn-primary{
  background: #1E1B14 !important;
  border: 1px solid #1E1B14 !important;
  color: #FAF6EC !important;
}
.modal .botao.principal:hover, .modal button[type="submit"]:hover{
  background: linear-gradient(135deg,#E6D08A,#C4A609 55%,#9C7C12) !important;
  color: #1E1B14 !important;
  border-color: #C4A609 !important;
}
/* tabela de dados no modal de contato */
.modal table td{ color: #4A4437 !important; border-color: #E4DBC5 !important; }
 
/* ============================================================
   21. v7 — CORREÇÕES PONTUAIS (12 itens reportados)
   ============================================================ */
 
/* --- 21.0 ÍCONES DO TEMA: restaura a fonte de ícones (a troca de
   fonte nos botões estava virando os ícones em "quadradinhos") --- */
i[class^="icon-"], i[class*=" icon-"],
.botao i[class^="icon-"], .botao i[class*=" icon-"]{
  font-family: FontAwesome !important;
  font-style: normal !important;
}
 
/* --- 21.1 HOME · botão da busca: texto BUSCAR no lugar do ícone quebrado --- */
#cabecalho .botao-busca i{ display: none !important; }
#cabecalho .botao-busca:before{ content: none !important; display: none !important; }  /* o glifo quebrado vinha do ::before do próprio botão (classe icon-search) */
#cabecalho .botao-busca:after{
  content: "BUSCAR";
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  font-weight: 600 !important;
}
 
/* --- 21.2 HOME · "Ver mais": barra elegante no rodapé do card (não no meio) --- */
.listagem-item{ position: relative !important; }
.listagem-item .acoes-produto{
  position: absolute !important;
  left: 0 !important; right: 0 !important;
  bottom: 0 !important; top: auto !important;
  margin: 0 !important;
  transform: none !important;
  width: 100% !important;
  opacity: 0 !important;
  transition: opacity .3s ease !important;
  background: transparent !important;
  text-align: center !important;
  z-index: 3 !important;
}
.listagem-item:hover .acoes-produto{ opacity: 1 !important; }
.listagem-item .acoes-produto .botao-comprar,
.listagem-item .acoes-produto a.botao{
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  padding: 12px 0 !important;
  background: rgba(23,19,9,.92) !important;
}
 
/* --- 21.3 HOME · cards com altura alinhada (nome limitado a 3 linhas) --- */
.listagem-item .nome-produto, .listagem-item a.nome-produto{
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 66px !important;
}
 
/* --- 21.4 HOME · carrossel: esconde "Next/Previous" e centraliza bolinhas --- */
.flexslider{ position: relative !important; }
.flex-direction-nav a{
  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
  text-decoration: none !important;
  top: 50% !important;
  margin-top: -22px !important;
}
.flex-direction-nav a:before{
  font-size: 26px !important;
  line-height: 42px !important;
  color: #E6D08A !important;
}
.flex-direction-nav .flex-prev{ left: 12px !important; }
.flex-direction-nav .flex-next{ right: 12px !important; }
.flex-control-nav{
  position: absolute !important;
  bottom: 16px !important;
  left: 0 !important; right: 0 !important;
  width: 100% !important;
  text-align: center !important;
  z-index: 6 !important;
}
.flex-control-nav li{ display: inline-block !important; margin: 0 5px !important; float: none !important; }
 
/* --- 21.5 HEADER · menu de categorias mais leve e suave --- */
.menu.superior ul.nivel-um{ text-align: center !important; }
.menu.superior ul.nivel-um > li{
  float: none !important;
  display: inline-block !important;
  border: none !important;            /* sem divisórias duras */
}
.menu.superior a{
  padding: 12px 18px !important;
  transition: color .3s ease !important;
  position: relative !important;
}
.menu.superior a .titulo, .menu.superior a strong, .menu.superior a{
  font-size: 12px !important;
  letter-spacing: 1.8px !important;
  font-weight: 400 !important;
}
/* sublinhado dourado que cresce suavemente no hover */
.menu.superior ul.nivel-um > li > a:after{
  content: "" !important;
  position: absolute !important;
  left: 18px; right: 18px; bottom: 7px;
  height: 1px !important;
  background: #C4A609 !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform .3s ease !important;
}
.menu.superior ul.nivel-um > li > a:hover:after{ transform: scaleX(1) !important; }
 
/* --- 21.6 CATEGORIA · sidebar plana e harmônica --- */
.coluna .menu.lateral, .menu.lateral{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.menu.lateral ul.nivel-um{ border: none !important; }
.menu.lateral ul.nivel-um > li{
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.menu.lateral ul.nivel-um > li > a{ display: block !important; padding: 13px 16px !important; }
.menu.lateral .titulo{
  border-bottom: none !important;      /* remove o fio dourado por item */
  display: inline !important;
  padding: 0 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
}
.menu.lateral ul.nivel-um > li:hover{ border-color: #C4A609 !important; }
/* blocos de filtro (facetas) */
.lateral.outras, .filtro-coluna{
  margin-bottom: 12px !important;
  padding: 0 !important;
}
.lateral.outras .titulo, .filtro-coluna .titulo, .filtro .titulo{
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  border-bottom: 1px solid #E4DBC5 !important;
  padding: 12px 16px 10px !important;
  display: block !important;
}
.lateral.outras ul, .filtro-coluna ul, .filtro.lista ul{
  padding: 6px 16px 10px !important;
  margin: 0 !important;
}
.lateral.outras li, .filtro-coluna li{
  border-bottom: 1px solid #F3ECDB !important;
  padding: 8px 0 !important;
  list-style: none !important;
}
.lateral.outras li:last-child, .filtro-coluna li:last-child{ border-bottom: none !important; }
.lateral.outras a, .filtro-coluna a{ font-size: 13px !important; color: #4A4437 !important; }
 
/* --- 21.7 CATEGORIA · Relevância (select) e paginação --- */
.barra-inicial select, .ordenar-listagem select{
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #FFFFFF !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  height: 38px !important;
  padding: 0 34px 0 12px !important;
  color: #4A4437 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .5px !important;
}
.barra-inicial .pagination a, .barra-inicial .pagination span,
.pagination a, .pagination span, .pagination li a,
.paginacao a, .paginacao span{
  border: 1px solid #E4DBC5 !important;
  background: #FFFFFF !important;
  color: #4A4437 !important;
  border-radius: 0 !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
  box-shadow: none !important;
  transition: all .25s ease !important;
}
.pagination a:hover, .paginacao a:hover{
  border-color: #C4A609 !important;
  color: #9C7C12 !important;
  background: #FFFFFF !important;
}
.pagination .active a, .pagination .active span, .pagination li.active a,
.paginacao .atual{
  background: #1E1B14 !important;
  border-color: #1E1B14 !important;
  color: #FAF6EC !important;
}
 
/* --- 21.8 PRODUTO · frete: CEP + botão OK alinhados --- */
.pagina-produto .input-cep, .pagina-produto input[name="cep"]{
  height: 40px !important;
  box-sizing: border-box !important;
  border-radius: 2px 0 0 2px !important;
  vertical-align: top !important;
  margin: 0 !important;
}
.pagina-produto .input-cep + button, .pagina-produto .input-cep ~ button,
.pagina-produto button.botao:not(.botao-comprar),
.pagina-produto input[type="submit"]:not(.principal){
  height: 40px !important;
  box-sizing: border-box !important;
  background: #1E1B14 !important;
  border: 1px solid #1E1B14 !important;
  color: #FAF6EC !important;
  border-radius: 0 2px 2px 0 !important;
  padding: 0 18px !important;
  vertical-align: top !important;
  margin: 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
}
.pagina-produto button.botao:not(.botao-comprar):hover{
  background: #C4A609 !important;
  border-color: #C4A609 !important;
  color: #1E1B14 !important;
}
 
/* --- 21.9 CARRINHO · frete alinhado + botão limpo --- */
.pagina-carrinho input[name="cep"], .pagina-carrinho .input-cep,
.pagina-carrinho .control-frete ~ * input[type="text"]{
  height: 42px !important;
  box-sizing: border-box !important;
  border-radius: 2px 0 0 2px !important;
  vertical-align: top !important;
  margin: 0 !important;
}
.pagina-carrinho button, .pagina-carrinho .calcular-frete,
.pagina-carrinho form .botao{
  height: 42px !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
  margin: 0 !important;
  border-radius: 0 2px 2px 0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
.pagina-carrinho button i{ display: none !important; }  /* sem ícone de caminhão */
 
/* --- 21.10 CARRINHO · header da tabela legível --- */
.tabela-carrinho th, .tabela-carrinho th *,
.tabela-carrinho thead th, .tabela-carrinho thead th *{
  color: #FAF6EC !important;
  opacity: 1 !important;
}
 
/* --- 21.11 CARRINHO · totais com respiro e caixa definida --- */
.pagina-carrinho .subtotal, .pagina-carrinho .total{
  padding: 14px 18px !important;
  border-radius: 2px !important;
  line-height: 1.5 !important;
}
.pagina-carrinho .valor-subtotal, .pagina-carrinho .valor-total{
  font-size: 20px !important;
}
.pagina-carrinho td{ background: transparent !important; }
 
/* --- 21.12 CARRINHO · título e subtítulo em hierarquia --- */
.pagina-carrinho h1.titulo, h1.titulo.cor-secundaria{
  letter-spacing: 4px !important;
}
.pagina-carrinho h1 small, h1.titulo small, .titulo-conteudo small{
  display: block !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .8px !important;
  text-transform: none !important;
  color: #8a8072 !important;
  margin-top: 6px !important;
  font-weight: 300 !important;
}
 
/* ============================================================
   22. v8 — MOBILE + ÍCONES QUEBRADOS (6 itens reportados)
   ============================================================ */
 
/* --- 22.1 BUSCA: fix global (vale p/ cabeçalho, barra fixa e mobile) --- */
.botao-busca i{ display: none !important; }
.botao-busca:before{ content: none !important; display: none !important; }
.botao-busca:after{
  content: "BUSCAR";
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  font-weight: 600 !important;
}
 
/* --- 22.2 CARROSSEL: setas SEMPRE visíveis (desktop e mobile) --- */
.flex-direction-nav a{
  opacity: .85 !important;
  display: block !important;
}
.flexslider:hover .flex-direction-nav a{ opacity: 1 !important; }
@media (max-width: 767px){
  .flex-direction-nav{ display: block !important; }
  .flex-direction-nav a{
    display: block !important;
    opacity: .85 !important;
    width: 34px !important;
    height: 34px !important;
    margin-top: -17px !important;
  }
  .flex-direction-nav a:before{ font-size: 20px !important; line-height: 32px !important; }
  .flex-direction-nav .flex-prev{ left: 8px !important; }
  .flex-direction-nav .flex-next{ right: 8px !important; }
  .flex-control-nav{ bottom: 8px !important; }
}
 
/* --- 22.3 MOBILE · barra de atalhos (home / usuário / carrinho) --- */
.atalhos-mobile, .atalhos-mobile.fundo-secundario{
  background: #171309 !important;
  border-color: #C4A609 !important;
}
.atalhos-mobile li{ border-color: #2c2720 !important; }
.atalhos-mobile a, .atalhos-mobile i, .atalhos-mobile span{
  background: transparent !important;
  color: #E6D08A !important;
}
.atalhos-mobile .fundo-principal{ background: transparent !important; }
.atalhos-mobile a:active, .atalhos-mobile a:hover{ background: rgba(230,208,138,.12) !important; }
 
/* --- 22.4 MOBILE · botão do menu de categorias (glifo quebrado -> ≡) --- */
.atalho-menu, a.atalho-menu{
  background: #1E1B14 !important;
  border: 1px solid rgba(230,208,138,.45) !important;
  color: #E6D08A !important;
  border-radius: 2px !important;
  text-align: center !important;
}
.atalho-menu:before{
  content: "\2261" !important;      /* ≡ hamburger seguro (sem fonte de ícones) */
  font-family: Georgia, serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: #E6D08A !important;
  display: inline-block !important;
}
.atalho-menu i{ display: none !important; }
 
/* --- 22.5 MOBILE · "Ver mais" (tag-comprar) igual ao desktop --- */
a.tag-comprar, .tag-comprar{
  position: absolute !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(23,19,9,.92) !important;
  border: none !important;
  border-top: 1px solid rgba(230,208,138,.5) !important;
  border-radius: 0 !important;
  text-align: center !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  z-index: 3 !important;
}
.tag-comprar .titulo, .tag-comprar span{
  color: #E6D08A !important;
  font-family: 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 11px !important;
  background: transparent !important;
}
.tag-comprar i{ display: none !important; }
 
/* --- 22.6 MOBILE · botões do carrinho empilhados sem quebrar --- */
@media (max-width: 767px){
  .pagina-carrinho .finalizar-compra .botao,
  .pagina-carrinho .finalizar-compra a.botao,
  .pagina-carrinho .finalizar-compra button,
  .pagina-carrinho a.botao.principal{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    padding: 13px 0 !important;
    height: auto !important;
    font-size: 13px !important;
  }
  /* busca mobile: input + BUSCAR + menu na mesma linha, alturas casadas */
  .busca-mobile .botao-busca, .busca-mobile input[type="text"], .atalho-menu{
    height: 42px !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
  }
  .atalho-menu{ line-height: 40px !important; padding: 0 12px !important; }
}
 
/* ============================================================
   23. v9 — BANNERS COM ALTURA UNIFORME
   Padrão recomendado de arte: desktop 1920x640 (3:1),
   mobile 800x600 (4:3), JPG/WebP qualidade ~80, até ~400KB.
   O CSS abaixo TRAVA a proporção: banners fora do padrão são
   cortados pelo centro (sem distorcer e sem "pular" de altura).
   ============================================================ */
.flexslider .slides li{ overflow: hidden !important; }
.flexslider .slides img{
  width: 100% !important;
  aspect-ratio: 3 / 1 !important;     /* desktop: 3:1 */
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
/* A Loja Integrada aceita UMA arte só (1920x640, 3:1). No celular
   damos um leve zoom para 2:1 — corta só as pontas laterais, por
   isso o conteúdo importante deve ficar nos 60% centrais da arte. */
@media (max-width: 767px){
  .flexslider .slides img{
    aspect-ratio: 2 / 1 !important;
  }
}
 
/* ============================================================
   24. v10 — ÚLTIMOS AJUSTES (setas desenhadas em CSS, frete,
   quantidade, barra fixa, menu mobile)
   ============================================================ */
 
/* --- 24.1 SETAS DO CARROSSEL: desenhadas com borda (sem fonte!) ---
   Vale para o carrossel da home e o de fotos do produto no mobile. */
.flex-direction-nav a i{ display: none !important; }
.flex-direction-nav a:before{ content: none !important; display: none !important; }
.flex-direction-nav a{
  font-size: 0 !important;
  color: transparent !important;
  position: absolute !important;
}
.flex-direction-nav a:after{
  content: "" !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-left: 2px solid #E6D08A !important;
  border-bottom: 2px solid #E6D08A !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin: -6px 0 0 -3px !important;
  transform: rotate(45deg) !important;        /* ‹ */
}
.flex-direction-nav a.flex-next:after,
.flex-direction-nav .flex-next:after{
  transform: rotate(225deg) !important;        /* › */
  margin-left: -8px !important;
}
.flex-direction-nav a:hover:after{
  border-color: #1E1B14 !important;
}
 
/* --- 24.2 BARRA FIXA · busca sem sobreposição --- */
#barraTopo .busca{ position: relative !important; }
#barraTopo .busca input, #barraTopo input[type="text"]{
  padding-right: 84px !important;              /* texto não corre por baixo do botão */
}
#barraTopo .botao-busca{
  position: absolute !important;
  right: 0 !important; top: 0 !important; bottom: 0 !important;
  height: auto !important;
  background: #C4A609 !important;              /* sólido: sem "vazar" o input */
  border: none !important;
  color: #1E1B14 !important;
  padding: 0 12px !important;
  border-radius: 0 2px 2px 0 !important;
}
#barraTopo .botao-busca:after{
  font-size: 10px !important;
  letter-spacing: 1px !important;
  color: #1E1B14 !important;
}
#barraTopo .botao-busca:hover{ background: #E6D08A !important; }
 
/* --- 24.3 CARRINHO · frete compacto e na mesma linha (web e mobile) --- */
.pagina-carrinho .input-append{
  display: inline-flex !important;
  align-items: stretch !important;
  white-space: nowrap !important;
}
.pagina-carrinho input[name="cep"], .pagina-carrinho .input-cep{
  width: 120px !important;
  min-width: 120px !important;
  font-size: 14px !important;
  padding: 0 10px !important;
  height: 40px !important;
}
.pagina-carrinho .input-append .btn,
.pagina-carrinho button.btn{
  height: 40px !important;
  box-sizing: border-box !important;
  background: #1E1B14 !important;
  border: 1px solid #1E1B14 !important;
  color: #FAF6EC !important;
  border-radius: 0 2px 2px 0 !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.pagina-carrinho .input-append .btn:hover{
  background: #C4A609 !important;
  border-color: #C4A609 !important;
  color: #1E1B14 !important;
}
.pagina-carrinho .input-append .btn i{ display: none !important; }
 
/* --- 24.4 CARRINHO · botões +/− e atualizar em harmonia --- */
.pagina-carrinho a.icon-minus, .pagina-carrinho a.icon-plus{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
  color: #4A4437 !important;
  font-size: 12px !important;
  transition: all .2s ease !important;
}
.pagina-carrinho a.icon-minus:hover, .pagina-carrinho a.icon-plus:hover{
  border-color: #C4A609 !important;
  color: #9C7C12 !important;
}
.pagina-carrinho .atualizar-quantidade, button.atualizar-quantidade{
  background: transparent !important;
  border: 1px solid #b9ad94 !important;
  color: #4A4437 !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  padding: 8px 12px !important;
  height: auto !important;
  border-radius: 2px !important;
}
.pagina-carrinho .atualizar-quantidade:hover{
  border-color: #1E1B14 !important;
  color: #1E1B14 !important;
  background: transparent !important;
}
/* lixeira discreta */
.pagina-carrinho a.icon-trash{ color: #b3ab9c !important; font-size: 15px !important; }
.pagina-carrinho a.icon-trash:hover{ color: #9c2b2b !important; }
 
/* --- 24.5 MOBILE · botão de menu (≡): SÓ no celular, ao lado da busca --- */
/* no desktop o tema o esconde (.visible-phone) — garantimos isso: */
@media (min-width: 768px){
  a.atalho-menu, .atalho-menu{ display: none !important; }
}
@media (max-width: 767px){
  /* linha única: [ ≡ ][ input Buscar… ][ BUSCAR ] */
  .busca-mobile{
    display: flex !important;
    align-items: stretch !important;
    gap: 8px !important;
  }
  .busca-mobile .busca{ flex: 1 !important; min-width: 0 !important; }
  a.atalho-menu, .atalho-menu{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    max-width: 46px !important;
    height: 42px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
  }
}
 
/* ============================================================
   25. v11 — REFINOS FINAIS (categoria, wordmark, card, tablet)
   ============================================================ */
 
/* --- 25.1 CATEGORIA · Relevância e Filtrar estilizados --- */
.barra-inicial select, .barra-inicial .btn, .barra-inicial button,
.barra-inicial .dropdown-toggle, .barra-inicial .btn-group > *,
.ordenar-listagem select, .ordenar-listagem .btn, .ordenar-listagem button,
.ordenar-listagem .dropdown-toggle{
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #E4DBC5 !important;
  border-radius: 2px !important;
  color: #4A4437 !important;
  height: 38px !important;
  box-sizing: border-box !important;
  padding: 0 14px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: .5px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.barra-inicial .btn:hover, .barra-inicial .dropdown-toggle:hover,
.ordenar-listagem .btn:hover{
  border-color: #C4A609 !important;
  color: #9C7C12 !important;
  background: #FFFFFF !important;
}
.barra-inicial .caret, .ordenar-listagem .caret{
  border-top-color: #9C7C12 !important;
}
 
/* --- 25.2 WORDMARK · título e missão alinhados à esquerda --- */
.logo a:before{
  text-indent: 0 !important;     /* remove o deslocamento à esquerda */
}
.logo a:after{
  text-indent: 0 !important;
}
 
/* --- 25.3 CARD · corta a 4ª linha do nome por completo --- */
.listagem-item .nome-produto, .listagem-item a.nome-produto{
  max-height: 66px !important;   /* 3 linhas exatas — sem "meia linha" aparecendo */
}
 
/* --- 25.4 TABLET · sem sobreposição do "Bem-vindo" com o nome --- */
@media (min-width: 768px) and (max-width: 1120px){
  .logo a:before{ font-size: 30px !important; letter-spacing: 5px !important; }
  .logo a:after{ font-size: 10px !important; letter-spacing: 3px !important; }
  .bem-vindo, .menu-user-welcome{ display: none !important; }  /* saudação some no tablet */
}
 
/* ============================================================
   18. RESPONSIVO
   ============================================================ */
@media (max-width: 768px){
  .logo a:before{ font-size: 30px !important; letter-spacing: 5px !important; }
  .logo a:after{ font-size: 10px !important; letter-spacing: 3px !important; }
  .menu.superior a{ padding: 11px 13px !important; letter-spacing: 1px !important; }
  .titulo-categoria, .titulo-categoria .titulo{ letter-spacing: 2px !important; }
  .listagem-item{ padding: 8px !important; }
  .pagina-produto .acoes-produto{ padding: 14px !important; }
  .abas-custom .tab-content, .tab-content{ padding: 16px !important; }
  .flex-direction-nav a{ width: 34px !important; height: 34px !important; }
}