:root{--g:#15171C;--g2:#23262E;--g3:#30343E;--am:#FFB800;--am2:#E5A500;--cinza:#F4F4F2;--linha:#E4E4E0;--texto:#1B1D22;--sub:#5E636E;--ok:#166534;--erro:#991B1B}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:var(--texto);font-family:Inter,system-ui,sans-serif;line-height:1.55;font-size:16px}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
h1,h2,h3{font-family:Archivo,sans-serif;margin:0;letter-spacing:-.01em;line-height:1.15}
button{font:inherit;cursor:pointer}
.faixa{background:var(--am);color:var(--g);font-size:13px;font-weight:700}
.faixa .wrap{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center;padding-top:7px;padding-bottom:7px}
.topo{background:var(--g);color:#FFFFFF;position:sticky;top:0;z-index:20;box-shadow:0 2px 0 var(--am)}
.topo .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo b{font-family:Archivo,sans-serif;font-weight:900;font-size:23px;letter-spacing:-.02em}
.logo b span,.f-logo span,.am{color:var(--am)}
.busca{flex:1 1 300px;order:3;display:flex;background:#FFFFFF;border-radius:6px;overflow:hidden;min-width:0}
.busca input{flex:1;border:0;padding:11px 14px;font:inherit;font-size:15px;min-width:0;color:var(--texto)}
.busca button{border:0;background:var(--am);color:var(--g);font-weight:800;padding:0 16px}
.acoes{display:flex;align-items:center;gap:14px;margin-left:auto;order:2}
.atend{display:flex;flex-direction:column;line-height:1.2;font-size:12px;text-decoration:none}
.atend span{opacity:.75}.atend b{font-size:15px}
.btn-carrinho{display:flex;align-items:center;gap:8px;background:var(--g3);color:#FFFFFF;border-radius:6px;padding:10px 14px;font-weight:700;text-decoration:none}
.btn-carrinho .qt{background:var(--am);color:var(--g);border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;padding:0 6px}
@media (min-width:900px){.busca{order:2}.acoes{order:3;margin-left:0}}
.cats{background:var(--g2)}
.cats .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.cats .wrap::-webkit-scrollbar{display:none}
.cats a{flex:0 0 auto;color:#E8E8E8;text-decoration:none;font-size:13px;font-weight:700;padding:12px;border-bottom:3px solid transparent;white-space:nowrap}
.cats a:hover,.cats a.on{color:var(--am);border-bottom-color:var(--am)}
.hero{background:radial-gradient(circle at 80% 40%,#3A3F4B 0%,var(--g) 62%);color:#FFFFFF}
.hero .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:36px;padding-top:52px;padding-bottom:52px}
.hero-txt{flex:999 1 520px;min-width:0}.hero-lado{flex:1 1 280px;display:flex;flex-direction:column;gap:10px}
.hero h1{margin:20px 0 16px}
.selo{display:inline-block;border:1px solid rgba(255,184,0,.5);background:rgba(255,184,0,.1);color:var(--am);padding:7px 12px;border-radius:6px;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.big{font-family:Archivo,sans-serif;font-weight:900;line-height:.98;text-transform:uppercase;display:block}
.big1{font-size:84px}.big2{font-size:52px}
.sub{margin:0 0 28px;font-size:19px;font-weight:600;max-width:580px;color:#D7D9DE}
.botoes{display:flex;flex-wrap:wrap;gap:12px}
.feat{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:13px 16px;font-weight:800;text-transform:uppercase;font-size:15px}
.feat b{color:var(--am);font-size:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;padding:14px 22px;border-radius:6px;border:0;font-size:15px}
.btn-am{background:var(--am);color:var(--g)}.btn-am:hover{background:var(--am2)}
.btn-borda{border:1px solid #FFFFFF;color:#FFFFFF;background:transparent}
.btn-g{background:var(--g);color:#FFFFFF}.btn-g:hover{background:var(--g3)}
.btn-zap{background:#25D366;color:#FFFFFF}
.btn[disabled]{opacity:.6;cursor:wait}
.largo{width:100%;margin:12px 0}
.beneficios{background:var(--cinza);border-bottom:1px solid var(--linha)}
.beneficios .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-top:20px;padding-bottom:20px}
.ben{color:var(--sub);font-size:14px;border-left:3px solid var(--am);padding-left:12px}
.ben b{display:block;color:var(--texto);font-size:15px}
.secao{padding-top:44px;padding-bottom:44px}.secao-b{padding-bottom:48px}
.titulo{display:flex;align-items:baseline;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:20px}
.titulo h1,.titulo h2{font-size:28px}.titulo span{color:var(--sub);font-size:15px}.titulo a{font-weight:700;font-size:14px}
.lead{font-size:17px;color:#3A3E47;max-width:860px;margin:-6px 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
@media (max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.card{border:1px solid var(--linha);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:#FFFFFF}
.card:hover{border-color:#C9C9C2;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.card .img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--linha);padding:10px}
.card .img img{max-height:100%;object-fit:contain}
.card .txt{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:15px;font-family:Inter,sans-serif;font-weight:600;line-height:1.35}
.card h3 a{text-decoration:none}
.cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}
.de{color:var(--sub);font-size:13px}
.preco{font-family:Archivo,sans-serif;font-weight:800;font-size:21px;color:var(--g)}
.card .de,.card .preco{margin-top:auto}.card .de+.preco{margin-top:0}
.preco.pq{font-size:16px}.preco.grande{font-size:34px;margin:4px 0}
.add{margin-top:8px;border:0;background:var(--am);color:var(--g);font-weight:800;font-size:14px;padding:11px;border-radius:6px;text-align:center;text-decoration:none}
.add:hover{background:var(--am2)}.add.zap{background:#25D366;color:#FFFFFF}
@media (max-width:520px){.card .txt{padding:10px}.card h3{font-size:13px}.preco{font-size:17px}.add{font-size:13px;padding:10px 6px}}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;text-align:left}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:104px;background:var(--g);color:#FFFFFF;text-decoration:none;border-radius:10px;padding:16px;font-family:Archivo,sans-serif;font-weight:800;font-size:17px;line-height:1.2;border-bottom:4px solid var(--am)}
.tile small{font-family:Inter,sans-serif;font-weight:600;font-size:12px;color:var(--am)}.tile:hover{background:var(--g3)}
.b2b{background:var(--am);color:var(--g)}
.b2b .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:36px;padding-bottom:36px}
.b2b h2{font-size:26px}.b2b p{margin:8px 0 0;max-width:640px}
.texto-seo{max-width:900px;margin-top:40px}
.texto-seo h2{font-size:22px;margin:0 0 10px}.texto-seo p{color:#3A3E47}
.faq{margin-top:28px}.faq h2{font-size:22px;margin-bottom:12px}
.faq details{border:1px solid var(--linha);border-radius:8px;padding:12px 16px;margin-bottom:8px;background:#FFFFFF}
.faq summary{font-weight:700;cursor:pointer}.faq p{margin:10px 0 0;color:#3A3E47}
.ferramentas{margin-bottom:18px}.ferramentas label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.ferramentas select{font:inherit;font-size:14px;padding:9px 10px;border:1px solid #CFCFC8;border-radius:6px;background:#FFFFFF}
.migalha{font-size:13px;color:var(--sub);margin-bottom:14px}.migalha a{text-decoration:none}.migalha a:hover{text-decoration:underline}
.prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
@media (max-width:820px){.prod{grid-template-columns:1fr;gap:20px}}
.galeria .principal{border:1px solid var(--linha);border-radius:10px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px}
.galeria .principal img{max-height:100%;object-fit:contain}
.miniaturas{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.miniaturas button{width:68px;height:68px;border:1px solid var(--linha);border-radius:6px;background:#FFFFFF;padding:4px}
.miniaturas button.on{border:2px solid var(--am)}.miniaturas img{width:100%;height:100%;object-fit:contain}
.info h1{font-size:28px;margin:6px 0 12px}
.compra{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.qtd{display:inline-flex;align-items:center;border:1px solid #CFCFC8;border-radius:6px;overflow:hidden;background:#FFFFFF}
.qtd button{border:0;background:var(--cinza);width:38px;height:44px;font-size:18px;font-weight:700}
.qtd input{width:46px;height:44px;border:0;text-align:center;font:inherit;font-weight:700}
.frete-box{border:1px solid var(--linha);border-radius:10px;padding:14px;background:var(--cinza)}
.frete-form{display:flex;gap:8px;margin-top:8px}
.frete-form input{flex:1;min-width:0;font:inherit;padding:11px 12px;border:1px solid #CFCFC8;border-radius:6px}
.frete-res{margin-top:10px;font-size:14px}
.op{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--linha);border-radius:6px;background:#FFFFFF;margin-bottom:6px;cursor:pointer}
.op.on{border:2px solid var(--am)}.op small{color:var(--sub)}.op input{margin:0 8px 0 0}
.erro{color:var(--erro);font-weight:600}
.aviso{background:var(--cinza);border-left:4px solid var(--am);padding:12px 14px;border-radius:6px;font-size:14px}
.uso{font-size:14px;color:#3A3E47}
.desc-prod{max-width:900px;margin-top:36px}.desc-prod h2{font-size:22px;margin:24px 0 10px}.desc-prod p{color:#3A3E47}
.specs{width:100%;border-collapse:collapse;font-size:14px}
.specs th,.specs td{border-top:1px solid var(--linha);padding:9px 8px;text-align:left;vertical-align:top}
.specs th{color:var(--sub);width:42%;font-weight:600}
.lista-car{display:flex;flex-direction:column;gap:12px}
.item{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--linha);border-radius:10px;padding:12px}
.item img{width:84px;height:84px;object-fit:contain}.item h3{font-size:15px;font-family:Inter,sans-serif;font-weight:600}
.item .rem{border:0;background:none;color:var(--erro);font-size:13px;font-weight:600;padding:0;margin-top:6px}
@media (max-width:560px){.item{grid-template-columns:64px minmax(0,1fr)}.item img{width:64px;height:64px}.item .dir{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}}
.carrinho-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
@media (max-width:860px){.carrinho-grid{grid-template-columns:1fr}}
.resumo{border:1px solid var(--linha);border-radius:10px;padding:20px;background:var(--cinza);display:flex;flex-direction:column;gap:12px}
.resumo .linha{display:flex;justify-content:space-between;gap:10px}
.vazio{text-align:center;padding:50px 16px;color:var(--sub)}
.texto-pag{max-width:860px}.texto-pag h1{font-size:30px;margin-bottom:16px}.texto-pag h2{font-size:21px;margin:26px 0 8px}.texto-pag p,.texto-pag li{color:#3A3E47}
.contato{background:var(--g);color:#FFFFFF}
.contato .wrap{display:flex;flex-wrap:wrap;gap:36px;padding-top:48px;padding-bottom:48px}
.ct-txt{flex:1 1 300px}.ct-txt h2{font-size:26px;margin-bottom:10px}.contato p{color:#C8CAD0}.contato p b{color:#FFFFFF}
.contato form{flex:999 1 420px;min-width:0;background:#FFFFFF;color:var(--texto);border-radius:10px;padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.l2{grid-column:1/-1}.linha-env{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--sub)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#form-status{margin:0;font-weight:600}
input.f,textarea.f{font:inherit;font-size:16px;padding:11px 13px;border:1px solid #CFCFC8;border-radius:6px;width:100%}
label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}
footer{background:#0C0D10;color:#A3A6AE;font-size:14px}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:36px;padding-bottom:24px}
footer h4{color:#FFFFFF;margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.05em}
footer a{text-decoration:none;display:block;margin-bottom:6px}footer a:hover{color:var(--am)}
.f-logo{color:#FFFFFF;font-family:Archivo,sans-serif;font-size:20px}
.copy{border-top:1px solid #23252B;text-align:center;padding:14px 16px;font-size:12px;line-height:1.7}
.zap-flut{position:fixed;right:16px;bottom:16px;background:#25D366;color:#FFFFFF;text-decoration:none;font-weight:700;font-size:14px;padding:12px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.25);display:flex;align-items:center;gap:8px;z-index:30}
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%) translateY(20px);background:var(--g);color:#FFFFFF;padding:12px 18px;border-radius:8px;font-weight:600;font-size:14px;opacity:0;transition:.2s;z-index:40;border-left:4px solid var(--am);pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}
@media (max-width:700px){.big1{font-size:54px}.big2{font-size:34px}.ocultar{display:none!important}.atend{display:none}.titulo h1,.titulo h2{font-size:23px}.info h1{font-size:22px}.preco.grande{font-size:28px}}

/* v5 */
.cats .wrap{flex-wrap:wrap;justify-content:center;overflow:visible;gap:6px;padding-top:10px;padding-bottom:10px}
.cats a{border:1px solid #3A3E48;border-radius:6px;padding:7px 11px;font-size:13px}
.cats a:hover,.cats a.on{background:var(--am);color:var(--g);border-color:var(--am)}
.cats a.guias-link{border-color:var(--am);color:var(--am)}
.cats a.guias-link:hover{color:var(--g)}
@media (max-width:700px){.cats a{font-size:12px;padding:6px 8px}}
.card .img{position:relative;display:block;aspect-ratio:1/1;padding:0;background:#FFFFFF}
.card .img img{position:absolute;top:8%;left:8%;width:84%;height:84%;max-height:none;object-fit:contain}
.card h3{min-height:4.05em}
.galeria .principal{position:relative;display:block;padding:0}
.galeria .principal img{position:absolute;top:4%;left:4%;width:92%;height:92%;max-height:none;object-fit:contain}
.zap-flut{right:20px;bottom:20px;padding:5px 18px 5px 5px;border-radius:30px;gap:12px;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.zap-ico{background:#1DA851;border-radius:22px;width:46px;height:32px;display:flex;align-items:center;justify-content:center}
@media (max-width:520px){.zap-txt{display:none}.zap-flut{padding:5px}}
.home-topo{padding-top:28px}.home-topo h1{font-size:30px;margin-bottom:10px}
.linha-cat{padding-top:26px;padding-bottom:10px}.linha-cat h2 a{text-decoration:none}.linha-cat h2 a:hover{color:var(--am2)}
.sub-cat{margin:-12px 0 14px;color:var(--sub);font-size:14px}
.guias-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.guia-card{display:block;border:1px solid var(--linha);border-left:4px solid var(--am);border-radius:10px;padding:16px;text-decoration:none;background:#FFFFFF}
.guia-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.07)}.guia-card h2,.guia-card h3{font-size:17px;margin:0 0 8px}.guia-card p{margin:0 0 8px;color:var(--sub);font-size:14px}.guia-card span{font-weight:700;font-size:14px}
.resumo-ia{background:var(--cinza);border-left:4px solid var(--am);padding:12px 14px;border-radius:6px}
.atualizado{font-size:13px;color:var(--sub)}.h2p{font-size:22px;margin-bottom:14px}
.tabela-wrap{overflow-x:auto}.comparativo{min-width:620px}.comparativo th{width:auto;background:var(--cinza)}.comparativo tr.atual td{background:#FFF6D9}
.destaques{list-style:none;padding:0;margin:10px 0;font-size:14px;display:grid;gap:4px}
.texto-pag table.specs th{width:auto}
@media (max-width:700px){.home-topo h1{font-size:23px}}
.titulo h2 a{font-size:inherit;font-weight:inherit}
.comparativo td:nth-child(n+2){white-space:nowrap}
.card .add+.add{margin-top:6px}
.add.zap{background:#25D366;color:#FFFFFF}
.add.zap:hover{background:#1EBE5B}

/* v7 checkout, pedidos, conta, painel */
.ck-form{display:flex;flex-direction:column;gap:18px}
.ck-form fieldset{border:1px solid var(--linha);border-radius:10px;padding:16px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ck-form legend{font-family:Archivo,sans-serif;font-weight:800;font-size:18px;padding:0 6px}
.ck-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}
.ck-form .l2{grid-column:1/-1}
@media (max-width:560px){.ck-form fieldset{grid-template-columns:1fr}}
.f{border:1px solid #CFCFC8;border-radius:6px;padding:11px 12px;font:inherit;font-size:15px;width:100%;background:#FFFFFF;color:var(--texto)}
.f:focus{outline:2px solid var(--am);border-color:var(--am)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.frete-box{margin-top:12px}.frete-form{display:flex;gap:8px;margin:8px 0}.frete-form input{flex:1;min-width:0;border:1px solid #CFCFC8;border-radius:6px;padding:10px 12px;font:inherit}
.ok-box{background:#ECFDF3;border:1px solid #A7E3BD;border-radius:10px;padding:18px;margin-bottom:22px}.ok-box h2{color:var(--ok);margin-bottom:6px}
.pag-box{border:2px solid var(--am);border-radius:10px;padding:18px;margin-bottom:22px;background:#FFFBEB}.pag-box h2{margin-bottom:8px}
.etapas{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 24px}
.etapas li{flex:1 1 140px;background:var(--cinza);border-radius:6px;padding:10px 12px;font-size:13px;font-weight:700;color:var(--sub);border-top:4px solid var(--linha)}
.etapas li.feito{border-top-color:var(--ok);color:var(--texto)}.etapas li.atual{border-top-color:var(--am);color:var(--texto);background:#FFF7DB}
.h-sec{font-size:20px;margin:24px 0 12px}
.hist{list-style:none;padding:0;margin:0}.hist li{border-left:3px solid var(--am);padding:6px 12px;margin-bottom:8px;font-size:14px}
.conta-form{display:flex;flex-direction:column;gap:12px;max-width:440px}
.tabela{width:100%;border-collapse:collapse;font-size:14px}.tabela th,.tabela td{border-bottom:1px solid var(--linha);padding:10px 8px;text-align:left;vertical-align:top}.tabela th{background:var(--cinza)}
.st{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;background:var(--cinza)}
.st-aguardando_pagamento{background:#FFF3C4;color:#7A5300}.st-pago,.st-em_separacao{background:#DBEAFE;color:#1E3A8A}.st-enviado{background:#E0E7FF;color:#3730A3}.st-entregue{background:#DCFCE7;color:var(--ok)}.st-cancelado{background:#FEE2E2;color:var(--erro)}
.filtros{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.filtros a{border:1px solid var(--linha);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none}.filtros a.on{background:var(--g);color:#FFFFFF;border-color:var(--g)}
.adm-form{max-width:720px}
.resumo label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}
@media (max-width:640px){.acoes .atend:first-child{display:none}}