:root{--fundo:#f3f5f4;--fundo-suave:#f8faf9;--cartao:#fff;--texto:#111827;--texto-suave:#4b5563;--texto-fraco:#6b7280;--borda:#e5e7eb;--borda-forte:#d1d5db;--primaria:#0f766e;--primaria-escura:#115e59;--primaria-texto:#fff;--primaria-clara:#f0fdfa;--anel:#0f766e38;--anel-forte:#0f766e8c;--erro:#b91c1c;--erro-fundo:#fef2f2;--erro-anel:#b91c1c2e;--sucesso:#15803d;--sucesso-fundo:#f0fdf4;--atencao:#92400e;--atencao-fundo:#fffbeb;--info:#1e40af;--info-fundo:#eff6ff;--whatsapp:#25d366;--whatsapp-hover:#1fc05c;--whatsapp-texto:#06301a;--escuro:#111827;--escuro-texto:#fff;--mpesa:#e60000;--emola:#f37227;--sombra:0 1px 2px #0000000a, 0 8px 24px #0000000f;--raio:16px;--raio-pequeno:12px;--altura-campo:46px;--fonte:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--fonte);color:var(--texto);background:var(--fundo);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}button,input,select{font:inherit;color:inherit}h1{text-wrap:balance}.visualmente-oculto{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sem-quebra{white-space:nowrap}.pagina{flex-direction:column;min-height:100dvh;display:flex}.topo{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;margin:0 auto;padding:10px 16px;display:flex}.topo__marca{letter-spacing:-.01em;font-size:17px;font-weight:700}.topo__seguro{color:var(--texto-fraco);align-items:center;gap:6px;font-size:13px;display:inline-flex}.conteudo{flex:1;width:100%;max-width:480px;margin:0 auto;padding:0 16px 10px}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:20px 16px}@media (width>=480px){.cartao{padding:24px}}@media (height>=860px){.topo{padding-top:24px;padding-bottom:16px}}.formulario{flex-direction:column;gap:13px;display:flex}.formulario__titulo{letter-spacing:-.01em;margin:0;font-size:21px;line-height:1.25}.formulario__subtitulo{color:var(--texto-suave);margin:2px 0 0;font-size:14px}.formulario__fim{flex-direction:column;gap:8px;margin-top:2px;display:flex}.produto-unico{background:linear-gradient(135deg,#f0fdfa 0%,#f7fefc 100%);border:1px solid #ccfbf1;border-radius:14px;overflow:hidden}.produto-unico__topo{align-items:center;gap:12px;padding:14px;display:flex}.produto-unico__icone{background:var(--primaria);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 4px 10px #0f766e40}.produto-unico__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.produto-unico__rotulo{text-transform:uppercase;letter-spacing:.07em;color:var(--primaria);font-size:11.5px;font-weight:700}.produto-unico__nome{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.3}.produto-unico__preco{color:var(--primaria-escura);white-space:nowrap;flex-shrink:0;align-items:baseline;gap:3px;margin:0;display:flex}.produto-unico__valor{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1}.produto-unico__moeda{font-size:14px;font-weight:700}.produto-unico__entrega{color:var(--texto-suave);background:#fff9;border-top:1px dashed #99f6e4;align-items:center;gap:8px;margin:0;padding:9px 14px;font-size:13.5px;display:flex}.produto-unico__entrega svg{color:#1faa52;flex-shrink:0;width:18px;height:18px}.campo{flex-direction:column;gap:4px;display:flex}.campo__rotulo{font-size:14px;font-weight:600}.campo__opcional{color:var(--texto-fraco);font-weight:400}.campo__input{width:100%;min-height:var(--altura-campo);background:var(--cartao);border:1.5px solid var(--borda-forte);border-radius:var(--raio-pequeno);padding:10px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.campo__input::placeholder,.campo__input-interno::placeholder{color:var(--texto-fraco);opacity:.7}.campo__input:focus,.campo__com-prefixo:focus-within{border-color:var(--primaria);box-shadow:0 0 0 3px var(--anel);outline:none}.campo__input--erro{border-color:var(--erro)}.campo__input--erro:focus,.campo__input--erro:focus-within{border-color:var(--erro);box-shadow:0 0 0 3px var(--erro-anel)}.campo__com-prefixo{align-items:center;padding:0;display:flex;overflow:hidden}.campo__prefixo{border-right:1.5px solid var(--borda);background:var(--fundo-suave);color:var(--texto-suave);-webkit-user-select:none;user-select:none;align-self:stretch;align-items:center;padding:0 10px 0 12px;font-weight:600;display:flex}.campo__input-interno{min-width:0;height:calc(var(--altura-campo) - 3px);letter-spacing:.02em;background:0 0;border:0;flex:1;padding:0 12px;font-size:16px}.campo__input-interno:focus{outline:none}.seletor{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;align-items:center;gap:10px;padding-right:40px;display:flex;position:relative}.seletor:focus-within{border-color:var(--primaria);box-shadow:0 0 0 3px var(--anel)}.seletor__nome{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.seletor__nome--vazio{color:var(--texto-fraco)}.seletor__preco{white-space:nowrap;flex-shrink:0;font-weight:700}.seletor__nativo{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.seletor--a-carregar .seletor__nativo{cursor:progress}.campo__dica,.campo__erro{margin:0;font-size:13.5px;line-height:1.4}.campo__dica{color:var(--texto-fraco)}.campo__erro{color:var(--erro);font-weight:500}.metodos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metodo{--cor-metodo:var(--primaria);border:1.5px solid var(--borda-forte);border-radius:var(--raio-pequeno);background:var(--cartao);cursor:pointer;align-items:center;gap:10px;min-width:0;padding:9px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}.metodo--mpesa{--cor-metodo:var(--mpesa)}.metodo--emola{--cor-metodo:var(--emola)}.metodo:hover{border-color:var(--cor-metodo)}.metodo--ativo{border-color:var(--cor-metodo);background:color-mix(in srgb, var(--cor-metodo) 6%, var(--cartao));box-shadow:inset 0 0 0 1px var(--cor-metodo)}.metodo--ativo:after{content:"";background:var(--cor-metodo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat;width:20px;height:20px;box-shadow:0 0 0 2px var(--cartao);border-radius:50%;position:absolute;top:-7px;right:-7px}.metodo:has(:focus-visible){outline:3px solid var(--anel-forte);outline-offset:2px}.metodo__textos{flex-direction:column;min-width:0;line-height:1.2;display:flex}.metodo__nome{font-size:15px;font-weight:700}.metodo__prefixos{color:var(--texto-fraco);margin-top:2px;font-size:12.5px}.logo-metodo{object-fit:contain;border-radius:9px;flex-shrink:0;display:block}.logo-metodo--mpesa{border:1px solid var(--borda);background:#fff;padding:2px}.caixa{cursor:pointer;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.4;display:flex}.caixa input{width:20px;height:20px;accent-color:var(--primaria);flex-shrink:0;margin:0}.nota{text-align:center;color:var(--texto-fraco);margin:0;font-size:13px}.botao{border-radius:var(--raio-pequeno);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 18px;font-size:16px;font-weight:700;line-height:1.25;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.botao:active:not(:disabled){transform:scale(.99)}.botao:focus-visible{outline:3px solid var(--anel-forte);outline-offset:2px}.botao:disabled{cursor:not-allowed;opacity:.55}.botao--grande{min-height:54px;font-size:17px}.botao--primario{background:var(--primaria);color:var(--primaria-texto)}.botao--primario:hover:not(:disabled){background:var(--primaria-escura)}.botao--whatsapp{background:var(--whatsapp);color:var(--whatsapp-texto)}.botao--whatsapp:hover{background:var(--whatsapp-hover)}.botao--escuro{background:var(--escuro);color:var(--escuro-texto)}.botao--secundario{border-color:var(--borda-forte);color:var(--texto);background:0 0}.botao--secundario:hover{background:var(--fundo-suave)}.botao-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.botao-copiar{border:1px solid var(--borda-forte);background:var(--cartao);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;min-height:34px;padding:6px 12px;font-size:13px;font-weight:600}.botao-copiar:focus-visible{outline:3px solid var(--anel-forte);outline-offset:2px}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite girar;display:inline-block}.spinner--grande{border-width:4px;width:40px;height:40px}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.aviso{border-radius:var(--raio-pequeno);text-align:left;margin:0;padding:12px 14px;font-size:14.5px;line-height:1.45}.aviso--erro{background:var(--erro-fundo);color:var(--erro)}.aviso--sucesso{background:var(--sucesso-fundo);color:var(--sucesso);font-weight:600}.aviso--info{background:var(--info-fundo);color:var(--info)}.aviso--atencao{background:var(--atencao-fundo);color:var(--atencao)}.aviso--icone{align-items:center;gap:8px;display:flex}.ecra{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:32px;padding-bottom:28px;display:flex}.ecra__icone{border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:4px;display:grid}.ecra__icone svg{width:36px;height:36px}.ecra__icone--espera{background:var(--primaria-clara);color:var(--primaria)}.ecra__icone--sucesso{background:var(--sucesso-fundo);color:var(--sucesso)}.ecra__icone--erro{background:var(--erro-fundo);color:var(--erro)}.ecra__titulo{outline:none;margin:0;font-size:22px;line-height:1.3}.ecra__texto{max-width:36ch;color:var(--texto-suave);margin:0;font-size:16px}.ecra__texto strong{color:var(--texto)}.ecra__nota{color:var(--texto-fraco);margin:0;font-size:13.5px}.ecra .botao{margin-top:4px}.ecra__contacto{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.ecra__link{color:var(--texto-suave);margin-top:2px;padding:6px 8px;font-size:14.5px;font-weight:600}.numero-pagamento{border:1px solid var(--borda);background:var(--fundo-suave);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:15px;display:inline-flex}.numero-pagamento strong{letter-spacing:.02em}.passos{border-radius:var(--raio-pequeno);background:var(--fundo-suave);text-align:left;flex-direction:column;gap:6px;width:100%;margin:4px 0;padding:14px 16px 14px 36px;font-size:15px;display:flex}.temporizador{font-variant-numeric:tabular-nums;font-weight:600}.referencia{border:1.5px dashed var(--borda-forte);border-radius:var(--raio-pequeno);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.referencia__textos{flex-direction:column;flex:1;min-width:0;display:flex}.referencia__rotulo{text-transform:uppercase;letter-spacing:.06em;color:var(--texto-fraco);font-size:12px;font-weight:700}.referencia__valor{font-family:var(--mono);letter-spacing:.06em;overflow-wrap:anywhere;font-size:18px;font-weight:700}.pedido{flex-direction:column;gap:18px;display:flex}.pedido__topo{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pedido__rotulo{text-transform:uppercase;letter-spacing:.06em;color:var(--texto-fraco);margin:0;font-size:12px;font-weight:700}.pedido__ref{font-family:var(--mono);letter-spacing:.04em;margin:2px 0 0;font-size:22px}.etiqueta{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.etiqueta--pendente{background:var(--atencao-fundo);color:var(--atencao)}.etiqueta--entregue{background:var(--sucesso-fundo);color:var(--sucesso)}.detalhes{margin:0}.detalhes__linha{border-bottom:1px solid var(--borda);justify-content:space-between;gap:16px;padding:11px 0;display:flex}.detalhes__linha:last-child{border-bottom:0}.detalhes dt{color:var(--texto-fraco);flex-shrink:0;font-size:14px}.detalhes dd{text-align:right;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.detalhes__email,.detalhes__metodo{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 10px;display:inline-flex}.detalhes__metodo .logo-metodo{border-radius:6px}.acoes{flex-direction:column;gap:10px;display:flex}