:root{--ink: #000000;--fundo: #fdfcf9;--borda: #e8e4dc;--borda-forte: #d6d0c5;--creme: #faf7f1;--texto-2: #5c5650;--laranja: #ff9b00;--laranja-claro: #fff6e5;--verde: #1e7b34;--verde-claro: #e3f4e6;--vermelho: #b42318}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fundo);color:var(--ink);font-family:Poppins,system-ui,sans-serif;font-size:15px}button,input{font-family:inherit;font-size:16px;color:inherit;touch-action:manipulation}button{cursor:pointer}h2{margin:0;font-size:18px}.faixa-teste{background:var(--laranja);text-align:center;font-size:12px;font-weight:600;padding:6px}.topo{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ink);color:#f4f4f4}.topo small{display:block;color:#bdb6ac;font-size:12px}.logo{width:38px;height:38px;border-radius:10px;background:var(--laranja);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}main{max-width:640px;margin:0 auto;padding:18px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:22px}.pilha{display:flex;flex-direction:column;gap:14px}.centro{align-items:center;text-align:center}.cartao{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:18px}.sub{color:var(--texto-2);margin:0}.vazio{color:var(--texto-2);text-align:center;padding:30px 0}.erro{color:var(--vermelho);font-size:14px;margin:0}.linha{display:flex;justify-content:space-between;gap:12px}.linha.total{border-top:1px solid var(--borda);padding-top:12px;font-size:17px}.grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}@media (min-width: 560px){.grade{grid-template-columns:repeat(3,minmax(0,1fr))}}.produto{background:#fff;border:1px solid var(--borda-forte);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.produto.marcado{border:2px solid var(--laranja);background:var(--laranja-claro)}.produto-topo{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:0 0 10px;border:0;background:none;text-align:left}.produto-topo img,.sem-foto{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--creme)}.sem-foto{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#c9bfb1}.produto-topo .nome{padding:0 12px;font-weight:600;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.produto-topo .preco{padding:0 12px;font-size:14px;color:var(--texto-2)}.produto-topo s{color:#a39b90}.adicionar{margin:0 10px 10px;min-height:42px;border-radius:10px;border:1px solid var(--ink);background:#fff;font-weight:600;font-size:14px}.qtd{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center;margin:0 10px 10px;border-radius:10px;background:var(--ink);color:#fff}.qtd button{min-height:42px;border:0;background:none;color:#fff;font-size:22px;font-weight:600}.qtd strong{font-size:17px}.espaco-barra{height:70px}.barra{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;max-width:616px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 8px 24px #00000038}.barra strong{font-size:17px}.barra .botao{background:var(--laranja);color:var(--ink);white-space:nowrap}.botao{min-height:48px;padding:12px 20px;border-radius:12px;border:0;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center}.botao.grande{width:100%;min-height:56px;font-size:17px;background:var(--laranja);color:var(--ink)}.botao.secundario{background:#fff;color:var(--ink);border:1px solid var(--ink)}.botao:disabled{opacity:.6}button:not(:disabled):active,.botao:active{transform:scale(.97)}.voltar{align-self:flex-start;background:none;border:0;padding:6px 0;min-height:44px;font-weight:600}.campo{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto-2)}.campo input{width:100%;min-width:0;padding:13px 14px;border-radius:12px;border:1px solid var(--borda-forte);background:#fff;color:var(--ink)}.selo-ok{width:64px;height:64px;border-radius:50%;background:var(--verde-claro);color:var(--verde);font-size:34px;font-weight:700;display:flex;align-items:center;justify-content:center}img.logo{width:44px;height:44px;display:block;object-fit:cover;background:#000;border:1px solid #2a2a2a}