@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Poppins:wght@400;500;600;700;800&display=swap');
/* ============================================================
   F.O. NUTRACÊUTICOS — CSS COMPLETO
   Estilo: Clean / Minimalista (referência Vinhos Collection)
   Paleta: Teal #2A8FA8 | Roxo #7B2FA0 | Laranja #E07A3A
   Cole em: Aparência > Editar CSS (apague tudo antes)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* --- BASE --- */
*, *::before, *::after {
    box-sizing: border-box;
}

body, html {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    color: #222;
    background: #ffffff;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* --- BARRA SUPERIOR (redes sociais, telefone) --- */
/* Remove o fundo colorido, deixa clean */
#barra-superior,
.barra-superior,
.topo-superior {
    background: #f5f5f5 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    padding: 6px 0 !important;
    font-size: 12px !important;
}

#barra-superior a,
.barra-superior a,
.topo-superior a {
    color: #555 !important;
    text-decoration: none;
    transition: color 0.2s;
}

#barra-superior a:hover,
.barra-superior a:hover {
    color: #2A8FA8 !important;
}

/* Remove caixinhas coloridas dos ícones de redes sociais */
#barra-superior .redes-sociais a,
#barra-superior .social a,
.barra-superior .redes-sociais a,
.topo-superior .social a,
.social-icons a,
a[href*="facebook"],
a[href*="instagram"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 6px !important;
    color: #888 !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center;
    width: auto !important;
    height: auto !important;
}

#barra-superior .redes-sociais a:hover,
.barra-superior .redes-sociais a:hover,
a[href*="facebook"]:hover,
a[href*="instagram"]:hover {
    color: #2A8FA8 !important;
    background: transparent !important;
}

/* --- CABEÇALHO --- */
#cabecalho,
.cabecalho,
header {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: none !important;
    padding: 12px 0 !important;
}

/* Remove qualquer fundo, textura ou gradiente interno */
#cabecalho *,
.cabecalho * {
    box-shadow: none;
}

#cabecalho a,
.cabecalho a {
    color: #222 !important;
    transition: color 0.2s;
}

#cabecalho a:hover,
.cabecalho a:hover {
    color: #2A8FA8 !important;
}

/* Carrinho e conta */
#cabecalho .carrinho a,
#cabecalho .minha-conta a,
.cabecalho .icone-carrinho,
.cabecalho .icone-conta {
    color: #222 !important;
    background: transparent !important;
    border: none !important;
}

.badge-carrinho,
.carrinho-quantidade,
.numero-carrinho {
    background: #2A8FA8 !important;
    color: #fff !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* --- BUSCA --- */
#busca,
.busca,
.campo-busca {
    border: 1.5px solid #ddd !important;
    border-radius: 50px !important;
    background: #f9f9f9 !important;
    overflow: hidden;
    transition: border-color 0.2s;
}

#busca:focus-within,
.busca:focus-within {
    border-color: #2A8FA8 !important;
}

#busca input,
.busca input,
input[type="search"],
input[type="text"].busca-input {
    border: none !important;
    background: transparent !important;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding: 8px 16px !important;
    outline: none !important;
    box-shadow: none !important;
    color: #333;
}

#busca button,
.busca button,
.botao-busca {
    background: #2A8FA8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    padding: 8px 18px !important;
    cursor: pointer;
    transition: background 0.2s;
}

#busca button:hover,
.busca button:hover {
    background: #1D6A7E !important;
}

/* --- MENU DE NAVEGAÇÃO --- */
/* Remove fundo colorido, bordas entre itens, qualquer estilo pesado */
#menu-superior,
.menu-principal,
.menu-navegacao,
nav,
.navegacao {
    background: #2A8FA8 !important;
    border: none !important;
    box-shadow: none !important;
}

#menu-superior li,
.menu-principal li,
.menu-navegacao li,
nav li {
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    background: transparent !important;
}

#menu-superior a,
.menu-principal a,
.menu-navegacao a,
nav a {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    border: none !important;
    border-right: none !important;
    background: transparent !important;
    text-transform: none !important;
    letter-spacing: 0.2px;
    transition: background 0.2s, color 0.2s;
    display: block;
}

#menu-superior a:hover,
.menu-principal a:hover,
.menu-navegacao a:hover,
nav a:hover {
    background: rgba(255,255,255,0.15) !important;
    color: #ffffff !important;
}

/* Submenu */
#menu-superior .submenu,
.menu-principal .submenu,
.dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-top: 2px solid #2A8FA8 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    border-radius: 0 0 6px 6px !important;
}

#menu-superior .submenu a,
.menu-principal .submenu a,
.dropdown-menu a {
    color: #222 !important;
    font-size: 13px !important;
    padding: 10px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

#menu-superior .submenu a:hover,
.menu-principal .submenu a:hover {
    background: #f5f9fb !important;
    color: #2A8FA8 !important;
}

/* Ícone de seta/dropdown no menu */
.menu-navegacao .seta,
.menu-principal .dropdown-toggle {
    color: rgba(255,255,255,0.7) !important;
}

/* --- VITRINE DE PRODUTOS --- */
.vitrine-produto {
    background: #ffffff !important;
    border: 1px solid #efefef !important;
    border-radius: 8px !important;
    padding: 16px !important;
    text-align: center;
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease !important;
    box-shadow: none !important;
}

.vitrine-produto:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
    transform: translateY(-3px) !important;
    border-color: #d0d0d0 !important;
}

.vitrine-produto img {
    max-width: 100%;
    border-radius: 4px;
    margin-bottom: 12px;
}

.vitrine-produto .produto-nome,
.vitrine-produto h2,
.vitrine-produto h3,
.vitrine-produto .nome-produto {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #222 !important;
    margin-bottom: 8px !important;
    line-height: 1.4 !important;
}

.vitrine-produto .preco,
.vitrine-produto .produto-preco,
.vitrine-produto .preco-venda {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #2A8FA8 !important;
    margin-bottom: 4px !important;
}

.vitrine-produto .preco-original,
.vitrine-produto del,
.vitrine-produto .preco-de {
    color: #aaa !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.vitrine-produto .parcelamento,
.vitrine-produto .parcela {
    font-size: 11px !important;
    color: #888 !important;
}

.vitrine-produto .botao-comprar,
.vitrine-produto .btn-comprar,
.vitrine-produto .produto-comprar {
    background: #2A8FA8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 9px 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    transition: background 0.2s, transform 0.15s !important;
    cursor: pointer;
    width: 100%;
    display: block;
}

.vitrine-produto .botao-comprar:hover,
.vitrine-produto .btn-comprar:hover {
    background: #7B2FA0 !important;
    transform: translateY(-1px) !important;
}

/* Badge desconto */
.vitrine-produto .badge-desconto,
.vitrine-produto .tag-desconto,
.vitrine-produto .selo {
    background: #E07A3A !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 3px !important;
    letter-spacing: 0.3px !important;
}

/* --- TÍTULOS DE SEÇÃO --- */
.titulo-secao,
.secao-titulo,
h2.titulo,
.produtos-titulo,
.titulo-vitrine {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2A8FA8 !important;
    display: inline-block !important;
    margin-bottom: 24px !important;
}

/* --- BOTÕES GERAIS --- */
.btn,
.botao {
    font-family: 'Poppins', sans-serif !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    border: none !important;
}

.btn-primario,
.btn-primary {
    background: #2A8FA8 !important;
    color: #fff !important;
}

.btn-primario:hover { background: #1D6A7E !important; }

/* Botão finalizar compra */
.finalizar-compra,
.btn-finalizar,
.botao-checkout {
    background: #E07A3A !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 13px 32px !important;
    transition: background 0.2s, transform 0.15s !important;
}

.finalizar-compra:hover,
.btn-finalizar:hover {
    background: #c0622a !important;
    transform: translateY(-1px) !important;
}

/* --- NEWSLETTER --- */
.newsletter,
.assinar-email,
.area-newsletter {
    background: #2A8FA8 !important;
    padding: 24px 0 !important;
    border: none !important;
}

.newsletter p,
.newsletter label,
.newsletter span,
.assinar-email p {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.newsletter input,
.assinar-email input {
    border: none !important;
    border-radius: 50px 0 0 50px !important;
    padding: 11px 20px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    outline: none !important;
    background: #fff !important;
    color: #333 !important;
    width: 240px !important;
}

.newsletter button,
.assinar-email button {
    background: #1A2234 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    padding: 11px 22px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.newsletter button:hover,
.assinar-email button:hover {
    background: #2A8FA8 !important;
}

/* --- RODAPÉ --- */
/* Remove o azul claro, coloca dark clean */
#rodape,
footer,
.rodape {
    background: #1A2234 !important;
    color: rgba(255,255,255,0.65) !important;
    border-top: none !important;
    padding: 48px 0 24px !important;
    box-shadow: none !important;
}

/* Remove qualquer faixa escura separadora no rodapé */
#rodape::before,
#rodape::after,
footer::before,
footer::after,
.rodape::before,
.rodape::after {
    display: none !important;
    content: none !important;
}

/* Remove qualquer div de separação interna do rodapé */
#rodape .separador,
#rodape .linha,
#rodape hr,
footer hr {
    border-color: rgba(255,255,255,0.08) !important;
    border-top-width: 1px !important;
    margin: 24px 0 !important;
}

#rodape h3,
#rodape h4,
#rodape .titulo-rodape,
footer h3,
footer h4 {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 16px !important;
}

#rodape a,
footer a,
.rodape a {
    color: rgba(255,255,255,0.55) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    transition: color 0.2s !important;
    line-height: 2 !important;
}

#rodape a:hover,
footer a:hover,
.rodape a:hover {
    color: #7ECFE0 !important;
    text-decoration: none !important;
}

/* Ícones sociais no rodapé — sem caixinha */
#rodape .redes-sociais a,
#rodape .social a,
footer .redes-sociais a,
footer .social a {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 6px !important;
    color: rgba(255,255,255,0.55) !important;
    font-size: 13px !important;
    transition: border-color 0.2s, color 0.2s !important;
    padding: 0 !important;
}

#rodape .redes-sociais a:hover,
footer .redes-sociais a:hover {
    border-color: #2A8FA8 !important;
    color: #7ECFE0 !important;
    background: transparent !important;
}

/* Parte inferior do rodapé (CNPJ, copyright) */
#rodape .rodape-bottom,
#rodape .copyright,
footer .copyright {
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding-top: 20px !important;
    margin-top: 32px !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.3) !important;
}

/* --- BREADCRUMB --- */
.breadcrumb a,
.caminho a {
    color: #2A8FA8 !important;
    font-size: 12px !important;
}

/* --- PAGINAÇÃO --- */
.paginacao a,
.pagination a {
    color: #2A8FA8 !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin: 0 2px !important;
    padding: 6px 12px !important;
    transition: all 0.2s !important;
}

.paginacao a.ativo,
.paginacao a:hover {
    background: #2A8FA8 !important;
    color: #fff !important;
    border-color: #2A8FA8 !important;
}

/* --- ÁREA DE SELOS (Site Protegido, Google) --- */
.selos,
.area-selos {
    background: #f5f5f5 !important;
    border-top: 1px solid #e8e8e8 !important;
    padding: 16px 0 !important;
    text-align: center;
}

/* --- PÁGINA DE PRODUTO --- */
.produto-detalhe .preco-venda,
.detalhe-produto .preco,
.pagina-produto .preco {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #2A8FA8 !important;
}

.produto-detalhe .btn-comprar,
.detalhe-produto .botao-comprar,
.pagina-produto .botao-comprar {
    background: #2A8FA8 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 13px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

.produto-detalhe .btn-comprar:hover,
.detalhe-produto .botao-comprar:hover {
    background: #7B2FA0 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(42,143,168,0.25) !important;
}

/* --- RESPONSIVO --- */
@media (max-width: 768px) {
    #cabecalho .conteiner {
        flex-direction: column !important;
        align-items: center !important;
    }

    #menu-superior a,
    .menu-principal a,
    .menu-navegacao a {
        font-size: 12px !important;
        padding: 10px 12px !important;
    }

    #rodape .conteiner,
    footer .conteiner {
        flex-direction: column !important;
        text-align: center !important;
    }

    #rodape .redes-sociais,
    footer .redes-sociais {
        justify-content: center !important;
        display: flex !important;
    }

    .vitrine-produto {
        padding: 12px !important;
    }

    .vitrine-produto .preco,
    .vitrine-produto .produto-preco {
        font-size: 15px !important;
    }
}

@media (max-width: 480px) {
    .vitrine-produto .botao-comprar {
        padding: 8px 14px !important;
        font-size: 11px !important;
    }
}

/* CLAUDE 10.10.26 logo celular */
@media (max-width: 767px) {
  #cabecalho { padding-top: 42px !important; }
}
/* fim CLAUDE logo celular */

/* Tema novo F.O. Nutracêuticos (proposta 10/10/2026).
   Vai no "Editar CSS" do painel. Tudo com prefixo fx- para não brigar com o tema da Loja Integrada.
   Cores tiradas dos banners e da logo: navy, roxo, teal e o âmbar das pétalas. */
:root{--fx-navy:#13223b;--fx-navy2:#1c3152;--fx-roxo:#6d2a85;--fx-teal:#0f7f95;--fx-ambar:#f3a43b;--fx-ambar2:#e8922a;--fx-creme:#f7f3ee;--fx-verde:#2f7a4f;--fx-linha:#e7e2ea;--fx-cinza:#5d6475;--fx-r:16px}
body.fx,body.fx p,body.fx a,body.fx span,body.fx div,body.fx input,body.fx button,body.fx li,body.fx h1,body.fx h2,body.fx h3,body.fx h4,body.fx label,body.fx strong,body.fx b{font-family:Poppins,sans-serif}
body.fx{color:var(--fx-navy);background:#fff!important}
body.fx .fx-serif,body.fx .fx-h2,body.fx h1.nome-produto,body.fx .fx-desc-tit,body.fx .fx-combo h3,body.fx .fx-news h3,body.fx .fx-dep q,body.fx .aproveite-tambem>.titulo{font-family:Fraunces,serif!important}
.fx-wrap{max-width:1240px;margin:0 auto;padding:0 24px}

/* ---------- some o que o tema novo substitui ---------- */
body.fx .barra-inicial,body.fx #cabecalho,body.fx #rodape,body.fx #barraNewsletter,body.fx .fo-bar{display:none!important}
body.fx.pagina-inicial .secao-banners,body.fx.pagina-inicial #corpo{display:none!important}
body.fx .visible-phone>.produto-video,body.fx .produto-compartilhar .visible-phone{display:none!important}
html:has(body.fx){background:#fff!important}

/* ---------- barra de vantagens ---------- */
.fx-topo{background:var(--fx-navy);color:#fff;font:500 13px Poppins}
.fx-topo .fx-wrap{display:flex;justify-content:center;gap:34px;padding-top:9px;padding-bottom:9px;flex-wrap:wrap}
.fx-topo span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.fx-topo b{color:var(--fx-ambar);font-weight:700}
.fx-ic{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- cabeçalho ---------- */
.fx-cab{background:#fff;border-bottom:1px solid var(--fx-linha);position:sticky;top:0;z-index:50}
.fx-cab-l1{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:14px}
.fx-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;flex:none}
.fx-logo img{width:62px;height:62px;border-radius:50%}
.fx-logo b{font:700 19px Poppins;color:var(--fx-navy);line-height:1.05;letter-spacing:-.2px}
.fx-logo small{display:block;font:500 11px Poppins;color:var(--fx-cinza);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px}
.fx-busca{flex:1;display:flex;background:#f4f2f6;border-radius:40px;padding:4px 4px 4px 20px;border:1px solid transparent}
.fx-busca:focus-within{border-color:var(--fx-teal);background:#fff}
.fx-busca input{flex:1;border:0!important;background:transparent!important;box-shadow:none!important;font:400 14px Poppins;color:var(--fx-navy);height:38px!important;margin:0!important;outline:0}
.fx-busca button{border:0;background:var(--fx-navy);color:#fff;border-radius:40px;width:44px;height:38px;display:grid;place-items:center;cursor:pointer}
.fx-acoes{display:flex;gap:6px;flex:none}
.fx-acao{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:12px;text-decoration:none!important;color:var(--fx-navy)!important;font:500 13px/1.2 Poppins}
.fx-acao:hover{background:#f4f2f6}
.fx-acao .fx-ic{width:24px;height:24px}
.fx-acao small{display:block;color:var(--fx-cinza);font-size:11.5px}
.fx-acao.wa .fx-ic{color:#1f9d55}
.fx-carr{position:relative}
.fx-carr i{position:absolute;left:26px;top:2px;background:var(--fx-ambar);color:var(--fx-navy);font:800 11px Poppins;font-style:normal;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center}
.fx-menu{border-top:1px solid #f0edf2;background:#fff!important}
.fx-menu ul,.fx-menu li{background:none!important;border:0!important;float:none!important}
.fx-menu ul{display:flex;justify-content:center;gap:4px;list-style:none;margin:0;padding:0}
.fx-menu li{position:relative}
.fx-menu a{display:block;padding:13px 16px;font:600 14px Poppins;color:var(--fx-navy)!important;text-decoration:none!important;border-bottom:2px solid transparent}
.fx-menu a:hover{color:var(--fx-teal)!important;border-bottom-color:var(--fx-teal)}
.fx-menu .dest{color:var(--fx-roxo)!important}
.fx-menu .sub{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--fx-linha);border-radius:14px;box-shadow:0 18px 40px rgba(19,34,59,.12);padding:10px;min-width:260px;z-index:60}
.fx-menu li:hover .sub{display:block}
.fx-menu .sub a{padding:9px 12px;border:0;border-radius:8px;font-weight:500}
.fx-menu .sub a:hover{background:#f4f2f6}
.fx-cel-only{display:none!important}

/* ---------- banners ---------- */
.fx-slider{position:relative;background:var(--fx-navy);overflow:hidden}
.fx-slides{display:flex;transition:transform .7s cubic-bezier(.6,0,.2,1)}
.fx-slides a{flex:0 0 100%;display:block}
.fx-slides img{width:100%;display:block;aspect-ratio:16/6;object-fit:cover}
.fx-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}
.fx-dots i{width:9px;height:9px;border-radius:9px;background:rgba(255,255,255,.5);transition:.3s;cursor:pointer}
.fx-dots i.on{width:28px;background:var(--fx-ambar)}
.fx-seta{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.2);color:var(--fx-navy);font:700 20px Poppins}
.fx-seta.e{left:20px}.fx-seta.d{right:20px}

/* ---------- faixa de confiança ---------- */
.fx-conf{background:#fff;border-bottom:1px solid var(--fx-linha)}
.fx-conf .fx-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:22px;padding-bottom:22px}
.fx-conf div{display:flex;gap:14px;align-items:center}
.fx-conf .bola{width:48px;height:48px;border-radius:50%;background:#eef6f8;color:var(--fx-teal);display:grid;place-items:center;flex:none}
.fx-conf .bola .fx-ic{width:24px;height:24px}
.fx-conf b{display:block;font:700 14px Poppins}
.fx-conf small{font:400 12.5px Poppins;color:var(--fx-cinza)}

/* ---------- seções ---------- */
.fx-sec{padding:64px 0}
.fx-sec.creme{background:var(--fx-creme)}
.fx-cab-sec{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}
.fx-tag{font:700 12px Poppins;letter-spacing:3px;text-transform:uppercase;color:var(--fx-teal);display:block;margin-bottom:8px}
.fx-h2{font:500 38px/1.1 Fraunces,serif;color:var(--fx-navy);margin:0;letter-spacing:-.5px}
.fx-h2 i{color:var(--fx-roxo)}
.fx-ver{font:600 14px Poppins;color:var(--fx-teal)!important;text-decoration:none!important;white-space:nowrap}

/* objetivos */
.fx-obj{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.fx-obj a{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;text-decoration:none!important;color:var(--fx-navy)!important;font:600 13.5px/1.25 Poppins;padding:22px 8px;border-radius:var(--fx-r);background:#fff;border:1px solid var(--fx-linha);transition:.25s}
.fx-obj a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(19,34,59,.1);border-color:transparent}
.fx-obj .bola{width:64px;height:64px;border-radius:50%;display:grid;place-items:center}
.fx-obj .fx-ic{width:30px;height:30px}

/* cards de produto (home, categoria, relacionados) */
.fx-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fx-card{background:#fff;border:1px solid var(--fx-linha);border-radius:var(--fx-r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none!important;color:var(--fx-navy)!important;transition:.25s;position:relative}
.fx-card:hover{box-shadow:0 18px 40px rgba(19,34,59,.12);transform:translateY(-3px)}
.fx-card .img{background:#fff;aspect-ratio:1;display:grid;place-items:center;padding:18px;border-bottom:1px solid #f1eef3}
.fx-card .img img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(1.06) contrast(1.03)}
.fx-card .selo{position:absolute;left:12px;top:12px;background:var(--fx-roxo);color:#fff;font:700 11px Poppins;letter-spacing:.5px;padding:5px 10px;border-radius:20px}
.fx-card .info{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.fx-card .nome{font:600 15px/1.3 Poppins;min-height:39px}
.fx-card .est{color:var(--fx-ambar);font-size:12px;letter-spacing:1.5px}
.fx-card .de{font:400 13px Poppins;color:#999;text-decoration:line-through;margin-right:6px}
.fx-card .por{font:800 21px Poppins;letter-spacing:-.3px}
.fx-card .parc{font:400 12.5px Poppins;color:var(--fx-cinza)}
.fx-card .bt{margin-top:auto;background:var(--fx-navy);color:#fff;text-align:center;border-radius:40px;padding:11px;font:700 14px Poppins;transition:.2s}
.fx-card:hover .bt{background:var(--fx-ambar);color:var(--fx-navy)}

/* combo em destaque */
.fx-combo{display:grid;grid-template-columns:1.05fr 1fr;border-radius:24px;overflow:hidden;background:linear-gradient(110deg,#0d2a35,#16485a);color:#fff}
.fx-combo .ft{background-size:cover;background-position:center;min-height:420px}
.fx-combo .tx{padding:52px 56px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.fx-combo h3{font:500 40px/1.08 Fraunces,serif;margin:0}
.fx-combo h3 i{color:#9fd6e2}
.fx-combo ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font:400 15px Poppins;opacity:.92}
.fx-combo li:before{content:"✓";color:var(--fx-ambar);font-weight:800;margin-right:10px}
.fx-precos{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.fx-precos s{opacity:.6;font:500 17px Poppins}
.fx-precos b{font:800 40px Poppins;letter-spacing:-1px}
.fx-precos span{font:500 14px Poppins;opacity:.85}
.fx-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--fx-ambar);color:var(--fx-navy)!important;font:700 16px Poppins;padding:17px 34px;border-radius:50px;text-decoration:none!important;box-shadow:0 10px 26px rgba(243,164,59,.35);transition:.2s;border:0;cursor:pointer}
.fx-cta:hover{background:var(--fx-ambar2)}
.fx-cta.esc{background:var(--fx-navy);color:#fff!important;box-shadow:0 10px 26px rgba(19,34,59,.25)}

/* quem está por trás */
.fx-quem{display:grid;grid-template-columns:420px 1fr;gap:64px;align-items:center}
.fx-quem .ft{border-radius:24px;aspect-ratio:4/5;background-size:cover;background-position:50% 20%;box-shadow:0 30px 60px rgba(19,34,59,.18)}
.fx-quem p{font:400 17px/1.7 Poppins;color:#3c4458;margin:18px 0}
.fx-pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 30px}
.fx-pilares div{background:#fff;border-radius:14px;padding:18px;border:1px solid var(--fx-linha)}
.fx-pilares b{display:block;font:700 15px Poppins;margin:8px 0 4px}
.fx-pilares small{font:400 13px/1.5 Poppins;color:var(--fx-cinza)}
.fx-pilares .fx-ic{width:26px;height:26px;color:var(--fx-roxo)}

/* depoimentos */
.fx-deps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fx-dep{background:#fff;border-radius:var(--fx-r);padding:28px;border:1px solid var(--fx-linha);display:flex;flex-direction:column;gap:14px}
.fx-dep .est{color:var(--fx-ambar);letter-spacing:2px;font-size:16px}
.fx-dep q{font:400 16px/1.6 Fraunces,serif;font-style:italic;color:var(--fx-navy);quotes:"“" "”"}
.fx-dep .quem{display:flex;align-items:center;gap:12px;margin-top:auto;font:600 14px Poppins}
.fx-dep .quem i{width:40px;height:40px;border-radius:50%;background:#eef6f8;color:var(--fx-teal);display:grid;place-items:center;font:700 16px Poppins;font-style:normal}
.fx-dep .quem small{display:block;font:500 12px Poppins;color:var(--fx-verde)}
.fx-nota{display:flex;align-items:center;gap:14px;background:#fff;border-radius:50px;padding:10px 22px;border:1px solid var(--fx-linha);font:500 14px Poppins}
.fx-nota b{font:800 22px Poppins}
.fx-nota .est{color:var(--fx-ambar);letter-spacing:2px}
.fx-videos{display:flex;gap:20px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.fx-video{position:relative;width:220px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000 center/cover;box-shadow:0 14px 34px rgba(0,0,0,.18);display:block}
.fx-video:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.65))}
.fx-video span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--fx-navy);font-size:22px;padding-left:4px}
.fx-video small{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;font:600 13px Poppins}

/* perguntas */
.fx-faq{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.fx-faq details{background:#fff;border:1px solid var(--fx-linha);border-radius:14px;padding:0 24px}
.fx-faq summary{cursor:pointer;list-style:none;padding:20px 0;font:600 16px Poppins;display:flex;justify-content:space-between;gap:20px}
.fx-faq summary:after{content:"+";font:400 26px/1 Poppins;color:var(--fx-teal)}
.fx-faq details[open] summary:after{content:"–"}
.fx-faq p{margin:0 0 20px;font:400 15px/1.65 Poppins;color:#3c4458}

/* newsletter */
.fx-news{background:linear-gradient(100deg,var(--fx-roxo),#3d2a7a 55%,var(--fx-teal));color:#fff;border-radius:24px;padding:44px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.fx-news h3{font:500 30px/1.15 Fraunces,serif;margin:0 0 6px}
.fx-news p{margin:0;opacity:.9;font:400 15px Poppins}
.fx-news form{display:flex;background:#fff;border-radius:50px;padding:5px;min-width:420px}
.fx-news input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 18px!important;font:400 15px Poppins;height:46px!important;margin:0!important;outline:0}
.fx-news button{border:0;border-radius:50px;background:var(--fx-ambar);color:var(--fx-navy);font:700 15px Poppins;padding:0 26px;cursor:pointer}

/* rodapé */
.fx-rod{background:var(--fx-navy);color:#c9d1e3;font:400 14px/1.7 Poppins;margin-top:0}
.fx-rod .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding-top:60px;padding-bottom:40px}
.fx-rod h4{font:700 13px Poppins;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 16px}
.fx-rod a{color:#c9d1e3!important;text-decoration:none!important;display:block}
.fx-rod a:hover{color:var(--fx-ambar)!important}
.fx-rod .marca{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fx-rod .marca img{width:54px;height:54px;border-radius:50%;background:#fff}
.fx-rod .marca b{color:#fff;font:700 18px Poppins}
.fx-redes{display:flex;gap:10px;margin-top:16px}
.fx-redes a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:grid!important;place-items:center;color:#fff!important}
.fx-rod .wa{display:flex!important;width:max-content;align-items:center;gap:8px;background:#1f9d55;color:#fff!important;border-radius:40px;padding:9px 18px;font-weight:600;margin:6px 0 10px}
.fx-rod .meio{border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:24px;padding-bottom:24px;flex-wrap:wrap}
.fx-pags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fx-pags span{background:#fff;color:var(--fx-navy);border-radius:6px;padding:5px 10px;font:700 12px Poppins}
.fx-pags .pix{background:#32bcad;color:#fff}
.fx-selos{display:flex;gap:14px;align-items:center}
.fx-selos span{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 14px;font:600 12.5px Poppins;color:#fff}
.fx-rod .fim{background:#0d1829;text-align:center;padding:18px 24px;font:400 12.5px/1.6 Poppins;color:#8f9ab3}

/* ---------- página do produto ---------- */
body.fx.pagina-produto #corpo{background:#fff}
body.fx.pagina-produto .produto .conteiner-imagem{background:#fff;border:1px solid var(--fx-linha);border-radius:20px;padding:24px}
body.fx.pagina-produto .produto .conteiner-imagem img{filter:brightness(1.06) contrast(1.03)}
body.fx.pagina-produto .miniaturas img{border-radius:10px}
body.fx.pagina-produto .breadcrumbs{border:0!important;font-size:12.5px;margin-bottom:6px}
body.fx.pagina-produto .breadcrumbs a{color:var(--fx-cinza)!important}
body.fx h1.nome-produto{font-size:34px!important;line-height:1.12!important;font-weight:500!important;color:var(--fx-navy)!important;text-transform:none!important;margin:4px 0 8px!important}
body.fx .codigo-produto{display:none!important}
.fx-sob{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:500 13px Poppins;color:var(--fx-cinza);margin-bottom:18px}
.fx-sob .est{color:var(--fx-ambar);letter-spacing:1.5px}
.fx-sob a{color:var(--fx-teal)!important;font-weight:600}
.fx-sob .por{display:inline-flex;align-items:center;gap:6px;background:#f3eef6;color:var(--fx-roxo);border-radius:20px;padding:4px 12px;font-weight:600}
body.fx .acoes-produto{background:#fbfaf8;border:1px solid var(--fx-linha);border-radius:20px;padding:22px 24px!important;margin:0 0 16px!important}
body.fx .acoes-produto .preco-produto{float:none!important;width:auto!important}
body.fx .acoes-produto .preco-promocional,body.fx .acoes-produto .preco-venda{font:800 36px Poppins!important;color:var(--fx-navy)!important;letter-spacing:-.8px}
body.fx .acoes-produto .preco-parcela{font:400 15px Poppins!important;color:var(--fx-cinza)!important}
.fx-pix{display:flex;align-items:center;gap:10px;margin:10px 0 2px;font:500 14px Poppins;color:var(--fx-verde)}
.fx-pix b{font:800 20px Poppins}
.fx-pix span{background:#e1f2e7;border-radius:20px;padding:3px 10px;font:700 12px Poppins}
body.fx .acoes-produto .comprar{float:none!important;width:auto!important;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:18px!important;text-align:left!important}
body.fx .qtde-adicionar-carrinho{display:flex!important;align-items:center;gap:8px;margin:0!important}
body.fx .qtde-adicionar-carrinho input{width:64px!important;height:54px!important;border-radius:12px!important;text-align:center;font:600 17px Poppins!important;border:1px solid var(--fx-linha)!important;margin:0!important}
body.fx .qtde-carrinho-title{display:none!important}
body.fx .botao-comprar.grande{flex:1;display:flex!important;align-items:center;justify-content:center;gap:10px;background:var(--fx-ambar)!important;color:var(--fx-navy)!important;border:0!important;border-radius:50px!important;height:54px;font:800 17px Poppins!important;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 10px 26px rgba(243,164,59,.35)!important;text-shadow:none!important;margin:0!important}
body.fx .botao-comprar.grande:hover{background:var(--fx-ambar2)!important}
body.fx .disponibilidade-produto{flex-basis:100%;display:flex!important;align-items:center;gap:8px;font:600 14px Poppins!important;color:var(--fx-verde)!important;margin:2px 0 0!important}
body.fx .disponibilidade-produto b{color:var(--fx-verde)!important}
.fx-garant{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.fx-garant div{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--fx-linha);border-radius:14px;padding:12px 14px}
.fx-garant .fx-ic{width:24px;height:24px;color:var(--fx-teal)}
.fx-garant b{display:block;font:700 13px/1.25 Poppins}
.fx-garant small{font:400 12px Poppins;color:var(--fx-cinza)}
body.fx .parcelas-produto{border-radius:16px!important;border:1px solid var(--fx-linha)!important;overflow:hidden}
body.fx .cep{background:#fff;border:1px solid var(--fx-linha);border-radius:16px;padding:16px 18px!important;margin-top:14px!important}
body.fx .cep label{font:700 14px Poppins!important;color:var(--fx-navy)!important}
body.fx .cep input.input-cep{height:44px!important;border-radius:10px 0 0 10px!important;width:150px!important;font:500 15px Poppins!important}
body.fx .cep .btn{height:44px!important;border-radius:0 10px 10px 0!important;background:var(--fx-navy)!important;color:#fff!important;border:0!important;font-weight:700!important;padding:0 18px!important;text-shadow:none!important}
body.fx .produto-video .botao-video{display:inline-flex!important;align-items:center;gap:8px;background:#f3eef6;color:var(--fx-roxo)!important;border-radius:30px;padding:8px 16px;font:600 13px Poppins}
body.fx .produto-video .borda-alpha{border:0!important;padding:0!important;background:none!important}
body.fx .lista-favoritos{background:none!important;color:var(--fx-cinza)!important;font:500 13px Poppins!important}
body.fx .abas-custom{background:#fff;border:1px solid var(--fx-linha);border-radius:20px;padding:34px 40px!important;margin-top:30px}
body.fx .abas-custom #descricao{font:400 15.5px/1.75 Poppins;color:#3c4458}
body.fx .abas-custom #descricao strong{color:var(--fx-navy)}
body.fx .abas-custom #descricao ul{margin:10px 0 16px 4px;list-style:none}
body.fx .abas-custom #descricao li{position:relative;padding-left:26px;margin-bottom:6px}
body.fx .abas-custom #descricao li:before{content:"✓";position:absolute;left:0;color:var(--fx-verde);font-weight:800}
.fx-desc-tit{font:500 28px Fraunces,serif;margin:0 0 14px;color:var(--fx-navy)}
body.fx .aproveite-tambem{border:0!important;margin-top:40px}
body.fx .aproveite-tambem>.titulo{font:500 30px Fraunces,serif!important;text-transform:none!important;color:var(--fx-navy)!important;border:0!important}
.fx-barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;box-shadow:0 -8px 30px rgba(19,34,59,.15);padding:10px 14px;display:none;align-items:center;gap:12px}
.fx-barra-compra .p b{display:block;font:800 19px Poppins;line-height:1.1}
.fx-barra-compra .p small{font:500 12px Poppins;color:var(--fx-verde)}
.fx-barra-compra .fx-cta{flex:1;padding:14px 10px;font-size:15px}

/* ---------- listagens (categoria, busca, relacionados) ---------- */
body.fx .listagem .listagem-item{background:#fff;border:1px solid var(--fx-linha)!important;border-radius:var(--fx-r);overflow:hidden;padding:0 0 14px!important;transition:.25s}
body.fx .listagem .listagem-item:hover{box-shadow:0 18px 40px rgba(19,34,59,.12)}
body.fx .listagem .imagem-produto{background:#fff;padding:14px;margin-bottom:10px;border-bottom:1px solid #f1eef3}
body.fx .listagem .imagem-produto img{filter:brightness(1.06) contrast(1.03)}
body.fx .listagem .info-produto{padding:0 14px}
body.fx .listagem .nome-produto{font:600 14.5px/1.3 Poppins!important;color:var(--fx-navy)!important;text-transform:none!important;height:auto!important;min-height:38px}
body.fx .listagem .preco-promocional,body.fx .listagem .preco-venda{font:800 19px Poppins!important;color:var(--fx-navy)!important}
body.fx .listagem .acoes-produto{background:none!important;border:0!important;padding:0 14px!important;margin:10px 0 0!important}
body.fx .listagem .acoes-produto .botao{display:block!important;width:100%;text-align:center;background:var(--fx-navy)!important;color:#fff!important;border:0!important;border-radius:40px!important;padding:10px!important;font:700 13.5px Poppins!important;text-shadow:none!important;box-shadow:none!important}
body.fx .listagem .acoes-produto .botao i{display:none}
body.fx .titulo-categoria,body.fx .secao-principal h1:not(.nome-produto),body.fx .conteudo h1{font:500 36px Fraunces,serif!important;text-transform:none!important;color:var(--fx-navy)!important}

body.fx .thumbs-vertical .produto-video{display:none!important}
body.fx .parcelas-produto>.cep{display:none!important}
body.fx .abas-custom .tab-content,body.fx .abas-custom .tab-pane{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.fx-video-prod{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;background:#f3eef6;color:var(--fx-roxo)!important;border-radius:30px;padding:9px 18px;font:600 13.5px Poppins;text-decoration:none!important;cursor:pointer}

body.fx .ordenar-listagem{background:none!important;border:0!important;color:var(--fx-navy)!important}
body.fx .listagem .acoes-produto-responsiva{position:static!important;padding:0 12px;margin-top:10px}
body.fx .listagem .tag-comprar{position:static!important;display:block!important;width:auto!important;height:auto!important;background:var(--fx-navy)!important;border-radius:40px!important;text-align:center;padding:10px!important;opacity:1!important}
body.fx .listagem .tag-comprar .titulo{font:700 13px Poppins!important;color:#fff!important}
body.fx .listagem .tag-comprar i{display:none!important}

/* ---------- celular ---------- */
@media (max-width:767px){
  .fx-wrap{padding:0 16px}
  .fx-topo .fx-wrap{gap:0;font-size:12px;padding-top:8px;padding-bottom:8px}
  .fx-topo span:not(:first-child){display:none}
  .fx-cel-only{display:flex!important}
  .fx-pc-only{display:none!important}
  .fx-cab-l1{gap:10px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
  .fx-logo{order:2;flex:1;justify-content:center}
  .fx-logo img{width:48px;height:48px}
  .fx-logo b{font-size:16px}.fx-logo small{font-size:9.5px}
  .fx-hamb{order:1;width:42px;height:42px;border-radius:12px;background:#f4f2f6;display:grid;place-items:center}
  .fx-acoes{order:3}.fx-acao{padding:6px}.fx-acao span{display:none}
  .fx-busca{order:4;flex-basis:100%}
  .fx-menu{display:none}
  .fx-slides img{aspect-ratio:4/5}
  .fx-seta{display:none}
  .fx-conf .fx-wrap{grid-template-columns:1fr 1fr;gap:16px 12px;padding-top:18px;padding-bottom:18px}
  .fx-conf .bola{width:40px;height:40px}
  .fx-conf b{font-size:12.5px}.fx-conf small{font-size:11.5px}
  .fx-sec{padding:44px 0}
  .fx-h2{font-size:28px}
  .fx-cab-sec{margin-bottom:20px}
  .fx-obj{grid-template-columns:repeat(4,1fr);gap:8px}
  .fx-obj a{padding:14px 4px;font-size:11.5px;gap:8px}
  .fx-obj .bola{width:46px;height:46px}.fx-obj .fx-ic{width:22px;height:22px}
  .fx-grade{grid-template-columns:1fr 1fr;gap:12px}
  .fx-card .img{padding:10px}
  .fx-card .info{padding:12px}
  .fx-card .nome{font-size:13.5px;min-height:36px}
  .fx-card .por{font-size:18px}
  .fx-card .de{display:block;margin:0}
  .fx-cab-sec{flex-direction:column;align-items:flex-start;gap:14px}
  .fx-card .parc{font-size:11.5px}
  .fx-card .bt{padding:10px;font-size:13px}
  .fx-combo{grid-template-columns:1fr}
  .fx-combo .ft{min-height:260px}
  .fx-combo .tx{padding:30px 24px}
  .fx-combo h3{font-size:30px}
  .fx-quem{grid-template-columns:1fr;gap:28px}
  .fx-quem .ft{aspect-ratio:1}
  .fx-pilares{grid-template-columns:1fr}
  .fx-deps{grid-template-columns:1fr}
  .fx-videos{gap:10px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
  .fx-video{width:150px;flex:none}
  .fx-news{padding:30px 22px}.fx-news form{min-width:0;width:100%}
  .fx-rod .cols{grid-template-columns:1fr 1fr;gap:28px;padding-top:40px}
  .fx-rod .cols>div:first-child{grid-column:1/-1}
  body.fx h1.nome-produto{font-size:27px!important}
  .fx-garant{grid-template-columns:1fr 1fr;gap:8px}
  .fx-garant div{padding:10px}
  body.fx .abas-custom{padding:22px 20px!important;border-radius:16px}
  .fx-barra-compra.on{display:flex}
  body.fx .listagem ul.row-fluid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px!important}
  body.fx .listagem ul.row-fluid:before,body.fx .listagem ul.row-fluid:after{display:none!important}
  body.fx .listagem ul.row-fluid>li{width:auto!important;margin:0!important;float:none!important}
  body.fx .listagem .nome-produto{font-size:13px!important}
  body.fx .listagem .preco-parcela{font-size:11.5px!important}
  body.fx .conteiner-imagem>div{border:0!important}
}

/* Pix nos cartões da vitrine (10/10, tarde): a loja escreve "ou R$ X via Pix" em rosa e grande; fica verde e discreto, como na página do produto */
body.fx .listagem-item .desconto-a-vista{display:block;margin-top:4px;font:500 13px Poppins,sans-serif!important;color:var(--fx-verde)!important}
body.fx .listagem-item .desconto-a-vista strong{font:800 15px Poppins,sans-serif!important;color:var(--fx-verde)!important}


/* Limite do banner da home (15/10/2026, pedido do usuario: banner grande demais no monitor ultra wide) */
@media (min-width:1000px){
  .fx-slider{background:#12293d}
  .fx-slides{max-width:1150px;margin:0 auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}
  .fx-slides img{max-height:62vh}
}


/* Proporcao e responsividade (15/10/2026, pedido do usuario: tudo grande demais em tela larga, faixa antiga duplicada e tablet cortando o carrinho) */
/* 1. some a faixa antiga (Fale Conosco / busca / Carrinho vazio) que aparecia por cima do cabecalho novo ao rolar */
body.fx #barraTopo{display:none!important}
/* a busca herdava 20 px de margem embaixo (espaco em branco no cabecalho, tambem no celular) */
.fx-busca{margin:0!important}
/* 2. cabecalho e barra de vantagens mais baixos em tela larga */
@media (min-width:1000px){
  .fx-topo .fx-wrap{padding-top:6px;padding-bottom:6px}
  .fx-cab-l1{padding-top:8px;padding-bottom:8px;gap:22px}
  .fx-logo img{width:46px;height:46px}
  .fx-logo b{font-size:17px}
  .fx-logo small{margin-top:1px}
  .fx-menu a{padding:9px 14px;font-size:13.5px}
}
/* 4. espacos e titulos menores */
@media (min-width:1200px){
  .fx-sec{padding:44px 0}
  .fx-h2{font-size:32px}
  .fx-cab-sec{margin-bottom:22px}
}
/* 3. tela larga: conteiner maior e 5 colunas */
@media (min-width:1600px){
  .fx-wrap{max-width:1560px}
  .fx-grade{grid-template-columns:repeat(5,1fr);gap:18px}
  .fx-card .img{padding:12px}
  .fx-card .info{padding:12px 14px 14px}
  .fx-card .nome{font-size:14px;min-height:36px}
  .fx-card .por{font-size:19px}
  .fx-obj{gap:12px}
}
/* tablet (768 a 999): barra de vantagens em 1 linha, icones sem texto no cabecalho (o carrinho saia da tela) e menu sem quebrar palavras */
@media (min-width:768px) and (max-width:999px){
  .fx-topo span:nth-child(n+4){display:none}
  .fx-cab-l1{gap:14px}
  .fx-logo small{display:none}
  .fx-acao>span{display:none}
  .fx-acao{padding:8px}
  .fx-menu ul{flex-wrap:wrap}
  .fx-menu a{white-space:nowrap;padding:11px 10px;font-size:13px}
}


/* UX 15/10/2026: (1) WhatsApp menor no celular, (2) foto do produto mais baixa no celular, (3) Estoque vira Prazo de envio */
@media (max-width:767px){
  .li-whatsapp a{width:50px!important;height:50px!important;line-height:50px!important;bottom:14px!important;right:12px!important;font-size:26px!important}
  .li-whatsapp a .fa{font-size:26px!important;line-height:50px!important}
  body.fx.pagina-produto .conteiner-imagem{padding:8px!important;margin-bottom:6px!important}
  body.fx.pagina-produto .conteiner-imagem img{max-height:215px!important;width:auto!important;max-width:100%!important;margin:0 auto!important;display:block!important}
  body.fx.pagina-produto .produto-thumbs.thumbs-horizontal{margin:4px 0!important}
  body.fx.pagina-produto .produto-thumbs.thumbs-horizontal img{max-height:46px!important}
  body.fx.pagina-produto a.fx-video-prod{margin:4px 0!important}
}
body.fx .disponibilidade-produto{font-size:0!important}
body.fx .disponibilidade-produto::before{content:"Prazo de envio:";font:600 14px Poppins}
body.fx .disponibilidade-produto b{font-size:14px!important}


/* Banner da home - CORRECAO 15/10/2026: a pista dos slides volta a ocupar a largura toda (antes os slides vizinhos apareciam nas laterais); a imagem de cada slide e que fica limitada e centralizada */
@media (min-width:1000px){
  .fx-slides{max-width:none!important;margin:0!important;-webkit-mask-image:none!important;mask-image:none!important}
  .fx-slides a{background:#12293d}
  .fx-slides img{width:100%;max-width:1150px;margin:0 auto;max-height:62vh;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}
}


/* UX celular 15/10/2026: barra com preco + COMPRAR sempre visivel na pagina do produto (antes so aparecia depois de rolar) */
@media (max-width:767px){
  body.pagina-produto .fx-barra-compra{display:flex}
  body.pagina-produto{padding-bottom:84px}
  body.pagina-produto .li-whatsapp a{bottom:96px!important}
}


/* Carrinho legivel (16/10/2026): o CSS antigo tratava o bloco inteiro do carrinho (.finalizar-compra) como um botao laranja e o texto roxo/azul sumia. Agora cartao branco com texto escuro. */
body.pagina-carrinho .finalizar-compra{background:#fff!important;color:#13223b!important;border:1px solid #e6e0d6!important;border-radius:18px!important;padding:22px!important;box-shadow:0 6px 24px rgba(19,34,59,.08)!important;font-size:inherit!important;font-weight:inherit!important}
body.pagina-carrinho .finalizar-compra:hover{background:#fff!important}
body.pagina-carrinho .finalizar-compra *{color:#13223b!important}
body.pagina-carrinho .finalizar-compra .tabela-carrinho th,body.pagina-carrinho .finalizar-compra thead th{background:#f6f1e9!important;color:#5b6475!important}
body.pagina-carrinho .finalizar-compra .tabela-carrinho tr,body.pagina-carrinho .finalizar-compra .bg-dark{background:transparent!important}
body.pagina-carrinho .finalizar-compra a.cor-secundaria,body.pagina-carrinho .finalizar-compra .produto-info a{color:#0f7f95!important;font-weight:700}
body.pagina-carrinho .finalizar-compra .preco-produto,body.pagina-carrinho .finalizar-compra .subtotal,body.pagina-carrinho .finalizar-compra .total{color:#13223b!important}
body.pagina-carrinho .finalizar-compra .total strong,body.pagina-carrinho .finalizar-compra .total b,body.pagina-carrinho .finalizar-compra .preco-produto *{font-weight:800}
body.pagina-carrinho .finalizar-compra .botao.secundario,body.pagina-carrinho .finalizar-compra .botao.pequeno{background:#fff!important;border:1px solid #cfd6df!important;color:#13223b!important}
body.pagina-carrinho .finalizar-compra input[type=text]{background:#fff!important;border:1px solid #cfd6df!important;color:#13223b!important}
body.pagina-carrinho .finalizar-compra .botao.principal,body.pagina-carrinho .finalizar-compra .botao.grande{color:#fff!important}
body.pagina-carrinho .finalizar-compra .botao.principal *,body.pagina-carrinho .finalizar-compra .botao.grande *{color:#fff!important}
body.pagina-carrinho .finalizar-compra a[class*="icon-"],body.pagina-carrinho .finalizar-compra i[class*="icon-"]{font-family:FontAwesome!important;font-style:normal!important}
body.pagina-carrinho .finalizar-compra a.icon-minus,body.pagina-carrinho .finalizar-compra a.icon-plus{font-size:20px;padding:0 8px;color:#0f7f95!important}
body.pagina-carrinho .finalizar-compra a.icon-trash,body.pagina-carrinho .finalizar-compra a.remover-cupom{font-size:18px;color:#b23b3b!important}