:root{--vinho:#6b1d2a;--vinho-escuro:#4a121c;--laranja:#f28c28;--fundo:#f6f2ef;--cartao:#fff;--texto:#2a1a1d;--suave:#7a6a6d;--borda:#e6dcd8;--verde:#1f8a4c;--verde-fundo:#e3f5ea;--amarelo:#a86b00;--amarelo-fundo:#fff3d6;--vermelho:#c0392b;--vermelho-fundo:#fde6e3;color:var(--texto);background:var(--fundo);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fundo);margin:0}button,input{font:inherit;color:inherit}.app{max-width:560px;min-height:100vh;margin:0 auto;padding-bottom:96px}.topo{z-index:2;background:var(--vinho);color:#fff;padding:calc(env(safe-area-inset-top) + 12px) 16px 10px;justify-content:space-between;align-items:baseline;gap:8px;display:flex;position:sticky;top:0}.marca{letter-spacing:.02em;font-weight:800}.marca.grande{color:var(--vinho);font-size:32px}.status{opacity:.85;font-size:12px}.status.alerta{color:var(--laranja);opacity:1;font-weight:600}main{padding:12px 16px}h1{margin:4px 0 12px;font-size:22px}h2{margin:0 0 12px}h1 small,.nome small{color:var(--suave);font-size:.7em;font-weight:400}label{color:var(--suave);margin:12px 0 0;font-size:13px;display:block}label input{margin-top:4px}input{border:1px solid var(--borda);background:#fff;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}input:focus{outline:2px solid var(--laranja);border-color:#0000}.busca{font-size:17px}button{border:1px solid var(--borda);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px}.primario{background:var(--laranja);border-color:var(--laranja);color:#fff;width:100%;margin-top:16px;padding:14px;font-size:17px;font-weight:700}.primario:disabled{opacity:.6}.primario.fixo{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);width:auto;max-width:528px;margin:0 auto;position:fixed;box-shadow:0 6px 20px #0000002e}.lista{margin:12px 0;padding:0;list-style:none}.lista li+li{margin-top:8px}.lista button{text-align:left;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:12px 14px;display:grid}.lista .nome{font-weight:600}.lista .preco{color:var(--vinho);font-weight:700}.det{color:var(--suave);font-size:13px}.lista .det{grid-column:1/-1}.vazio{color:var(--suave);text-align:center;padding:24px 0}.rodape{text-align:center;color:var(--suave);font-size:13px}.rodape a{color:var(--vinho);cursor:pointer;text-decoration:underline}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;margin:12px 0;padding:14px 16px}.cartao.destaque{border-left:5px solid var(--vinho)}.rotulo{text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin-top:12px;font-size:12px}.cartao>.rotulo:first-child{margin-top:0}.valor{color:var(--vinho);font-size:34px;font-weight:800}.preco-input{text-align:center;font-size:30px;font-weight:700}.veredito{border-radius:12px;flex-direction:column;gap:2px;margin-top:12px;padding:12px 14px;display:flex}.veredito b{font-size:20px}.veredito.verde{background:var(--verde-fundo);color:var(--verde)}.veredito.amarelo{background:var(--amarelo-fundo);color:var(--amarelo)}.veredito.vermelho{background:var(--vermelho-fundo);color:var(--vermelho)}.dica{color:#8a4a0a;background:#fff4e8;border-radius:12px;margin-top:8px;padding:10px 14px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chips button{padding:8px 14px}.chips .ativo{background:var(--vinho);border-color:var(--vinho);color:#fff}.linha{gap:10px;display:flex}.linha>*{flex:1;margin-top:16px}.voltar{color:var(--vinho);background:0 0;border:none;padding:4px 0;font-weight:600}.simples{margin:6px 0 0;padding:0;list-style:none}.simples li{border-bottom:1px solid var(--borda);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.simples li:last-child{border-bottom:none}.simples li span{flex:1}.simples small{color:var(--suave)}.lixo{color:var(--suave);background:0 0;border:none;padding:4px 8px}.entrada{max-width:420px;margin:0 auto;padding:18vh 24px 24px}.sub{color:var(--suave);margin:4px 0 20px}.erro{color:var(--vermelho);margin:10px 0 0;font-size:14px}.atalho{text-align:left;width:100%;color:var(--vinho);margin-bottom:10px;font-weight:600}.qtd-input{text-align:center;font-size:20px;font-weight:600}.total{background:var(--fundo);border-radius:12px;margin-top:10px;padding:10px 14px;font-size:15px}.total b{color:var(--vinho);font-size:20px}.total small{color:var(--suave)}.por-loja{flex-wrap:wrap;gap:4px 16px;margin-top:4px;font-size:14px;display:flex}.variacoes li{padding:0}.variacoes button{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:8px 0;display:flex}.de-para{display:block}.txt-vermelho{color:var(--vermelho)}.txt-verde{color:var(--verde)}.qtd-linha{display:block}.lojas{margin:0 0 12px}.lojas .mais{color:var(--vinho);border-style:dashed}.sob-titulo{color:var(--suave);justify-content:space-between;align-items:center;margin:-6px 0 4px;font-size:13px;display:flex}.editar{color:var(--vinho);cursor:pointer;font-weight:600}.consumer{border-top:1px dashed var(--borda);color:var(--suave);margin-top:8px;padding-top:8px;font-size:13px}.consumer b{color:var(--texto)}.atalhos{grid-template-columns:1fr auto;gap:8px;display:grid}.selo{color:var(--laranja);grid-column:1/-1;font-size:12px;font-weight:600}.grupo h2{color:var(--vinho);margin:18px 0 0;font-size:16px}.grupo h2 small{color:var(--suave);font-weight:400}.lista.pedidos li{gap:8px;display:flex}.lista.pedidos .item{flex:1;grid-template-columns:1fr}.lista.pedidos .qtd{color:var(--vinho)}.lista .obs,.na-lista .obs{color:var(--texto);grid-column:1/-1;font-size:13px;font-style:italic}.lista.pedidos .check{text-align:center;width:56px;color:var(--verde);background:var(--verde-fundo);flex:none;font-size:22px;font-weight:700;display:block}.lista.achados{margin-top:4px}.secundario{color:var(--vinho);font-weight:600}.secundario.largo{width:100%;margin:4px 0 12px}.na-lista{background:var(--amarelo-fundo)}.na-lista .secundario{margin-top:10px}.comprados{margin-top:20px}.desfazer{color:var(--vinho);background:0 0;border:none;padding:4px 6px;font-size:13px;text-decoration:underline}.atalho.largo{grid-column:1/-1}.atalho small{color:var(--laranja);font-weight:600}.ofertas .oferta{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;display:grid}.oferta img,.oferta .sem-foto{object-fit:contain;border:1px solid var(--borda);background:#fff;border-radius:8px;place-items:center;width:56px;height:56px;display:grid}.oferta-texto{flex-direction:column;gap:2px;min-width:0;display:flex}.oferta-nome{font-size:14px;font-weight:600}.oferta-preco{color:var(--vinho)}.pergunta{margin:10px 0 4px}.responder{gap:6px;margin-top:4px;display:flex}.responder button{padding:4px 12px;font-size:13px}.responder button:first-child{color:var(--verde);background:var(--verde-fundo);border-color:var(--verde-fundo);font-weight:600}.ver-mais{color:var(--vinho);cursor:pointer;margin-top:8px;font-size:13px;text-decoration:underline;display:block}.clicavel{cursor:pointer}.oferta img{cursor:zoom-in}.zoom{z-index:50;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.zoom img{background:#fff;border-radius:12px;max-width:100%;max-height:80vh}.zoom span{color:#fff;text-align:center;font-size:14px}
