/* Rei das Peças — protótipo */
:root{
  --bg:#E7EAEE; --panel:#F4F5F7; --card:#FFFFFF; --line:#D2D8DF; --line2:#E2E6EB;
  --ink:#16191D; --mute:#55606B; --dim:#86909B;
  --graf:#141414; --graf2:#1F1F20; --graf-line:#333335; --graf-ink:#ECEFF2; --graf-mute:#9BA5B0;
  --acc:#E1251B; --acc-ink:#FFFFFF; --acc-text:#B81C14; --acc-soft:#FDE8E6;
  --ok:#1E8E4E; --ok-soft:#E3F3EA; --warn:#B86E00; --warn-soft:#FDF1DD; --bad:#C0392B; --bad-soft:#FBE6E3; --wa:#1FAF55;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:10px;
  --chrome0:#0B0B0C; --chrome:#141414; --chrome2:#1F1F20; --chrome-line:#333335; --chrome-ink:#ECEFF2; --chrome-mute:#9BA5B0; --chrome-trama:rgba(255,255,255,.028);
  --sel:#141414; --sel-ink:#FFFFFF;
}
*{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
img,svg{max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}

/* ---------- faixa + cabeçalho ---------- */
.strip{background:var(--chrome0);color:var(--chrome-mute);font-size:13px;border-bottom:1px solid var(--chrome-line)}
.strip .wrap{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding-block:7px}
.strip span{display:inline-flex;gap:6px;align-items:center}
.strip svg{width:14px;height:14px;color:var(--acc)}
.strip b{color:var(--chrome-ink)}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:25;background:var(--chrome);color:var(--chrome-ink);border-bottom:1px solid var(--chrome-line)}
.hdr .wrap{display:flex;align-items:center;gap:18px;min-height:66px;padding-block:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;cursor:pointer;background:none;border:0;padding:0;color:inherit;text-align:left}
.crown{width:40px;height:40px;border-radius:8px;background:var(--acc);display:grid;place-items:center;flex:none}
.crown svg{width:24px;height:24px}
.brand b{display:block;font-family:var(--display);font-weight:700;font-size:25px;line-height:1;text-transform:uppercase;letter-spacing:.01em}
.brand small{display:block;font-size:12px;color:var(--chrome-mute);margin-top:2px}
.nav{display:flex;gap:4px}
.nav a{white-space:nowrap;color:var(--chrome-mute);text-decoration:none;font-weight:600;font-size:15px;padding:8px 10px;border-radius:6px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--chrome-ink);background:var(--chrome2)}
.hdr .spacer{flex:1}
.contact{white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--chrome-mute);line-height:1.25}
.contact b{color:var(--chrome-ink);font-size:15px;font-variant-numeric:tabular-nums}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;font-weight:600;cursor:pointer;padding:10px 16px;font-size:15px;text-decoration:none;white-space:nowrap;line-height:1.2}
.btn svg{width:18px;height:18px;flex:none}
.btn-acc{background:var(--acc);color:var(--acc-ink)}
.btn-acc:hover{filter:brightness(.95)}
.btn-line{background:var(--card);border-color:var(--line);color:var(--ink)}
.btn-line:hover{border-color:var(--mute)}
.btn-dark{background:var(--chrome2);border-color:var(--chrome-line);color:var(--chrome-ink)}
.btn-dark:hover{border-color:var(--chrome-mute)}
.btn-wa{background:var(--wa);color:#fff}
.btn-sm{padding:7px 11px;font-size:14px}
.pill-n{min-width:22px;height:22px;border-radius:11px;background:var(--acc);color:var(--acc-ink);font-size:12px;display:inline-grid;place-items:center;padding:0 6px;font-weight:700;font-variant-numeric:tabular-nums}

/* ---------- hero grafite ---------- */
.hero{position:relative;background:linear-gradient(180deg,var(--chrome2),var(--chrome));color:var(--chrome-ink);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:repeating-linear-gradient(45deg,var(--chrome-trama) 0 2px,transparent 2px 16px),repeating-linear-gradient(-45deg,var(--chrome-trama) 0 2px,transparent 2px 16px)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--acc)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1fr 440px;gap:44px;padding-block:44px 52px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.kicker::before{content:"";width:18px;height:3px;background:var(--acc);border-radius:2px}
.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(36px,4.8vw,56px);line-height:1;margin:14px 0 14px;text-wrap:balance;letter-spacing:-.003em}
.hero .lede{color:var(--chrome-mute);font-size:18px;max-width:52ch;margin:0 0 24px}
.proof{display:flex;gap:30px;flex-wrap:wrap}
.proof div{display:flex;flex-direction:column}
.proof b{font-family:var(--display);font-size:32px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--chrome-ink)}
.proof span{font-size:13px;color:var(--chrome-mute)}
.vchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.vchip{display:inline-flex;align-items:center;gap:8px;background:var(--chrome2);border:1px solid var(--chrome-line);color:var(--chrome-ink);border-radius:999px;padding:7px 14px 7px 8px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}
.vchip i{width:18px;height:18px;border-radius:50%;flex:none}
.vchip:hover{border-color:var(--chrome-mute)}
.vchip.soon{opacity:.5;cursor:default}

/* ---------- buscador ---------- */
.finder{background:var(--card);color:var(--ink);border-radius:12px;box-shadow:0 24px 50px -24px rgba(0,0,0,.6);overflow:hidden}
.finder .hd{padding:18px 18px 0}
.finder h2{margin:0;font-size:20px;font-weight:700}
.finder .hd p{margin:4px 0 0;color:var(--mute);font-size:14px}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:14px 18px 0;background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:4px}
.seg button{border:0;background:none;padding:9px 6px;border-radius:6px;font-weight:600;cursor:pointer;color:var(--mute);font-size:15px}
.seg button[aria-selected="true"]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.pane{padding:16px 18px 18px}
.plate{display:flex;flex-direction:column;border:3px solid #1B1E22;border-radius:8px;overflow:hidden;background:#fff}
.plate .band{background:#1C4FB5;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-align:center;padding:3px 0;display:flex;justify-content:center;align-items:center;gap:6px}
.plate .band i{width:14px;height:10px;background:#0A9A3A;position:relative;border-radius:1px}
.plate .band i::after{content:"";position:absolute;inset:2px 3px;background:#FFD400;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.plate input{border:0;text-align:center;font-family:var(--mono);font-size:30px;letter-spacing:.16em;text-transform:uppercase;padding:8px 6px;width:100%;color:#111;background:#fff;outline:none}
.plate input::placeholder{color:#C3C8CE}
.pane .msg{font-size:14px;color:var(--mute);min-height:21px;margin:10px 0}
.pane .msg b{color:var(--ink)}
.pane .msg.err{color:var(--bad)}
.selects{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.selects .field:last-child{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:5px}
.field label,.flabel{font-size:13px;font-weight:600;color:var(--mute)}
.field .hint{font-size:12px;color:var(--dim)}
select,.in{width:100%;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:16px}
select:disabled{background:var(--panel);color:var(--dim)}
textarea.in{resize:vertical;min-height:72px}
.pane .btn{width:100%;padding:13px;font-size:16px}

/* ---------- barra de veículo ---------- */
.vehbar{background:var(--acc-soft);border-bottom:1px solid var(--line)}
.vehbar .wrap{display:flex;align-items:center;gap:12px;padding-block:12px;flex-wrap:wrap}
.vehbar svg{width:26px;height:26px;color:var(--acc-text);flex:none}
.vehbar p{margin:0;flex:1;min-width:200px}
.vehbar strong{font-size:17px}
.vehbar button{background:none;border:0;color:var(--acc-text);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px}

/* ---------- seções ---------- */
.sec{padding-block:40px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sec-head h2{font-family:var(--display);font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1.02;margin:0;text-wrap:balance}
.sec-head p{margin:6px 0 0;color:var(--mute);max-width:60ch}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);display:block;margin-bottom:6px}
.band-panel{background:var(--panel);border-block:1px solid var(--line2)}

/* lojas */
.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.store{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left;padding:0;color:inherit}
.store:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(20,30,40,.4)}
.store .top{position:relative;height:118px;background:linear-gradient(180deg,#FAFBFC,#ECEFF2);display:grid;place-items:center;border-bottom:4px solid var(--c)}
.store .top svg{width:62%;max-height:96px}
.store .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.store .nm{display:flex;align-items:center;gap:8px}
.store .nm i{width:26px;height:26px;border-radius:6px;background:var(--c);display:grid;place-items:center;flex:none}
.store .nm i svg{width:16px;height:16px}
.store b{font-size:18px}
.store p{margin:0;color:var(--mute);font-size:14px}
.store .meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:14px;color:var(--mute)}
.store .meta strong{color:var(--c2,var(--ink))}
.store.soon{cursor:default;background:transparent;border-style:dashed}
.store.soon:hover{transform:none;box-shadow:none}
.store.soon .top{background:transparent;filter:grayscale(1);opacity:.45}
.tag-soon{font-size:12px;font-weight:700;color:var(--mute);background:var(--line2);border-radius:4px;padding:2px 8px}

/* compromisso 24h */
.promise{display:grid;grid-template-columns:1fr 460px;gap:36px;align-items:start}
.p24{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.p24 .clock{width:92px;height:92px;border-radius:50%;background:var(--graf);color:#fff;display:grid;place-items:center;flex:none;position:relative}
.p24 .clock::before{content:"";position:absolute;inset:6px;border-radius:50%;border:3px solid var(--acc);border-right-color:transparent;transform:rotate(-30deg)}
.p24 .clock b{font-family:var(--display);font-size:34px;line-height:1}
.p24 .clock small{position:absolute;bottom:18px;font-size:10px;letter-spacing:.14em;color:var(--graf-mute)}
.p24 h2{font-family:var(--display);font-size:clamp(28px,3.2vw,40px);line-height:1;margin:0;text-wrap:balance}
.promise .txt{color:var(--mute);font-size:17px;max-width:56ch;margin:0 0 20px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:12px 14px}
.steps li::before{counter-increment:s;content:counter(s);font-family:var(--display);font-weight:700;font-size:24px;line-height:1;color:var(--acc-text);width:22px;flex:none}
.steps b{display:block}
.steps span{color:var(--mute);font-size:14px}
.formcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 14px 30px -22px rgba(20,30,40,.35)}
.formcard h3{margin:0;font-size:20px}
.formcard > p{margin:-6px 0 0;color:var(--mute);font-size:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.file{display:flex;align-items:center;gap:10px;border:1px dashed var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;color:var(--mute);font-size:14px;background:var(--panel)}
.file svg{width:20px;height:20px;flex:none}
.file input{position:absolute;opacity:0;width:1px;height:1px}
.err{color:var(--bad);font-size:14px;min-height:20px}

/* catálogo */
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.search{flex:1 1 300px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:0 12px}
.search svg{width:18px;height:18px;color:var(--dim);flex:none}
.search input{border:0;outline:none;flex:1;min-width:0;padding:11px 0;background:none;font-size:16px}
.toolbar select{width:auto}
.views{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}
.views button{border:0;background:none;padding:9px 12px;cursor:pointer;color:var(--dim);display:grid;place-items:center}
.views button svg{width:18px;height:18px}
.views button[aria-pressed="true"]{background:var(--sel);color:var(--sel-ink)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.chip small{color:var(--dim);font-weight:500;font-variant-numeric:tabular-nums}
.chip[aria-pressed="true"]{background:var(--sel);border-color:var(--sel);color:var(--sel-ink)}
.chip[aria-pressed="true"] small{color:#B9C0C8}
.reshead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.reshead h3{margin:0;font-size:20px}
.reshead span{color:var(--mute);font-size:14px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden}
.card .pic{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#FAFBFC,#EBEEF1);display:grid;place-items:center;cursor:pointer;border:0;border-bottom:3px solid var(--c,var(--acc));padding:0;width:100%}
.card .pic svg{width:74%;height:auto}
.badge{position:absolute;top:10px;left:10px;font-size:12px;font-weight:700;border-radius:4px;padding:3px 8px;background:var(--graf);color:#fff}
.badge.acc{background:var(--c,var(--acc));color:#fff}
.fit{position:absolute;top:10px;right:10px;font-size:12px;font-weight:700;border-radius:4px;padding:3px 8px;background:var(--ok-soft);color:var(--ok)}
.vtag{position:absolute;bottom:8px;left:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.card .body{padding:14px 14px 0;display:flex;flex-direction:column;gap:8px;flex:1}
.coderow{display:flex;justify-content:space-between;align-items:center;gap:8px}
.code{font-family:var(--mono);font-size:13px;color:var(--mute);background:var(--panel);border:1px solid var(--line2);border-radius:4px;padding:1px 6px;cursor:pointer}
.code:hover{border-color:var(--line)}
.stock{font-size:13px;font-weight:600;color:var(--ok);display:flex;align-items:center;gap:5px;white-space:nowrap}
.stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.stock.low{color:var(--warn)}
.card h4{margin:0;font-size:17px;line-height:1.25;font-weight:700}
.facts{display:flex;flex-wrap:wrap;gap:6px}
.facts span{font-size:13px;background:var(--panel);border:1px solid var(--line2);border-radius:4px;padding:2px 7px}
.applist{margin:0;padding:8px 0 0;list-style:none;font-size:14px;color:var(--mute);border-top:1px dashed var(--line)}
.applist li{display:flex;justify-content:space-between;gap:8px;padding:1px 0}
.applist li b{color:var(--ink);font-weight:600}
.applist li.match,.applist li.match b{color:var(--ok)}
.applist .more{color:var(--acc-text);font-weight:600;cursor:pointer;background:none;border:0;padding:2px 0;font-size:14px}
.card .foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 14px 14px;margin-top:auto}
.price b{display:block;font-size:24px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.price small{font-size:12px;color:var(--mute)}
.add{padding:10px 14px}
.add.in{background:var(--ok-soft);color:var(--ok);border-color:transparent}

.tablewrap{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow-x:auto}
table.list{width:100%;border-collapse:collapse;font-size:15px;min-width:760px}
table.list th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel)}
table.list td{padding:10px 12px;border-bottom:1px solid var(--line2);vertical-align:middle}
table.list tr:last-child td{border-bottom:0}
table.list td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
table.list .apps{color:var(--mute);font-size:14px;max-width:320px}
table.list .nm{font-weight:600;cursor:pointer}
table.list .nm:hover{text-decoration:underline}

.miss{margin-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--graf);color:var(--graf-ink);border-radius:12px;padding:16px 18px}
.miss .clk{font-family:var(--display);font-size:28px;font-weight:700;color:var(--acc);border:2px solid var(--acc);border-radius:8px;padding:2px 10px;flex:none}
.miss p{margin:0;flex:1;min-width:220px;color:var(--graf-mute)}
.miss p b{color:#fff;display:block;font-size:17px}
.empty{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:30px 20px;text-align:center;color:var(--mute)}

/* resultados hub */
.group{margin-bottom:26px}
.group-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.group-head i{width:12px;height:12px;border-radius:3px;background:var(--c)}
.group-head b{font-size:19px}
.group-head span{color:var(--mute);font-size:14px}
.group-head a{margin-left:auto;color:var(--c2);font-weight:700;text-decoration:none;font-size:15px}

/* oficina */
.shop{background:var(--graf);color:#fff}
.shop .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding-block:38px;align-items:center}
.shop h3{font-family:var(--display);font-size:clamp(28px,3.4vw,38px);line-height:1.05;margin:0 0 10px;font-weight:700}
.shop p{margin:0;color:var(--graf-mute);max-width:52ch}
.shop ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.shop li{display:flex;gap:10px;align-items:flex-start;color:#E4E8EC}
.shop li svg{width:20px;height:20px;color:var(--acc);flex:none;margin-top:2px}
.shop .btn{margin-top:18px}

/* acompanhar */
.track{max-width:720px;margin:0 auto}
.track .card-t{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.track .top{padding:18px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.track .top h2{margin:0;font-size:22px}
.track .top small{color:var(--mute)}
.status{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;border-radius:999px;padding:5px 12px}
.status.s-aberta,.status.s-novo,.status.s-atendimento{background:var(--warn-soft);color:var(--warn)}
.status.s-encontrada,.status.s-vendido{background:var(--ok-soft);color:var(--ok)}
.status.s-nao_fabricada,.status.s-perdido{background:var(--bad-soft);color:var(--bad)}
.countdown{padding:18px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line2);background:var(--panel)}
.countdown .t{font-family:var(--mono);font-size:34px;font-weight:500;font-variant-numeric:tabular-nums}
.countdown .bar{flex:1;height:10px;background:var(--line2);border-radius:5px;overflow:hidden}
.countdown .bar i{display:block;height:100%;background:var(--acc)}
.track .info{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.track .info small{display:block;font-size:12px;color:var(--mute)}
.track .answer{margin:0 18px 18px;border-radius:10px;padding:14px;font-size:15px}
.track .answer.good{background:var(--ok-soft);color:#155f35}
.track .answer.bad{background:var(--bad-soft);color:#8a2a1f}
.hist{list-style:none;margin:0;padding:0 18px 18px;display:grid;gap:10px}
.hist li{display:grid;grid-template-columns:14px 1fr;gap:10px;font-size:15px}
.hist li i{width:12px;height:12px;border-radius:50%;background:var(--ok);margin-top:5px}
.hist li small{display:block;color:var(--dim);font-size:13px}
.lookup{display:flex;gap:10px;max-width:520px;margin:0 auto 22px}
.lookup .in{font-family:var(--mono);text-transform:uppercase}

/* rodapé */
footer{background:var(--chrome0);color:var(--chrome-mute);border-top:1px solid var(--chrome-line);padding-block:28px 96px;font-size:14px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
footer b{color:var(--chrome-ink);display:block;margin-bottom:6px}
footer a{color:var(--chrome-mute);text-decoration:none;display:block;padding:2px 0;cursor:pointer}
footer a:hover{color:var(--chrome-ink)}
footer .demo{grid-column:1/-1;border-top:1px solid var(--chrome-line);padding-top:14px;font-size:13px}

/* barra flutuante da cotação */
.qbar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,160%);z-index:30;transition:transform .3s;width:min(520px,calc(100% - 32px))}
.qbar.on{transform:translate(-50%,0)}
.qbar button{width:100%;display:flex;align-items:center;gap:12px;background:var(--graf);color:#fff;border:1px solid var(--graf-line);border-radius:10px;padding:12px 16px;cursor:pointer;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);font-size:15px}
.qbar .n{background:var(--acc);color:var(--acc-ink);border-radius:6px;min-width:28px;height:28px;display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums}
.qbar .t{flex:1;text-align:left}
.qbar .t small{display:block;color:var(--graf-mute);font-size:12px}
.qbar .go{font-weight:700}

/* gavetas */
.scrim{position:fixed;inset:0;background:rgba(12,15,19,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(500px,100%);background:var(--card);z-index:41;transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:-10px 0 40px -20px rgba(0,0,0,.4)}
.drawer.on{transform:none}
.d-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--graf);color:#fff}
.d-head h2{margin:0;font-size:18px}
.x{background:var(--graf2);border:1px solid var(--graf-line);color:#fff;border-radius:8px;width:38px;height:38px;cursor:pointer;font-size:20px;line-height:1;flex:none}
.d-body{overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px;flex:1}
.d-body>*{flex-shrink:0}
.d-foot{border-top:1px solid var(--line);padding:14px 18px;display:flex;gap:10px;align-items:center}
.d-foot .btn{flex:1;padding:12px}
.d-pic{aspect-ratio:16/9;background:linear-gradient(180deg,#FAFBFC,#EBEEF1);border-radius:10px;display:grid;place-items:center;border-bottom:3px solid var(--c,var(--acc))}
.d-pic svg{width:66%}
.d-title h3{margin:6px 0 0;font-size:22px;line-height:1.2}
.specs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.specs div{padding:10px 12px;border-bottom:1px solid var(--line2)}
.specs div:nth-child(odd){border-right:1px solid var(--line2)}
.specs small{display:block;font-size:12px;color:var(--mute)}
.specs b{font-weight:600}
.sect{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:0 0 6px}
table.appl{width:100%;border-collapse:collapse;font-size:15px}
table.appl th{text-align:left;font-size:12px;color:var(--mute);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}
table.appl td{padding:8px;border-bottom:1px solid var(--line2);font-variant-numeric:tabular-nums}
table.appl tr.match td{background:var(--ok-soft);color:var(--ok);font-weight:600}
.note{background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--mute)}
.note.good{background:var(--ok-soft);border-color:transparent;color:var(--ok);font-weight:600}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:none;background:var(--card)}
.qty button{background:var(--panel);border:0;width:38px;height:42px;cursor:pointer;font-size:18px}
.qty output{min-width:36px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.qitem{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line2)}
.qitem .th{width:64px;height:48px;border-radius:6px;background:#EEF0F3;display:grid;place-items:center}
.qitem .th svg{width:90%}
.qitem b{display:block;font-size:15px;line-height:1.2}
.qitem span{font-size:13px;color:var(--mute)}
.qitem .r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.qitem .rm{background:none;border:0;color:var(--dim);font-size:13px;cursor:pointer;text-decoration:underline;padding:0}
.qitem .qty button{width:30px;height:32px}
.qitem .qty output{min-width:26px}
.total{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.total b{font-size:20px;font-variant-numeric:tabular-nums}
.radios{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}
.radios label{border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;display:flex;gap:8px;align-items:flex-start;font-size:14px}
.radios label b{display:block;font-size:15px}
.radios label span span{color:var(--mute);font-size:13px}
.radios input{margin-top:3px;accent-color:var(--graf)}
.radios label:has(input:checked){border-color:var(--graf);box-shadow:inset 0 0 0 1px var(--graf)}
.qform{display:flex;flex-direction:column;gap:12px}
.done{display:flex;flex-direction:column;gap:14px}
.done .ok{display:flex;gap:12px;align-items:center}
.done .ok i{width:46px;height:46px;border-radius:50%;background:var(--ok-soft);display:grid;place-items:center;flex:none}
.done .ok svg{width:26px;height:26px;color:var(--ok)}
.done h3{margin:0;font-size:22px}
.ticket{border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.ticket div{padding:10px 12px;border-bottom:1px solid var(--line2)}
.ticket div:nth-child(odd){border-right:1px solid var(--line2)}
.ticket small{display:block;font-size:12px;color:var(--mute)}
.empty-q{text-align:center;color:var(--mute);padding:30px 10px}

.toast{position:fixed;left:50%;top:calc(84px + env(safe-area-inset-top,0px));transform:translate(-50%,-16px);background:var(--graf);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:calc(100% - 32px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.toast.on{opacity:1;transform:translate(-50%,0)}

.contact{display:none!important}   /* o telefone já está no WhatsApp, na faixa de cima e no rodapé */
.hdr .wrap{max-width:1440px}
/* Notebook (1366 e menores): o cabeçalho tem 5 links + 4 botões; os botões ficam só com o ícone para tudo caber */
@media (max-width:1500px){ .hdr .wrap{gap:12px} .hdr .btn{padding:10px 12px} .hdr .btn .l{display:none} .nav{gap:2px} .nav a{padding:8px 8px;font-size:14.5px} }
@media (max-width:1100px) and (min-width:1021px){ .nav a{padding:8px 6px;font-size:14px} }
.qbar:not(.on){visibility:hidden;transition:transform .3s,visibility 0s .3s}
@media (max-width:1020px){
  .hero .wrap,.promise{grid-template-columns:1fr}
  .hero .wrap{gap:26px;padding-block:28px 34px}
  .shop .wrap{grid-template-columns:1fr}
  .contact,.nav{display:none}
  .stores{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .wrap{padding-inline:16px}
  .strip .wrap{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:18px;font-size:12px;scrollbar-width:none}
  .hdr .wrap{gap:6px}
  .hdr .btn{padding:9px 10px}
  .hdr .brandimg{height:30px!important}
  .hdr .btn{padding:9px 11px}
  .hdr .btn .l{display:none}
  .brand b{font-size:19px}
  .brand small{display:none}
  .crown{width:34px;height:34px}
  .proof{gap:18px}
  .vchip.soon{display:none}
  .proof b{font-size:26px}
  .row2,.radios,.track .info{grid-template-columns:1fr}
  .grid,.stores{grid-template-columns:1fr}
  .views{display:none}
  footer .wrap{grid-template-columns:1fr}
  .countdown{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- DUDA 2.0 ---------- */
.nova{background:var(--chrome0);color:var(--chrome-mute);font-size:14px;border-bottom:1px solid var(--chrome-line)}
.nova .wrap{display:flex;align-items:center;gap:12px;padding-block:8px;flex-wrap:wrap}
.nova b{background:var(--acc);color:#fff;font-family:var(--display);font-size:16px;border-radius:5px;padding:1px 8px;letter-spacing:.02em}
.nova span{flex:1;min-width:200px}
.nova a{color:var(--acc-text,var(--acc));font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.strip{background:var(--chrome0)}
.brand b em{font-style:normal;color:var(--acc);background:#fff;border-radius:4px;padding:0 5px;margin:0 2px;font-size:.8em;vertical-align:.12em}
.crown{background:var(--acc)}
.crown svg{width:26px;height:26px}
.hero::after{background:var(--acc)}
.kicker{color:#FF5A4E}
.kicker::before{background:#FF5A4E}
.cdot{width:9px;height:9px;border-radius:50%;display:inline-block}
.store .nm i{background:var(--c)}
@media (max-width:600px){ .nova a{display:none} .brand b em{font-size:.72em} }

/* ---------- loja: preços, estoque, fotos ---------- */
.card .pic img,.d-pic img,.qitem .th img{width:100%;height:100%;object-fit:contain;background:#fff}
.card .pic img{padding:10px}
.qitem .th{overflow:hidden}
.price .de{display:block;font-size:13px;color:var(--dim);text-decoration:line-through;font-weight:500}
.stock.out{color:var(--bad)}
.ou{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:13px}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--line2)}
#qShow{white-space:normal;text-align:center}

/* ---------- conta e checkout ---------- */
.conta-top{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:12px 14px}
.conta-top b{display:block;font-size:17px}
.conta-top span{font-size:13px;color:var(--mute)}
.pedrow{display:grid;grid-template-columns:1fr auto;gap:4px 10px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer}
.pedrow:hover{border-color:var(--mute)}
.pedrow b{display:block}
.pedrow small{color:var(--mute);font-size:13px}
.pedrow .status{justify-self:end;align-self:start;font-size:12px}
.pedrow strong{grid-column:1/-1;font-variant-numeric:tabular-nums}
.passos{list-style:none;margin:0;padding:0;display:flex;gap:6px;counter-reset:ps}
.passos li{flex:1;font-size:12px;font-weight:700;color:var(--dim);border-top:3px solid var(--line2);padding-top:6px;text-transform:uppercase;letter-spacing:.05em}
.passos li.on{color:var(--acc-text);border-color:var(--acc)}
.resumo{border:1px solid var(--line);border-radius:10px;padding:4px 12px;background:var(--card)}
.resumo > div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:14px}
.resumo > div:last-child{border-bottom:0}
.resumo > div span{color:var(--mute)}
.resumo b{font-variant-numeric:tabular-nums;white-space:nowrap}
.resumo .sub span{color:var(--ink);font-weight:700}
.opcoes{display:grid;gap:8px;margin-top:6px}
.opcoes label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:pointer}
.opcoes label:has(input:checked){border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.opcoes input{margin-top:3px;accent-color:var(--acc)}
.opcoes b{display:block}
.opcoes span span{display:block;font-size:13px;color:var(--mute)}
.opcoes em{margin-left:auto;font-style:normal;font-weight:700;font-size:14px;white-space:nowrap;color:var(--ink)}
.pedtop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pedtop small{color:var(--mute)}
.pixbox{border:2px solid var(--acc);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--acc-soft)}
.pixrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.qr{background:#fff;padding:8px;border-radius:8px;width:184px;height:184px}
.qr img,.qr canvas{display:block}
.pixrow small{display:block;font-size:12px;color:var(--mute);margin-top:6px}
.pixval{font-size:28px;font-variant-numeric:tabular-nums}
#pixcc{font-family:var(--mono);font-size:12px;word-break:break-all}
#cancPed{background:none;border:0;color:var(--dim);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;padding:6px}#cancPed[data-conf="1"]{color:#c0271d;font-weight:700}
.qr.semqr{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--mute);padding:10px;border:1px dashed var(--line);width:120px;height:120px}
/* abas: todos / só em estoque */
.abas-est{display:inline-flex;gap:4px;padding:4px;background:var(--card,#fff);border:1px solid var(--line,#dfe3e8);border-radius:12px;margin:0 0 12px}
.abas-est button{border:0;background:none;padding:9px 16px;border-radius:9px;font:inherit;font-weight:700;font-size:14px;color:var(--mute,#5b6470);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.abas-est button small{font-weight:600;font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}
.abas-est button[aria-selected="true"]{background:var(--sel);color:var(--sel-ink)}
.abas-est .dot-ok{width:8px;height:8px;border-radius:50%;background:#22a55a;display:inline-block}
@media (max-width:600px){.abas-est{display:flex}.abas-est button{flex:1;justify-content:center;padding:9px 8px;font-size:13px}}
/* logo Outlet DudaParts */
.brandimg{display:block;height:40px;width:auto}
@media (max-width:600px){.brandimg{height:34px}}

/* ================= temas da loja: claro e escuro ================= */
:root[data-tema="claro"]{
  --chrome0:#F4F5F7; --chrome:#FFFFFF; --chrome2:#F1F3F5; --chrome-line:#E2E6EB; --chrome-ink:#16191D; --chrome-mute:#5B6570; --chrome-trama:rgba(0,0,0,.025);
  color-scheme:light;
}
:root[data-tema="escuro"]{
  --bg:#0F1113; --panel:#141719; --card:#1A1D21; --line:#2C3238; --line2:#23282D;
  --ink:#ECEFF2; --mute:#A3ADB7; --dim:#7D8792;
  --acc-text:#FF6E64; --acc-soft:#3A1715; --ok:#3CC47A; --ok-soft:#10301F; --warn:#F0A63A; --warn-soft:#33260F; --bad:#FF6E64; --bad-soft:#3A1715;
  --chrome0:#08090A; --chrome:#0E1012; --chrome2:#181B1E; --chrome-line:#262A2F; --chrome-ink:#ECEFF2; --chrome-mute:#9BA5B0; --chrome-trama:rgba(255,255,255,.022);
  --sel:#ECEFF2; --sel-ink:#111315; --graf:#0A0B0C; --graf2:#1A1D21; --graf-line:#2C3238;
  color-scheme:dark;
}
:root[data-tema="escuro"] .qbar button,:root[data-tema="escuro"] .toast,:root[data-tema="escuro"] .miss,:root[data-tema="escuro"] .shop{border:1px solid var(--line)}
:root[data-tema="escuro"] .card .pic,:root[data-tema="escuro"] .d-pic{background:#fff}
.hdr .brandimg{height:36px}
/* logo: versão branca na moldura escura, versão preta na moldura clara */
.logo-c{display:none!important}
:root[data-tema="claro"] .logo-e{display:none!important}
:root[data-tema="claro"] .logo-c{display:block!important}
.temabtn{width:40px;height:40px;padding:0;justify-content:center}
.temabtn svg{width:18px;height:18px}
@media (max-width:600px){.hdr .brandimg{height:28px}}

:root:not([data-tema]) .nova a{color:#FF6E64}
@media (max-width:600px){.hdr .brandimg{height:28px!important}}
@media (max-width:1340px){.hdr .contact{display:none}}
/* galeria e descrição do anúncio */
.d-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px}
.d-thumbs button{flex:none;width:62px;height:62px;border-radius:8px;border:2px solid var(--line);background:#fff;padding:2px;cursor:pointer}
.d-thumbs button[aria-pressed="true"]{border-color:var(--acc)}
.d-thumbs img{width:100%;height:100%;object-fit:contain}
.d-desc p{margin:0 0 8px;line-height:1.55}
.d-desc ul{margin:0 0 8px;padding-left:20px;line-height:1.55}
.d-desc li{margin:2px 0}
.lnkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--acc-text,var(--acc));text-decoration:underline;cursor:pointer}.msg .sub{font-size:13px;color:var(--mute)}
@media (max-width:1340px){.hdr [data-conta] .l,.hdr [data-quote] .l{display:none}}
/* tipos dentro do departamento (ex.: Freios → Pastilhas, Discos…) */
.subchips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px;padding:10px;background:var(--panel);border:1px solid var(--line2);border-radius:12px}
.subchip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 12px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.subchip small{font-weight:600;color:var(--mute);font-size:12px}
.subchip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
.subchip[aria-pressed="true"] small{color:rgba(255,255,255,.8)}
/* marca da peça */
.card .marca{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--mute);border:1px solid var(--line);border-radius:4px;padding:1px 7px}
#marcaSel{max-width:220px}
@media (max-width:700px){#marcaSel{max-width:none;flex:1}}
.qr svg{display:block;width:100%;height:100%}
/* última unidade (a mesma peça também vende no ML e na Shopee) */
.stock.last{color:var(--bad,#C0392B);font-weight:800}
.ultima{background:color-mix(in srgb,#E1251B 10%,transparent);border:1px solid color-mix(in srgb,#E1251B 40%,transparent);color:var(--ink);border-radius:8px;padding:9px 11px;font-size:13.5px;line-height:1.35;margin:8px 0}
.ultima b{color:#E1251B}
:root[data-tema="escuro"] .ultima b{color:#FF6B5E}
.ultima.mini{font-size:12px;padding:6px 8px;margin:6px 0 2px}

/* ---------- trocas, devoluções e garantia (área do cliente) ---------- */
.ch-tipos{display:grid;gap:10px}
.ch-tipo{display:grid;gap:3px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;font:inherit;color:inherit}
.ch-tipo:hover:not(:disabled){border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.ch-tipo b{font-size:17px}
.ch-tipo span{font-size:14px;color:var(--ink)}
.ch-tipo small{font-size:13px;font-weight:700;color:var(--ok)}
.ch-tipo em{font-style:normal;font-size:13px;color:var(--mute);line-height:1.45}
.ch-tipo:disabled{opacity:.6;cursor:not-allowed}
.ch-tipo:disabled small{color:var(--bad)}
.ch-itens{display:grid;gap:8px;margin-top:6px}
.ch-itens label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.ch-itens label:has(input:checked){border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.ch-itens input{width:18px;height:18px;accent-color:var(--acc);flex:none}
.ch-itens span{flex:1;min-width:0}
.ch-itens b{display:block;font-size:14px}
.ch-itens small{color:var(--mute);font-size:12.5px}
.ch-itens select{width:auto;padding:6px 8px}
.ch-fbox{display:grid;gap:8px}
.ch-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.ch-fotos:empty{display:none}
.ch-fotos figure{position:relative;margin:0;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#fff}
.ch-fotos img{width:100%;height:100%;object-fit:cover;display:block}
.ch-fotos.ro a{aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#fff}
.ch-fotos figure button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:17px;line-height:1;cursor:pointer}
.ch-add{justify-self:start;cursor:pointer}
.ch-fmsg{font-size:13px;color:var(--mute)}
.ch-ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}
.ch-ck input{width:20px;height:20px;accent-color:var(--acc);flex:none;margin-top:1px}
.ch-passos li{font-size:11px}
.ch-passos.neg li.on:nth-child(n+3){color:var(--bad);border-color:var(--bad)}
.note.warn{background:var(--warn-soft);border-color:transparent;color:#7a4a00}
.note.bad{background:var(--bad-soft);border-color:transparent;color:#8a2a1f}
.note.good b,.note.warn b,.note.bad b{color:inherit}
.ch-msg{display:block;margin-top:6px;font-weight:600;white-space:pre-line}
.ch-resp{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--card)}
.ch-vazio{margin:0;font-size:14px;color:var(--mute)}
.hist li i.cli{background:var(--mute)}
.status.s-aguarda{background:var(--acc-soft);color:var(--acc-text)}
/* aplicação sem ano final: avisa o cliente para confirmar */
.apl-alerta{margin-top:8px;background:var(--warn-soft);color:#7a4a00;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45}
.apl-alerta a{color:inherit;font-weight:700;text-decoration:underline}
.applist .apl-mini span{font-size:12px;color:var(--warn);font-weight:600}
@media (max-width:350px){ .hdr .temabtn{display:none} }
/* compre junto, avise-me, compartilhar */
.junto{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--card)}
.junto .sect{margin:0 0 8px}
.jt{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"th nm pr" "th nm bt";gap:2px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--line2)}
.jt:first-of-type{border-top:0}
.jt .th{grid-area:th;width:52px;height:52px;border:1px solid var(--line2);border-radius:8px;background:#fff;padding:2px;cursor:pointer;overflow:hidden;display:grid;place-items:center}
.jt .th img,.jt .th svg{width:100%;height:100%;object-fit:contain}
.jt .nm{grid-area:nm;background:none;border:0;padding:0;text-align:left;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;line-height:1.3}
.jt .nm small{display:block;font-size:11.5px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.jt > b{grid-area:pr;font-size:14px;text-align:right;white-space:nowrap}
.jt .add{grid-area:bt;padding:6px 10px;font-size:13px}
.avise{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.avise-f{display:grid;gap:8px;width:100%}
.avise-f p{margin:0;font-size:14px;color:var(--mute)}
@media (max-width:420px){.avise{grid-template-columns:1fr}}

/* links para a página da peça */
.card a.pic{display:grid;text-decoration:none;color:inherit}
.card h4 a{color:inherit;text-decoration:none}.card h4 a:hover{color:var(--acc-text);text-decoration:underline}
.applist a.more{text-decoration:none;display:inline-block}
table.list a.nm{color:inherit;text-decoration:none;display:inline}table.list a.nm:hover{text-decoration:underline}
.jt a.th,.jt a.nm{text-decoration:none;display:grid}.jt a.nm{display:block}

/* ============ página própria da peça (/peca/CODIGO) ============ */
.pp-hero .pp-hwrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-block:22px 92px}
.pp-trilha{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:var(--chrome-mute)}
.pp-trilha a{color:var(--chrome-mute);text-decoration:none;font-weight:600}.pp-trilha a:hover{color:var(--chrome-ink);text-decoration:underline}
.pp-trilha span{opacity:.6}
.pp{padding-bottom:40px}
.pp-top{position:relative;z-index:2;margin-top:-76px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
.pp-gal{display:flex;flex-direction:column;gap:10px;min-width:0}
.pp-foto{position:relative;aspect-ratio:4/3;background:linear-gradient(180deg,#FAFBFC,#EBEEF1);border-radius:10px;border-bottom:3px solid var(--c,var(--acc));display:grid;place-items:center;overflow:hidden}
:root[data-tema="escuro"] .pp-foto{background:#fff}
.pp-foto img{width:100%;height:100%;object-fit:contain;padding:14px;background:#fff}
.pp-foto svg{width:66%;height:auto}
.pp-foto .badge{position:absolute;top:12px;left:12px}
.pp-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.pp-thumbs button{flex:0 0 72px;height:72px;border:2px solid var(--line);border-radius:8px;background:#fff;padding:3px;cursor:pointer}
.pp-thumbs button[aria-pressed="true"]{border-color:var(--acc)}
.pp-thumbs img{width:100%;height:100%;object-fit:contain}
.pp-info{display:flex;flex-direction:column;gap:12px;min-width:0}
.pp-info .coderow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pp-info h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.2vw,40px);line-height:1.04;margin:0;text-wrap:balance;letter-spacing:-.003em}
.pp-preco{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.pp-preco b{font-family:var(--display);font-size:44px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
.pp-preco .de{font-size:15px;color:var(--mute);text-decoration:line-through}
.pp-preco small{font-size:14px;color:var(--mute)}
.pp-btns{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.pp-btns .btn{min-height:50px;font-size:16px}
.pp-add{flex:1 1 220px}.pp-add svg{width:20px;height:20px}
.pp-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--card);overflow:hidden;min-height:50px}
.pp-qty button{width:46px;align-self:stretch;border:0;background:none;color:var(--ink);font-size:22px;cursor:pointer}
.pp-qty button:hover{background:var(--panel)}
.pp-qty output{min-width:38px;text-align:center;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.pp-sec .btn{flex:1 1 200px}.pp-sec .btn svg{width:18px;height:18px}
.pp-sem{background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;font-size:14.5px;margin-bottom:10px}
#ppAcao .avise-f{display:flex;flex-direction:column;gap:8px}
.pp-selos{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:14px;color:var(--mute)}
.pp-selos li{display:flex;align-items:center;gap:8px}.pp-selos svg{width:18px;height:18px;flex:0 0 18px;color:var(--ok)}
.pp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:22px;align-items:start}
.pp-grid.solo{grid-template-columns:minmax(0,1fr)}
.pp-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.pp-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.pp-box h2{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1;margin:0 0 12px}
.pp-desc p{margin:0 0 10px}.pp-desc ul{margin:0 0 10px;padding-left:20px}
.pp-box .specs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pp-lado{position:sticky;top:84px}
.pp-lado .junto{padding:16px;border-radius:12px}
.pp-lado .junto .sect{font-family:var(--display);font-weight:700;font-size:20px;text-transform:none;letter-spacing:0;color:var(--ink)}
.pp-lado .jt{grid-template-columns:72px minmax(0,1fr) auto}
.pp-lado .jt .th{width:72px;height:72px}
.pp-rel{margin-top:36px}
@media (max-width:900px){
  .pp-top{grid-template-columns:1fr;gap:18px;padding:14px;margin-top:-64px}
  .pp-grid{grid-template-columns:1fr}.pp-lado{position:static}
  .pp-hero .pp-hwrap{padding-block:16px 78px}
}
@media (max-width:600px){
  .pp-preco b{font-size:38px}
  .pp-selos{grid-template-columns:1fr}
  .pp-box{padding:14px}
  .pp-qty{flex:0 0 auto}
}
.pp-lado .jt{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"th nm nm" "th pr bt";row-gap:6px}
.pp-lado .jt .nm{font-size:14.5px}
@media (max-width:600px){.pp-btns:has(.pp-qty){flex-wrap:nowrap}.pp-add{flex:1 1 0;min-width:0;padding-inline:12px}}
.pp-lado .jt > b{text-align:left;font-size:16px}.pp-lado .jt .add{justify-self:end}
@media (max-width:900px){.pp-lado{order:-1}}
@media (max-width:420px){.pp-add .l2{display:none}}