/* ══════════════════════════════════════════════════════════════
   FERRO REAL — Layout "World" (inspirado na demo Casa e Decoração)
   Código próprio. Preto e branco + dourado como detalhe. Fonte Roboto.
   ══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --fr-preto: #111111;
  --fr-cinza-texto: #555555;
  --fr-cinza-fundo: #f2f2f2;
  --fr-linha: #e8e8e8;
  --fr-dourado: #b8860b;
  --fr-largura: 1100px;
}

body, input, select, textarea, .titulo, h1, h2, h3, h4, h5, p, li, .nome-produto, .fr-logo-texto {
  font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
}
.titulo-categoria *, .fr-beneficios *, .listagem *:not(i), #rodape *:not(i), #barraNewsletter *:not(i), .menu.superior *:not(i), .barra-frase * {
  font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
}
body { background: #fff !important; color: var(--fr-preto) !important; }
.conteiner { max-width: var(--fr-largura) !important; }

/* Classes do tema que pintavam fundo e texto da mesma cor */
.fundo-principal:not(.botao):not(.tag-comprar) { background-color: transparent !important; }
.menu.superior .nivel-um > li > a strong.titulo { background: transparent !important; }

/* ─── BARRA PRETA DO TOPO ─── */
.barra-frase { background: var(--fr-preto) !important; padding: 0 !important; border: 0 !important; }
.barra-frase .conteiner { background: transparent !important; box-shadow: none !important; display: flex !important; justify-content: center; align-items: center; min-height: 34px; padding: 0 !important; }
.barra-frase img, .barra-frase i { display: none !important; }
.barra-frase span, .barra-frase a { color: #fff !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
#cabecalho .barra-inicial { display: none !important; }
.fr-barra-antiga { display: none !important; }

/* ─── CABEÇALHO ─── */
#cabecalho { background: #fff !important; border: 0 !important; box-shadow: none !important; }
#cabecalho > .conteiner { padding: 0 16px !important; }
#cabecalho > .conteiner > .row-fluid { display: flex !important; align-items: center; gap: 32px; min-height: 76px; }
#cabecalho > .conteiner > .row-fluid > .span3 { width: auto !important; margin: 0 !important; float: none !important; flex-shrink: 0; }
#cabecalho > .conteiner > .row-fluid > .conteudo-topo { width: auto !important; margin: 0 !important; float: none !important; flex: 1; }
#cabecalho .logo { margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; gap: 12px; }
#cabecalho .logo img { max-height: 58px !important; width: auto !important; }
.fr-logo-texto { font-size: 24px; font-weight: 500; color: var(--fr-preto); white-space: nowrap; letter-spacing: -.2px; }
.conteudo-topo .superior { display: none !important; }
.conteudo-topo .inferior { display: flex !important; align-items: center; gap: 24px; margin: 0 !important; }
.conteudo-topo .inferior > .span8 { flex: 1; width: auto !important; margin: 0 !important; float: none !important; }
.conteudo-topo .inferior > .span4 { width: auto !important; margin: 0 0 0 auto !important; float: none !important; display: flex !important; align-items: center; justify-content: flex-end; gap: 22px; }

/* Busca */
.busca { border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }
#form-buscar { display: flex !important; align-items: center; position: relative; max-width: 480px; margin: 0 auto !important; }
#form-buscar input#auto-complete { box-sizing: border-box !important; height: 46px !important; width: 100% !important; margin: 0 !important; padding: 0 52px 0 16px !important; border: 0 !important; border-radius: 4px !important; background: var(--fr-cinza-fundo) !important; color: var(--fr-preto) !important; font-size: 14px !important; box-shadow: none !important; }
#form-buscar input#auto-complete::placeholder { color: #444 !important; }
#form-buscar .botao-busca { position: absolute !important; right: 4px; top: 50%; transform: translateY(-50%); width: 42px !important; height: 42px !important; margin: 0 !important; border: 0 !important; border-radius: 4px !important; background: transparent !important; color: var(--fr-preto) !important; box-shadow: none !important; font-size: 18px !important; }
#form-buscar .botao-busca:hover { color: var(--fr-dourado) !important; }

/* Ícones do topo, em traço fino e preto */
.conteudo-topo .rastreio-btn, .conteudo-topo .contato-top, .conteudo-topo .minha-conta, .conteudo-topo .carrinho { position: relative; float: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.conteudo-topo .rastreio-topo span, .conteudo-topo .contato-content, .conteudo-topo .carrinho a > span, .conteudo-topo .minha-conta .icon-chevron-down { display: none !important; }
.conteudo-topo .rastreio-topo i, .conteudo-topo .contato-evtop i, .conteudo-topo .minha-conta i, .conteudo-topo .carrinho a > i { color: var(--fr-preto) !important; background: transparent !important; font-size: 22px !important; width: auto !important; height: auto !important; line-height: 1 !important; border: 0 !important; box-shadow: none !important; }
.conteudo-topo .minha-conta .dropdown-toggle { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.conteudo-topo .rastreio-topo, .conteudo-topo .contato-evtop { cursor: pointer; }
.conteudo-topo .carrinho a { display: flex !important; align-items: center; background: transparent !important; border: 0 !important; padding: 0 !important; }
.conteudo-topo .carrinho .qtd-carrinho { position: absolute; top: -8px; right: -10px; min-width: 18px; height: 18px; line-height: 18px !important; padding: 0 4px; border-radius: 9px; background: var(--fr-preto) !important; color: #fff !important; font-size: 11px !important; text-align: center; }
.conteudo-topo .rastreio-topo i:hover, .conteudo-topo .contato-evtop i:hover, .conteudo-topo .minha-conta i:hover, .conteudo-topo .carrinho a > i:hover { color: var(--fr-dourado) !important; }

/* ─── MENU ─── */
.menu.superior { background: #fff !important; border-top: 1px solid var(--fr-linha) !important; border-bottom: 1px solid var(--fr-linha) !important; box-shadow: none !important; margin: 0 !important; }
.menu.superior .nivel-um { display: flex !important; align-items: center; justify-content: flex-start; gap: 34px; max-width: var(--fr-largura); margin: 0 auto !important; padding: 0 16px !important; min-height: 50px; float: none !important; }
.menu.superior .nivel-um > li { float: none !important; border: 0 !important; background: transparent !important; }
.menu.superior .nivel-um > li > a { padding: 14px 0 !important; background: transparent !important; display: flex !important; align-items: center; gap: 8px; }
.menu.superior .nivel-um > li > a strong.titulo, .menu.superior .nivel-um > li > a { color: var(--fr-preto) !important; font-size: 15px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }
.menu.superior .nivel-um > li > a::after { display: none !important; }
.menu.superior .nivel-um > li:hover > a strong.titulo, .menu.superior .nivel-um > li:hover > a { color: var(--fr-dourado) !important; }
.menu.superior .nivel-dois { border: 0 !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; }
.fr-todas { position: relative; }
.fr-todas > a svg { width: 22px; height: 22px; }
.fr-todas-painel { display: none; position: absolute; top: 100%; left: 0; z-index: 50; min-width: 240px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,.12); padding: 10px 0; }
.fr-todas:hover .fr-todas-painel { display: block; }
.fr-todas-painel a { display: block; padding: 10px 20px; color: var(--fr-preto) !important; font-size: 14px; }
.fr-todas-painel a:hover { background: var(--fr-cinza-fundo); color: var(--fr-dourado) !important; }
.menu.superior .nivel-um > li.fr-destaque { margin-left: auto; }
.menu.superior .nivel-um > li.fr-destaque > a { background: var(--fr-preto) !important; color: #fff !important; padding: 10px 18px !important; border-radius: 4px; font-weight: 700 !important; font-size: 14px !important; }
.menu.superior .nivel-um > li.fr-destaque > a:hover { background: var(--fr-dourado) !important; color: #fff !important; }

/* ─── BANNER PRINCIPAL EM LARGURA TOTAL ─── */
.secao-banners { margin: 0 !important; padding: 0 !important; background: transparent !important; }
.secao-banners > .conteiner { max-width: none !important; width: 100% !important; padding: 0 !important; }
.secao-banners .banner.cheio, .secao-banners .banner.cheio .span12 { margin: 0 !important; width: 100% !important; }
.secao-banners .flexslider { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; background: transparent !important; }
.secao-banners .flexslider .slides img { width: 100% !important; height: auto !important; border-radius: 0 !important; }
.secao-banners .flex-direction-nav a { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: rgba(255,255,255,.85) !important; color: var(--fr-preto) !important; opacity: 1 !important; text-shadow: none !important; }
.secao-banners .flex-control-paging li a { width: 10px !important; height: 10px !important; background: rgba(255,255,255,.6) !important; border: 1px solid #999 !important; box-shadow: none !important; }
.secao-banners .flex-control-paging li a.flex-active { background: #fff !important; }
.secao-banners .flex-control-nav { bottom: 14px !important; z-index: 5; }
.secao-banners .banner.cheio .titulo, .secao-banners .flexslider .slides .info-banner { display: none !important; }

/* Mini banners (as 3 linhas) */
.secao-banners .banner.mini, .banner.mini { display: flex !important; gap: 30px; max-width: var(--fr-largura); margin: 34px auto 10px !important; padding: 0 16px !important; }
.banner.mini > [class*="span"] { float: none !important; width: auto !important; flex: 1; margin: 0 !important; }
.banner.mini img { width: 100% !important; height: auto !important; border-radius: 6px; transition: transform .3s; }
.banner.mini a:hover img { transform: translateY(-3px); }

/* ─── BARRA DE BENEFÍCIOS (inserida pelo script) ─── */
.fr-beneficios { max-width: var(--fr-largura); margin: 0 auto; padding: 26px 16px; display: flex; justify-content: space-between; gap: 18px; }
.fr-beneficio { display: flex; align-items: center; gap: 12px; }
.fr-beneficio svg { width: 34px; height: 34px; flex-shrink: 0; stroke: var(--fr-preto); }
.fr-beneficio b { display: block; font-size: 14px; font-weight: 700; color: var(--fr-preto); line-height: 1.25; }
.fr-beneficio span { display: block; font-size: 13px; color: var(--fr-cinza-texto); line-height: 1.25; }

/* ─── CORPO: página inicial sem coluna lateral ─── */
.pagina-inicial .secao-principal > .coluna { display: none !important; }
.pagina-inicial .secao-principal > .conteudo { width: 100% !important; margin: 0 !important; float: none !important; }
.secao-principal { background: #fff !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; }
#corpo, #corpo > .conteiner { background: #fff !important; }
#listagemProdutos, .listagem { border: 0 !important; background: transparent !important; }

/* Títulos das vitrines */
.titulo-categoria { text-align: center !important; border: 0 !important; background: transparent !important; margin: 40px 0 22px !important; padding: 0 !important; }
.titulo-categoria, .titulo-categoria strong, .titulo-categoria span, .titulo-categoria h1, .titulo-categoria h2 { color: var(--fr-preto) !important; font-size: 26px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; }
.titulo-categoria::before, .titulo-categoria::after, .titulo-categoria strong::before, .titulo-categoria strong::after { display: none !important; }

/* Cards de produto */
.listagem .listagem-item { border: 0 !important; background: #fff !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 0 12px !important; text-align: center; transition: none !important; }
.listagem .listagem-item:hover { box-shadow: none !important; transform: none !important; }
.listagem .imagem-produto { background: #fff !important; border: 0 !important; aspect-ratio: 1 / 1; display: flex !important; align-items: center; justify-content: center; overflow: hidden; }
.listagem .imagem-produto img { max-height: 100% !important; width: auto !important; transition: transform .4s; }
.listagem .listagem-item:hover .imagem-produto img { transform: scale(1.04); }
.listagem .nome-produto { color: var(--fr-preto) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; min-height: 40px; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 12px 8px 8px !important; text-transform: none !important; letter-spacing: 0 !important; }
.listagem .nome-produto:hover { color: var(--fr-dourado) !important; }
.listagem .preco-produto { text-align: center !important; }
.listagem .preco-produto strong, .listagem .preco-promocional, .listagem .preco-venda { color: var(--fr-preto) !important; font-size: 17px !important; font-weight: 700 !important; }
.listagem .preco-venda.tachado, .listagem .preco-produto .tachado { color: #999 !important; font-weight: 400 !important; font-size: 14px !important; }
.listagem .acoes-produto { opacity: 0; transition: opacity .2s; margin-top: 8px; }
.listagem .listagem-item:hover .acoes-produto { opacity: 1; }
.listagem .botao-comprar, .botao.principal { background: var(--fr-preto) !important; border: 0 !important; color: #fff !important; border-radius: 4px !important; text-shadow: none !important; box-shadow: none !important; font-weight: 700 !important; letter-spacing: .5px; }
.listagem .botao-comprar:hover, .botao.principal:hover { background: var(--fr-dourado) !important; }
.produtos-carrossel .flex-direction-nav a, .listagem .slick-arrow { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: var(--fr-cinza-fundo) !important; color: var(--fr-preto) !important; opacity: 1 !important; box-shadow: none !important; }
.bandeiras-produto .bandeira-promocao, .bandeira-promocao { background: var(--fr-preto) !important; color: #fff !important; border-radius: 3px; }

/* ─── NEWSLETTER PRETA ─── */
#barraNewsletter { background: var(--fr-preto) !important; border: 0 !important; padding: 28px 0 !important; margin-top: 50px !important; }
#barraNewsletter .componente, #barraNewsletter .interno { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#barraNewsletter .interno { display: flex !important; align-items: center; gap: 24px; flex-wrap: wrap; }
#barraNewsletter .titulo, #barraNewsletter h3, #barraNewsletter h4, #barraNewsletter p, #barraNewsletter label, #barraNewsletter span { color: #fff !important; font-size: 21px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0 !important; }
#barraNewsletter .fr-envelope { width: 44px; height: 44px; stroke: #fff; flex-shrink: 0; }
#barraNewsletter form { display: flex !important; gap: 12px; flex: 1; justify-content: flex-end; margin: 0 !important; }
#barraNewsletter input[type="text"], #barraNewsletter input[type="email"] { height: 42px !important; width: 100% !important; max-width: 420px; border: 0 !important; border-radius: 3px !important; padding: 0 16px !important; font-size: 15px !important; background: #fff !important; color: var(--fr-preto) !important; margin: 0 !important; box-shadow: none !important; }
#barraNewsletter button, #barraNewsletter .botao { height: 42px !important; background: transparent !important; border: 1px solid #fff !important; color: #fff !important; border-radius: 3px !important; padding: 0 20px !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .5px; text-transform: uppercase; box-shadow: none !important; }
#barraNewsletter button:hover, #barraNewsletter .botao:hover { background: #fff !important; color: var(--fr-preto) !important; }
.coluna .componente.newsletter { display: none !important; }

/* ─── RODAPÉ PRETO ─── */
#rodape, #rodape .institucional, #rodape .fundo-secundario { background: var(--fr-preto) !important; color: #fff !important; border: 0 !important; }
#rodape .institucional { padding: 38px 0 20px !important; border-top: 1px solid #262626 !important; }
#rodape .titulo, #rodape h4, #rodape .institucional h3 { color: #fff !important; font-size: 17px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; border: 0 !important; margin-bottom: 14px !important; }
#rodape .titulo::after, #rodape h4::after { display: none !important; }
#rodape a, #rodape li, #rodape p, #rodape span { color: #e6e6e6 !important; font-size: 14px !important; line-height: 1.8 !important; }
#rodape a:hover { color: var(--fr-dourado) !important; }
#rodape .redes-sociais a, #rodape .lista-redes a { background: transparent !important; border: 0 !important; color: #fff !important; }
#rodape .odge-rodape { background: #fff !important; padding: 18px 0 !important; }
#rodape .odge-rodape p, #rodape .odge-rodape span, #rodape .odge-rodape a { color: #444 !important; font-size: 13px !important; }
.fr-rodape-extra { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 40px; max-width: var(--fr-largura); margin: 0 auto; padding: 40px 16px 10px; }
.fr-rodape-extra h4 { color: #fff !important; font-size: 17px !important; font-weight: 700 !important; margin: 0 0 14px !important; }
.fr-rodape-extra p, .fr-rodape-extra a, .fr-rodape-extra li { color: #e6e6e6 !important; font-size: 14px !important; line-height: 1.8 !important; }
.fr-rodape-extra ul { list-style: none; margin: 0; padding: 0; }
.fr-rodape-extra .fr-btn-contato { display: inline-block; margin-top: 12px; padding: 9px 22px; border: 1px solid #fff; border-radius: 3px; font-size: 12px !important; font-weight: 700; letter-spacing: .5px; color: #fff !important; }
.fr-rodape-extra .fr-btn-contato:hover { background: #fff; color: var(--fr-preto) !important; }

/* Botões flutuantes */
.scrollToTop { background: var(--fr-preto) !important; color: #fff !important; border-radius: 50% !important; width: 46px !important; height: 46px !important; box-shadow: none !important; display: flex !important; align-items: center; justify-content: center; font-size: 0 !important; }
.scrollToTop i, .scrollToTop span { color: #fff !important; }
.scrollToTop::before { content: ""; width: 12px; height: 12px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: translateY(3px) rotate(45deg); }

/* Aviso LGPD vazio: esconde a faixa branca quando o aviso não tem conteúdo */
#avisoCookies:not(:has(a, button, p, span, input)) { display: none !important; }

/* ─── CELULAR ─── */
@media (max-width: 767px) {
  #cabecalho > .conteiner > .row-fluid { flex-wrap: wrap; gap: 10px; min-height: 0; padding: 10px 0; }
  .fr-logo-texto { font-size: 19px; }
  #cabecalho .logo img { max-height: 44px !important; }
  .conteudo-topo { width: 100% !important; }
  .conteudo-topo .inferior > .span8 { width: 100% !important; }
  #form-buscar { max-width: none; }
  .menu.superior .nivel-um { overflow-x: auto; gap: 22px; white-space: nowrap; }
  .menu.superior .nivel-um > li.fr-destaque { margin-left: 0; }
  .fr-beneficios { overflow-x: auto; justify-content: flex-start; gap: 26px; padding: 18px 16px; }
  .fr-beneficio { flex-shrink: 0; }
  .banner.mini { flex-direction: column; gap: 14px; }
  .titulo-categoria, .titulo-categoria strong, .titulo-categoria span { font-size: 21px !important; }
  #barraNewsletter .interno { flex-direction: column; align-items: stretch; text-align: center; }
  #barraNewsletter .fr-envelope { margin: 0 auto; }
  #barraNewsletter form { flex-direction: column; }
  #barraNewsletter input[type="text"], #barraNewsletter input[type="email"] { max-width: none; }
  .fr-rodape-extra { grid-template-columns: 1fr; gap: 24px; }
}

/* ─── Ajustes validados na simulação ─── */
body > div:first-child:not([class]):not([id]) { display: none !important; }
#cabecalho .conteiner, #cabecalho .row-fluid { box-shadow: none !important; background: transparent !important; border: 0 !important; }
#cabecalho .logo a { position: static !important; display: flex !important; align-items: center; gap: 12px; text-decoration: none !important; }
#cabecalho .logo img { position: static !important; transform: none !important; }
.menu.superior .nivel-um { flex-wrap: nowrap !important; min-height: 0 !important; }
.menu.superior .nivel-um > li { height: auto !important; line-height: normal !important; flex-shrink: 0; white-space: nowrap; }
.menu.superior .nivel-um > li > a { padding: 0 !important; height: 52px; line-height: 52px !important; }
.menu.superior .nivel-um > li > a, .menu.superior .nivel-um > li > a strong.titulo { white-space: nowrap !important; }
.menu.superior .nivel-um > li.fr-destaque > a { height: auto; line-height: 1.2 !important; padding: 11px 18px !important; }
.conteudo-topo .inferior > .span4 .contato-top { order: 1; }
.conteudo-topo .inferior > .span4 .rastreio-btn { order: 2; }
.conteudo-topo .inferior > .span4 .minha-conta { order: 3; }
.conteudo-topo .inferior > .span4 .carrinho { order: 4; }
.secao-banners, .secao-banners *, .secao-banners .flexslider .slides li { border-radius: 0 !important; }
#corpo .conteiner, #corpo .secao-principal, #corpo .conteudo { box-shadow: none !important; border-radius: 0 !important; border: 0 !important; background: #fff !important; }
#barraNewsletter .interno { flex-wrap: nowrap !important; max-width: var(--fr-largura); margin: 0 auto; padding: 0 16px; }
#barraNewsletter .interno-conteudo { display: flex !important; align-items: center; justify-content: space-between; gap: 24px; flex: 1; }
#barraNewsletter .texto-newsletter { white-space: nowrap; }
#barraNewsletter .input-conteiner { display: flex !important; gap: 12px; flex: 1; max-width: 560px; }
#barraNewsletter .input-conteiner input { flex: 1; max-width: none !important; }
#corpo .listagem .listagem-item .acoes-produto { opacity: 0 !important; transition: opacity .2s; }
#corpo .listagem .listagem-item:hover .acoes-produto { opacity: 1 !important; }
#corpo .listagem .listagem-item .botao-comprar { background: #111 !important; color: #fff !important; }
#corpo .listagem .listagem-item .botao-comprar:hover { background: var(--fr-dourado) !important; }
.listagem .nome-produto { max-height: 2.7em; }
.video-tema:not(:has(iframe)) { display: none !important; }
@media (max-width: 767px) {
  #barraNewsletter .interno, #barraNewsletter .interno-conteudo { flex-direction: column; align-items: stretch; flex-wrap: wrap !important; }
  #barraNewsletter .texto-newsletter { white-space: normal; text-align: center; }
  #barraNewsletter .input-conteiner { max-width: none; }
  #corpo .listagem .listagem-item .acoes-produto { opacity: 1 !important; }
}

/* ─── Ajustes após publicar: mini banners, bolinhas do banner e setas ─── */
.secao-banners .banner.mini-banner { display: flex !important; gap: 30px; max-width: 1100px; margin: 34px auto 6px !important; padding: 0 16px !important; box-sizing: border-box; }
.secao-banners .banner.mini-banner > .modulo { float: none !important; width: auto !important; flex: 1 1 0; margin: 0 !important; min-width: 0; }
.secao-banners .banner.mini-banner .flexslider { margin: 0 !important; }
.secao-banners .banner.mini-banner img { width: 100% !important; height: auto !important; border-radius: 6px !important; transition: transform .3s; }
.secao-banners .banner.mini-banner a:hover img { transform: translateY(-3px); }
.secao-banners .banner.mini-banner .flex-control-nav, .secao-banners .banner.mini-banner .flex-direction-nav { display: none !important; }
.secao-banners .banner.cheio .flex-control-nav { left: 0 !important; right: 0 !important; width: 100% !important; bottom: 16px !important; display: flex !important; justify-content: center; gap: 10px; text-align: center; }
.secao-banners .banner.cheio .flex-control-paging li { margin: 0 !important; }
.secao-banners .banner.cheio .flex-control-paging li a { width: 11px !important; height: 11px !important; border-radius: 50% !important; background: rgba(255,255,255,.55) !important; border: 1px solid rgba(0,0,0,.35) !important; text-indent: -9999px; box-shadow: none !important; }
.secao-banners .banner.cheio .flex-control-paging li a.flex-active { background: #fff !important; }
.listagem .flex-direction-nav a { width: 40px !important; height: 40px !important; line-height: 40px !important; margin-top: -20px !important; border-radius: 50% !important; background: var(--fr-cinza-fundo) !important; color: var(--fr-preto) !important; opacity: 1 !important; text-shadow: none !important; box-shadow: none !important; display: flex !important; align-items: center; justify-content: center; }
@media (max-width: 767px) {
  .secao-banners .banner.mini-banner { display: flex !important; flex-direction: column; gap: 14px; }
  .secao-banners .banner.mini-banner.hidden-phone { display: flex !important; }
}
#corpo .listagem .flex-direction-nav li a.flex-prev, #corpo .listagem .flex-direction-nav li a.flex-next { height: 40px !important; max-height: 40px !important; min-height: 0 !important; width: 40px !important; top: 38% !important; padding: 0 !important; }
.scrollToTop span, .scrollToTop i { display: none !important; }

/* ===== Ícones do cabeçalho em linha fina (2026-10-17) ===== */
#cabecalho .contato-evtop i.fa-comments, #cabecalho .rastreio-topo i.fa-truck, #cabecalho .dropdown-toggle i.fa-user, #cabecalho .carrinho i.icon-shopping-cart { font-size: 0 !important; width: 22px !important; height: 22px !important; line-height: 0 !important; display: inline-block !important; background: none !important; padding: 0 !important; margin: 0 !important; vertical-align: middle !important; color: transparent !important; transition: opacity .2s; }
#cabecalho .contato-evtop i.fa-comments::before, #cabecalho .rastreio-topo i.fa-truck::before, #cabecalho .dropdown-toggle i.fa-user::before, #cabecalho .carrinho i.icon-shopping-cart::before { content: "" !important; display: block !important; width: 22px !important; height: 22px !important; background-color: #111 !important; -webkit-mask: var(--fr-icone) center / contain no-repeat; mask: var(--fr-icone) center / contain no-repeat; transition: background-color .2s; }
#cabecalho .contato-evtop i.fa-comments { --fr-icone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2011.6a8.3%208.3%200%200%201-12.2%207.3L3.5%2020.5l1.6-4.6A8.3%208.3%200%201%201%2020.5%2011.6z%22/%3E%3Cpath%20d%3D%22M8.5%2011.5h.01M12%2011.5h.01M15.5%2011.5h.01%22/%3E%3C/svg%3E"); }
#cabecalho .rastreio-topo i.fa-truck { --fr-icone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%2017V6a1%201%200%200%200-1-1H3a1%201%200%200%200-1%201v10a1%201%200%200%200%201%201h1.5%22/%3E%3Cpath%20d%3D%22M14%209h4l3.5%204.2V16a1%201%200%200%201-1%201h-1.5%22/%3E%3Cpath%20d%3D%22M9.5%2017h5%22/%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217.2%22%20r%3D%222%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217.2%22%20r%3D%222%22/%3E%3C/svg%3E"); }
#cabecalho .dropdown-toggle i.fa-user { --fr-icone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4.5%2020.5a7.5%207.5%200%200%201%2015%200%22/%3E%3C/svg%3E"); }
#cabecalho .carrinho i.icon-shopping-cart { --fr-icone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.5%207.5h13l-1%2012.5h-11z%22/%3E%3Cpath%20d%3D%22M9%2010V6.5a3%203%200%200%201%206%200V10%22/%3E%3C/svg%3E"); }
#cabecalho .contato-evtop:hover > i.fa-comments::before, #cabecalho .rastreio-topo:hover > i.fa-truck::before, #cabecalho .dropdown-toggle:hover > i.fa-user::before, #cabecalho .carrinho:hover > i.icon-shopping-cart::before { background-color: #C89848 !important; }

/* ===== Rodapé com as cores da marca (dourado sobre preto) ===== */
#barraNewsletter .fr-envelope { stroke: #C89848 !important; }
#barraNewsletter .newsletter-assinar, #barraNewsletter .botao.botao-input { background: #C89848 !important; border-color: #C89848 !important; color: #111 !important; }
#barraNewsletter .newsletter-assinar:hover { background: #E8C777 !important; border-color: #E8C777 !important; }
#barraNewsletter input[type=text], #barraNewsletter input[type=email] { border-color: #C89848 !important; }
#rodape .fr-rodape-extra h4, #rodape span.titulo { color: #C89848 !important; position: relative; padding-bottom: 12px !important; }
#rodape .fr-rodape-extra h4::after, #rodape span.titulo::after { content: "" !important; display: block !important; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #C89848; }
#rodape .fr-rodape-extra a:not(.fr-btn-contato):hover, #rodape a:hover { color: #E8C777 !important; }
#rodape .fr-btn-contato { background: #C89848 !important; border-color: #C89848 !important; color: #111 !important; }
#rodape .fr-btn-contato:hover { background: #E8C777 !important; border-color: #E8C777 !important; color: #111 !important; }
#rodape .redes-sociais a { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #C89848; transition: background .2s; }
#rodape .redes-sociais a i { color: #C89848 !important; font-size: 18px !important; }
#rodape .redes-sociais a:hover { background: #C89848; }
#rodape .redes-sociais a:hover i { color: #111 !important; }
#rodape .redes-sociais, #rodape .selos { border: 0 !important; }
.odge-rodape { background: #0a0a0a !important; border-top: 2px solid #C89848 !important; }
.odge-rodape, .odge-rodape p, .odge-rodape span, .odge-rodape div, .odge-rodape a { color: #9a9a9a !important; }
.scrollToTop span { display: none !important; }
.scrollToTop { background: #C89848 !important; }
.scrollToTop::before { border-color: #111 !important; }

/* Ajustes finais: caminhão alinhado, Instagram em círculo dourado, barra de direitos escura */
@media (min-width: 768px) { #cabecalho .rastreio-topo i.fa-truck { position: relative !important; top: 7px !important; } }
#rodape .lista-redes a { border: 1px solid #C89848 !important; border-radius: 50% !important; width: 40px !important; height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; }
#rodape .lista-redes a i { color: #C89848 !important; }
#rodape .lista-redes a:hover { background: #C89848 !important; }
#rodape .lista-redes a:hover i { color: #111 !important; }
#rodape > div:not([class]):not([id]), #rodape > div:not([class]):not([id]) .conteiner, #rodape > div:not([class]):not([id]) .odge-rodape { background: #0a0a0a !important; }
#rodape > div:not([class]):not([id]) { border-top: 1px solid rgba(200,152,72,.45) !important; }
#rodape > div:not([class]):not([id]), #rodape > div:not([class]):not([id]) p, #rodape > div:not([class]):not([id]) span, #rodape > div:not([class]):not([id]) div, #rodape > div:not([class]):not([id]) a { color: #9a9a9a !important; }

/* Rodapé: linha Redes Sociais/Selos alinhada com as colunas de cima */
#rodape .institucional .span9 > .row-fluid { display: grid !important; grid-template-columns: 1.4fr 1fr 1.2fr; gap: 40px; }
#rodape .institucional .span9 > .row-fluid::before, #rodape .institucional .span9 > .row-fluid::after { display: none !important; }
#rodape .institucional .span9 > .row-fluid > * { margin-left: 0 !important; width: auto !important; float: none !important; }
@media (max-width: 767px) { #rodape .institucional .span9 > .row-fluid { grid-template-columns: 1fr; gap: 24px; } }

/* Páginas internas (categoria/busca): menu lateral e título no padrão World */
.menu.lateral .nivel-um > li > a strong.titulo, .menu.lateral .nivel-um > li > a { color: #111 !important; font-size: 15px !important; font-weight: 400 !important; text-transform: none !important; }
.menu.lateral .nivel-um > li > a i, .menu.lateral .nivel-um > li > a::before { color: #999 !important; font-size: 11px !important; }
.menu.lateral .nivel-um > li { padding: 6px 0 !important; border: 0 !important; }
.menu.lateral .nivel-um > li.ativo > a strong.titulo { font-weight: 700 !important; font-size: 16px !important; }
.menu.lateral .nivel-um > li > a:hover strong.titulo { color: #C89848 !important; }
.coluna.esquerda .componente .titulo, .coluna.esquerda span.titulo { color: #111 !important; font-size: 16px !important; font-weight: 700 !important; }
.conteudo > h1.titulo, .secao-principal h1.titulo { color: #111 !important; font-size: 28px !important; font-weight: 500 !important; }


/* ══════════════════════════════════════════════════════════════
   RESPONSIVO CONSOLIDADO (2026-10-17)
   Regras gerais: valem para TODAS as páginas (início, categoria,
   busca, produto, carrinho, conta) e todas as larguras.
   ══════════════════════════════════════════════════════════════ */

/* Fonte única em todo o site (ícones ficam de fora) */
body *:not(i):not(svg):not(svg *):not(.fa):not(.fas):not(.far):not(.fab):not([class*="icon-"]):not([class*="fa-"]) { font-family: 'Roboto', Helvetica, Arial, sans-serif !important; }

/* Títulos de página e de seção em preto (o tema pintava de dourado) */
#corpo h1, #corpo h2, #corpo h3, #corpo .titulo.cor-secundaria, #corpo .cabecalho-interno .titulo { color: #111 !important; }
#corpo .produto h1.nome-produto { text-transform: none !important; letter-spacing: 0 !important; font-weight: 500 !important; font-size: 26px !important; line-height: 1.25 !important; }
.info-principal-produto .breadcrumbs { position: static !important; display: block !important; float: none !important; margin: 0 0 10px !important; }

/* Setas de todos os carrosséis: desenho próprio, sem "Next/Previous" */
.flex-direction-nav a { font-size: 0 !important; color: transparent !important; text-shadow: none !important; overflow: hidden !important; display: flex !important; align-items: center; justify-content: center; }
.flex-direction-nav a::before, .flex-direction-nav a::after { content: "" !important; font-size: 0 !important; }
.flex-direction-nav a::before { width: 9px !important; height: 9px !important; border-left: 2px solid #111 !important; border-top: 2px solid #111 !important; display: block !important; background: none !important; }
.flex-direction-nav a.flex-prev::before { transform: translateX(2px) rotate(-45deg); }
.flex-direction-nav a.flex-next::before { transform: translateX(-2px) rotate(135deg); }
.flex-direction-nav a::after { display: none !important; }

/* Mini banners: o carrossel interno fixava altura errada */
.banner.mini-banner .flex-viewport, .banner.mini-banner .slides { height: auto !important; }
.banner.mini-banner .slides > li { position: relative !important; }

/* Rodapé: o tema deixava 140px sobrando embaixo */
#rodape { margin-bottom: 0 !important; }
#rodape .redes-sociais .titulo.hidden-phone { display: block !important; }

/* Ícone de conta inserido pelo script (só aparece no celular) */
.fr-conta-mobile { display: none; }

/* Carrossel do tema "stories" (#menuinsta) quebrava a largura: substituído pelo menu */
#menuinsta { display: none !important; }

/* ─── TABLET (768 a 1023px) ─── */
@media (min-width: 768px) and (max-width: 1023px) {
  #cabecalho > .conteiner > .row-fluid { gap: 18px; }
  .fr-logo-texto { font-size: 20px; }
  .conteudo-topo .inferior { gap: 16px; }
  .conteudo-topo .inferior > .span4 { gap: 16px; }
  .menu.superior .nivel-um { gap: 22px; overflow-x: auto; scrollbar-width: none; }
  .menu.superior .nivel-um::-webkit-scrollbar { display: none; }
  .menu.superior .nivel-um > li.fr-todas { display: none !important; }
  .menu.superior .nivel-um > li > a strong.titulo, .menu.superior .nivel-um > li > a { font-size: 14px !important; }
  .fr-beneficios { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 12px; }
  .secao-banners .banner.mini-banner { gap: 16px; }
  .fr-rodape-extra { grid-template-columns: 1fr 1fr; }
  .fr-rodape-extra > div:first-child { grid-column: 1 / -1; }
  #rodape .institucional .span9 > .row-fluid { grid-template-columns: 1fr 1fr; }
  #barraNewsletter .texto-newsletter { white-space: normal; }
}

/* ─── CELULAR (até 767px) ─── */
@media (max-width: 767px) {
  /* Faixa dourada de atalhos do tema: substituída pelo cabeçalho novo */
  #cabecalho .atalhos-mobile { display: none !important; }

  /* Frase do topo: uma linha, curta */
  .barra-frase .conteiner { min-height: 32px; padding: 6px 12px !important; }
  .barra-frase span, .barra-frase a { font-size: 12px !important; line-height: 1.35 !important; text-align: center; }
  .barra-frase .fr-f1, .barra-frase .fr-sep1 { display: none !important; }

  /* Cabeçalho em grade: menu | logo | ícones / busca */
  #cabecalho > .conteiner { padding: 0 16px !important; }
  #cabecalho > .conteiner > .row-fluid { display: grid !important; grid-template-columns: 40px 1fr 72px; grid-template-areas: "menu logo icones" "busca busca busca" "nav nav nav"; gap: 10px 8px; align-items: center; min-height: 0 !important; padding: 10px 0 12px !important; }
  #cabecalho > .conteiner > .row-fluid::before, #cabecalho > .conteiner > .row-fluid::after { display: none !important; }
  #cabecalho .conteudo-topo, #cabecalho .conteudo-topo .inferior, #cabecalho .busca-mobile { display: contents !important; }
  #cabecalho > .conteiner > .row-fluid > .span3 { grid-area: logo; justify-self: center; width: auto !important; margin: 0 !important; }
  #cabecalho .logo { justify-content: center; height: auto !important; }
  #cabecalho .logo a { gap: 8px !important; }
  #cabecalho .logo img { max-height: 38px !important; }
  .fr-logo-texto { font-size: 18px; }
  #cabecalho a.atalho-menu { grid-area: menu; display: flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-size: 0 !important; color: transparent !important; }
  #cabecalho a.atalho-menu::before { content: "" !important; display: block !important; width: 26px; height: 26px; background-color: #111; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%206.5h17M3.5%2012h17M3.5%2017.5h17%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%206.5h17M3.5%2012h17M3.5%2017.5h17%22/%3E%3C/svg%3E") center / contain no-repeat; }
  #cabecalho a.atalho-menu.fr-aberto::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22/%3E%3C/svg%3E"); }
  #cabecalho .busca-mobile .busca { grid-area: busca; width: 100% !important; margin: 0 !important; float: none !important; }
  #form-buscar { max-width: none !important; width: 100% !important; }
  #form-buscar input#auto-complete { height: 44px !important; font-size: 16px !important; }
  #cabecalho .conteudo-topo .inferior > .span4 { grid-area: icones; display: flex !important; justify-content: flex-end; align-items: center; gap: 16px; width: auto !important; margin: 0 !important; }
  .fr-conta-mobile { display: inline-flex; width: 22px; height: 22px; background-color: #111; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4.5%2020.5a7.5%207.5%200%200%201%2015%200%22/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4.5%2020.5a7.5%207.5%200%200%201%2015%200%22/%3E%3C/svg%3E") center / contain no-repeat; }

  /* Menu aberto pelo botão: lista de categorias abaixo da busca */
  #cabecalho .menu.superior { grid-area: nav; display: block !important; position: static !important; width: auto !important; border: 0 !important; margin: 0 !important; padding: 0 !important; background: #fff !important; }
  #cabecalho .menu.superior .nivel-um { display: none !important; }
  #cabecalho .menu.superior .nivel-um.active { display: flex !important; flex-direction: column; align-items: stretch; gap: 0; padding: 4px 0 0 !important; overflow: visible; white-space: normal; border-top: 1px solid var(--fr-linha); }
  #cabecalho .menu.superior .nivel-um > li { width: 100% !important; border-bottom: 1px solid var(--fr-linha) !important; }
  #cabecalho .menu.superior .nivel-um > li > a { height: auto !important; line-height: 1.3 !important; padding: 14px 2px !important; }
  #cabecalho .menu.superior .nivel-um > li > a strong.titulo, #cabecalho .menu.superior .nivel-um > li > a { font-size: 16px !important; }
  #cabecalho .menu.superior .nivel-um > li.fr-todas { display: none !important; }
  #cabecalho .menu.superior .nivel-um > li.fr-destaque { margin: 14px 0 6px !important; border: 0 !important; }
  #cabecalho .menu.superior .nivel-um > li.fr-destaque > a { justify-content: center; padding: 14px !important; color: #fff !important; }
  #cabecalho .menu.superior .nivel-dois { display: none !important; }

  /* Banner: setas escondidas (fica só o deslizar e as bolinhas) */
  .secao-banners .banner.cheio .flex-direction-nav { display: none !important; }
  .secao-banners .banner.cheio .flex-control-nav { bottom: 10px !important; }

  /* Benefícios em grade 2x, sem cortar */
  .fr-beneficios { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px 12px; overflow: visible; padding: 20px 16px !important; }
  .fr-beneficio { gap: 10px; align-items: flex-start; min-width: 0; }
  .fr-beneficio:last-child { grid-column: 1 / -1; justify-self: center; }
  .fr-beneficio svg { width: 28px; height: 28px; }
  .fr-beneficio b { font-size: 13px; }
  .fr-beneficio span { font-size: 12px; }

  /* Mini banners empilhados */
  .secao-banners .banner.mini-banner { margin: 8px auto 0 !important; gap: 12px; }

  /* Vitrines da página inicial: grade de 2 colunas (até 6 produtos cada) */
  .produtos-carrossel .flex-viewport { overflow: visible !important; height: auto !important; }
  .produtos-carrossel .flex-viewport > ul.slides, .produtos-carrossel .flex-viewport > ul { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px 12px; width: auto !important; margin: 0 !important; transform: none !important; }
  .produtos-carrossel .flex-viewport > ul > li { width: auto !important; float: none !important; display: block !important; margin: 0 !important; }
  .produtos-carrossel .flex-viewport > ul > li.clone, .produtos-carrossel .flex-viewport > ul > li:nth-child(n+7) { display: none !important; }
  .produtos-carrossel .flex-direction-nav, .produtos-carrossel .flex-control-nav { display: none !important; }
  .produtos-carrossel, .produtos-carrossel > li { margin: 0 !important; padding: 0 !important; width: auto !important; }

  /* Listagens (categoria, busca, "Mais como esse"): 2 colunas */
  #corpo .listagem .listagem-linha:not(.flexslider) > ul { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px 12px; margin: 0 !important; }
  #corpo .listagem .listagem-linha:not(.flexslider) > ul::before, #corpo .listagem .listagem-linha:not(.flexslider) > ul::after { display: none !important; }
  #corpo .listagem .listagem-linha:not(.flexslider) > ul > li { width: auto !important; float: none !important; margin: 0 !important; min-width: 0; }
  #corpo .listagem .listagem-linha { margin: 0 0 20px !important; }

  /* Card de produto no celular */
  #corpo .listagem .listagem-item { padding: 0 0 6px !important; }
  #corpo .listagem .nome-produto { font-size: 13px !important; min-height: 35px; margin: 8px 2px 4px !important; }
  #corpo .listagem .preco-produto strong, #corpo .listagem .preco-promocional, #corpo .listagem .preco-venda { font-size: 15px !important; }
  #corpo .listagem .acoes-produto { opacity: 1 !important; margin: 6px 0 0 !important; }
  #corpo .listagem .listagem-item .botao-comprar { display: block !important; width: 100% !important; box-sizing: border-box; padding: 9px 4px !important; font-size: 13px !important; background: #111 !important; color: #fff !important; border: 0 !important; }
  .titulo-categoria { margin: 28px 0 16px !important; }

  /* Páginas internas */
  .breadcrumbs { font-size: 12px !important; }
  .breadcrumbs strong, .breadcrumbs b, .breadcrumbs a, .breadcrumbs span { font-size: 12px !important; font-weight: 400 !important; }
  #corpo h1.titulo, .conteudo > h1.titulo, .secao-principal h1.titulo { font-size: 22px !important; }
  #corpo .produto h1.nome-produto { font-size: 21px !important; }
  #corpo form .input-cep, #corpo .input-cep { width: 100% !important; box-sizing: border-box; height: 44px !important; }
  #corpo input[type="text"], #corpo input[type="email"], #corpo input[type="password"], #corpo input[type="tel"], #corpo select { max-width: 100% !important; font-size: 16px !important; }
  #corpo .form-horizontal input[type="text"], #corpo .form-horizontal input[type="email"], #corpo .form-horizontal input[type="password"], #corpo form .controls input { width: 100% !important; box-sizing: border-box; height: 44px !important; }
  #corpo img { max-width: 100%; height: auto; }

  /* Rodapé no celular: tudo alinhado à esquerda com a mesma margem */
  #rodape .institucional .conteiner { padding: 0 16px !important; }
  #rodape .institucional .span9, #rodape .institucional .span3 { width: 100% !important; margin: 0 !important; float: none !important; }
  #rodape .institucional .span9 > .row-fluid { grid-template-columns: 1fr; gap: 28px; }
  #rodape .selos, #rodape .selos *, #rodape .redes-sociais, #rodape .redes-sociais * { text-align: left !important; }
  #rodape .selos ul, #rodape .lista-redes ul { margin: 0 !important; padding: 0 !important; }
  #rodape .lista-redes { padding: 0 !important; }
  #rodape .institucional { padding: 28px 0 20px !important; }
  .fr-rodape-extra { padding: 32px 16px 6px; gap: 26px; }
  #rodape > div:not([class]):not([id]) p { font-size: 12px !important; line-height: 1.6 !important; padding: 0 12px; }

  /* Botões flutuantes: só o WhatsApp fica no celular */
  .scrollToTop { display: none !important; }
}

/* ─── CELULAR PEQUENO (até 380px) ─── */
@media (max-width: 380px) {
  .fr-logo-texto { font-size: 16px; }
  #cabecalho .logo img { max-height: 34px !important; }
  .fr-beneficio b { font-size: 12px; }
}

/* Correções gerais encontradas no teste de todas as larguras */
/* Foto do card nunca maior que o card (valia para vitrine, categoria, busca e "Mais como esse") */
.listagem .imagem-produto { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
.listagem .imagem-produto img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain; }
.listagem .listagem-item, .listagem li { min-width: 0; }
@media (max-width: 767px) {
  .produtos-carrossel .flex-viewport > ul.slides, .produtos-carrossel .flex-viewport > ul, #corpo .listagem .listagem-linha:not(.flexslider) > ul { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
/* Menu e blocos com largura máxima: margem interna conta dentro da largura */
.menu.superior .nivel-um, .fr-beneficios, .fr-rodape-extra, .secao-banners .banner.mini-banner, #barraNewsletter .interno { box-sizing: border-box !important; max-width: var(--fr-largura); width: 100%; }
/* Margens internas não "escapam" pelo fim do rodapé */
#rodape { display: flow-root !important; }
/* Telas médias (até 1199px): menu mais compacto para caber */
@media (min-width: 768px) and (max-width: 1199px) {
  .menu.superior .nivel-um { gap: 20px !important; justify-content: space-between; }
  .menu.superior .nivel-um > li.fr-destaque { margin-left: 0 !important; }
  .menu.superior .nivel-um > li > a strong.titulo, .menu.superior .nivel-um > li > a { font-size: 14px !important; }
  .menu.superior .nivel-um > li.fr-destaque > a { padding: 9px 14px !important; font-size: 13px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .menu.superior .nivel-um > li.fr-todas { display: none !important; }
  .menu.superior .nivel-um { overflow-x: auto; scrollbar-width: none; }
  .menu.superior .nivel-um::-webkit-scrollbar { display: none; }
}
/* Páginas curtas (carrinho vazio, etc.): rodapé sempre no fim da tela */
.conteiner-principal { display: flex !important; flex-direction: column; min-height: 100vh; }
.conteiner-principal > #corpo { flex: 1 0 auto; }
/* Mini banners: o tema fixava a altura de cada bloco em 30px (sobrepunha a vitrine) */
.secao-banners .banner.mini-banner > .modulo { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.secao-banners .banner.mini-banner .flexslider { float: none !important; }
/* Instagram centralizado no círculo */
#rodape .lista-redes a i { margin: 0 !important; line-height: 1 !important; width: auto !important; height: auto !important; display: block !important; }
#rodape .lista-redes ul, #rodape .lista-redes li { display: flex !important; gap: 10px; list-style: none; margin: 0 !important; padding: 0 !important; }
/* Botão "Comprar" da versão celular do tema (a.tag-comprar): mesmo estilo do computador */
.listagem .acoes-produto-responsiva .tag-comprar, .listagem .tag-comprar { display: block !important; width: 100% !important; box-sizing: border-box; background: #111 !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; padding: 9px 4px !important; text-align: center; box-shadow: none !important; }
.listagem .tag-comprar .titulo, .listagem .tag-comprar span { color: #fff !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .3px; text-transform: none !important; }
.listagem .tag-comprar:hover { background: #C89848 !important; }
.listagem .acoes-produto-responsiva { margin-top: 6px !important; padding: 0 !important; }
@media (max-width: 767px) {
  .secao-banners .banner.mini-banner > .modulo { flex: 0 0 auto !important; }
}
/* Botões e títulos de páginas internas no celular */
.listagem .tag-comprar, #corpo .listagem .listagem-item .botao-comprar { line-height: 1.2 !important; height: auto !important; min-height: 0 !important; }
@media (max-width: 767px) {
  #corpo .carrinho-vazio h1, #corpo .carrinho-vazio .titulo, #corpo .carrinho-checkout h1 { font-size: 24px !important; line-height: 1.25 !important; }
  #corpo form .botao.principal, #corpo form button.botao, #corpo .carrinho-vazio .botao { padding: 12px 22px !important; font-size: 14px !important; }
}
/* Nome do produto: no máximo 2 linhas, nunca invade o preço */
.listagem .nome-produto { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; max-height: 2.8em !important; line-height: 1.35 !important; }
/* Newsletter com margem lateral em todas as larguras */
#barraNewsletter .interno { padding-left: 16px !important; padding-right: 16px !important; }
/* Tablet: menu sem margem extra nos itens e vitrines em grade de 3 colunas */
@media (min-width: 768px) and (max-width: 1023px) {
  .menu.superior .nivel-um { gap: 16px !important; justify-content: space-between !important; }
  .menu.superior .nivel-um > li { padding: 0 !important; margin: 0 !important; }
  .menu.superior .nivel-um > li > a strong.titulo, .menu.superior .nivel-um > li > a { font-size: 13px !important; padding-left: 0 !important; padding-right: 0 !important; }
  .menu.superior .nivel-um > li.fr-destaque > a { padding: 8px 12px !important; font-size: 12px !important; }
  .produtos-carrossel .flex-viewport { overflow: visible !important; height: auto !important; }
  .produtos-carrossel .flex-viewport > ul.slides, .produtos-carrossel .flex-viewport > ul { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px 16px; width: auto !important; margin: 0 !important; transform: none !important; }
  .produtos-carrossel .flex-viewport > ul > li { width: auto !important; float: none !important; display: block !important; margin: 0 !important; }
  .produtos-carrossel .flex-viewport > ul > li.clone, .produtos-carrossel .flex-viewport > ul > li:nth-child(n+7) { display: none !important; }
  .produtos-carrossel .flex-direction-nav, .produtos-carrossel .flex-control-nav { display: none !important; }
  #corpo .listagem .listagem-item .acoes-produto { opacity: 1 !important; }
}
html body #corpo .listagem .info-produto a.nome-produto, html body .listagem .info-produto a.nome-produto { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; padding: 0 !important; max-height: none !important; height: auto !important; line-height: 1.35 !important; white-space: normal !important; }
html body #corpo .listagem .info-produto a.nome-produto, html body .listagem .info-produto a.nome-produto { height: 2.7em !important; min-height: 0 !important; max-height: 2.7em !important; margin-bottom: 8px !important; }
/* Preço e botão iguais em todas as listagens */
html body .listagem .preco-produto strong, html body .listagem .preco-produto .preco-promocional, html body .listagem .preco-produto .preco-venda:not(.tachado) { font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #111 !important; }
html body .listagem .botao-comprar, html body .listagem .tag-comprar, html body .listagem .tag-comprar .titulo { text-transform: none !important; letter-spacing: .3px !important; }
@media (max-width: 767px) { html body .listagem .preco-produto strong, html body .listagem .preco-produto .preco-promocional, html body .listagem .preco-produto .preco-venda:not(.tachado) { font-size: 15px !important; } }
/* Menu do celular: abre dentro do cabeçalho (o tema abria uma gaveta fixa que cobria o botão de fechar) */
@media (max-width: 767px) {
  #cabecalho .menu.superior .nivel-um.active { position: static !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; max-height: none !important; z-index: auto !important; transform: none !important; box-shadow: none !important; overflow: visible !important; }
}
@media (max-width: 767px) {
  #cabecalho .menu.superior .nivel-um.active { border: 0 !important; border-top: 1px solid var(--fr-linha) !important; padding: 0 !important; margin: 0 !important; background: #fff !important; box-sizing: border-box !important; }
  #cabecalho .menu.superior .nivel-um.active::before, #cabecalho .menu.superior .nivel-um.active::after { display: none !important; content: none !important; }
  #cabecalho .menu.superior .nivel-um.active > li { box-sizing: border-box !important; width: 100% !important; height: auto !important; padding: 0 !important; margin: 0 !important; }
  #cabecalho .menu.superior .nivel-um.active > li > a { height: auto !important; line-height: 1.3 !important; padding: 14px 4px !important; }
  #cabecalho .menu.superior .nivel-um.active > li.fr-destaque { padding: 14px 0 4px !important; border: 0 !important; }
  #cabecalho .menu.superior .nivel-um.active > li.fr-destaque > a { padding: 13px !important; }
}
@media (max-width: 767px) {
  #cabecalho .menu.superior .nivel-um .cab-nav { display: none !important; }
  #cabecalho .menu.superior .nivel-um.active > li > a strong.titulo { display: inline !important; line-height: 1.3 !important; padding: 0 !important; height: auto !important; }
}
@media (max-width: 767px) {
  #cabecalho { padding-top: 0 !important; }
  #cabecalho .menu.superior .nivel-um.active > li.fr-destaque > a { display: flex !important; width: 100% !important; box-sizing: border-box !important; justify-content: center; }
}