:root{--cor-primaria:#1d4ed8;--cor-primaria-escura:#1e40af;--cor-perigo:#b91c1c;--cor-texto:#111827;--cor-texto-suave:#4b5563;--cor-borda:#9ca3af;--cor-fundo:#f3f4f6;--cor-cartao:#fff;--altura-botao:56px;--raio:12px;color:var(--cor-texto);background:var(--cor-fundo);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;line-height:1.4}*{box-sizing:border-box}body{background:var(--cor-fundo);margin:0}.tela{max-width:640px;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom));margin:0 auto}.carregando{text-align:center;color:var(--cor-texto-suave);padding-top:30vh}h1{margin:8px 0 20px;font-size:1.6rem}.topo{justify-content:space-between;align-items:center;gap:12px;display:flex}.campo{margin-bottom:18px}.campo label{margin-bottom:6px;font-weight:600;display:block}.campo input{width:100%;height:var(--altura-botao);border:2px solid var(--cor-borda);border-radius:var(--raio);background:var(--cor-cartao);color:var(--cor-texto);padding:0 14px;font-size:1.1rem}.campo input:focus{outline:3px solid var(--cor-primaria);outline-offset:1px;border-color:var(--cor-primaria)}.opcao{align-items:center;gap:12px;min-height:44px;margin-bottom:18px;display:flex}.opcao input{width:28px;height:28px}.botao{width:100%;min-height:var(--altura-botao);color:#fff;background:var(--cor-primaria);border-radius:var(--raio);cursor:pointer;border:none;justify-content:center;align-items:center;margin-bottom:14px;padding:0 16px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.botao:active{background:var(--cor-primaria-escura)}.botao:disabled{opacity:.6}.botao-secundario{color:var(--cor-primaria);border:2px solid var(--cor-primaria);background:0 0}.botao-secundario:active{background:#dbeafe}.botao-perigo{background:var(--cor-perigo)}.botao-pequeno{min-height:48px;color:var(--cor-primaria);border:2px solid var(--cor-primaria);border-radius:var(--raio);cursor:pointer;background:0 0;padding:0 18px;font-size:1rem;font-weight:600}.botao-perigo-contorno{color:var(--cor-perigo);border:2px solid var(--cor-perigo);background:0 0;margin-top:28px}.botao-perigo-contorno:active{background:#fee2e2}.confirmacao{border:3px solid var(--cor-perigo);border-radius:var(--raio);background:#fef2f2;margin-top:28px;padding:16px}.confirmacao p{margin:0 0 16px}.erro{color:var(--cor-perigo);border-radius:var(--raio);background:#fee2e2;margin:0 0 16px;padding:12px 14px;font-weight:600}a.botao-pequeno{align-items:center;text-decoration:none;display:inline-flex}.area-foto{border:3px dashed var(--cor-primaria);border-radius:var(--raio);width:100%;min-height:220px;color:var(--cor-primaria);cursor:pointer;background:#eff6ff;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:1.2rem;font-weight:700;display:flex}.area-foto.com-foto{background:var(--cor-cartao);border-style:solid}.area-foto img{object-fit:contain;border-radius:8px;max-width:100%;max-height:320px}.icone-camera{font-size:3.5rem;line-height:1}.contador{gap:10px;display:flex}.contador button{flex:0 0 var(--altura-botao);height:var(--altura-botao);color:#fff;background:var(--cor-primaria);border-radius:var(--raio);cursor:pointer;border:none;font-size:1.8rem;font-weight:700}.contador button:disabled{opacity:.4}.campo .contador input{text-align:center;font-size:1.4rem;font-weight:700}.busca{width:100%;height:var(--altura-botao);border:2px solid var(--cor-borda);border-radius:var(--raio);background:var(--cor-cartao);color:var(--cor-texto);margin-bottom:16px;padding:0 14px;font-size:1.1rem}.busca:focus{outline:3px solid var(--cor-primaria);border-color:var(--cor-primaria)}.aviso{color:var(--cor-texto-suave);text-align:center;margin:24px 0}.lista{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.item{background:var(--cor-cartao);border-radius:var(--raio);padding:12px;box-shadow:0 1px 3px #0000001f}.item-info{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.miniatura{object-fit:cover;background:#e5e7eb;border-radius:8px;flex:0 0 72px;width:72px;height:72px}.sem-foto{justify-content:center;align-items:center;font-size:2rem;display:flex}.item-texto{flex-direction:column;min-width:0;display:flex}.item-nome{overflow-wrap:anywhere;font-weight:700}.item-preco{color:var(--cor-texto-suave)}.item-quantidade{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.item-quantidade button{height:var(--altura-botao);color:#fff;background:var(--cor-primaria);border-radius:var(--raio);cursor:pointer;border:none;flex:0 0 72px;font-size:1.8rem;font-weight:700}.item-quantidade button:disabled{opacity:.35}.item-quantidade .numero{text-align:center;flex:1;font-size:1.5rem;font-weight:700}.esgotado .numero{color:var(--cor-perigo);font-size:1.15rem}.com-botao-fixo{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.botao-fixo{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:608px;min-height:64px;margin:0 auto;font-size:1.25rem;position:fixed;box-shadow:0 4px 14px #00000040}