/* Portal Kit Scap — estilo (versão de teste v4). Visual único da marca, claro de propósito. */
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{--azul:#2B2F79;--azul2:#3a3f99;--azulc:#eceefb;--amarelo:#FFC21A;--tinta:#1b1d33;--cinza:#565a75;--claro:#8a8ea8;--linha:#d9dbe8;--linha2:#eceef5;--fundo:#F4F5FA;--fundo2:#E9EBF5;--verde:#1d7f46;--verdec:#e6f4ec;--vermelho:#b8352a;--vermc:#fbeceb;--creme:#FFF6DA;--ambar:#8a5a00;--sombra:0 18px 40px rgba(27,29,51,.18);color-scheme:light}
html,body{margin:0;background:var(--fundo);color:var(--tinta);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}
body{overflow-x:clip}
a{color:inherit;text-decoration:none;cursor:pointer}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
button[disabled]{cursor:not-allowed}
input,textarea{font:inherit;color:var(--tinta)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.lk{color:var(--azul);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.lk2{display:inline-flex;align-items:center;gap:5px;color:var(--azul);font-weight:700;font-size:14px;padding:7px 10px;border-radius:9px;background:#fff;border:1px solid #c9ccdc;min-height:36px;white-space:nowrap}
.lk2 i{font-size:17px}.lk2:hover{background:var(--azulc)}.lk2[disabled]{opacity:.45}
.bts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cen{text-align:center;margin-top:4px}
.aviso{background:var(--amarelo);color:var(--azul);font-size:12px;font-weight:800;text-align:center;padding-block:5px;letter-spacing:.3px}.aviso:empty{display:none}

/* topo */
.top{background:var(--azul);color:#fff;padding-block:12px;position:sticky;top:0;z-index:30}
body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--azul);z-index:31}
.top-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:16px}
.logo{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1px;line-height:1;color:#fff;flex-shrink:0}
.logo small{display:block;font-size:9px;font-style:normal;font-weight:700;letter-spacing:1.5px;color:var(--amarelo);margin-top:2px}
.bs{flex:1;min-width:0;background:#fff;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;position:relative;color:var(--tinta)}
.bs>i{font-size:21px;color:var(--cinza)}
.bs input{flex:1;min-width:0;border:0;outline:0;padding:12px 0;font-size:16px;background:transparent;-webkit-appearance:none;appearance:none}
.bs input::placeholder{color:#a3a7bd}
.bs .lp{font-size:20px;color:var(--claro);padding:6px;display:flex}
.mic{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--azul);flex-shrink:0;background:var(--azulc)}
.mic i{font-size:21px}.mic.ouvindo{background:var(--vermelho);color:#fff;animation:pulsa 1.2s infinite}
@keyframes pulsa{0%,100%{box-shadow:0 0 0 0 rgba(184,53,42,.45)}50%{box-shadow:0 0 0 7px rgba(184,53,42,0)}}
.pix{background:var(--amarelo);color:var(--azul);font-size:13.5px;font-weight:800;padding:7px 13px;border-radius:99px;white-space:nowrap;flex-shrink:0}
.pix .cel-t{display:none}
.tb{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;white-space:nowrap;color:#fff;position:relative;min-height:40px;flex-shrink:0}
.tb i{font-size:22px}
.aj-b{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:0 12px;border-radius:10px}
.aj-b:hover{background:rgba(255,255,255,.2)}
.ponto{position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--amarelo);box-shadow:0 0 0 2px var(--azul)}
.inst-b .tx{font-size:12.5px;font-weight:500;opacity:.85}
.inst-b{opacity:.9}
/* busca enquanto digita */
.drop{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);padding:4px 14px 8px;z-index:8;max-height:min(70vh,540px);overflow:auto;overscroll-behavior:contain}
.dr{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--linha2)}
.dr .fo{width:44px;height:44px}.dr .fo i{font-size:22px}
.dr-t{flex:1;min-width:0;display:flex;flex-direction:column}.dr-t b{font-size:14px}.dr-t span{font-size:12.5px;color:var(--cinza)}
.dr-p{font-size:14.5px;white-space:nowrap}
.dr .ad{width:118px;margin-top:0}
.dr.nada{display:block}.dr.nada span{display:block;font-size:13.5px;color:var(--cinza);margin-top:2px}
.drt{font-size:13px;color:var(--cinza);padding:7px 0}

/* corpo */
.grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,1fr) 330px;gap:24px;padding-block:20px 48px}
.grid.sem{grid-template-columns:236px minmax(0,1fr)}
.mn{display:flex;flex-direction:column;gap:1px;align-self:start;position:sticky;top:calc(var(--topo,76px) + 12px);max-height:calc(100vh - var(--topo,76px) - 24px);overflow:auto;scrollbar-width:thin}
.mh{font-size:11px;font-weight:800;color:var(--cinza);padding:10px 10px 4px;letter-spacing:.6px;text-transform:uppercase}
.lk{}
.mn .lk{display:flex;align-items:center;gap:9px;padding:5px 10px;border-radius:9px;font-size:13.5px;line-height:1.25;min-height:32px;font-weight:500;color:var(--tinta);text-decoration:none}
.mn .lk i{font-size:19px;color:var(--azul);flex-shrink:0}.mn .lk:hover{background:#fff}.mn .lk.on{background:#fff;box-shadow:0 0 0 1px var(--linha);font-weight:700}
.mid{min-width:0;display:flex;flex-direction:column;gap:18px}
.mid>section{display:flex;flex-direction:column;gap:12px;min-width:0}
.volta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--azul);align-self:flex-start;margin-bottom:-8px;min-height:32px}.volta i{font-size:18px}
.migalha{font-size:13.5px;color:var(--cinza)} .migalha a{color:var(--azul)} .migalha b{color:var(--tinta)}
.tit{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap}
h1{font-size:28px;font-weight:800;margin:0;line-height:1.15;text-wrap:balance} h2{font-size:18px;font-weight:800;margin:0;text-wrap:balance;display:flex;align-items:center;gap:8px} h2 i{color:var(--azul);font-size:21px}
h3{font-size:12.5px;font-weight:800;margin:0 0 4px;color:var(--cinza);text-transform:uppercase;letter-spacing:.5px}
.sub{font-size:14px;color:var(--cinza)}
.box{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px;min-width:0}
.fo{border-radius:12px;background:var(--fundo2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.fo i{color:var(--azul);opacity:.85}.fo img{width:100%;height:100%;object-fit:contain}
.fo.peq{width:46px;height:46px;border-radius:10px}.fo.peq i{font-size:24px}
/* foto ilustrativa (31/10): aviso discreto no canto da foto; em miniatura (lista, carrinho, busca) só "Ilustrativa" */
.fo-ilus{display:none}
.fo.ilus{position:relative}
.fo.ilus .fo-ilus{display:block;position:absolute;left:4px;bottom:4px;max-width:calc(100% - 8px);background:rgba(255,255,255,.92);border:1px solid var(--linha);border-radius:6px;color:var(--cinza);font-size:10px;font-weight:700;line-height:1.25;padding:1px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.fo.foto.ilus .fo-ilus{font-size:12px;left:8px;bottom:8px;padding:2px 8px;border-radius:8px}
.qm .fo.ilus .fo-ilus{font-size:8.5px;left:2px;bottom:2px;padding:0 4px;border-radius:5px}
.fo.fmini.ilus .fo-ilus,.fo.peq.ilus .fo-ilus,.dr .fo.ilus .fo-ilus{left:0;right:0;bottom:0;max-width:none;text-align:center;font-size:8px;font-weight:600;letter-spacing:-.2px;padding:0;border-radius:0 0 4px 4px;border-width:1px 0 0;text-transform:capitalize;text-overflow:clip}
.fo.fmini.ilus .fo-ilus-a,.fo.peq.ilus .fo-ilus-a,.dr .fo.ilus .fo-ilus-a{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--azul);color:#fff;font-size:15px;font-weight:700;padding:12px 18px;border-radius:12px;white-space:nowrap;min-height:46px}
.btn i{font-size:19px}.btn:hover{background:var(--azul2)}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--azul);border:1px solid #c9ccdc;font-size:14.5px;font-weight:700;padding:10px 14px;border-radius:11px;white-space:nowrap;min-height:44px}
.btn2 i{font-size:19px}.btn2:hover{background:var(--azulc)}
.btnv{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--verde);color:#fff;border-radius:12px;font-size:16.5px;font-weight:800;padding:14px 18px;width:100%;min-height:52px}
.btnv i{font-size:20px}

/* oferta do dia */
.qof{background:#fff;border:3px solid var(--amarelo);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.qof-cab{display:flex;align-items:center;gap:12px}
.qof-ic{width:46px;height:46px;border-radius:12px;background:var(--amarelo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qof-ic i{font-size:28px;color:var(--azul)}
.qof-cab h2{font-size:22px}
.qof-sub{font-size:13.5px;color:var(--cinza);font-weight:600}
.qof-ver{margin-left:auto;display:flex;align-items:center;gap:4px;font-weight:800;color:var(--azul);font-size:14.5px;white-space:nowrap}
.qof-cond{display:flex;gap:8px;align-items:center;background:var(--azulc);color:var(--azul);border-radius:10px;padding:8px 12px;font-size:14px}.qof-cond i{font-size:19px;flex-shrink:0}
.qof-fortes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qf{display:flex;gap:12px;border:1px solid var(--linha);border-radius:14px;padding:12px;min-width:0;background:linear-gradient(180deg,#fffdf4,#fff)}
.qf .fo{width:96px;height:96px}.qf .fo i{font-size:46px}
.qf-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.qf-p{font-size:26px;font-weight:900;color:var(--azul);line-height:1.1;margin-top:4px}
.qof-leves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ql{display:flex;flex-direction:column;gap:4px;border:1px solid var(--linha);border-radius:12px;padding:10px;min-width:0}
.ql .fo{display:none}
.ql-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.ql .pn{font-size:13.5px}.ql .pa{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ql-p{font-size:18px;font-weight:900;color:var(--azul)}
.ql .ad{margin-top:auto}
.qof-dia{display:flex;gap:8px;align-items:flex-start;background:var(--creme);border-radius:10px;padding:9px 12px;font-size:14px;color:#5a4300}.qof-dia i{font-size:19px;color:var(--ambar);margin-top:1px;flex-shrink:0}
.of-st{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.of-st>i{font-size:26px;color:var(--azul)}

/* comprar por linha */
.lin{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}
/* computador: colunas pela largura que sobra, sem nome cortado e sem quadrinho sozinho na última fileira */
@media (min-width:1101px){
  .linw{container-type:inline-size}
  /* v6: o último botão ("Outros") tem o MESMO tamanho dos outros, nunca faixa larga (13 linhas = 7+6; 5+5+3; 4+4+4+1) */
  @container (min-width:700px){ .lin{grid-template-columns:repeat(7,minmax(0,1fr))} }
  @container (min-width:520px) and (max-width:699.98px){ .lin{grid-template-columns:repeat(5,minmax(0,1fr))} }
  @container (max-width:519.98px){ .lin{grid-template-columns:repeat(4,minmax(0,1fr))} }
}
.li{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:13.5px;font-weight:600;min-height:86px;line-height:1.2;min-width:0}
.li span{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.li i{font-size:28px;color:var(--azul)}.li:hover{border-color:var(--azul)}
.todas-b{background:var(--fundo2);border-style:dashed}
.linpos{display:none}
.todas-box{display:flex;flex-direction:column;gap:14px}
.todas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px 20px}
.tl{min-width:0}.tl-h{display:flex;align-items:center;gap:8px;font-size:15px;padding:4px 0 6px;border-bottom:1px solid var(--linha2);margin-bottom:6px}.tl-h i{color:var(--azul);font-size:20px}.tl-h i:last-child{margin-left:auto;color:var(--claro);font-size:16px}
.tl-s{display:flex;flex-wrap:wrap;gap:4px 12px}.tl-s a{font-size:13.5px;color:var(--cinza);padding:3px 0}.tl-s a:hover{color:var(--azul);text-decoration:underline}
.menos{align-self:center}
.grp .tit h2{font-size:17px}

/* produtos */
.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.pc{min-width:0;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px}
.pc .fo{height:104px;margin-bottom:6px}.pc .fo i{font-size:50px}
.pn{font-size:14.5px;font-weight:700;line-height:1.25}.pa{font-size:13px;color:var(--cinza)}.pm{font-size:12.5px;color:var(--cinza)}
.pp{font-size:19px;font-weight:800;margin-top:auto;padding-top:4px}
.dsp{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;line-height:1.25}
.dsp i{font-size:15px;flex-shrink:0}
.dsp.d-ok{color:var(--verde)}.dsp.d-am{color:#1b5fa8}.dsp.d-en{color:var(--ambar)}.dsp.d-co{color:var(--cinza)}
.sel{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:99px;background:var(--creme);color:#6d4b00;line-height:1.3}
.sel i{font-size:14px}
.sel.of{background:var(--amarelo);color:var(--azul)}
.sel.grande{font-size:14px;padding:6px 12px}
/* botão adicionar que vira quantidade */
.ad{display:flex;margin-top:6px;min-height:40px}
.ad .add{flex:1;background:var(--azul);color:#fff;border-radius:9px;font-size:14.5px;font-weight:700;text-align:center;padding:8px 10px;white-space:nowrap;min-height:40px}
.ad .add:hover{background:var(--azul2)}
.qt{display:inline-flex;align-items:center;border:1px solid #c9ccdc;border-radius:9px;background:#fff;flex-shrink:0;overflow:hidden;min-height:40px}
.ad .qt{flex:1;justify-content:space-between;border-color:var(--azul)}
.qt button{padding:6px 12px;font-size:18px;font-weight:800;color:var(--azul);min-width:40px;min-height:38px}
.qt input{width:44px;text-align:center;border:0;font-weight:800;font-size:15.5px;padding:6px 0;background:transparent;-moz-appearance:textfield;appearance:textfield}
.qt input::-webkit-outer-spin-button,.qt input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* lista (modo catálogo) */
.lst{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:2px 14px}
.it{display:flex;align-items:center;gap:10px 12px;padding:11px 0;border-top:1px solid var(--linha2);flex-wrap:wrap}
.it:first-child{border-top:0}.it>i{font-size:22px;color:var(--azul)}
.it .nm{flex:1;min-width:180px;display:flex;flex-direction:column;gap:1px}.it .nm b{font-size:14.5px}.it .nm>span{font-size:12.5px;color:var(--cinza)}
.it .nm .cm{color:var(--claro)}
.lin2{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:2px}
.it .pr{font-weight:800;font-size:15.5px;min-width:86px;text-align:right}
.it .ad{margin-top:0;min-width:150px}
.vista{display:inline-flex;border:1px solid #c9ccdc;border-radius:10px;overflow:hidden;background:#fff}
.vista button{padding:7px 12px;font-size:13px;font-weight:700;color:var(--cinza);display:flex;gap:6px;align-items:center;min-height:36px}
.vista button.on{background:var(--azul);color:#fff}
.naoachou{display:flex;gap:12px;align-items:flex-start;border-style:dashed}.naoachou>i{font-size:26px;color:var(--azul)}.naoachou b{display:block;font-size:15px}.naoachou span{font-size:13.5px;color:var(--cinza)}.naoachou .bts{margin-top:10px}

/* subcategorias e "Seu carro?" */
.chipsw{position:relative;display:flex;flex-direction:column;gap:6px}
.chips{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.ch{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #c9ccdc;border-radius:99px;padding:7px 14px;font-size:14px;font-weight:600;white-space:nowrap;min-height:38px}
.ch i{font-size:15px}
.ch.on{background:var(--azul);color:#fff;border-color:var(--azul)}
.it .bts .ch,.bl .bts .ch,.resp .bts .ch{white-space:normal;text-align:left}
.ch:hover:not(.on){border-color:var(--azul)}
.guia{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:4px 14px;font-size:14px}
.guia summary{cursor:pointer;font-weight:700;color:var(--azul);padding:9px 0;display:flex;gap:8px;align-items:center;list-style:none}
.guia summary::-webkit-details-marker{display:none}.guia summary i{font-size:19px}
.guia ul{margin:0 0 10px;padding-left:20px;color:var(--cinza)}.guia li{margin:4px 0}
.sc{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .3s,border-color .3s}
.sc.realce{border-color:var(--amarelo);box-shadow:0 0 0 4px rgba(255,194,26,.35)}
.sc-cab{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.sc-cab b{font-size:16px;display:flex;gap:6px;align-items:center}.sc-cab b i{color:var(--azul);font-size:21px}.sc-cab span{font-size:13px;color:var(--claro)}
.sc-campo{display:flex;align-items:center;gap:6px;border:1px solid #c9ccdc;border-radius:12px;padding:3px 4px 3px 12px;background:#fff;flex:1;min-width:0}
.sc-campo input{flex:1;min-width:0;border:0;outline:0;font-size:16px;padding:9px 0;background:transparent}
.sc-campo input::placeholder{color:#b9bccd}
.sc-campo:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px var(--azulc)}
#sc-passos{display:flex;flex-direction:column;gap:8px}
#sc-passos:empty{display:none}
.sc-p{display:flex;flex-direction:column;gap:6px}.sc-p>span{font-size:13.5px;font-weight:700;color:var(--cinza)}.sc-p>.lk2{align-self:flex-start}
.mont .ch{min-width:64px;justify-content:center;font-weight:700}
.ch.lembra{border-style:dashed;color:var(--azul)}
.sc-esc{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc-chip{display:inline-flex;align-items:center;gap:6px;background:var(--azulc);color:var(--azul);border-radius:99px;padding:6px 12px;font-size:14.5px}.sc-chip i{font-size:18px}
.des{background:var(--creme);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.des b{display:flex;gap:6px;align-items:center;font-size:15px}.des b i{color:var(--ambar);font-size:20px}
.des-esc{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#sc-desempate:empty{display:none}
#dica-rolagem{position:sticky;top:calc(var(--topo,76px) + 8px);z-index:11}#dica-rolagem:empty{display:none}
.dica-l{box-shadow:0 8px 20px rgba(27,29,51,.25);display:flex;align-items:center;gap:8px;background:var(--tinta);color:#fff;border-radius:12px;padding:8px 10px 8px 12px;font-size:14px;flex-wrap:wrap}
.dica-l>i{color:var(--amarelo);font-size:19px}.dica-l span{flex:1;min-width:160px}
.dica-l .lk2{background:var(--amarelo);border-color:var(--amarelo);color:var(--azul)}

/* ficha */
.ficha{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px}
.foto{height:300px}.foto i{font-size:150px}
.fi-dados{display:flex;flex-direction:column;gap:11px;min-width:0}
.fi-marca{font-size:12.5px;color:var(--cinza);font-weight:800;letter-spacing:.6px}
.cods{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}
.cods div{border-left:3px solid var(--linha2);padding:2px 10px;min-width:0}
.cods dt{font-size:11px;font-weight:800;color:var(--cinza);text-transform:uppercase;letter-spacing:.4px}.cods dd{margin:0;font-size:14.5px;font-weight:700;overflow-wrap:anywhere}
.conf{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:var(--verdec);color:var(--verde);font-weight:800;font-size:13.5px;padding:5px 11px;border-radius:99px}.conf i{font-size:18px}
.pt-aviso{display:flex;gap:6px;align-items:center;font-size:13.5px;color:var(--ambar);font-weight:700}
.fi-preco{font-size:32px;font-weight:900;line-height:1.1}.fi-preco span{font-size:15px;font-weight:800;color:var(--verde)}
.fi-disp{display:flex;flex-direction:column;gap:2px}.fi-disp .dsp{font-size:14.5px}.fi-disp .sub{font-size:13px}
.fi-add{max-width:260px}.fi-add .ad{min-height:46px}.fi-add .add{font-size:16px}
.confira{background:var(--creme);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.55}.confira a{color:var(--azul);font-weight:700;display:inline-flex;gap:5px;align-items:center;margin-top:4px}.confira a i{color:var(--verde);font-size:18px}
.serve{display:flex;flex-direction:column;gap:10px}
.serve-b{align-self:flex-start;background:var(--azulc);border-color:#c5c9ef}   /* dono 01/11 06:04: fundo azul clarinho para ser visto; o Adicionar segue o único de cor cheia */
.serve-f{display:flex;gap:8px;flex-wrap:wrap}.serve-f .sc-campo{min-width:200px}
.resp{display:flex;gap:10px;border-radius:12px;padding:12px 14px;font-size:14.5px;align-items:flex-start;margin-top:4px}
.resp>i{font-size:24px;flex-shrink:0}.resp>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.resp.sim{background:var(--verdec)}.resp.sim>i{color:var(--verde)}
.resp.nao{background:var(--vermc)}.resp.nao>i{color:var(--vermelho)}
.resp.dep{background:var(--creme)}.resp.dep>i{color:var(--ambar)}
.resp.sem{background:var(--fundo2)}.resp.sem>i{color:var(--cinza)}
.resp-t{font-weight:600}.alt{font-size:14px}
.fi-det{display:flex;flex-direction:column;gap:10px}.fi-det h2{font-size:16px;margin-top:4px}
.tab{width:100%;border-collapse:collapse;font-size:14px}.tab th{text-align:left;font-size:11.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.5px;padding:7px;border-bottom:2px solid var(--linha)}.tab td{padding:9px 7px;border-bottom:1px solid var(--linha2)}
.tw{overflow-x:auto}
.med{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0}
.med div{border-left:3px solid var(--linha2);padding:2px 10px}.med dt{font-size:12px;color:var(--cinza)}.med dd{margin:0;font-weight:700}
.eqv{display:flex;flex-wrap:wrap;gap:8px}.eqv>span{border-left:3px solid var(--linha2);padding:2px 10px;font-size:14px}
.fi-foto .fo{pointer-events:none;cursor:default}
.cdm b{color:var(--tinta);font-weight:700}
.fi-chips{display:flex;flex-wrap:wrap;gap:6px}
.chipz{background:var(--azul);color:#fff;font-weight:800;font-size:13px;letter-spacing:.4px;padding:4px 10px;border-radius:7px;line-height:1.2}
.fi-foto{display:flex;flex-direction:column;gap:14px;min-width:0}
.fi-ir{display:flex;flex-direction:column;gap:2px;font-size:14px}
.fi-ir>span{font-size:11.5px;font-weight:800;color:var(--cinza);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.fi-ir button{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--azul);font-weight:700;padding:5px 0}
.fi-ir button:hover{text-decoration:underline}.fi-ir button:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.fi-ir i{font-size:16px}
.fi-txt{margin:0;font-size:14.5px}
.fi-falta{margin:6px 0 0;font-size:13.5px;color:var(--cinza);border-top:1px solid var(--linha2);padding-top:10px}
.fi-falta a{color:var(--azul);font-weight:700;display:inline-flex;gap:5px;align-items:center}.fi-falta a i{color:var(--verde);font-size:17px}
#sec-apl,#sec-med,#sec-eqv,#acs,#sec-comp{scroll-margin-top:calc(var(--topo,110px) + 14px)}
@media (max-width:700px){ .ficha{grid-template-columns:minmax(0,1fr);gap:14px} .foto{height:180px}.foto i{font-size:96px} .fi-ir{display:none} }
/* acessórios de instalação */
.acs{display:flex;flex-direction:column;gap:10px}
.acs h2{font-size:16.5px;line-height:1.3;align-items:flex-start}
.acs-l{display:flex;flex-direction:column}
.acs-it{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--linha2);flex-wrap:wrap}
.acs-it:first-child{border-top:0}
.acs-it .nm{flex:1;min-width:150px;display:flex;flex-direction:column}.acs-it .nm b{font-size:14.5px}.acs-it .nm span{font-size:12.5px;color:var(--cinza)}
.add-s{background:var(--azul);color:#fff;font-weight:700;font-size:14px;border-radius:9px;padding:8px 12px;min-height:40px;white-space:nowrap}
.acs-ok{display:inline-flex;gap:5px;align-items:center;color:var(--verde);font-weight:800;font-size:14px}.acs-ok i{font-size:18px}
.acs-pe{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px}
.acs-fim{background:var(--fundo);border-radius:12px;padding:10px 12px 12px;margin-top:4px}
.acs-cab{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--cinza)}.acs-cab i{font-size:19px;color:var(--azul);flex-shrink:0}.acs-cab b{color:var(--tinta)}

/* pedido */
.ped .it .ad{min-width:136px}
.nota-of{font-size:12px;color:var(--ambar);font-weight:600}
.nota-ac{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:var(--cinza)}.nota-ac i{font-size:14px}
.ped-res{display:flex;flex-direction:column;gap:10px}
.tot{display:flex;justify-content:space-between;font-size:19px;font-weight:900;padding-top:10px;border-top:2px solid #c9ccdc}
.pixl{font-size:14px;color:var(--verde);font-weight:600}.pixl b{font-weight:900}
.deg{background:var(--fundo2);border-radius:11px;padding:10px 11px;font-size:13.5px;display:flex;flex-direction:column;gap:6px}
.dl{display:flex;gap:7px;align-items:flex-start;line-height:1.35}.dl i{font-size:17px;color:var(--azul);flex-shrink:0;margin-top:1px}
.bar{height:8px;background:#fff;border-radius:99px;overflow:hidden}.bar div{height:8px;background:var(--azul);border-radius:99px;transition:width .3s}
.cf{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;background:var(--creme);border-radius:11px;padding:9px 11px;font-size:13.5px}
.cf>i{font-size:19px;color:var(--ambar);flex-shrink:0}.cf>span:first-of-type{flex:1;min-width:160px}
.cf .lk2{min-height:34px;padding:5px 10px;font-size:13.5px}
.ac-p{font-size:14.5px}
.nota{font-size:12.5px;color:var(--claro);text-align:center}
/* carrinho lateral */
.cart{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:9px;align-self:start;position:sticky;top:calc(var(--topo,76px) + 12px);max-height:calc(100vh - var(--topo,76px) - 28px)}
.ct{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px}.ct i{color:var(--azul);font-size:22px}.ct a{margin-left:auto;font-size:12.5px;color:var(--azul);font-weight:700}
.cis{overflow:auto;min-height:48px;flex:1}
.ci{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:8px 0;border-top:1px solid #e3e5ef}
.ci:first-child{border-top:0}.ci span:last-child{white-space:nowrap;font-weight:600}
.vazio{font-size:13.5px;color:var(--cinza);padding:6px 0}
.cart .tot{font-size:18px}.cart .btnv{font-size:16px;min-height:48px}
/* envio */
.env{display:flex;flex-direction:column;gap:14px}
.env-itens summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;list-style:none}.env-itens summary::-webkit-details-marker{display:none}
.env-itens[open] summary{margin-bottom:8px}
.campo{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:700;color:var(--cinza);min-width:0}
.campo input,.campo textarea{border:1px solid #c9ccdc;border-radius:11px;padding:12px;font-size:16px;font-weight:500;background:#fff;width:100%}
.campo input:focus,.campo textarea:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px var(--azulc)}
.campo .erro{color:var(--vermelho);font-size:12.5px;font-weight:700}.campo .erro:empty{display:none}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ck{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--azul);align-self:flex-start;min-height:40px;text-align:left}.ck i{font-size:22px}.ck .sub{font-weight:500}
.ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.op{border:1px solid #c9ccdc;border-radius:12px;padding:12px;text-align:left;width:100%;display:flex;gap:10px;align-items:flex-start;background:#fff;min-height:60px}
.op>i{font-size:24px;color:var(--azul);flex-shrink:0;margin-top:1px}
.op>span{display:flex;flex-direction:column;gap:1px;min-width:0}.op b{font-size:15px}.op>span>span{font-size:13px;color:var(--cinza)}
.op.on{border:2px solid var(--azul);padding:11px;background:var(--azulc)}
.op.px>i,.op.px b{color:var(--verde)}.op.px .eco{color:var(--verde);font-weight:700}.op.px.on{border-color:var(--verde);background:var(--verdec)}
.op.off{opacity:.5}
.rec-info{display:flex;gap:9px;align-items:flex-start;background:var(--fundo);border-radius:11px;padding:10px 12px;font-size:14px}.rec-info>i{font-size:20px;color:var(--azul);flex-shrink:0;margin-top:1px}
#rec-det{display:flex;flex-direction:column;gap:10px}
.cfr{gap:8px;position:relative}.cfr-l{display:flex;gap:10px;justify-content:space-between;align-items:baseline;font-size:15px;border-top:1px solid #e3e5ef;padding-top:8px}.cfr-l:first-child{border-top:0;padding-top:0}.cfr-l span{color:var(--cinza);font-size:13px;font-weight:700;flex-shrink:0}.cfr-l b{text-align:right;min-width:0;overflow-wrap:anywhere}
.cfr .alt{align-self:flex-start;font-size:13px;font-weight:600;color:var(--cinza);text-decoration:underline;padding:10px 4px;min-height:40px}
.eco-l{display:flex;gap:6px;align-items:center;font-size:14.5px;color:var(--verde)}.eco-l i{font-size:18px}
.nota-pg{display:flex;gap:6px;align-items:center;font-size:14px;font-weight:700;color:var(--azul)}.nota-pg i{font-size:18px}
.priv{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--cinza)}.priv i{font-size:16px}
.px-p{font-size:14.5px;background:var(--verdec)}.px-p>i{color:var(--verde)}
/* trocas e garantia + rodapé */
.trocas{line-height:1.55}.trocas h1{font-size:24px;margin:0 0 12px}.trocas p,.trocas ul{margin:0 0 12px}.trocas ul{padding-left:20px}.trocas li{margin:4px 0}.trocas-fim{font-size:13.5px;color:var(--cinza);border-top:1px solid var(--linha);padding-top:12px}
/* v6: rodapé azul-marinho em 3 colunas (ver o bloco v6 no fim) */
/* recebido */
.ok{background:var(--verdec);border:2px solid var(--verde);border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center}
.ok>i{font-size:46px;color:var(--verde);flex-shrink:0}.ok-t{font-size:23px;font-weight:900;line-height:1.2}
.ok.falta .ok-t{font-size:20px}
.teste{display:flex;gap:12px;align-items:flex-start;background:var(--creme);border-color:#f0d78a}.teste>i{font-size:26px;color:var(--ambar)}.teste .bts{margin-top:10px}
.at{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ac{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center;min-width:0;text-align:left}
.ac>i{font-size:28px;color:var(--azul);flex-shrink:0}.ac b{display:block;font-size:15px}.ac span{font-size:13px;color:var(--cinza)}
.inst{background:var(--fundo2);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center;font-size:13.5px;flex-wrap:wrap}.inst>i{font-size:26px;color:var(--azul)}
textarea.lista{width:100%;min-height:170px;border:1px solid #c9ccdc;border-radius:12px;padding:12px;font-size:15px;line-height:1.7;background:var(--fundo);resize:vertical}
.rot{font-size:12.5px;font-weight:800;color:var(--cinza);text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:6px}
.rap-w{position:relative}.rap-w .mic{position:absolute;right:8px;top:8px}
.rap-pe{display:flex;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap;align-items:center}
/* abas de ofertas */
.abas{display:flex;gap:6px;background:var(--fundo2);border-radius:13px;padding:4px;align-self:flex-start;max-width:100%}
.abas a{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-weight:700;font-size:14.5px;color:var(--cinza);white-space:nowrap}.abas a i{font-size:19px}
.abas a.on{background:#fff;color:var(--azul);box-shadow:0 1px 3px rgba(27,29,51,.12)}
.pt-cab{display:flex;flex-direction:column;gap:2px}.pt-cab b{font-size:16px}.pt-cab span{font-size:14px;color:var(--cinza)}

/* painel (simulação) */
.pn-w{max-width:1280px;margin:0 auto;padding-block:16px 48px;display:flex;flex-direction:column;gap:16px}
.pn-aviso{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--tinta);color:#fff;border-radius:14px;padding:14px 16px}
.pn-aviso>i{font-size:28px;color:var(--amarelo)}.pn-aviso>div{flex:1;min-width:220px;display:flex;flex-direction:column}.pn-aviso b{color:var(--amarelo);letter-spacing:.4px}.pn-aviso span{font-size:13.5px;color:#d7d9ea}
.pnl{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}
.pn-lista{display:flex;flex-direction:column;gap:6px}.pn-lista h2{font-size:15px;margin-bottom:2px}
.pn-it{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:10px 12px;font-size:13px;color:var(--cinza)}.pn-it b{color:var(--tinta);font-size:14.5px}
.pn-it.on{border:2px solid var(--azul);padding:9px 11px}
.pn-card{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.pn-cab{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.etapas{display:flex;flex-wrap:wrap;gap:4px}.etapas span{font-size:12px;font-weight:700;padding:4px 9px;border-radius:99px;background:var(--fundo);color:var(--claro)}.etapas span.on{background:var(--azul);color:#fff}
.pn-conf{align-self:flex-start}
.pn-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pn-b{background:var(--fundo);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;font-size:14px;min-width:0}.pn-b h3{margin-top:6px}.pn-b h3:first-child{margin-top:0}
.marca-int{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;color:var(--ambar);font-weight:700}.marca-int i{font-size:15px}
.obs{background:#fff;border-radius:8px;padding:6px 8px}
.pn-h{margin-top:8px}
.pn-q{font-size:13.5px;color:var(--cinza);white-space:nowrap}.pn-q b{color:var(--tinta);font-size:15px}
.pn-its .it.zerado .nm b{text-decoration:line-through;color:var(--claro)}
.pn-tot{display:flex;justify-content:space-between;font-size:18px;font-weight:800;border-top:2px solid #c9ccdc;padding-top:10px}
.pn-min{display:flex;gap:10px;background:var(--creme);border-radius:12px;padding:12px 14px}.pn-min>i{font-size:22px;color:var(--ambar)}.pn-min .bts{margin-top:8px}
.pn-prev{background:var(--fundo);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pn-prev pre{white-space:pre-wrap;font-family:inherit;font-size:14px;margin:0;background:#dcf8c6;border-radius:10px;padding:10px 12px}
.pn-prev .lk2{align-self:flex-start}
.pn-hist{list-style:none;margin:0;padding:0;font-size:13.5px}.pn-hist li{padding:6px 0;border-top:1px solid var(--linha2);display:flex;gap:8px;flex-wrap:wrap}.pn-hist li span{color:var(--claro);font-variant-numeric:tabular-nums}

/* Ajuda: painel que desliza (do lado no computador, de baixo no celular) */
.aj-fundo{position:fixed;inset:0;background:rgba(27,29,51,0);z-index:70;transition:background .2s}
.aj-fundo.on{background:rgba(27,29,51,.18)}
@media (min-width:1101px){.aj-fundo{pointer-events:none}.aj-fundo.on{background:transparent}}
.aj{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff;z-index:71;box-shadow:-12px 0 40px rgba(27,29,51,.18);display:flex;flex-direction:column;transform:translateX(105%);transition:transform .22s ease-out}
.aj.on{transform:none}
.aj-cab{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--linha2);flex-wrap:wrap}
.aj-cab>b{font-size:18px;display:flex;gap:6px;align-items:center;margin-right:auto}.aj-cab>b i{color:var(--azul);font-size:23px}
.aj-voz{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;font-weight:700;color:var(--cinza);border:1px solid var(--linha);border-radius:99px;padding:5px 10px;min-height:34px}
.aj-voz i{font-size:16px}.aj-voz.on{background:var(--azulc);color:var(--azul);border-color:var(--azul)}
.aj-x{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--cinza)}.aj-x i{font-size:22px}.aj-x:hover{background:var(--fundo)}
.aj-corpo{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.aj-dica{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--creme);border-radius:12px;padding:10px 12px;font-size:14px}.aj-dica>i{color:var(--ambar);font-size:20px}.aj-dica span{flex:1;min-width:170px}
.aj-h{font-size:15px;font-weight:800}
.aj-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aj-op{display:flex;gap:8px;align-items:center;text-align:left;border:1px solid var(--linha);border-radius:12px;padding:10px;font-size:14px;font-weight:700;min-height:52px;line-height:1.2}
.aj-op i{font-size:22px;color:var(--azul);flex-shrink:0}.aj-op:hover{border-color:var(--azul);background:var(--azulc)}
.aj-op:last-child{grid-column:1/-1}
.aj-menu.curto .aj-op{min-height:40px;padding:7px 9px;font-size:13px}.aj-menu.curto .aj-op i{font-size:18px}
.aj-conv{display:flex;flex-direction:column;gap:8px}
.aj-conv:empty{display:none}
.bl{max-width:88%;border-radius:14px;padding:10px 12px;font-size:14.5px;line-height:1.45}
.bl.cli{align-self:flex-end;background:var(--azul);color:#fff;border-bottom-right-radius:4px}
.bl.ass{align-self:flex-start;background:var(--fundo);border-bottom-left-radius:4px;display:flex;flex-direction:column;gap:8px}
.bl.ass .lk2{white-space:normal;text-align:left;font-size:13.5px}
.ouvir{align-self:flex-start;display:inline-flex;gap:4px;align-items:center;font-size:12.5px;font-weight:700;color:var(--cinza)}.ouvir i{font-size:16px}
.aj-pe{display:flex;gap:6px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha2);background:#fff}
.aj-pe input{flex:1;min-width:0;border:1px solid #c9ccdc;border-radius:12px;padding:11px 12px;font-size:16px}
.aj-pe input:focus{outline:0;border-color:var(--azul)}
.aj-env{width:44px;height:44px;border-radius:12px;background:var(--azul);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aj-env i{font-size:20px}
/* Fale conosco */
.fale{position:fixed;top:calc(var(--topo,76px) + 30px);right:max(16px,calc((100vw - 1440px)/2 + 16px));width:min(340px,calc(100vw - 32px));background:#fff;border:1px solid var(--linha);border-radius:16px;box-shadow:var(--sombra);z-index:60;padding:12px;display:flex;flex-direction:column;gap:6px}
.fale-cab{display:flex;align-items:center;justify-content:space-between;padding-left:4px}.fale-cab b{font-size:16px}
.fale-op{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--linha);border-radius:12px;padding:10px 12px;min-height:54px}
.fale-op>i{font-size:24px;color:var(--azul);flex-shrink:0}.fale-op:first-of-type>i{color:var(--verde)}.fale-op>span{display:flex;flex-direction:column}.fale-op b{font-size:14.5px}.fale-op span span{font-size:13px;color:var(--cinza)}
.fale-op:hover{background:var(--azulc)}
#perg-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--tinta);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:80;opacity:0;transition:opacity .2s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.toast.on{opacity:1}

/* celular e tablet */
.bot,.mini{display:none}
@media (max-width:1100px){
  .grid,.grid.sem{grid-template-columns:minmax(0,1fr);padding-block:14px 150px;gap:16px}
  .mn,.cart{display:none!important}
  .top{padding-block:10px}
  .top-in{gap:8px 6px;flex-wrap:wrap}
  .logo{font-size:25px;margin-right:auto}.logo small{display:none}
  .bs{order:9;flex:1 1 100%}
  .bs input{padding:11px 0}
  .pix{font-size:12px;padding:5px 9px}.pix .pc-t{display:none}.pix .cel-t{display:inline}
  .tb .tx{display:none}
  .tb{min-width:34px;justify-content:center}
  .tb i{font-size:21px}
  .aj-b{padding:0 9px;font-size:13.5px;gap:4px;min-height:38px}.aj-b i{font-size:19px}
  .fale{top:calc(var(--topo,110px) + 30px);right:16px}
  h1{font-size:24px}
  .qof{padding:13px;gap:10px;border-radius:16px}
  .qof-cab h2{font-size:20px}.qof-ic{width:40px;height:40px}.qof-ic i{font-size:24px}
  .qof-fortes{grid-template-columns:minmax(0,1fr)}
  .qf .fo{width:84px;height:84px}.qf .fo i{font-size:40px}
  .qf-p{font-size:24px}
  .qof-leves{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(150px,44%);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:-13px;padding-inline:13px;scroll-padding-inline:13px}
  .qof-leves::-webkit-scrollbar{display:none}
  .ql{scroll-snap-align:start}
  .linw{display:flex;flex-direction:column;gap:6px;margin-inline:-16px}
  .lin{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:8px;overflow:visible;padding-inline:16px}
  .lin::-webkit-scrollbar{display:none}
  .li{padding:10px 4px;font-size:12.5px;border-radius:12px;scroll-snap-align:start;min-height:78px}.li i{font-size:25px}
  .linpos{display:none}
  .linpos div{height:3px;background:var(--azul);border-radius:99px}
  .todas{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .pg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pc{padding:10px}
  .pc .fo{height:86px}.pc .fo i{font-size:40px}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-16px;padding-inline:16px}
  .chips::-webkit-scrollbar{display:none}
  .chipsw.gruda{position:sticky;top:calc(var(--topo,110px) - 1px);z-index:10;background:var(--fundo);padding-block:8px;margin-block:-8px}
  #dica-rolagem{top:calc(var(--topo,110px) + 52px);margin-top:-8px}
  .foto{height:240px}.foto i{font-size:120px}
  .fi-preco{font-size:28px}
  .fi-add{max-width:none}
  .it .nm{min-width:0;flex-basis:100%}
  .it>i+.nm{flex-basis:calc(100% - 36px)}
  .it .pr{min-width:0;text-align:left;margin-right:auto}
  .it .ad{min-width:150px}
  .ped .it .nm{flex-basis:calc(100% - 60px)}
  .acs-it .nm{flex-basis:calc(100% - 60px)}
  .acs-it .qt{margin-left:56px}
  .aj{top:auto;left:0;right:0;width:auto;max-height:80vh;height:80vh;border-radius:20px 20px 0 0;transform:translateY(105%);box-shadow:0 -12px 40px rgba(27,29,51,.2)}
  .aj.on{transform:none}
  .aj-cab:before{content:"";position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:99px;background:var(--linha)}
  .aj-cab{position:relative;padding-top:16px}
  .pnl{grid-template-columns:minmax(0,1fr)}
  .pn-lista{flex-direction:row;overflow-x:auto;scrollbar-width:none}.pn-lista h2{display:none}.pn-it{min-width:180px}
  .btn,.btn2{white-space:normal;text-align:center}
  .bot{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--linha);padding:6px max(4px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));z-index:40}
  .bot a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11.5px;font-weight:600;color:var(--cinza);position:relative;min-height:46px;justify-content:center}.bot i{font-size:23px}.bot a.on{color:var(--azul);font-weight:800}
  .bot .bd{position:absolute;top:0;right:calc(50% - 24px);background:var(--vermelho);color:#fff;font-size:10.5px;font-weight:800;border-radius:99px;padding:1px 5px;min-width:17px;text-align:center}
  .mini{display:flex;position:fixed;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:calc(66px + env(safe-area-inset-bottom,0px));background:var(--azul);color:#fff;border-radius:12px;padding:9px 12px;z-index:39;align-items:center;gap:10px;font-size:13px;transition:transform .25s,opacity .25s;box-shadow:0 6px 18px rgba(27,29,51,.25)}
  .mini>i{font-size:22px}
  .mini.esc{transform:translateY(140%);opacity:0;pointer-events:none}
  .mini .mb{flex:1;min-width:0}.mini .bar{background:rgba(255,255,255,.25);margin-top:5px;height:5px}.mini .bar div{background:var(--amarelo);height:5px}
  .mini b{font-size:14px}
  .toast{bottom:calc(132px + env(safe-area-inset-bottom,0px))}
  .drop{position:fixed;left:8px;right:8px;top:calc(var(--topo,110px) + 4px);max-height:calc(100vh - var(--topo,110px) - 90px)}
  .dr{flex-wrap:wrap}.dr-t{flex-basis:calc(100% - 56px)}.dr-p{margin-left:54px;margin-right:auto}
  body.aj-aberto{overflow:hidden}
}
@media (max-width:420px){
  .ops.pg{grid-template-columns:minmax(0,1fr)}
  .ok{flex-direction:column;align-items:flex-start}
  .abas{align-self:stretch}.abas a{flex:1;justify-content:center;padding:9px 8px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* quadro curto da oferta na tela inicial (v4.3) */
.qof-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px}
.qm{position:relative;display:flex;flex-direction:column;gap:3px;border:1px solid var(--linha);border-radius:12px;padding:8px;min-width:0;background:#fff}
.qm.forte{border-color:var(--amarelo);background:linear-gradient(180deg,#fffaea,#fff)}
.qm .fo{height:64px;width:100%}.qm .fo i{font-size:32px}
.qm-sel{position:absolute;top:6px;left:6px;z-index:1;background:var(--amarelo);color:var(--azul);font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:99px}
.qm-n{font-size:12.5px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}
.qm-p{font-size:16px;font-weight:900;color:var(--azul)}
.qm .ad{margin-top:auto;min-height:32px}.qm .ad .add{font-size:12.5px;padding:6px 4px}.qm .qt button{padding:4px 7px}.qm .qt input{width:28px;font-size:13px}
.qm-x{align-items:center;justify-content:center;text-align:center;background:var(--azulc,#eef0fb);border-style:dashed;color:var(--azul)}
.qm-x>i{font-size:26px}.qm-x b{font-size:13px;line-height:1.2}.qm-x span{font-size:11.5px;color:var(--cinza)}.qm-x small{font-size:11px;color:var(--cinza)}
.qm-cd{background:var(--creme);border:2px solid var(--amarelo);border-style:solid}.qm-cd>i{color:var(--ambar,#b7791f)}.qm-cd span{color:#5a4300;font-weight:600}
.qof-tudo{align-self:center;display:flex;align-items:center;gap:4px;font-weight:800;color:var(--azul);font-size:14px}
@media (max-width:1100px){.qof-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.qm{padding:6px}.qm .fo{height:54px}.qm .fo i{font-size:28px}.qm-n{font-size:12px;min-height:30px}.qm-p{font-size:15px}.qm-sel{font-size:9.5px;padding:1px 6px}}

@media (max-width:1100px){
  .qof .qof-cab{gap:9px}.qof .qof-ic{width:34px;height:34px;border-radius:9px}.qof .qof-ic i{font-size:20px}
  .qof .qof-cab h2{font-size:18px}.qof .qof-sub{font-size:12px}.qof .qof-ver{font-size:13px}
  .qof .qof-cond{background:none;padding:0 2px;font-size:12.5px}.qof .qof-cond i{display:none}
  .qof-g .qm{gap:2px}.qof-g .qm .fo{height:46px;border-radius:9px}.qof-g .qm .fo i{font-size:24px}
  .qof-g .qm-n{font-size:11.5px;min-height:28px}.qof-g .qm-p{font-size:14px}
  .qof-g .qm .ad{min-height:30px;margin-top:3px}.qof-g .qm .ad .add{font-size:12px;padding:5px 2px;border-radius:7px}
  .qof-g .qm-sel{top:4px;left:4px}
  .qof-g .qm-x b{font-size:12px}.qof-g .qm-x span{font-size:10.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qof-g .qm-x>i{font-size:20px}
}
@media (max-width:1100px){
  .qof-g .qm .ad,.qof-g .qm .ad .add,.qof-g .qm .qt{min-height:32px}
  .qof-g .qm .ad .add{padding:4px 2px;font-size:12px}
  .qof-g .qm .fo{height:40px}
}
/* v5.1: em 360–380 px o "Instalar o app" cabe na mesma fileira (mesmo desenho, folgas um pouco menores); só abaixo de 355 px ele continua escondido */
@media (max-width:380px){
  .top-in{gap:8px 4px}.logo{font-size:24px}
  .pix{padding:5px 7px}.aj-b{padding:0 7px;gap:3px}.tb{min-width:32px}
}
@media (max-width:354px){ .inst-b{display:none!important} }

/* v4.4: oferta em 2 fileiras que deslizam (3 à vista no celular) + botão das regras */
.qof-s{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(150px,calc((100% - 30px)/5));gap:10px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding-bottom:4px}
.qof-s .qm{scroll-snap-align:start}
.qm-a{font-size:11.5px;color:var(--cinza);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qm-c{font-size:10.5px;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qof-s .qm .fo{height:56px}
.qof-reg{border-radius:12px;background:var(--creme);border:1px solid #f1d98a}
.qof-reg summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;color:#5a4300;cursor:pointer}
.qof-reg summary::-webkit-details-marker{display:none}
.qof-reg summary>i:first-child{font-size:18px;color:var(--ambar,#b7791f)}.qof-reg summary span{flex:1}.qof-reg summary>i:last-child{transition:transform .2s}
.qof-reg[open] summary>i:last-child{transform:rotate(180deg)}
.qof-reg-t{padding:2px 14px 14px;font-size:13.5px;color:var(--tinta);display:flex;flex-direction:column;gap:6px}
.qof-reg-t p{margin:0}.qof-reg-cd{display:flex;gap:6px;background:#fff;border-radius:8px;padding:7px 9px}.qof-reg-cd i{color:var(--ambar,#b7791f)}
.qof-reg-t .btn2{align-self:flex-start;margin-top:4px}
@media (max-width:1100px){
  .qof-s{grid-auto-columns:calc((100% - 14px)/3 - 7px);gap:7px;margin-inline:-13px;padding-inline:13px;scroll-padding-inline:13px;scrollbar-width:none}
  .qof-s::-webkit-scrollbar{display:none}
  .qof-s .qm{padding:6px}.qof-s .qm .fo{height:42px}.qof-s .qm .fo i{font-size:22px}
  .qof-s .qm-n{font-size:11.5px;min-height:28px}.qof-s .qm-p{font-size:14px}
  .qof-s .qm .ad,.qof-s .qm .ad .add,.qof-s .qm .qt{min-height:32px}.qof-s .qm .ad .add{padding:4px 2px;font-size:12px}
  .qof-reg summary{font-size:13px;padding:8px 10px}
}
.sel.df{background:var(--amarelo);color:var(--azul)}
.pc.forte{border-color:var(--amarelo);background:linear-gradient(180deg,#fffaea,#fff)}
.qof-pg{gap:10px}
/* v4.7: Cartões | Lista no quadro da oferta (só computador) */
.qof-vista{margin-left:auto}.qof-vista+.qof-ver{margin-left:12px}
/* com mouse (computador), em qualquer largura de janela: escolha Cartões | Lista no quadro; no toque (celular), só os quadrinhos */
@media (hover:hover) and (pointer:fine){ .qof-s:has(+ .qof-lst){display:none} }
@media not all and (hover:hover) and (pointer:fine){ .qof-lst,.qof-vista{display:none!important} }
/* v4.9: Outras ofertas da semana (ofertas pontuais) */
.outras{display:flex;flex-direction:column;gap:10px}
.outra{border:1px solid var(--linha);border-radius:12px;background:#fff}
.outra summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer}
.outra summary::-webkit-details-marker{display:none}
.outra summary>i:first-child{font-size:24px;color:var(--azul)}
.outra summary span{flex:1;display:flex;flex-direction:column}.outra summary small{font-size:12.5px;color:var(--cinza)}
.outra[open] summary>i:last-child{transform:rotate(180deg)}
.outra-t{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}
/* v4.11: lista com foto pequena (no celular é o jeito único; no computador é a opção "Lista") */
.it.itp>.fo.fmini{width:52px;height:52px;border-radius:10px}.it.itp>.fo.fmini i{font-size:26px}
@media (max-width:1100px){
  .it.itp{display:grid;grid-template-columns:60px minmax(0,1fr) auto;grid-template-areas:"f n n" "f p a";align-items:center;gap:4px 10px;padding:10px 0}
  .it.itp>.fo.fmini{grid-area:f;width:60px;height:60px;align-self:start}
  .it.itp>.nm{grid-area:n;min-width:0}
  .it.itp>.pr{grid-area:p;text-align:left;min-width:0;font-size:16px}
  .it.itp>.ad{grid-area:a;min-width:118px;margin:0}
  .it.itp .nm b{font-size:14px}.it.itp .nm>span{font-size:12px}
}

/* ===== v5 · acabamento sem mudar o desenho ===== */
/* Área de toque: o que responde ao toque cresce com preenchimento INVISÍVEL (::after posicionado); o visual e o espaçamento ficam como estavam (alvo mínimo 40 px). */
.logo,.volta,.migalha a,.tl-h,.tl-s a,.qof-ver,.add,.add-s,.ch,.abas a,.mic,.tb,.fi-falta a,.confira a,.sel.of,.qt button,.qof-reg summary,.lk2,.btn2,.btn,.ck,.op,.ac{position:relative}
.logo::after{content:"";position:absolute;inset:-8px -4px}
.mic::after{content:"";position:absolute;inset:-2px}
.tb::after{content:"";position:absolute;inset:-2px -4px}
.volta{z-index:1}
.volta::after{content:"";position:absolute;inset:-4px -6px}
.migalha a::after{content:"";position:absolute;inset:-6px -6px -18px}
.tl-h::after{content:"";position:absolute;inset:-5px 0}
.tl-s a::after{content:"";position:absolute;inset:-8px -8px}
.qof-ver::after{content:"";position:absolute;inset:-11px -6px}
.add::after,.add-s::after{content:"";position:absolute;inset:-4px 0}
.ch::after,.abas a::after{content:"";position:absolute;inset:-2px 0}
.lk2::after,.btn2::after{content:"";position:absolute;inset:-3px 0}
.qof-reg summary::after,.env-itens summary::after{content:"";position:absolute;inset:-9px 0}
.env-itens summary{position:relative}
.sel.of::after{content:"";position:absolute;inset:-10px -4px}.sel.grande::after{inset:-5px -2px}
.fi-falta a::after,.confira a::after{content:"";position:absolute;inset:-11px -4px}
.qt{overflow:visible}
.qt button::after{content:"";position:absolute;inset:-2px -1px}
.qm .qt button::after{inset:-5px -3px}
/* quantidade digitável: o campo cresce com padding e volta com margem negativa (o desenho não muda) */
.qt input{padding-block:9px;margin-block:-3px}
.qm .qt input{padding:14px 7px;margin:-7px -7px;width:42px}
/* "Seu pedido" e listas: nome da peça com área de toque maior (padding e margem negativa se anulam) */
.it .nm>a{padding-block:9px;margin-block:-9px}
/* textos que estavam cortados */
.ct a{position:relative}.ct a::after{content:"";position:absolute;inset:-11px -4px}
@media (max-width:380px){.qof-s .qm-n{font-size:11px}}
.qm-n{overflow-wrap:anywhere}
.qm-c{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25}
.bs input::placeholder{font-size:clamp(11.5px,3.4vw,16px)}
@media (min-width:700px){.bs input::placeholder{font-size:16px}}
/* v5: mais alvos de toque com preenchimento invisível (o desenho não muda) */
.bs .lp{position:relative}.bs .lp::after{content:"";position:absolute;inset:-4px}
.box a.lk,.drt a.lk,.dr.nada a.lk,.env-itens summary .lk{position:relative}
.box a.lk::after,.drt a.lk::after,.dr.nada a.lk::after{content:"";position:absolute;inset:-12px -4px}
/* v5: aplicação com palavra longa sem espaço ("Monza/Kadett/Vectra/Omega") quebra em vez de passar da borda do cartão */
.pc .pa,.pc .pn,.pc .pm{overflow-wrap:anywhere}

/* ===================== v6 · acabamento (31/10, madrugada): estrutura igual, só acabamento ===================== */
/* letras escuras: diferença por tamanho e peso, nunca por cinza clarinho (contraste AA medido no teste) */
:root{--cinza:#3d4160;--claro:#4f5370;--campo:#7c809a;--ph:#5c607b}
.sub,.migalha{color:var(--cinza)}
.it .nm .cm{color:var(--tinta)}
.dsp.d-co{color:#3d4058}
/* campos de escrever: borda mais escura e grossa, exemplo escuro, borda azul no foco */
.sc-campo,.campo input,.campo textarea,.aj-pe input,textarea.lista{border:2px solid var(--campo)}
.sc-campo{padding:2px 3px 2px 11px}
.campo input,.campo textarea{padding:11px}
.sc-campo:focus-within,.campo input:focus,.campo textarea:focus,.aj-pe input:focus,textarea.lista:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px #c9cdf2}
.bs{box-shadow:inset 0 0 0 2px var(--campo)}
.bs:focus-within{box-shadow:inset 0 0 0 2px var(--azul),0 0 0 3px var(--amarelo)}
.bs input::placeholder,.sc-campo input::placeholder,.campo input::placeholder,.aj-pe input::placeholder,textarea.lista::placeholder{color:var(--ph);opacity:1}
.mic{color:var(--azul)}
.sc-cab span{color:var(--cinza)}
/* selecionado = INVERTIDO; hover (só computador) = borda azul-escura + fundo azul bem claro */
.ch.on,.ch.on:hover{background:var(--azul);color:#fff;border-color:var(--azul)}
.ch.on i{color:#fff}
@media (hover:hover) and (pointer:fine){
  .ch:hover:not(.on),.li:hover,.btn2:hover,.lk2:hover,.op:hover:not(.on),.ac:hover,.fale-op:hover,.aj-op:hover{border-color:var(--azul);background:var(--azulc)}
}

/* coluna da esquerda: 3 blocos brancos arredondados; cada item é uma linha-botão própria (44 px, ícone em coluna fixa, divisória fina) */
.mn{gap:12px}
.mn-b{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:6px;display:flex;flex-direction:column}
.mh{font-size:13px;font-weight:800;color:var(--tinta);padding:8px 10px 6px;letter-spacing:.5px}
.mn .lk{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:11px;min-height:44px;padding:8px 10px;font-size:15px;font-weight:600;line-height:1.25;color:var(--tinta);border-radius:10px;box-shadow:none}
.mn .lk i{font-size:20px;width:22px;text-align:center;color:var(--azul)}
.mn .lk+.lk::before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--linha)}
.mn .lk.on{background:var(--azul);color:#fff;font-weight:700;box-shadow:none}
.mn .lk.on i{color:#fff}
.mn .lk.on::before,.mn .lk.on+.lk::before{display:none}
@media (hover:hover) and (pointer:fine){
  .mn .lk:not(.on):hover{background:var(--azulc);color:var(--azul);box-shadow:inset 0 0 0 1.5px var(--azul)}
  .mn .lk:hover::before,.mn .lk:hover+.lk::before{display:none}
}

/* comprar por linha: botões iguais (o último igual aos outros) */
.li span{overflow-wrap:normal;hyphens:manual}
@media (min-width:1101px){ .lin{gap:9px}.li{padding:12px 3px;font-size:13px;letter-spacing:-.15px} }

/* ----- cartão: foto quadrada branca; nome 2 linhas; primeira aplicação; marca e código; preço + Pix; disponibilidade; Adicionar ----- */
.pg{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 14px}
.pc{position:relative;padding:10px 12px 12px;gap:6px}
@supports (grid-template-rows:subgrid){
  .pc{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:6px;align-content:start}
}
.pc>.fo{aspect-ratio:1/1;width:100%;height:auto;margin:0;background:#fff;border:1px solid var(--linha2);border-radius:10px;padding:8%}
.pc>.fo img{width:100%;height:100%;object-fit:contain}
.pc>.fo.ilus{padding:8%}
.fo.semfoto{background:var(--fundo)}
.fo.semfoto>i,.fo.semfoto i{color:var(--azul);opacity:1}
.pc>.fo.semfoto{padding:0}.pc>.fo.semfoto>i{font-size:64px}
.pc>.sel{position:absolute;top:16px;left:18px;z-index:2;box-shadow:0 1px 3px rgba(27,29,51,.18)}
.pc .pn{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;overflow-wrap:break-word;color:var(--tinta)}
.pc .pm,.pc .pa{overflow-wrap:normal}
.cdm{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.chm{display:inline-block;background:var(--azul);color:#fff!important;font-weight:800;font-size:13px;letter-spacing:.3px;padding:3px 8px;border-radius:6px;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.pp{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;font-size:20px;font-weight:900;margin:0;padding:0;line-height:1.2}
.pp-pix{font-size:14px;font-weight:800;color:var(--verde);white-space:nowrap}
.par{display:block;flex-basis:100%;font-size:13px;font-weight:700;color:var(--tinta);line-height:1.3}
.pc .pd{min-height:1.3em}.pc .pd .dsp{font-size:13.5px}
.pc .ad{margin-top:2px}
/* primeira aplicação: mini-tabela Modelo | Motor | Anos (colunas alinhadas). No cartão, altura FIXA de 3 linhas + "+ X carros". */
.apx{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;line-height:1.35;color:var(--tinta)}
.apx-g{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;column-gap:7px;row-gap:1px;align-items:baseline}
.apx-g .am{font-weight:700;overflow-wrap:normal;word-break:normal}
.apx-g .ao{overflow-wrap:normal}
.apx-g .aa{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.apx-g .f{color:var(--verde);font-weight:800}
.apx-g.sm{grid-template-columns:minmax(0,1fr) auto}.apx-g.sm .ao{display:none}
.apx-g.sm .am{overflow-wrap:anywhere}   /* v6r: último recurso para nome de modelo sem espaço maior que o cartão (ex.: "94...MODERNO"): nada passa da borda */
.apx-mais{font-weight:700;color:var(--azul);font-size:13.5px;align-self:flex-start;cursor:pointer}
.apx-mais:hover{text-decoration:underline}
/* v6r: alvo de toque do "ver todos"/"ver aplicação completa" com 24 px+ sem mudar a altura; no cartão as partes da mini-tabela não encolhem (senão a linha sai cortada ao meio e o encaixe não percebe) */
.apx-mais{position:relative}.apx-mais::after{content:"";position:absolute;inset:-4px -3px}
@media (pointer:coarse),(hover:none){ .apx-mais::after{inset:-12px -4px} }   /* celular: alvo de toque de 40 px+ sem mudar a altura */
.pc .apx-c>*{flex-shrink:0}
/* v6r: no cartão, uma linha por modelo (sem quebrar "Gol G5" nem "1.0 / 1.6" em duas): se não couber, o motor sai do cartão (fica na ficha) */
.pc .apx-c .apx-g:not(.sm)>span{white-space:nowrap}
.apt{display:-webkit-box;-webkit-line-clamp:var(--l,3);-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.pc .apx-c{height:calc(4 * 1.35em + 8px);overflow:hidden}
.eqv-ok{display:flex;gap:4px;align-items:flex-start;color:var(--verde);font-weight:700;font-size:13px;line-height:1.3}
.eqv-ok i{font-size:15px;flex-shrink:0;margin-top:1px}
.dr-t .eqv-ok{font-size:13px;color:var(--verde)}
/* ficha: ao lado da foto (até 5 linhas) */
.fi-dados .apx-f{font-size:15px;max-width:520px}
.fi-dados .apx-f .apx-g{column-gap:14px}
.fi-dados .apx-f .apx-mais{font-size:14.5px;background:none;padding:0;cursor:pointer}
.chipz{font-size:15px;padding:5px 11px}
.fi-dados .par{font-size:14.5px}
/* lista (celular e opção "Lista"): letras maiores e escuras */
.it .nm .apx{font-size:13.5px}
.it .nm>.par{font-size:13px}
.it .nm b{color:var(--tinta)}
@media (max-width:1100px){
  .it.itp{grid-template-columns:72px minmax(0,1fr) auto}
  .it.itp>.fo.fmini{width:72px;height:72px;background:#fff;border:1px solid var(--linha2);padding:4px}
  .it.itp>.fo.fmini.semfoto{background:var(--fundo);padding:0}
  .it.itp .nm b{font-size:15px}.it.itp .nm>span,.it.itp .nm .apx{font-size:13.5px}
  .pc>.fo.semfoto>i{font-size:48px}
}
@media (min-width:1101px){ .it.itp>.fo.fmini{width:64px;height:64px;background:#fff;border:1px solid var(--linha2);padding:4px}.it.itp>.fo.fmini.semfoto{background:var(--fundo);padding:0} }

/* ----- página de linha: sublinhas em quadrados grandes com ícone ----- */
.sq i{color:var(--azul)}.sq.on i{color:#fff}
@media (min-width:1101px){
  .sqs{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
  .ch.sq{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:98px;border-radius:14px;padding:12px 8px;white-space:normal;text-align:center;font-size:14px;font-weight:700;line-height:1.2;border-color:var(--linha)}
  .ch.sq i{font-size:30px}
  .ch.sq span{overflow-wrap:break-word}
}
@media (max-width:1100px){
  .ch.sq{gap:6px;font-weight:700}.ch.sq i{font-size:18px}
}
.ver-todas{font-size:15px}

/* ----- "Seu carro?" ----- */
.sc-faixa{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;background:var(--azul);color:#fff;border-radius:12px;padding:9px 10px 9px 12px;font-size:15px}
.sc-faixa>i{font-size:22px;color:var(--amarelo)}
.sc-faixa>span{flex:1;min-width:160px}
.sc-faixa .lk2{background:#fff}
.mont .ch.volt i{font-size:17px}
.mont-out .ch{font-weight:700}

/* ----- pedido: "Ver outros prazos" no retângulo azul-clarinho ----- */
.prz-b{display:inline-flex;align-items:center;margin-left:6px;font-size:13.5px;font-weight:800;color:var(--azul);text-decoration:underline;text-underline-offset:2px;padding:2px 2px;min-height:28px;position:relative}
.prz-b::after{content:"";position:absolute;inset:-8px -4px}
.prz{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.prz .ch{min-height:36px;font-size:14px;padding:6px 12px}
.prz-n{flex-basis:100%;font-size:13px;color:var(--cinza)}
/* quadro de detalhes ao parar o mouse num item do pedido (computador) */
.qd{position:fixed;z-index:65;width:330px;background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);padding:14px;display:flex;flex-direction:column;gap:9px;font-size:14px}
.qd-t{display:flex;gap:10px;align-items:flex-start}
.qd .fo.qd-f{width:72px;height:72px;background:#fff;border:1px solid var(--linha2);padding:4px;border-radius:10px}.qd .fo.qd-f i{font-size:34px}
.qd .fo.qd-f.semfoto{background:var(--fundo)}
.qd-n{display:flex;flex-direction:column;gap:5px;min-width:0}.qd-n b{font-size:15px;line-height:1.3}
.qd-p{display:flex;justify-content:space-between;gap:8px;font-size:14px;border-top:1px solid var(--linha2);padding-top:8px}.qd-p b{font-size:16px}
.qd-a{align-self:flex-start}
.cart .ci[data-id]{cursor:default;border-radius:6px}
@media (hover:hover) and (pointer:fine){ .cart .ci[data-id]:hover{background:var(--azulc)} }

/* ----- rodapé azul-marinho, 3 colunas ----- */
.rodape{background:var(--azul);color:#fff;padding-block:28px 34px}
.rod-in{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 36px}
.rod-c{display:flex;flex-direction:column;gap:4px;min-width:0}
.rod-c h2{font-size:16px;color:var(--amarelo);margin:0 0 6px}
.rod-l{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;font-weight:500;color:#fff;margin:0;padding:8px 0;min-height:40px;line-height:1.4;text-align:left;text-decoration:none}
.rod-l i{font-size:19px;flex-shrink:0;color:#fff;margin-top:1px}
.rod-l b{font-weight:800}
a.rod-l:hover span,button.rod-l:hover span{text-decoration:underline}
.rod-logo{font-size:28px;font-weight:900;font-style:italic;letter-spacing:-1px;line-height:1;margin:2px 0 8px}
.rod-logo small{display:block;font-size:13px;font-style:normal;font-weight:700;letter-spacing:1px;color:var(--amarelo);margin-top:4px}
.grid{padding-block:20px 28px}
@media (max-width:1100px){
  .grid,.grid.sem{padding-block:14px 24px}
  .rod-in{grid-template-columns:minmax(0,1fr);gap:18px}
  .rodape{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
}

/* ----- computador: nenhum texto abaixo de 13 px ----- */
@media (min-width:1101px){
  .aviso,.drt,.dr-t span,.dr.nada span,h3,.pm,.dsp,.sel,.it .nm>span,.vista button,.sc-cab span,.cods dt,.tab th,.med dt,.fi-ir>span,.fi-disp .sub,.fi-marca,
  .acs-it .nm span,.nota-of,.nota-ac,.nota,.ct a,.campo .erro,.rot,.etapas span,.marca-int,.aj-voz,.ouvir,.outra summary small,.inst-b .tx,.qm-n,.qm-a,.qm-c,.qm-sel,.qm-x span,.qm-x small,.qm-x b,
  .qm .ad .add,.qof-s .qm .ad .add,.qm .qt input,.pn-it,.pn-hist,.priv,.cfr .alt,.qof-reg summary,.qof-reg-t,.fo.foto.ilus .fo-ilus,.pc .fo.ilus .fo-ilus,.qf .fo.ilus .fo-ilus{font-size:13px}
  .qm-n{min-height:34px}
  .mh{font-size:13px}
  .tab{font-size:14.5px}
  .pc .fo.ilus .fo-ilus{left:6px;bottom:6px}
  .lk2{font-size:14px}
}
/* ----- logo oficial no topo e no rodapé: retângulo branco de cantos arredondados ----- */
.logo{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:6px 9px;line-height:0;flex-shrink:0}
.logo img{height:40px;width:auto;display:block}
.rod-logo{display:inline-flex;align-self:flex-start;background:#fff;border-radius:10px;padding:7px 10px;line-height:0;margin:2px 0 10px}
.rod-logo img{height:40px;width:auto;display:block}
@media (max-width:1100px){ .logo{padding:4px 6px;margin-right:auto;border-radius:8px}.logo img{height:31px} }
@media (max-width:400px){ .logo img{height:30px}.top-in{gap:8px 5px}
  /* v6: com o logo oficial, o "Instalar o app" do topo sai em telas de até 400 px (continua no rodapé e em Cadastro e contato) */
  .inst-b{display:none!important} }
/* ----- microfone ouvindo: barrinhas (só animação), texto ao vivo ----- */
.mic.ouvindo{background:var(--azul);color:#fff;animation:none;box-shadow:0 0 0 3px #c9cdf2}
.ond{display:inline-flex;align-items:center;justify-content:center;gap:2.5px;height:20px}
.ond span{display:block;width:3px;height:6px;border-radius:2px;background:#fff;animation:ond .9s ease-in-out infinite}
.ond span:nth-child(2){animation-delay:.12s}.ond span:nth-child(3){animation-delay:.24s}.ond span:nth-child(4){animation-delay:.36s}.ond span:nth-child(5){animation-delay:.48s}
@keyframes ond{0%,100%{height:5px}50%{height:18px}}
@media (prefers-reduced-motion:reduce){ .ond span{animation:none!important}.ond span:nth-child(2),.ond span:nth-child(4){height:12px}.ond span:nth-child(3){height:17px} }
input.parcial,textarea.parcial{font-style:italic;color:#3d4160}
.mic-msg{font-size:14px;font-weight:700;color:var(--vermelho);background:#fff;border:1px solid #e9b9b4;border-radius:10px;padding:7px 11px;margin-top:6px}
.mic-msg-top{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;z-index:9;box-shadow:var(--sombra)}
.aj-pe+.mic-msg,.mic-msg+.aj-pe{margin:0 12px}
.conf{color:#17683a}
/* cartões por fileira automáticos: 4 no monitor (1440), 3 no notebook menor / 1024, 2 no tablet; celular = lista */
@media (max-width:1100px){ .pg{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))} }
/* v7 — busca inteligente: "Você procura" (abdução), botões de refino (eliminação), "Você quis dizer", aviso "Mostrando", peças parecidas. Discretos: chips pequenos, sem caixa nova. */
.abd,.ref,.quis{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 10px}
.abd>span,.quis>span{font-size:13.5px;font-weight:700;color:var(--cinza);margin-right:2px}
.abd .ch,.ref .ch,.quis .ch{min-height:40px;padding:5px 11px;font-size:13.5px;font-weight:600;gap:6px;white-space:nowrap}
.abd .ch i,.ref .ch i{font-size:14px}
.ref-n,.quis-n{font-size:12px;font-weight:700;color:var(--claro)}
.ch.on .ref-n{color:#dfe2ff}
@media (min-width:1101px){.ref-n,.quis-n,.dr.nada .quis span.quis-n{font-size:13px}}   /* regra da v6: no computador nenhuma letra abaixo de 13 px (contagem do refino tinha 12) */
.ref .ref-limpa{min-height:40px;padding:5px 10px;font-size:13.5px}
.quis-d{margin:8px 0 4px}.quis-d .ch{background:#fff}
.dr.nada .quis span.quis-n{display:inline;margin:0;font-size:12px}
.dr.nada .quis>span{display:inline;margin:0 2px 0 0;font-size:13px}
.sub.auto{display:flex;align-items:center;gap:6px;margin-bottom:6px}.sub.auto i{color:var(--azul);font-size:16px}
.drt-auto{color:var(--tinta)}
.par-sec .par-conf{font-size:14px;font-weight:600;color:var(--cinza)}
/* celular: cada fileira numa linha só, que corre de lado com o dedo (não empurra a lista para baixo) */
@media (max-width:760px){
  .abd,.ref{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px 4px}
  .abd::-webkit-scrollbar,.ref::-webkit-scrollbar{display:none}
  .abd>*,.ref>*{flex:0 0 auto}
  .abd .ch,.ref .ch,.quis .ch{font-size:13px;padding:5px 10px;min-height:40px}
  .abd{margin-bottom:6px}
}

/* ===================== v8 (31/10, ajustes do dono no celular e no computador) ===================== */
/* 1 · lista = um CARTÃO por peça, com o fundo azul aparecendo entre eles (celular, opção "Lista" no computador e lista suspensa da busca) */
.lst.lc{background:none;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lst.lc>.it{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 14px;border-top:1px solid var(--linha)}
.lst.lc>.it:first-child{border-top:1px solid var(--linha)}
/* 3/13 · o cartão inteiro abre a ficha (só o Adicionar adiciona) */
.pc[data-id],.lst.lc>.it.itp[data-id]{cursor:pointer}
@media (hover:hover) and (pointer:fine){ .pc[data-id]:hover,.lst.lc>.it.itp[data-id]:hover{border-color:var(--azul);box-shadow:0 2px 10px rgba(43,47,121,.10)} }
.pc .ad,.lst.lc .it .ad{cursor:default}
/* 18 · tamanho PADRÃO do cartão em todo o site (o da tela inicial): mesma altura mínima para todos; a sobra fica antes do preço (preço e Adicionar sempre no pé) */
.lst.lc .it.itp .nm>a{display:block}
.lst.lc .it.itp .nm>a>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.lst.lc .it.itp .nm{gap:3px}
@media (max-width:1100px){
  /* dono 01/11: linha da lista do celular sem o vão vazio entre "Em estoque" e o preço — cada cartão tem a altura do que mostra */
  .lst.lc>.it.itp{min-height:0;align-items:start}
  .lst.lc>.it.itp>.pr,.lst.lc>.it.itp>.ad{align-self:center}
}
@media (min-width:1101px){ .lst.lc>.it.itp{min-height:132px} }
/* lista suspensa da busca com os mesmos cartões */
.drop .drl{margin:2px -8px 4px;padding:8px;background:var(--fundo);border-radius:12px}
.drop .drl>.it{padding:10px 12px}
.drop .drl .it.itp .nm>a{padding-block:0;margin-block:0}
/* 4/5 · peça só com texto: o carro procurado numa 1ª linha verde */
.apx-g1{margin-bottom:1px}
/* 12 · "← Voltar" no começo da linha do "N peças"; ao lado, os tipos do carro procurado */
.cnt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:2px 0 0}
.cnt .volta{margin:0}
.cnt-n{font-size:15px;color:var(--tinta)}
.cnt-v{display:flex;flex-wrap:wrap;gap:8px}
.cnt-v .ch{min-height:40px;padding:5px 12px;font-size:14px;font-weight:700;gap:6px}
.cnt-v .ch.on{background:var(--azul);border-color:var(--azul);color:#fff}.cnt-v .ch.on .ref-n{color:#fff}
.cnt-exp{margin-top:-4px}
.sc-esc8{margin-top:2px}
/* 22 · Oferta do dia / Ponta de estoque separadas; vazia, frase curta */
.vazio-of{display:flex;gap:12px;align-items:flex-start}.vazio-of>i{font-size:26px;color:var(--azul);flex-shrink:0;margin-top:1px}
.vazio-of b{display:block;font-size:16px;margin-bottom:2px}.vazio-of span{color:var(--tinta)}
.of-outra{margin:6px 0 0;text-align:center}.of-outra .lk{display:inline-flex;gap:6px;align-items:center;padding:8px 4px}
/* 23 · "Contato" no topo do celular (no computador fica a coluna da esquerda) e tela cheia */
.ct-b{display:none}
@media (max-width:1100px){
  .fale-b{display:none!important}
  .ct-b{display:flex;flex-direction:column;gap:0;font-size:11px;font-weight:700;line-height:1.1;padding:0 2px;min-width:44px;justify-content:center}.ct-b i{font-size:20px}
}
body.tc-on .mini,body.tc-on .bot{display:none!important}
.tc{max-width:760px;margin:0 auto;padding-top:0;padding-bottom:28px;display:flex;flex-direction:column;gap:14px;min-height:100vh}
.tc-cab{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--azul);color:#fff;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding:10px max(16px,env(safe-area-inset-left,0px));padding-top:calc(10px + env(safe-area-inset-top,0px))}
.tc-cab .volta,.tc-cab .tc-x{color:#fff;margin:0;min-height:40px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px}
.tc-cab .tc-x{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:0 12px}
.tc-t{font-size:16px}
.perg-ct{display:flex;flex-direction:column;gap:10px}
/* 14 · bolinha ao lado do microfone no Pedido rápido */
.rap-w .vz-b{position:absolute;right:8px;top:56px}
.rap-w textarea.lista{padding-right:58px}
/* 24 · cadastro conversando (bolinha) */
.cad-cab{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.cad-cab>div:first-child{flex:1;min-width:200px}
.cad-vzb{display:inline-flex;align-items:center;gap:8px;border:1px solid #c9ccdc;background:#fff;border-radius:99px;padding:4px 14px 4px 4px;font-weight:700;color:var(--azul);font-size:14px;min-height:48px;align-self:center}
.cad-vzb:hover{background:var(--azulc)}
.cad-vzb .cad-vz{width:40px;height:40px}
.cad-c{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--azulc);border-radius:14px;padding:12px}
.cad-c .cad-q{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.cad-c .cad-q b{font-size:15px}
.cad-c .vz-orbe.cad-orbe{width:56px;height:56px;flex-shrink:0;box-shadow:none}
.cad-c .cad-orbe .vz-ondas{height:26px;gap:3px}.cad-c .cad-orbe .vz-ondas i{width:4px}
.cad-fim{background:var(--verdec)}.cad-fim>i{font-size:24px;color:var(--verde)}
.campo input.cad-alvo{border-color:var(--azul);box-shadow:0 0 0 3px #c9cdf2}
.campo input.cad-ok{border-color:var(--verde)}
@media (min-width:1101px){ .cnt-n,.cad-vz-t{font-size:15px} }
/* lista/celular: motor e anos nunca quebram no meio ("1.3 a 1.8", "2000–2026"); só o nome comprido do carro pode ir para a 2ª linha */
.lst.lc .apx-l .apx-g:not(.sm) .ao,.lst.lc .apx-l .apx-g .aa{white-space:nowrap}

@media (max-width:380px){ .ct-b{min-width:0;padding:0 1px;font-size:10.5px}.ct-b i{font-size:19px} }   /* 360 px: logo, Pix, Ajuda e Contato numa fileira só */
@media (max-width:440px){ .top-in{column-gap:4px}.ct-b{min-width:0;padding:0 2px;font-size:10.5px} }   /* 412 px: o "Instalar o app" continua no topo, ao lado do Contato */
@media (max-width:380px){ .pix{padding:5px 5px}.aj-b{padding:0 6px} }
/* 25 · ficha: barra "Pergunte sobre esta peça" (campo + microfone + bolinha) e atalhos pequenos; no celular, 1 linha + 1 linha de atalhos que corre de lado */
.pp-bar{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.pp-f{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--campo,#7d81a3);border-radius:12px;padding:3px 4px 3px 10px;min-height:48px}
.pp-f:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px #c9cdf2}
.pp-f>i{font-size:20px;color:var(--azul);flex-shrink:0}
.pp-f input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;padding:8px 2px}
.pp-f input::placeholder{color:var(--ph,#5d6180);opacity:1}
.pp-f .mic,.pp-f .vz-b{flex-shrink:0}
.pp-env{width:40px;height:40px;border-radius:10px;background:var(--azul);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pp-env i{font-size:19px}
.pp-at{display:flex;flex-wrap:wrap;gap:6px}
.pp-b{display:inline-flex;align-items:center;gap:5px;border:1px solid #c9ccdc;background:#fff;border-radius:99px;padding:5px 11px;font-size:13.5px;font-weight:700;color:var(--azul);min-height:36px;white-space:nowrap;position:relative}
.pp-b::after{content:"";position:absolute;inset:-3px 0}
.pp-b i{font-size:16px}.pp-b:hover{background:var(--azulc)}
@media (max-width:1100px){
  .pp-at{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:2px 2px 4px}.pp-at::-webkit-scrollbar{display:none}
  .pp-b{min-height:40px;font-size:13px}
}
@media (min-width:1101px){ .pp-b{font-size:13.5px} }
.realce{outline:3px solid var(--amarelo);outline-offset:4px;border-radius:12px;transition:outline-color .4s}
@media (max-width:1100px){ .pp-f>i{display:none}.pp-f{padding-left:12px;gap:5px} }
/* 26 · celular (até 480 px) e computador: nenhuma letra abaixo de 13 px (auditoria 31/10) */
.fo.fmini.ilus{overflow:visible}
.fo.fmini.ilus .fo-ilus{top:calc(100% + 3px);bottom:auto;left:-6px;right:-6px;background:none;border:0;font-size:13px;font-weight:600;letter-spacing:-.2px;line-height:1.2;color:var(--cinza);text-transform:none;padding:0}
.fo.foto.ilus .fo-ilus,.fo.foto.ilus .fo-ilus-a{font-size:13px}
@media (max-width:480px),(orientation:landscape) and (max-height:500px){
  .bot a{font-size:13px;letter-spacing:-.1px}
  .aj-voz{font-size:13px}
  .cods dt,.med dt{font-size:13px}
  .rot{font-size:13px}
  .li span,.li{font-size:13px}
  .dsp,.pd .dsp,.lin2 .dsp{font-size:13px}
  .ref-n,.quis-n{font-size:13px}
  .tab th{font-size:13px}
  .cel-t{font-size:13px}
  .ct-b{font-size:13px}
}
@media (max-width:380px){ .logo img{height:27px}.pix{padding:4px 5px}.aj-b{padding:0 5px;gap:2px}.top-in{column-gap:3px} }
@media (max-width:440px){ .inst-b{display:none!important} }   /* com o "Contato" (que tem o "Instalar o app" dentro) e letras de 13 px, o ícone de instalar sai do topo até 440 px; continua no rodapé e no Contato */
.bot .bd{font-size:13px;min-width:20px;height:20px;line-height:20px}
.fo.peq.ilus{overflow:visible}
.fo.peq.ilus .fo-ilus{top:calc(100% + 2px);bottom:auto;left:-8px;right:-8px;background:none;border:0;font-size:13px;font-weight:600;line-height:1.15;color:var(--cinza);text-transform:none;padding:0;white-space:normal}
@media (max-width:480px),(orientation:landscape) and (max-height:500px){ .ped .it .nm>span,.it .nm>span,.nota,.nota-of,.nota-ac{font-size:13px} }
.pp-f input{min-height:42px}
.of-outra .lk{min-height:40px}
/* 29 · instalar o app: passo a passo com o desenho do botão certo */
.inst-p{display:flex;flex-direction:column;gap:8px;align-items:stretch;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:14px}
.inst-p .inst-t{display:flex;align-items:center;gap:8px;font-size:16px}.inst-p .inst-t i{font-size:22px;color:var(--azul)}
.inst-p ol{margin:0;padding:0;list-style:none;counter-reset:p;display:flex;flex-direction:column;gap:10px}
.inst-p li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.35;counter-increment:p}
.inst-p li::before{content:counter(p);flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--azul);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.inst-ic{flex-shrink:0;width:40px;height:40px;border-radius:10px;border:1px solid var(--linha);background:var(--azulc);display:flex;align-items:center;justify-content:center}.inst-ic i{font-size:24px;color:var(--azul)}
.inst-ok{display:flex;gap:10px;align-items:center;background:var(--verdec);border-radius:12px;padding:12px;font-weight:700;color:var(--verde)}.inst-ok i{font-size:22px}
/* 30 · tela de envio: ajuda do 1º campo para quem não tem empresa */
.dica-campo{font-size:13px;font-weight:500;color:var(--cinza);line-height:1.3}
/* 29 · instalar: faixa discreta (dentro da página, empurra; nunca cobre), passos com desenho próprio, seta do Safari */
.faixa-inst{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--linha);border-left:4px solid var(--azul);border-radius:12px;padding:8px 10px}
.faixa-inst .fi-k{color:var(--azul);display:flex}.faixa-inst .fi-t{flex:1;min-width:180px;font-size:14px;line-height:1.3}
.faixa-inst .fi-b{display:flex;gap:6px;align-items:center}.faixa-inst .btn{min-height:40px;padding:0 14px}.faixa-inst .lk2{min-height:40px}
.inst-p li{font-size:15px}.inst-p .inst-ic{color:var(--azul)}
.inst-chrome{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;min-height:52px}
.inst-ok{align-items:flex-start}.inst-ok>div{display:flex;flex-direction:column;gap:6px}.inst-ok span{font-weight:500;color:var(--tinta);font-size:15px}.inst-ok svg{flex-shrink:0;color:var(--verde)}
.quer-app{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quer-app>i{font-size:24px;color:var(--azul)}.quer-app span{flex:1;min-width:180px;font-weight:600}
.inst-seta{position:fixed;left:50%;bottom:calc(6px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;color:var(--amarelo);filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));animation:instseta 1.1s ease-in-out infinite;pointer-events:none}
.inst-seta.topo{top:calc(4px + env(safe-area-inset-top,0px));bottom:auto;left:auto;right:90px;transform:rotate(180deg);animation-name:instseta2}
@keyframes instseta{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}
@keyframes instseta2{0%,100%{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(10px)}}
@media (prefers-reduced-motion:reduce){.inst-seta{animation:none}}

/* paisagem (celular deitado): cabeçalho compacto, 2 colunas de cartões, nada fixo comendo a tela, entalhe do iPhone */
@media (orientation:landscape) and (max-height:500px){
  .top{padding-block:6px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .top-in{flex-wrap:nowrap;gap:8px}
  .top-in .bs{order:0;flex:1 1 auto;min-width:200px;margin:0}
  .logo img{height:26px}
  .pix .cel-t{white-space:nowrap}
  .lst.lc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lst.lc>.it.itp{min-height:0}
  .bot{padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  .bot a{padding-block:4px}
  .aj{max-height:100vh}
}
@media (orientation:landscape) and (max-height:500px){ .gruda,.chipsw.gruda{position:static!important}.dica-l{position:static!important} .mini{bottom:56px} }
@media (max-width:480px),(orientation:landscape) and (max-height:500px){ .fi-ir>span{font-size:13px} }
/* v8 · atualização: pedido reconferido e sem internet */
.faixa-off{display:flex;align-items:center;gap:8px;background:#FFF6DA;border:1px solid #f0d58a;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600;color:var(--tinta)}.faixa-off i{font-size:20px;color:var(--ambar)}
.fora-cat{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-color:#f0c0bb;background:var(--vermc)}.fora-cat>i{font-size:22px;color:var(--vermelho)}.fora-cat>div{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.fora-cat span{font-size:14px}
.nota-preco{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--ambar)}.nota-preco i{font-size:15px}
/* v8 (dono 01/11 05:34): histórico de pedidos enviados (no botão Pedido) e o "pulinho" do balão vermelho */
.hist-lnk{display:flex;align-items:center;gap:8px;width:100%;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:10px 14px;margin:0 0 10px;font:inherit;font-size:14.5px;font-weight:700;color:var(--azul);cursor:pointer;text-align:left}
.hist-lnk span{flex:1}.hist-lnk i{font-size:18px}
.hist{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.hist h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0}.hist h2 i{color:var(--azul)}
.hp{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.hp-l{flex:1 1 200px;min-width:0;display:flex;flex-direction:column}.hp-l b{font-size:15px}.hp-l span{font-size:13.5px;color:var(--cinza)}
.hp .bts{margin:0}
.hp-its{flex-basis:100%;margin:2px 0 0;padding:8px 0 0 18px;border-top:1px solid var(--linha2);font-size:13.5px;color:var(--tinta)}.hp-its li{margin:3px 0}
@keyframes ks-pulo{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
.bot .bd.pulo{animation:ks-pulo .32s ease-out}
@media (prefers-reduced-motion:reduce){.bot .bd.pulo{animation:none}}
/* dono 01/11: linha do caminho maior (13,5 -> 15px); etapas tocáveis em azul, a última em negrito escuro */
.migalha{font-size:15px;line-height:1.5}.migalha a,.migalha .mg-a{color:var(--azul);font-weight:600}.migalha b{color:var(--tinta);font-weight:800}
/* dono 01/11: a contagem de peças nos botões numa bolinha cinza clarinha (só o número, não parece estoque) */
.ref-n{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;margin-left:4px;border-radius:11px;background:#eceef3;color:#4a4f63;font-size:13px;font-weight:700;line-height:1}
.ch.on .ref-n,.cnt-v .ch.on .ref-n{background:rgba(255,255,255,.22);color:#fff}
/* (13 px em todas as larguras: regra das letras) */
/* dono 01/11: recomendação do eixo, dica de descer (celular) e voltar ao topo na ficha */
.eixo{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:14px;color:var(--tinta);background:var(--azulc);border-radius:10px;padding:8px 10px}.eixo i{color:var(--azul);margin-top:2px}
.fi-desce{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:35;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:20px;padding:8px 14px;background:rgba(31,35,64,.86);color:#fff;font:inherit;font-size:13.5px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer;white-space:nowrap}
.fi-topo{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(140px + env(safe-area-inset-bottom,0px));z-index:35;width:44px;height:44px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--azul);box-shadow:0 4px 14px rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer}
.fi-topo[hidden]{display:none}
@media (min-width:1101px){.fi-topo{bottom:28px;right:28px}}
@media (prefers-reduced-motion:no-preference){.fi-desce{animation:ks-sobe .3s ease-out}@keyframes ks-sobe{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}}
/* dono 01/11: no computador o bonequinho "Contato" também fica no topo, no canto direito */
@media (min-width:1101px){.ct-b{display:flex}}
.atalho-pm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 2px;font-size:14px;color:var(--tinta)}.atalho-pm i{color:var(--azul)}.atalho-pm a{color:var(--azul);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* ===== dono 01/11 13h: oferta do dia (aberta / recolhida), amarelo = oferta, selinho "hoje", faixa do Voltar ===== */
.qof-r{padding:0;border-width:2px;border-radius:14px;background:#fffbea}
.qof-fx{display:flex;align-items:center;gap:6px;width:100%;min-height:48px;padding:8px 14px;border:0;background:none;font:inherit;font-size:15px;color:var(--tinta);text-align:left;cursor:pointer;border-radius:12px}
.qof-fx b{font-weight:800;color:var(--azul);white-space:nowrap}
.qof-fx-ic{width:30px;height:30px;border-radius:8px;background:var(--amarelo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qof-fx-ic i{font-size:19px;color:var(--azul)}
.qof-fx-i{color:var(--cinza);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.qof-fx-v{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font-weight:800;color:var(--azul);white-space:nowrap;font-size:14.5px}
@media (hover:hover) and (pointer:fine){ .qof-fx:hover{background:#fff4cc} }
.qof-rec{margin-left:auto;display:inline-flex;align-items:center;gap:4px;border:1px solid #c5c9ef;background:var(--azulc);color:var(--azul);border-radius:10px;padding:7px 12px;min-height:40px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.qof-rec i{font-size:17px}
.qof-fw{position:relative;min-width:0}
/* os cartões do quadro ficam da MESMA largura dos cartões do site (~178 px no computador): a fileira usa também a folga interna do quadro */
.qof-fw{margin-inline:-12px}
.qof-fila{display:grid;grid-auto-flow:column;grid-auto-columns:max(160px,calc((100% - 30px) / 4));gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 0 8px}
.qof-fila>.pc{scroll-snap-align:start}
.qof-seta{position:absolute;top:calc(50% - 26px);z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--azul);box-shadow:0 3px 10px rgba(27,29,51,.18);display:flex;align-items:center;justify-content:center;cursor:pointer}
.qof-seta i{font-size:22px}.qof-seta.e{left:-8px}.qof-seta.d{right:-8px}.qof-seta[hidden]{display:none}
.qof-pe{text-align:center}
.qof-todas{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--azul);font-size:15px;padding:6px 8px;min-height:40px}
.qof-1{margin:0}
@media (max-width:1100px){
  .qof-a{padding:12px}
  .qof-fx{font-size:14.5px;padding:8px 12px}
  .qof-rec{padding:6px 10px;font-size:13.5px}
}
@media (max-width:420px){ .qof-fx-i .qof-tr{display:none} }
/* preço normal riscado (só nas peças da oferta) */
.pp-de{display:block;flex-basis:100%;width:100%;color:var(--claro);font-size:13px;font-weight:600;text-decoration:line-through;line-height:1.2}
.pr-de{display:block;color:var(--claro);font-size:13px;font-weight:600;text-decoration:line-through;line-height:1.2}
/* amarelo = oferta: peça da oferta do dia com borda amarela fina; "Desconto maior" com borda forte e fundo amarelo-claro (só a oferta usa amarelo) */
.pc.ofp,.lst.lc>.it.itp.ofp,.drl .it.itp.ofp{border-color:var(--amarelo)}
.pc.ofp.forte,.lst.lc>.it.itp.ofp.forte,.drl .it.itp.ofp.forte{border-color:var(--amarelo);box-shadow:inset 0 0 0 1.5px var(--amarelo);background:#fffbea}
@media (hover:hover) and (pointer:fine){ .pc.ofp:hover,.lst.lc>.it.itp.ofp:hover{border-color:#e0a800} }
/* selinho "hoje" fixo na "Oferta do dia" da coluna e no botão Ofertas da barra; um pulso só quando a oferta recolhe */
/* dono 01/11 17h05: bolinha amarela parada (como o aviso de novidade do celular), sem palavra */
.selo-hoje{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--amarelo);box-shadow:0 0 0 2px #fff}
.mn .lk .selo-hoje{position:absolute;right:12px;top:50%;margin-top:-5px}
.mn .lk.on .selo-hoje{box-shadow:0 0 0 2px var(--azul)}
.bot a .selo-hoje{position:absolute;top:5px;left:calc(50% + 9px)}
.selo-hoje.pulsa{animation:hojePulso .6s ease-out 1}
@keyframes hojePulso{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){ .selo-hoje.pulsa{animation:none} }
/* faixa do Voltar sempre ao alcance */
.fx-volta{position:fixed;left:0;right:0;z-index:29;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--linha);box-shadow:0 3px 10px rgba(27,29,51,.10);padding:6px 16px;min-height:46px}
.fx-volta[hidden]{display:none}
.fx-volta .volta{margin:0;flex-shrink:0;min-height:36px}
.fx-volta .migalha{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
@media (min-width:1101px){ .fx-volta{border:1px solid var(--linha);border-top:0;border-radius:0 0 12px 12px;padding:6px 14px} }
body.fx-on #dica-rolagem{transform:translateY(var(--fx-h,46px))}
/* regra da casa: nenhuma letra abaixo de 13 px no celular (selos da oferta, subtítulo e condição do quadro, selinho "hoje") */
@media (max-width:1100px){ .qof .qof-sub,.qof .qof-cond{font-size:13px} .sel,.sel.df,.sel.of{font-size:13px} }
@media (max-width:1100px){ .sel.grande{font-size:14px} }
/* dono 01/11 17h: campos com X para apagar de uma vez e "✓ Guardado" discreto (o cadastro e o pedido guardam sozinhos) */
.campo-w{position:relative;display:block}
.campo-w input{padding-right:46px!important}
.campo-x{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;color:var(--claro);display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}
.campo-x i{font-size:19px}.campo-x[hidden]{display:none}
@media (hover:hover) and (pointer:fine){ .campo-x:hover{color:var(--tinta);background:var(--fundo)} }
.campo .guard{margin-left:8px;font-style:normal;font-size:13px;font-weight:700;color:var(--verde);display:inline-flex;align-items:center;gap:2px}
.campo .guard i{font-size:14px}.campo .guard[hidden]{display:none}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.cad-h{font-size:16px;margin:14px 0 6px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cad-h .sub{font-size:13px;font-weight:500}
.cad-par+.cad-par{margin-top:8px;padding-top:8px;border-top:1px dashed var(--linha2)}
/* tela "Confere e envia": lápis em cada linha e "Alterar dados" visível */
.cfr-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.cfr-cab h2{font-size:17px;margin:0}
.cfr-alt{display:inline-flex;align-items:center;gap:6px;min-height:40px}
.cfr-l{align-items:center}
.cfr-l b{flex:1}
.cfr-ed{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--linha);background:#fff;color:var(--azul);border-radius:9px;padding:6px 9px;min-height:36px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0}
.cfr-ed i{font-size:16px}
@media (max-width:420px){ .cfr-ed span{display:none} .cfr-ed{padding:6px 8px} }
.cfr-ed span{color:var(--azul)!important;font-size:13px!important}

/* ===== Etapa I (J506, J508, J510): ficha completa do relatório portal-modo-provisorio-e-definitivo.pdf ===== */
/* foto em quadrado branco em todas as peças (ficha 800 × 800; carrinho, pedido, oferta e listas também brancas) */
.fi-foto .fo.foto{aspect-ratio:1/1;width:100%;height:auto;background:#fff;border:1px solid var(--linha2);border-radius:14px;padding:6%;box-sizing:border-box}
.fi-foto .fo.foto.semfoto{background:#fff;padding:0}
.fo:not(.semfoto){background:#fff}
.fo.peq:not(.semfoto){border:1px solid var(--linha2);padding:3px;box-sizing:border-box}
@media (max-width:700px){ .fi-foto .fo.foto{height:auto;max-width:520px;margin-inline:auto} }
/* quadro azul de recomendação */
.rec{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--tinta);background:var(--azulc);border-radius:10px;padding:9px 12px;margin-top:2px}.rec i{color:var(--azul);margin-top:2px;flex-shrink:0}
/* tabelas 3, 4 e 5: título azul com letra branca */
.tz{border-collapse:separate;border-spacing:0;font-size:14px}
.tz thead th{background:var(--azul);color:#fff;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700;padding:9px 10px;border:0;white-space:nowrap}
.tz thead th:first-child{border-top-left-radius:8px}.tz thead th:last-child{border-top-right-radius:8px}
.tz tbody th{text-transform:none;letter-spacing:0;font-size:14px;color:var(--tinta)}
.tz td,.tz tbody th{padding:8px 10px;border-bottom:1px solid var(--linha2);text-align:left;font-weight:400;vertical-align:top}
.tz td.rep{color:#6f7389}   /* cinza claro que ainda passa no contraste AA (4,7:1) */
.t3 tr.f td,.t3 tr.f th{background:var(--verdec);color:var(--verde)}.t3 tr.f td b,.t3 tr.f th b{color:var(--verde)}
.t3w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.t3-pcw .t3 td:nth-child(n){white-space:normal}.t3-pcw .t3 td.nw{white-space:nowrap}
.t3-celw,.t3-dica{display:none}
.t3-todas{align-self:flex-start;display:inline-flex;align-items:center;gap:5px}
.tv td:first-child{color:var(--cinza);width:42%}.tv td.cd{font-weight:600;overflow-wrap:anywhere}
.t45{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 24px;align-items:start}
.t45-b{display:flex;flex-direction:column;gap:10px;min-width:0}.t45-b .tv+.tv{margin-top:4px}
.fi-sobre-t{margin-top:8px}
.fi-sobre{margin:0;font-size:14.5px;line-height:1.5}
.faq{border:1px solid var(--linha);border-radius:12px;padding:6px 14px 8px;display:flex;flex-direction:column}
.faq h3{margin:6px 0 4px;font-size:13px;font-weight:800;color:var(--azul);text-transform:uppercase;letter-spacing:.5px}
.faq details{border-top:1px solid var(--linha2);padding:9px 0}.faq details:first-of-type{border-top:0}
.faq summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;gap:6px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}.faq summary::before{content:"▸";color:var(--azul)}.faq details[open] summary::before{content:"▾"}
.faq p{margin:4px 0 0 14px;font-size:14px;color:var(--cinza)}
@media (max-width:700px){
  .t3-pcw{display:none}
  .t3-celw{display:block;scroll-snap-type:x proximity;overscroll-behavior-x:contain;margin-inline:-2px}
  .t3c{min-width:100%}
  .t3c thead th,.t3c td,.t3c tbody th{white-space:nowrap;scroll-snap-align:start}
  .t3c td:last-child{white-space:normal;min-width:120px}
  .t3c thead th:first-child,.t3c tbody th{position:sticky;left:0;z-index:2;background:#fff;border-right:1px solid var(--linha);white-space:nowrap}
  .t3c thead th:first-child{background:var(--azul);z-index:3}
  .t3c tr.f th{background:var(--verdec)}
  .t3-dica{display:flex;align-items:center;gap:6px;background:var(--azulc);color:var(--azul);font-weight:700;font-size:13px;border-radius:9px;padding:7px 10px}.t3-dica[hidden]{display:none}
  .t45{grid-template-columns:minmax(0,1fr)}
}
/* ===== Etapa I: página da linha no celular (dono 02/11 19h13) ===== */
.sc-mt{font-size:13px;font-weight:700;color:var(--claro);margin:2px 0 -4px}
@media (max-width:1100px){
  .chipsw.sqw{background:#e9edfb;border-radius:0;padding:10px 0 10px;margin-inline:-16px;margin-bottom:6px}
  .chipsw.sqw .chips{margin-inline:0;padding-inline:16px}
  .chipsw.sqw .ch.sq{background:#fff;border-color:#d3d8ee}
  .chipsw.sqw .ch.sq.on{background:var(--azul);border-color:var(--azul);color:#fff}
  .chipsw.gruda.sqw{background:#e9edfb;padding-block:10px;margin-block:-8px 6px}
  .chipsw.sqw.corre::after{content:"";position:absolute;right:0;top:0;bottom:0;width:46px;pointer-events:none;background:linear-gradient(90deg,rgba(233,237,251,0),#e9edfb 78%)}
  .chipsw.sqw .seta-c{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:1;width:28px;height:28px;border-radius:50%;border:1px solid #d3d8ee;background:#fff;color:var(--azul);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;box-shadow:0 1px 3px rgba(27,29,51,.12)}
  .chipsw.sqw:not(.corre) .seta-c{display:none}
}
@media (min-width:1101px){ .chipsw .seta-c{display:none} }

/* Etapa I (revisão independente): peça sem foto também em quadro branco */
.fo.semfoto,.pc>.fo.semfoto,.it.itp>.fo.fmini.semfoto,.qd .fo.qd-f.semfoto{background:#fff;border:1px solid var(--linha2)}

/* ===== Ajustes do dono, 02/11 22h04 ===== */
/* montadoras: faixa azul clarinha atrás dos botões, como a dos tipos de peça; borda mais visível; botões um pouco maiores (computador e celular) */
.sc-mf{background:#e9edfb;border-radius:12px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}
.sc-mf .sc-mt{margin:0;font-size:13.5px;font-weight:700;color:var(--claro)}
.sc-mf .sc-p{display:flex;flex-direction:column;gap:8px}
.sc-mf .ch{background:#fff;border:1.5px solid #a9aed0;min-height:42px;padding:8px 16px;font-size:15px;font-weight:700}
.sc-mf .ch:hover:not(.on){background:var(--azulc);border-color:var(--azul)}
.sc-mf .ch.on,.sc-mf .ch.on:hover{background:var(--azul);border-color:var(--azul);color:#fff}
@media (max-width:480px){ .sc-mf{margin-inline:-4px;padding:10px 10px 12px} .sc-mf .ch{padding:8px 14px} }
/* foto (vitrine) no Pedido rápido e voz + foto no pedido */
.ft-b{width:40px;height:40px;border-radius:50%;border:1.5px solid #a9aed0;background:#fff;color:var(--azul);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
.ft-b i{font-size:20px}.ft-b:hover{background:var(--azulc);border-color:var(--azul)}
.rap-w .ft-b{position:absolute;right:8px;top:104px}
.ct-voz{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--cinza);background:var(--azulc);border-radius:10px;padding:6px 8px 6px 12px;margin:2px 0 8px}
.ct-voz>span{flex:1}   /* só o texto; a bolinha fica igual à do campo de busca (40 px, risquinhos no centro) */
/* tabela 3 no celular: parte fixa azul clarinha, título "Carro e motor", degradê e setinha mostrando que corre para o lado */
.t3-n{font-size:14px;font-weight:600;color:var(--cinza)}
.t3c-w{position:relative;min-width:0;max-width:100%}   /* item de flex: sem isto a tabela larga alarga o quadro */
@media (max-width:700px){
  .t3c-w{display:block}
  .t3c tbody th{background:#f1f3fc;white-space:nowrap}
  .t3c-w.corre::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 80%)}
  .t3c-w .seta-c{position:absolute;right:4px;top:22px;z-index:4;width:28px;height:28px;border-radius:50%;border:1px solid #d3d8ee;background:#fff;color:var(--azul);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;box-shadow:0 1px 3px rgba(27,29,51,.15)}
  .t3c-w:not(.corre) .seta-c{display:none}
}
@media (min-width:701px){ .t3c-w .seta-c{display:none} }
@media (max-width:700px){ .t3c td.lg{white-space:normal;min-width:230px;max-width:300px} .t3c td:last-child:not(.lg){white-space:nowrap;min-width:0} }   /* texto comprido quebra numa coluna larga: linha baixa */

/* ===== Ajustes do dono, 02/11 23h18 ===== */
/* tabela 3 no celular: setinha para os dois lados (→ ainda tem à direita · ← dá para voltar) e folga no fim, para a setinha nunca cobrir a última coluna */
@media (max-width:700px){
  .t3c-w.larga .t3c td:last-child,.t3c-w.larga .t3c thead th:last-child{padding-right:42px}
  .t3c-w.volta::before{content:"";position:absolute;left:var(--fixo,120px);top:0;bottom:0;width:30px;z-index:3;pointer-events:none;background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.95) 85%)}
  .t3c-w .seta-e{position:absolute;left:calc(var(--fixo,120px) + 4px);top:22px;z-index:4;width:28px;height:28px;border-radius:50%;border:1px solid #d3d8ee;background:#fff;color:var(--azul);display:flex;align-items:center;justify-content:center;font-size:16px;pointer-events:none;box-shadow:0 1px 3px rgba(27,29,51,.15)}
  .t3c-w:not(.volta) .seta-e{display:none}
}
@media (min-width:701px){ .t3c-w .seta-e{display:none} }
/* copiar o código do fabricante */
.cp-b{display:inline-flex;align-items:center;gap:4px;border:1px solid #c9ccdc;background:#fff;color:var(--azul);border-radius:8px;padding:3px 9px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:28px}
.cp-b i{font-size:15px}.cp-b:hover{background:var(--azulc);border-color:var(--azul)}
/* celular: barra fixa com o preço e o Adicionar quando a pessoa desce para as tabelas (fica no lugar da barrinha do pedido) */
.fi-fixa{display:none}
@media (max-width:1100px){
  .fi-fixa:not([hidden]){display:flex;align-items:center;gap:10px;position:fixed;left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:34;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:8px 8px 8px 14px;box-shadow:0 6px 18px rgba(27,29,51,.18)}
  .fi-fixa .ff-p{flex:1;display:flex;flex-direction:column;line-height:1.15}.fi-fixa .ff-p b{font-size:18px}.fi-fixa .ff-p span{font-size:13px;color:var(--verde);font-weight:700}
  .fi-fixa .ad{min-width:150px}
  body.ff-on .mini{display:none!important}
  body.ff-on .fi-topo{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
}
/* a dica "Desça para ver a aplicação" fica no alto, sobre a foto, sem cobrir o nome da peça */
.fo-w{position:relative}
@media (max-width:1100px){ .fo-w .fi-desce{position:absolute;bottom:14px;top:auto;left:50%;transform:translateX(-50%);z-index:2} }
@media (prefers-reduced-motion:no-preference){ .fo-w .fi-desce{animation:none} }
/* IA-ASSISTENTE:INICIO — assistente com IA no painel Ajuda (só aparece quando "assistente_ia": true) */
.ia-aviso{display:flex;gap:6px;align-items:flex-start;font-size:12.5px;color:var(--cinza);background:var(--fundo);border-radius:10px;padding:7px 10px}
.ia-aviso i{color:var(--azul);font-size:16px;flex-shrink:0;margin-top:1px}
.bl.ia{max-width:100%;width:100%;gap:8px}
.bl.ia .ia-t{font-weight:800;font-size:15.5px;line-height:1.3}
.bl.ia .ia-x{font-size:14px;color:var(--cinza)}
.ia-cs{display:flex;flex-direction:column;gap:8px}
.ia-c{display:grid;grid-template-columns:64px 1fr;gap:4px 10px;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:8px}
.ia-f{grid-row:1/3;width:64px;height:64px;border-radius:9px;background:var(--fundo);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ia-f{position:relative}.ia-f img{width:100%;height:100%;object-fit:contain}.ia-f .fo-ilus{display:block;position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:8px;font-weight:600;background:rgba(255,255,255,.92);border-top:1px solid var(--linha);color:var(--cinza);pointer-events:none}.ia-f i{font-size:26px;color:var(--claro)}
.ia-i{display:flex;flex-direction:column;gap:1px;min-width:0}
.ia-n{font-weight:700;font-size:14px;line-height:1.25;color:var(--tinta)}.ia-n:hover{color:var(--azul)}
.ia-m{font-size:12.5px;color:var(--cinza)}
.ia-s{display:flex;gap:4px;align-items:flex-start;font-size:12.5px;font-weight:700;line-height:1.3}.ia-s i{font-size:15px;flex-shrink:0}
.ia-s.sok{color:var(--verde)}.ia-s.scit{color:var(--ambar)}
.ia-r{font-size:12px;color:var(--cinza);line-height:1.3}
.ia-d{font-size:12px;color:var(--cinza)}
.ia-p{grid-column:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}
.ia-p>b{font-size:16px}
.ia-p .add{min-height:38px;padding:0 16px;background:var(--azul);color:#fff;border-radius:9px;font-weight:800;font-size:14px}.ia-p .add:hover{background:var(--azul2)}
.ia-no{display:inline-flex;gap:3px;align-items:center;font-size:13px;font-weight:800;color:var(--verde)}.ia-no i{font-size:16px}
.ia-ok{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:var(--verdec);color:var(--verde);border-radius:10px;padding:7px 10px;font-size:13.5px;font-weight:700}
.ia-ok i{font-size:18px}.ia-ok span{flex:1;min-width:150px}
.ia-ok.ia-cons{background:var(--creme);color:var(--ambar)}
.ia-eqv{display:flex;gap:4px;align-items:center;font-size:12.5px;font-weight:700;color:var(--verde)}.ia-eqv i{font-size:15px}
.ia-dg{display:flex;gap:5px;align-items:center;width:100%;font-size:13.5px;color:var(--azul)}.ia-dg i{font-size:16px}
.ia-rc{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1.5px solid var(--linha2);border-radius:12px;padding:10px 12px;margin:0 0 10px;background:#fff;font-size:14px}.ia-rc>i{font-size:20px;color:var(--azul)}.ia-rc>span:first-of-type{flex:1;min-width:180px}.ia-rc .bts{display:flex;gap:6px;flex-wrap:wrap}
.ia-tot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1.5px solid var(--linha2);border-radius:12px;padding:10px 12px;background:#fff}
.ia-tot>i{font-size:22px;color:var(--azul)}.ia-tot>div{flex:1;min-width:170px;display:flex;flex-direction:column;gap:2px;font-size:14px}.ia-tot>div b:first-child{font-size:16px}
.ia-av{display:flex;gap:6px;align-items:flex-start;background:var(--creme);color:var(--ambar);border-radius:10px;padding:7px 10px;font-size:13px;font-weight:600}.ia-av i{font-size:17px;flex-shrink:0}
.ia-q{display:flex;flex-direction:column;gap:6px}.ia-q>span{font-weight:700;font-size:14px}
.ia-q .bts,.bl.ia>.bts{display:flex;flex-wrap:wrap;gap:6px}
.bl.ia .lk2.wa{color:var(--verde);border-color:var(--verde)}
.ia-dica{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--cinza)}.ia-dica i{color:var(--azul);font-size:18px}
.ia-pensa{display:flex;flex-direction:row;gap:8px;align-items:center;color:var(--cinza);font-size:14px}
.ia-pt{display:inline-flex;gap:3px}.ia-pt i{width:7px;height:7px;border-radius:50%;background:var(--azul);opacity:.35;animation:iapt 1s infinite}
.ia-pt i:nth-child(2){animation-delay:.15s}.ia-pt i:nth-child(3){animation-delay:.3s}
@keyframes iapt{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.ia-pt i{animation:none;opacity:.6}}
/* modo conversa por voz: botão "bolinha com risquinhos" (só existe com o assistente ligado) e a tela de voz no painel */
.vz-b{position:relative;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--azul);color:#fff}
.vz-b::after{content:"";position:absolute;inset:-3px;border-radius:50%}
.vz-b:hover{background:var(--azul2)}.vz-b:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}
.vz-ic{display:inline-flex;align-items:center;gap:2.5px;height:18px}
.vz-ic i{display:block;width:3px;border-radius:2px;background:#fff}
.vz-ic i:nth-child(1){height:7px}.vz-ic i:nth-child(2){height:15px}.vz-ic i:nth-child(3){height:11px}.vz-ic i:nth-child(4){height:6px}
.aj-pe .vz-b{width:44px;height:44px}
.vz-topo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 16px 14px;border-bottom:1px solid var(--linha2);background:linear-gradient(180deg,var(--fundo),#fff)}
.vz-orbe{position:relative;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--azul2),var(--azul) 70%);box-shadow:0 10px 28px rgba(43,47,121,.28);transition:background .25s,box-shadow .25s}
.vz-orbe:focus-visible{outline:3px solid var(--amarelo);outline-offset:5px}
.vz-ondas{display:inline-flex;align-items:center;gap:6px;height:56px}
.vz-ondas i{display:block;width:7px;height:16px;border-radius:4px;background:#fff;transition:height .2s,background .25s}
.vz-ouvindo{box-shadow:0 0 0 8px rgba(43,47,121,.12),0 10px 28px rgba(43,47,121,.28)}
.vz-ouvindo .vz-ondas i{animation:vzond 1s ease-in-out infinite}
.vz-ondas i:nth-child(2){animation-delay:.15s}.vz-ondas i:nth-child(3){animation-delay:.3s}.vz-ondas i:nth-child(4){animation-delay:.45s}.vz-ondas i:nth-child(5){animation-delay:.6s}
.vz-pensando{animation:vzpulso 1.1s ease-in-out infinite}
.vz-pensando .vz-ondas i{height:8px;opacity:.85}
.vz-falando{background:radial-gradient(circle at 35% 30%,#ffd45c,var(--amarelo) 70%);box-shadow:0 10px 28px rgba(255,194,26,.4)}
.vz-falando .vz-ondas i{background:var(--azul);animation:vzond .7s ease-in-out infinite}
.vz-espera .vz-ondas i:nth-child(2),.vz-espera .vz-ondas i:nth-child(4){height:26px}.vz-espera .vz-ondas i:nth-child(3){height:36px}
@keyframes vzond{0%,100%{height:12px}50%{height:48px}}
@keyframes vzpulso{0%,100%{transform:scale(.94)}50%{transform:scale(1.04)}}
.vz-st{font-weight:800;font-size:15px;color:var(--tinta);text-align:center;min-height:20px}
.vz-vivo{font-style:italic}.vz-vivo.parcial{opacity:.7}
.vz-st.vz-baixo{color:var(--ambar)}
.vz-ouvindo{--nv:0}.vz-ouvindo::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid rgba(43,47,121,.22);transform:scale(calc(1 + var(--nv) * .14));transition:transform .12s;pointer-events:none}
.vz-pe{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha2);background:#fff}
.vz-parar{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:2px solid var(--vermelho);color:var(--vermelho);background:#fff;font-weight:800;font-size:16px}
.vz-parar:hover{background:var(--vermc)}.vz-parar i{font-size:20px}
.aj:has(.vz-topo) .aj-voz{display:none}
.vz-vit{flex:1;justify-content:center;gap:18px;border-bottom:0}.vz-vit .vz-st{max-width:280px;font-size:16px;line-height:1.35}
.vz-fechar{border-color:var(--azul);color:var(--azul)}.vz-fechar:hover{background:var(--azulc)}
.bl.ia.vz-av{background:var(--creme)}.bl.ia.vz-av .ia-t{color:var(--ambar);font-size:14.5px}
@media (max-width:699px){.vz-topo{padding:12px 16px 10px;gap:6px}.vz-orbe{width:96px;height:96px}.vz-ondas{height:46px;gap:5px}.vz-ondas i{width:6px}@keyframes vzond{0%,100%{height:10px}50%{height:40px}}}
@media (prefers-reduced-motion:reduce){.vz-orbe,.vz-ondas i{animation:none!important;transition:none}.vz-ouvindo::before{transform:none;transition:none}.vz-ouvindo .vz-ondas i:nth-child(odd){height:30px}.vz-falando .vz-ondas i:nth-child(even){height:30px}}
/* navegação por voz: depois de navegar, o painel de voz encolhe (bolinha + última fala + Parar) para a tela aparecer; "Ver conversa" abre de novo */
.vz-pe{display:flex;gap:8px}.vz-pe .vz-parar{flex:1}
.vz-ver{display:none;min-height:48px;align-items:center;justify-content:center;gap:6px;border-radius:12px;border:2px solid var(--azul);color:var(--azul);background:#fff;font-weight:800;font-size:15px;padding:0 14px}
.vz-ver i{font-size:19px}.vz-ver:hover{background:var(--azulc)}
@media (max-width:1100px){
  .aj.vz-mini{top:auto;bottom:0;height:auto;max-height:min(44vh,330px);border-radius:20px 20px 0 0;box-shadow:0 -10px 32px rgba(27,29,51,.22)}
  .aj.vz-mini .vz-topo{flex-direction:row;justify-content:flex-start;padding:8px 14px;gap:12px}
  .aj.vz-mini .vz-orbe{width:58px;height:58px;flex-shrink:0}
  .aj.vz-mini .vz-ondas{height:26px;gap:4px}.aj.vz-mini .vz-ondas i{width:4px}
  .aj.vz-mini .vz-st{text-align:left;font-size:14px}
  .aj.vz-mini .vz-corpo{max-height:20vh;padding:8px 14px}
  .aj.vz-mini .aj-conv>*:not(:nth-last-child(-n+2)){display:none}
  .aj.vz-mini .vz-pe{padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px))}
  .aj.vz-mini .vz-ver{display:inline-flex}
  .aj.vz-mini .vz-parar,.aj.vz-mini .vz-ver{min-height:44px}
  body.vz-mini-on{overflow:auto!important}
  body.vz-mini-on .aj-fundo{background:transparent!important;pointer-events:none}
}
/* ===== dono 01/11 14h38–15h05: balãozinho do assistente (contato ativo), botões grandes de toque, botão "Falar", etiqueta do botão voz ===== */
.ia-bal{position:fixed;z-index:60;background:#fff;color:var(--tinta);border:2px solid var(--azul);border-radius:16px;box-shadow:0 10px 30px rgba(27,29,51,.22);padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 24px);animation:iaBalEntra .25s ease-out}
.ia-bal::before{content:"";position:absolute;top:-9px;left:calc(var(--seta,40px) - 8px);width:16px;height:16px;background:#fff;border-left:2px solid var(--azul);border-top:2px solid var(--azul);transform:rotate(45deg);border-radius:3px 0 0 0}
@keyframes iaBalEntra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ia-bal{animation:none}}
.ia-bal-cab{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--azul)}
.ia-bal-ic{width:30px;height:30px;border-radius:50%;background:var(--azul);justify-content:center;flex-shrink:0}
.ia-bal-ic i{background:#fff}
.ia-bal-x{margin-left:auto;width:36px;height:36px;border:0;background:none;color:var(--cinza);display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer}.ia-bal-x i{font-size:20px}
.ia-bal-c{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.35}
.ia-bal-c p{margin:0}.ia-bal-t{font-weight:800;font-size:16px;color:var(--tinta)}
.ia-bal-p{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--linha);border-radius:10px;padding:8px 10px;margin-top:4px}
.ia-bal-p span{display:flex;flex-direction:column;min-width:0}.ia-bal-p small{color:var(--cinza);font-size:13px}.ia-bal-pr{white-space:nowrap;font-size:16px}
.ia-bal-bts,.ia-bts{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.ia-bal-bts.lista,.ia-bts.ia-bts-l{grid-template-columns:1fr}
.ia-op{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--azul);background:#fff;color:var(--azul);font:inherit;font-size:15px;font-weight:700;line-height:1.2;text-align:center;cursor:pointer}
.ia-op i{font-size:19px;flex-shrink:0}
.ia-op.pri{background:var(--azul);color:#fff}
.ia-op.wa{border-color:var(--verde);color:var(--verde)}
.ia-op.sai{border-color:var(--linha);color:var(--cinza);font-weight:600}
.ia-op.ia-falar{background:var(--azulc,#eceefb);border-color:var(--azul);color:var(--azul)}
.ia-op.ia-falar .vz-ic i{background:var(--azul)}
@media (hover:hover) and (pointer:fine){ .ia-op:hover{box-shadow:0 2px 8px rgba(43,47,121,.18)} .ia-op.pri:hover{background:var(--azul2,#3a3f99)} }
@media (max-width:1100px){ .ia-bal{padding:10px 12px 12px} }
/* etiqueta do botão voz (só computador, com o assistente ligado) */
@media (hover:hover) and (pointer:fine){
  .vz-b.vz-dica{position:relative}
  .vz-b.vz-dica:hover::after,.vz-b.vz-dica:focus-visible::after{content:attr(data-dica);position:absolute;top:calc(100% + 8px);right:0;z-index:61;white-space:nowrap;background:var(--tinta);color:#fff;font-size:13px;font-weight:600;line-height:1.2;padding:7px 10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);pointer-events:none}
}
/* IA-ASSISTENTE:FIM */