/* Layout: coluna única de celular (máx. 480px), topo grafite fixo, rodapé de ação fixo */
:root{
  --ink:#2F2D2E; --ink-2:#555152; --muted:#8E8986; --ground:#F6F5F3; --card:#FFFFFF;
  --line:#DEDAD6; --line-2:#ECE9E6; --orange:#F9A85D; --orange-soft:#FEF0E2; --orange-ink:#8A4B0F;
  --green:#1E7A46; --dark-2:#4A4748;
  --display:"Fraunces",Georgia,"Times New Roman",serif; --body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box;font-variation-settings:"SOFT" 100}
html,body{background:var(--ground)}
body{margin:0;font-family:var(--body);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--ground);display:flex;flex-direction:column}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--ink);padding:14px 16px 12px;display:flex;flex-direction:column;gap:12px}
.hrow{display:flex;align-items:center;justify-content:space-between}
.hrow img{height:21px;width:auto;max-width:62vw;display:block}
.hrow a{display:flex;padding:10px 0}
.stepc{display:flex;flex-direction:column;align-items:flex-end;color:#fff}
.stepc small{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:#BDB8B4}
.stepc b{font-family:var(--display);font-size:20px;line-height:1;font-weight:800}
.stepc b i{font-style:normal;color:var(--muted);font-size:15px}
.bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
.bar span{height:4px;border-radius:4px;background:var(--dark-2);transition:background .25s}
.bar span.on{background:var(--orange)}
main{flex:1;padding:20px 16px 8px}
.step{display:flex;flex-direction:column;gap:18px}
h1,h2{font-family:var(--display);font-weight:800;margin:0;line-height:1.1;text-wrap:balance}
h1{font-size:28px} h2{font-size:26px}
h3{font-family:var(--display);font-weight:700;font-size:18px;margin:0}
.hl{background:var(--orange);padding:0 3px}
.lead{margin:0;color:var(--ink-2);font-size:14px}
.trust{background:var(--ink);color:#fff;border-radius:16px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;font-size:12.5px;font-weight:500;line-height:1.3}
.trust div{display:flex;gap:6px;align-items:flex-start}
.trust svg{flex-shrink:0;margin-top:1px}
.notice{display:flex;gap:10px;background:var(--orange-soft);border:1px solid #F8D3AE;border-radius:14px;padding:12px 14px;font-size:13px;color:#5A3410}
.notice svg{flex-shrink:0}
.notice p{margin:0}
.tcard{background:var(--card);border-radius:18px;border:2px solid transparent;overflow:hidden;box-shadow:0 2px 12px rgba(47,45,46,.08)}
.tcard.sel{border-color:var(--orange)}
.tphoto{position:relative;aspect-ratio:16/10;background:var(--ink);max-width:100%}
.tphoto img{width:100%;height:100%;object-fit:cover;display:block}
.tover{position:absolute;inset:auto 0 0 0;padding:40px 16px 12px;background:linear-gradient(transparent,rgba(30,28,29,.88));display:flex;justify-content:space-between;align-items:flex-end;gap:10px;color:#fff}
.tover small{display:block;font-size:10.5px;letter-spacing:2px;text-transform:uppercase}
.tover strong{font-family:var(--display);font-size:26px;font-weight:800;line-height:1.05;text-transform:uppercase}
.price{background:var(--orange);color:var(--ink);font-family:var(--display);font-weight:800;font-size:18px;padding:4px 10px;white-space:nowrap}
.tbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--ink-2)}
.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.meta b{color:var(--ink);display:flex;align-items:center;gap:6px}
.tbody p{margin:0}
.tbody p b{color:var(--ink)}
details summary{cursor:pointer;font-weight:600;color:var(--ink)}
details p{margin:6px 0 0}
.tag{align-self:flex-start;font-size:12px;font-weight:600;color:var(--orange-ink);background:var(--orange-soft);padding:6px 10px;border-radius:8px}
.btn{height:52px;border:0;border-radius:14px;background:var(--ink);color:#fff;font:600 15px var(--body);cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn:disabled{background:#B9B5B2;cursor:not-allowed}
.btn.go{background:var(--green);flex-direction:column;gap:0;line-height:1.15}
.btn.go small{font-weight:400;font-size:12px;opacity:.92}
.btn:focus-visible,.pill:focus-visible,.inp:focus-visible,.back:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
label.l,.l{display:block;font-size:13px;font-weight:600;margin:0 0 6px}
.inp{width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:500 16px var(--body);color:var(--ink);background:var(--card);outline:none}
.inp:focus{border-color:var(--ink)}
textarea.inp{height:88px;padding:12px 14px;resize:none}
.inp.err{border-color:#B3261E}
.hint{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--orange-ink)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pills.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pill{min-height:46px;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;font:600 15px var(--body);cursor:pointer;background:var(--card);color:var(--ink)}
.pills.g2 .pill,.pills.g3 .pill{border-radius:14px;min-height:58px}
.pill[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.soft{margin:0;font-size:13px;color:var(--ink-2);background:#EFEDEA;border-radius:12px;padding:12px 14px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.span2{grid-column:span 2}
.box{background:var(--card);border:1px solid var(--line-2);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.box.gift{background:var(--orange-soft);border-color:#F8D3AE}
.warn{margin:0;font-size:13px;color:#8A3B12;background:#FFF1E8;border-radius:10px;padding:10px 12px}
.sum{background:var(--card);border:1px solid var(--line-2);border-radius:16px;padding:4px 16px}
.sum div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.sum div:last-child{border-bottom:0}
.sum span:first-child{color:var(--ink-2);flex-shrink:0}
.sum span:last-child{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
.money{font-variant-numeric:tabular-nums}
.tot{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.tot.big span{font-family:var(--display);font-weight:800;font-size:18px}
.tot.big span:last-child{font-size:26px}
.sep{height:1px;background:var(--line-2)}
.fine{margin:0;font-size:12px;color:var(--ink-2)}
.msg{margin-top:10px;background:var(--card);border-radius:10px;padding:12px;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
.pay{background:var(--ink);color:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.pay h3{color:#fff;display:flex;gap:8px;align-items:center}
.pay ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:#E9E6E3}
.pay ol b{color:var(--orange)}
footer{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--card);border-top:1px solid var(--line-2);padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}
footer .in{max-width:448px;margin:0 auto;display:flex;gap:10px;align-items:center}
.back{width:52px;height:52px;flex-shrink:0;border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
/* folha de confirmação */
.sheet-bg{position:fixed;inset:0;z-index:20;background:rgba(30,28,29,.55);display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:480px;background:var(--card);border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;animation:up .25s ease-out}
@keyframes up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
.steps3{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.steps3 li{display:flex;gap:12px;align-items:flex-start;font-size:14px}
.steps3 .n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--orange);color:var(--ink);font-family:var(--display);font-weight:800;display:flex;align-items:center;justify-content:center}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;background:var(--ground);padding:12px;border-radius:12px;cursor:pointer}
.chk input{width:22px;height:22px;accent-color:var(--ink);margin:0;flex-shrink:0}
.link{background:none;border:0;color:var(--ink-2);font:500 14px var(--body);text-decoration:underline;cursor:pointer;padding:8px}
.done{text-align:center;align-items:center}
.xg{display:flex;flex-direction:column;gap:10px}
.xi{background:var(--card);border:2px solid var(--line-2);border-radius:14px;overflow:hidden}
.xi.on{border-color:var(--orange)}
.xrow{display:grid;grid-template-columns:auto 60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;cursor:pointer}
.xrow input{width:22px;height:22px;accent-color:var(--ink);margin:0}
.xrow img{width:60px;height:60px;object-fit:contain;border-radius:10px;background:#fff}
.xrow .nm{display:block;font-weight:600;font-size:14px;line-height:1.3}
.xrow .ds{display:block;font-size:12px;color:var(--ink-2);margin-top:2px}
.xrow .pr{font-family:var(--display);font-weight:800;font-size:16px;white-space:nowrap}
.xctl{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 12px 12px 46px}
.xctl select{height:40px;border:1.5px solid var(--line);border-radius:10px;padding:0 10px;font:500 14px var(--body);color:var(--ink);background:var(--card);min-width:0;flex:1}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;margin-left:auto}
.qty button{width:40px;height:40px;border:0;background:var(--card);font:600 18px var(--body);color:var(--ink);cursor:pointer}
.qty span{min-width:28px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.frete{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line-2);border-radius:14px;padding:14px 16px;font-size:14px}
.frete b{font-family:var(--display);font-weight:800;font-size:18px}
.frete.est{background:var(--orange-soft);border-color:#F8D3AE}
.spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:sp 0.8s linear infinite;display:inline-block;vertical-align:-3px;margin-right:8px}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.done .ic{width:72px;height:72px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center}

/* ===== acompanhamento do pedido (status, pagamento) ===== */
[hidden]{display:none !important}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:4px}
.hero .ic{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.hero .n{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--muted)}
.hero .lead{max-width:36ch}
.tl{background:var(--card);border:1px solid var(--line-2);border-radius:16px;padding:16px;display:flex;flex-direction:column}
.tl-i{display:flex;gap:12px}
.tl-l{display:flex;flex-direction:column;align-items:center;width:28px;flex-shrink:0}
.tl-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:13px;border:2px solid var(--line);background:var(--card);color:var(--ink)}
.tl-dot.done{background:var(--green);border-color:var(--green);color:#fff}
.tl-dot.cur{background:var(--orange);border-color:var(--orange)}
.tl-ln{flex:1;width:2px;min-height:14px;background:var(--line-2)}
.tl-ln.done{background:var(--green)}
.tl-i:last-child .tl-ln{background:transparent}
.tl-t{display:flex;flex-direction:column;gap:2px;padding-bottom:14px}
.tl-t b{font-size:14.5px;font-weight:500;color:var(--muted)}
.tl-t b.on{color:var(--ink);font-weight:700}
.tl-t span{font-size:12.5px;color:var(--ink-2)}
.popt{width:100%;text-align:left;border-radius:16px;padding:16px;display:flex;gap:14px;align-items:flex-start;border:2px solid var(--line-2);background:var(--card);color:var(--ink);cursor:pointer;font:inherit}
.popt[aria-checked="true"]{border-color:var(--orange);box-shadow:0 2px 12px rgba(47,45,46,.08)}
.popt .rd{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.popt[aria-checked="true"] .rd::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--ink)}
.popt .pb{flex:1;display:flex;flex-direction:column;gap:3px}
.popt .ph{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.popt .ph b{font-size:16px}
.popt .ph strong{font-family:var(--display);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.popt .pb span{font-size:13px;color:var(--ink-2)}
.qr{width:220px;height:220px;border-radius:16px;border:1px solid var(--line-2);background:#fff;padding:8px;align-self:center}
.qr svg{width:100%;height:100%;display:block}
.copy{display:flex;gap:8px}
.copy .inp{font-size:13px;color:var(--ink-2);background:var(--ground)}
.copy .btn{width:auto;padding:0 16px;height:48px;flex-shrink:0}
.drop{position:relative;min-height:96px;border-radius:14px;border:1.5px dashed var(--line);background:var(--ground);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:12px;font-size:14px;cursor:pointer}
.drop.has{border-color:var(--green);background:#EEF7F1}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop:focus-within{outline:3px solid var(--orange);outline-offset:2px}
.btn.line{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}
.btn.wa{background:var(--card);color:var(--green);border:1.5px solid #CFE3D6}
.err{margin:0;font-size:13px;color:#8E2B1B;background:#FBE9E5;border:1px solid #EBB9AF;border-radius:12px;padding:10px 12px}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:30;background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
body.st .toast{bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.loading{padding:60px 0;text-align:center;color:var(--ink-2)}
.pills .pill small{display:block;font-weight:400;font-size:11.5px;opacity:.75}
.pill:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.foot{text-align:center;font-size:12px;color:var(--muted);margin:4px 0 0}
.sum span:first-child{flex-shrink:1;min-width:0}
.sum span.money{white-space:nowrap;flex-shrink:0;min-width:auto}
.frete b{white-space:nowrap}

/* personalização da tábua */
.pickd{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:10px}
.pickd img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none}
.pickd>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pickd small{font-size:11.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.pickd strong{font-family:var(--display);font-size:20px;line-height:1.1}
.pickd span{font-size:13.5px;color:var(--ink-2)}
.pickd .link{flex:none}
.semp .pill{min-height:42px;font-size:14px;padding:0 14px}
.semp .pill[aria-pressed="true"]{background:#FBE9E5;border-color:#C2543A;color:#8A2E1C}
.semp .pill s{text-decoration-thickness:2px}
.ajrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:10px;align-items:center;padding-top:10px;border-top:1px solid var(--line-2)}
.ajrow:first-of-type{border-top:0}
.ajnm{font-weight:600;font-size:15px}
.ajrow select.inp{min-height:46px;font-size:14px;padding:0 10px}
.ajrow.on .ajnm{color:var(--orange-ink)}
.ajrow.on select.inp{border-color:var(--orange);background:#FFF6EC}
.ajsum{background:#FFF6EC;border:1.5px solid var(--orange);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.ajsum ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:2px}
.ajsum .link{align-self:flex-start;padding:0}
/* falar com atendente */
.ajuda-w{position:fixed;right:max(16px,calc(50% - 224px));bottom:16px;z-index:7}
.ajuda-w[hidden]{display:none}
.ajuda{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px 0 11px;border-radius:999px;background:#17773F;color:#fff;font:600 13px var(--body);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.ajuda:hover{background:#11602F}
.ajuda:focus-visible,.ajuda-x:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.ajuda-x{position:absolute;top:-9px;right:-7px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer}
.ajuda-x::before{content:"";position:absolute;inset:-11px}
.ajuda-x svg{width:10px;height:10px}
.ajuda-w.mini .ajuda{width:46px;height:46px;min-height:0;padding:0;justify-content:center}
.ajuda-w.mini .ajuda svg{width:22px;height:22px}
.ajuda-w.mini .ajuda span,.ajuda-w.mini .ajuda-x{display:none}

/* aviso: não trabalhamos com pronta entrega */
.encom{background:#2F2D2E;color:#fff;border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 20px rgba(47,45,46,.18)}
.encom-tag{align-self:flex-start;background:var(--orange);color:var(--ink);font:700 11.5px var(--body);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:4px 10px}
.encom h2{color:#fff;font-size:24px;line-height:1.15;margin:0}
.encom ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.encom li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;font-size:14.5px;line-height:1.45;color:#EDEAE7}
.encom li>.encom-ck{display:flex;align-items:flex-start;justify-content:center;padding-top:3px}
.encom-ck svg{width:16px;height:16px}
.encom b{color:#fff}
.encom-p{margin:0;font-size:13.5px;line-height:1.5;color:#D9D4CF;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.encom-u{background:#FEF0E2;color:var(--ink);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.45}
.encom-u b{color:var(--ink)}
.encom-u>b{font-size:15.5px}
.encom-u .btn.wa{background:#17773F;color:#fff}
.tacts{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.tpers{display:inline-flex;gap:6px;align-items:center;justify-content:center;align-self:center;border:0;background:none;font:500 13px var(--body);color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;padding:8px;min-height:36px;cursor:pointer}
.tpers:hover{color:var(--ink)}
.tpers svg{flex:none}
/* horário desejado */
.hgrp{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--line-2)}
.hgrp:first-of-type{border-top:0;padding-top:4px}
.hgrp-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.hgrp-t b{font-size:15px}
.hgrp-t span{font-size:12.5px;color:var(--ink-2)}
.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.pill.hpill{min-height:44px;padding:0;border-radius:12px;font-variant-numeric:tabular-nums}
.hsel{display:flex;gap:8px;align-items:center;background:var(--card);border:1.5px solid var(--ink);border-radius:14px;padding:12px 14px;font-size:14.5px}
/* remoções simples */
.semc{display:flex;flex-direction:column;gap:8px}
.semi{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);font-weight:600;font-size:15px;cursor:pointer}
.semi input{width:22px;height:22px;accent-color:#B8452E;flex:none}
.semi.on{border-color:#C2543A;background:#FBE9E5;color:#8A2E1C}
.ajrow{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
.ajsel{display:flex;flex-direction:column;gap:4px}
.ajsel>span{font-size:12px;color:var(--ink-2)}
.ajrow.on .ajsel>span{color:var(--orange-ink);font-weight:600}
.sum .perso span:first-child{color:var(--orange-ink);font-weight:700}

/* escolha da unidade (franquias) */
.fqc{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;font:inherit;color:var(--ink)}
.fqc:hover{border-color:var(--ink)}
.fqc b{font-family:var(--display);font-size:21px}
.fqc span{font-size:14px;color:var(--ink-2)}
.trocaf{color:var(--orange-ink);font-weight:600}
.premium{margin:0;font-size:13.5px;line-height:1.45;background:var(--orange-soft);color:var(--orange-ink);border-radius:12px;padding:10px 12px}
.premium b{color:var(--orange-ink)}

/* cupom de desconto */
.cupom-box{display:flex;flex-direction:column;gap:6px}
.cupom-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.cupom-row .inp{text-transform:uppercase;letter-spacing:.04em}
.cupom-row .btn{width:auto;padding:0 18px}
.cupom-ok{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#EAF5EE;color:#1E5A34;border-radius:14px;padding:10px 12px;font-size:14px}
.cupom-ok span{display:block;line-height:1.4}
.cupom-ok span svg{vertical-align:-2px;margin-right:4px}
.cupom-ok .link{padding:4px}
.tot.cupom-l span{color:#1E5A34}

/* aceite LGPD */
.sheet .chk+.chk{margin-top:8px}
.chk a{color:var(--ink);font-weight:600}
.chk.opt{background:transparent;border:1px dashed var(--line);font-weight:400}
.lgpd-nota{margin:8px 2px 0;font-size:12.5px;color:var(--ink-2)}

/* crédito de desenvolvimento */
.bioma{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted, #8E8986);min-height:32px;text-decoration:none;font-family:"Poppins",system-ui,sans-serif}
.bioma img{height:12px;width:auto}
.bioma span{font-weight:700;text-decoration:underline;text-underline-offset:2px}
.bioma:hover span{color:var(--ink, #2F2D2E)}
.bioma-w{display:flex;justify-content:center}
@media print{.bioma-w{display:none}}
.credito{padding:0 16px 170px}

/* informações iniciais (fecháveis) */
.encom-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.encom-x{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:600 12.5px var(--body);border-radius:99px;padding:6px 12px;min-height:34px;cursor:pointer}
.encom-x:hover{background:rgba(255,255,255,.1)}
.encom h2{font-size:21px}
.encom li{font-size:14px}
.encom-urg{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#FEF0E2;color:var(--ink);text-decoration:none;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.4}
.encom-urg b{color:#17773F}
.encom-urg>span:last-child{font-size:22px;line-height:1;color:#17773F}
.encom.fecha{animation:sai .26s ease forwards}
.encom.abre{animation:entra .32s ease both}
.info-mini{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:10px 12px;font:400 13px var(--body);color:var(--ink-2);cursor:pointer;min-height:44px}
.info-mini svg{flex:none;color:var(--orange-ink)}
.info-mini>span:nth-child(2){flex:1}
.info-mini .lk{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* galeria */
.tfotos{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:99px;background:rgba(30,28,29,.72);color:#fff;font:600 12px var(--body);padding:7px 11px;cursor:pointer;backdrop-filter:blur(4px);transition:transform .2s}
.tfotos:hover{transform:scale(1.05)}
#galeria{position:fixed;inset:0;z-index:50}
.gal{position:absolute;inset:0;background:rgba(16,15,15,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;animation:fade .2s ease}
.gal-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#fff;font-weight:600;font-size:14px}
.gal-x{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:18px;cursor:pointer}
.gal-img{width:100%;max-width:720px;display:flex;justify-content:center}
.gal-img img{max-width:100%;max-height:68vh;border-radius:14px;object-fit:contain;animation:zoom .28s ease}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.gal-nav.p{left:10px}.gal-nav.n{right:10px}
.gal-dots{display:flex;gap:8px}
.gal-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0;cursor:pointer;transition:transform .2s,background .2s}
.gal-dots button[aria-current]{background:#fff;transform:scale(1.3)}
.gal-ok{max-width:420px;width:100%}
/* alteração sugerida pela produção */
.sug{border:2px solid var(--orange);background:var(--orange-soft);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px;animation:entra .35s ease both}
.sug-t{font-family:var(--display);font-weight:800;font-size:19px}
.sug p{margin:0}
/* animações leves */
.step.entra{animation:entra .34s ease both}
.hero.anim .ic{animation:pop .7s cubic-bezier(.2,1.5,.4,1) both}
.hero.anim h2{animation:entra .4s .12s ease both}
.tl-dot.cur{animation:pulso 2s ease-in-out infinite}
.tcard{transition:transform .2s ease,box-shadow .2s ease}
.tcard:hover{transform:translateY(-2px)}
.tphoto img{transition:transform .5s ease}
.tcard:hover .tphoto img{transform:scale(1.03)}
.tphoto{overflow:hidden}
.btn{transition:transform .12s ease,background .2s,opacity .2s}
.btn:active:not(:disabled){transform:scale(.97)}
.pill{transition:transform .15s ease,background .2s,color .2s}
#toast:not([hidden]){animation:sobe .25s ease}
@keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sai{to{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes fade{from{opacity:0}}
@keyframes zoom{from{opacity:0;transform:scale(.96)}}
@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes pulso{0%,100%{box-shadow:0 0 0 0 rgba(249,168,93,.55)}50%{box-shadow:0 0 0 7px rgba(249,168,93,0)}}
@keyframes toque{50%{transform:scale(1.04)}}
@keyframes sobe{from{opacity:0;transform:translate(-50%,8px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}