:root{
  --verde:#0F3D2A; --destaque:#2FA167; --botao:#1E9E5A; --botao-h:#178149;
  --fundo:#F4F5F4; --card:#fff; --borda:#E2E5E3; --texto:#1F2A24; --suave:#6B7570; --erro:#C2362B; --erro-bg:#FDEEEC;
  --raio:14px; --sombra:0 1px 2px rgba(15,61,42,.05),0 6px 24px rgba(15,61,42,.06);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.5 'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
h2{font-family:'Sora','Manrope',system-ui,sans-serif}
button,input,select{font:inherit;color:inherit}
[hidden]{display:none!important}
a{color:var(--verde)}

/* topo */
.topo{background:#fff;border-bottom:1px solid var(--borda)}
.topo__in{max-width:1240px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.selo{display:flex;align-items:center;gap:10px;color:var(--destaque)}
.selo svg{width:34px;height:34px;flex:none}
.selo strong{display:block;color:var(--verde);font:700 14px/1.2 'Sora',sans-serif}
.selo span{font-size:12px;color:var(--suave)}
.topo__info{display:flex;align-items:center;gap:28px}
.topo__duvidas span,.topo__seguro span{display:block;font-size:13px;color:var(--suave);line-height:1.2}
.topo__duvidas a{font-weight:700;text-decoration:none;color:var(--verde)}
.topo__seguro{display:flex;align-items:center;gap:8px;color:var(--destaque)}
.topo__seguro svg{width:22px;height:22px}
.topo__seguro strong{color:var(--destaque);font-weight:800}

/* grade */
.grade{max-width:1240px;margin:0 auto;padding:24px 16px 8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}
.col{display:flex;flex-direction:column;gap:20px;min-width:0}
.resumo-mobile{display:none}

/* etapas */
.etapa{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:22px 24px;box-shadow:var(--sombra)}
.etapa__titulo{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;color:#9AA29E}
.etapa__n{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font:700 14px 'Sora',sans-serif;background:#ECEEED;color:#8A928E;flex:none}
.etapa.is-aberta .etapa__titulo,.etapa.is-feita .etapa__titulo{color:var(--verde)}
.etapa.is-aberta .etapa__n{background:var(--verde);color:#fff}
.etapa.is-feita .etapa__n{background:var(--destaque);color:#fff;font-size:0}
.etapa.is-feita .etapa__n::before{content:"✓";font-size:15px}
.etapa__editar{margin-left:auto;background:none;border:0;color:var(--destaque);font-size:14px;font-weight:700;cursor:pointer;display:none;padding:4px}
.etapa.is-feita .etapa__editar{display:inline}
.etapa__corpo{display:none;margin-top:18px}
.etapa.is-aberta .etapa__corpo{display:block}
.etapa__resumo{display:none;margin-top:10px;color:var(--suave);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.etapa.is-feita .etapa__resumo{display:block}
.etapa.is-bloqueada{opacity:.85}

/* campos */
.campo{display:block;margin-bottom:16px}
.campo>span{display:block;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;color:#3A4540}
.campo>span em{font-style:normal;font-weight:600;text-transform:none;color:var(--suave);letter-spacing:0}
.campo small{display:block;color:var(--suave);font-size:12.5px;margin-top:4px}
.campo input,.campo select,.campo .mp-campo{width:100%;height:50px;border:1.5px solid #CDD3D0;border-radius:10px;padding:0 14px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-size:16px}
.campo .mp-campo{padding:0 12px}
.campo input:focus,.campo select:focus,.campo .mp-campo.is-foco{border-color:var(--destaque);box-shadow:0 0 0 3px rgba(47,161,103,.18)}
.campo.is-erro input,.campo.is-erro select,.campo.is-erro .mp-campo{border-color:var(--erro)}
.campo .msg-erro{display:block;color:var(--erro);font-size:13px;margin-top:4px;font-weight:600}
.campo__grupo{display:flex}
.campo__grupo input{border-radius:0 10px 10px 0}
.campo__prefixo{display:grid;place-items:center;padding:0 14px;border:1.5px solid #CDD3D0;border-right:0;border-radius:10px 0 0 10px;background:#F0F2F1;color:#4A5550}
.linha{display:flex;gap:12px}
.linha>.campo{flex:1;min-width:0}
.campo--uf{flex:0 0 96px!important}
.campo--num{flex:0 0 110px!important}
.campo--cep{max-width:200px}
.cartao-num{position:relative}
.cartao-num .bandeira{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:800 11px 'Sora',sans-serif;letter-spacing:.04em;color:var(--suave);text-transform:uppercase;pointer-events:none}

/* botões */
.btn{width:100%;height:54px;border:0;border-radius:10px;background:var(--botao);color:#fff;font:700 17px 'Sora',sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .05s}
.btn:hover{background:var(--botao-h)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.6;cursor:wait}
.btn--grande{height:60px;font-size:18px;margin-top:6px}
.btn--copiar{width:auto;height:50px;padding:0 18px;border-radius:0 10px 10px 0;font-size:15px}
.btn--teste{background:#5A6660;margin-top:14px;font-size:14px;height:44px}
.pix-gerado .campo__grupo input{border-radius:10px 0 0 10px;font-size:13px;color:var(--suave)}

/* métodos */
.metodos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.metodo{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border:1.5px solid #CDD3D0;background:#fff;border-radius:10px;cursor:pointer;font-weight:700;color:#4A5550;position:relative}
.metodo svg{width:20px;height:20px}
.metodo.is-ativo{border-color:var(--destaque);background:#F1FAF5;color:var(--verde);box-shadow:inset 0 0 0 1px var(--destaque)}
.metodo__tag{position:absolute;top:-9px;right:8px;background:var(--destaque);color:#fff;font-size:11px;padding:1px 7px;border-radius:20px}
.pix-info{margin:0 0 12px;padding:14px 16px 14px 34px;background:#F6F8F7;border-radius:10px;color:#3A4540;font-size:14px}
.pix-info li{margin:3px 0}
.pix-total{margin:0 0 16px;font-size:15px}
.pix-total strong{color:var(--destaque);font-size:18px}

/* order bump */
.bump{margin:6px 0 16px}
.bump__caixa{display:flex;gap:12px;align-items:center;padding:14px;border:2px dashed #E3A33B;background:#FFF9EE;border-radius:12px;cursor:pointer}
.bump__caixa input{width:22px;height:22px;accent-color:var(--botao);flex:none}
.bump__caixa img{width:54px;height:54px;object-fit:contain;flex:none}
.bump__caixa strong{display:block;font-size:15px;line-height:1.3}
.bump__caixa p{margin:2px 0 4px;font-size:13px;color:var(--suave)}
.bump__preco{font-size:14px;color:var(--botao)}
.bump__preco b{font-size:16px}

.fatura{font-size:13px;color:var(--suave);margin:0 0 12px}
.erro{background:var(--erro-bg);color:var(--erro);border-radius:10px;padding:12px 14px;font-weight:600;font-size:14px;margin-bottom:12px}
.garantia{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--suave);margin:14px 0 0}
.garantia svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--destaque)}

/* pix gerado */
.pix-gerado{margin-top:18px;text-align:center}
.pix-gerado .campo{text-align:left}
.pix-gerado__t{font:700 18px 'Sora',sans-serif;color:var(--verde);margin:0 0 14px}
.pix-qr{width:220px;height:220px;margin:0 auto 18px;display:grid;place-items:center;border:1px solid var(--borda);border-radius:12px;background:#fff;overflow:hidden}
.pix-qr img{width:100%;height:100%;object-fit:contain}
.pix-qr .qr-teste{color:var(--suave);font-size:13px;padding:16px}
.pix-aguardando{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--suave);font-size:14px;margin:4px 0}
.pix-expira{font-size:13px;color:var(--suave);margin:4px 0 0}
.spin{width:16px;height:16px;border:2px solid #CDD3D0;border-top-color:var(--destaque);border-radius:50%;animation:gira .8s linear infinite;display:inline-block}
@keyframes gira{to{transform:rotate(360deg)}}

/* resumo */
.resumo{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);padding:22px 24px;box-shadow:var(--sombra);position:sticky;top:16px}
.resumo h2{margin:0 0 14px;font-size:18px;color:var(--verde)}
.resumo__produto{display:flex;gap:14px;align-items:center;background:#F2F4F3;border-radius:12px;padding:14px}
.resumo__produto img{width:84px;height:84px;object-fit:contain;flex:none}
.resumo__produto strong{display:block;font-size:15px;line-height:1.35}
.resumo__produto span{font-size:13px;color:var(--suave)}
.resumo__linhas{list-style:none;margin:14px 0 0;padding:0;font-size:14px}
.resumo__linhas li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;color:#4A5550}
.resumo__linhas li b{white-space:nowrap}
.resumo__linhas li.gratis b{color:var(--destaque)}
.resumo__total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--borda);margin-top:10px;padding-top:12px}
.resumo__total span{font-weight:800;font-size:17px}
.resumo__total strong{color:var(--destaque);font:800 21px 'Sora',sans-serif;text-align:right}

.rodape{max-width:760px;margin:0 auto;padding:28px 16px 48px;text-align:center;color:var(--suave);font-size:13.5px}
.rodape a{color:var(--suave)}
.tem-teste{padding-bottom:44px}
.aviso-teste{position:fixed;left:0;right:0;bottom:0;background:#2B2F2D;color:#fff;text-align:center;font-size:13px;padding:8px 16px;z-index:9}

/* responsivo */
@media (max-width:1080px){
  .grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .col--meio{grid-column:1;grid-row:2}
  .col--dir{grid-column:2;grid-row:1 / span 2}
}
@media (max-width:760px){
  .topo__in{padding:10px 16px}
  .topo__duvidas{display:none}
  .selo svg{width:28px;height:28px}
  .grade{display:flex;flex-direction:column;gap:16px;padding:14px 16px}
  .col{gap:16px;width:100%}
  .col--dir{order:-1}
  .resumo-mobile{order:-2;display:flex;justify-content:space-between;align-items:center;width:100%;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:14px 16px;font-weight:700;cursor:pointer}
  .resumo-mobile span::after{content:" ▾";color:var(--suave)}
  .resumo-mobile[aria-expanded="true"] span::after{content:" ▴"}
  .resumo-mobile strong{color:var(--destaque);font-family:'Sora',sans-serif}
  .col--dir{display:none}
  .col--dir.is-aberto{display:flex}
  .resumo{position:static}
  .etapa{padding:18px 16px}
  .etapa__titulo{font-size:18px}
  .metodo{font-size:14px;gap:6px}
  .linha{gap:10px}
  .campo--num{flex:0 0 96px!important}
  .campo--uf{flex:0 0 84px!important}
  .campo--cep{max-width:none}
}

/* cupom */
.cupom{margin-top:12px}
.cupom__abrir{background:none;border:0;padding:0;color:var(--destaque);font-weight:700;cursor:pointer;font-size:14px;text-decoration:underline}
.cupom__form{margin-top:8px}
.cupom__form input{flex:1;min-width:0;height:44px;border:1.5px solid #CDD3D0;border-right:0;border-radius:10px 0 0 10px;padding:0 12px;text-transform:uppercase;font-size:15px;outline:none}
.cupom__form input:focus{border-color:var(--destaque)}
.cupom__form .btn--copiar{height:44px;font-size:14px}
.cupom__msg{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--suave)}
.cupom__msg.is-ok{color:var(--destaque)}
.cupom__msg.is-erro{color:var(--erro)}

/* WhatsApp do suporte no topo */
.topo__wpp{display:block;font-size:13px;font-weight:700;color:var(--destaque);text-decoration:none;margin-top:2px}
.topo__wpp::before{content:"WhatsApp "}
@media (max-width:760px){.topo__duvidas{display:block}.topo__duvidas #lojaEmail{display:none}.topo__wpp{margin:0;white-space:nowrap}.topo__wpp::before{content:none}.selo div span{display:none}.topo__info{gap:14px}.topo__seguro span{display:none}}

/* ===== Medidas do checkout original (1:1) ===== */
:root{--fundo:#F6F6F6;--borda:rgba(0,0,0,.125);--texto:#4D4D4D;--suave:#A9A9A9;--botao:#3FC583;--botao-h:#34B174;--ok:#28A745;--raio:10px;--sombra:none}
body,h2,.btn,.etapa__n,.resumo__total strong,.resumo-mobile strong,.metodo,.pix-gerado__t{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body{font-size:16px;line-height:1.5;color:var(--texto)}
.topo{border-bottom:0}
.topo__in{max-width:1170px;padding:24px 15px;min-height:95px}
.selo img{display:block;width:100px;height:auto}
.topo__info{gap:44px;align-items:flex-start}
.topo__duvidas span,.topo__seguro span{font-size:14px;color:var(--suave);line-height:16px;margin-bottom:1px}
.topo__duvidas a#lojaEmail{font-size:16px;font-weight:700;color:var(--verde);line-height:16px;display:block}
.topo__seguro{gap:10px;color:var(--ok);align-items:flex-start}
.topo__seguro svg{width:16px;height:16px;margin-top:8px}
.topo__seguro strong{font-size:16px;font-weight:700;color:var(--ok);line-height:16px}
.topo__wpp{font-size:12px;font-weight:600;color:var(--ok);margin-top:4px;line-height:14px}
.grade{max-width:1170px;padding:16px 15px 8px;gap:16px;grid-template-columns:minmax(0,325fr) minmax(0,439fr) minmax(0,341fr)}
.col{gap:16px}
.etapa,.resumo{border:1px solid var(--borda);border-radius:10px;box-shadow:none;padding:16px}
.etapa__titulo{font-size:18px;font-weight:600;line-height:21.6px;color:#909399;gap:8px}
.etapa.is-aberta .etapa__titulo,.etapa.is-feita .etapa__titulo{color:var(--verde)}
.etapa__n{width:20px;height:20px;font-size:12px;font-weight:600;background:#EDEDED;color:#A0A0A0}
.etapa.is-aberta .etapa__n{background:var(--verde);color:#fff}
.etapa.is-feita .etapa__n{background:var(--ok)}
.etapa.is-feita .etapa__n::before{font-size:12px}
.etapa__editar{font-size:13px}
.etapa__resumo{font-size:13px;margin-top:8px;color:#777}
.etapa__corpo{margin-top:15px}
.campo{margin-bottom:16px}
.campo>span{font-size:11px;font-weight:700;letter-spacing:0;line-height:16.5px;color:#4D4D4D;margin-bottom:0}
.campo small{font-size:11px;margin-top:3px;color:#999}
.campo .msg-erro{font-size:12px}
.campo input,.campo select,.campo .mp-campo{height:34px;padding:0 10px;border:1px solid #B3B3B3;border-radius:5px;font-size:13px}
.campo input::placeholder{color:#B3B3B3}
.campo input:focus,.campo select:focus,.campo .mp-campo.is-foco{box-shadow:0 0 0 2px rgba(63,197,131,.2)}
.campo__grupo input{border-radius:0 5px 5px 0}
.campo__prefixo{padding:0 12px;border:1px solid #B3B3B3;border-right:0;border-radius:5px 0 0 5px;background:#E9ECEF;color:#495057;font-size:13px}
.campo--uf{flex:0 0 80px!important}
.campo--num{flex:0 0 90px!important}
.linha{gap:10px}
.cartao-num .bandeira{font-size:10px}
.btn{height:46px;padding:0 20px;border-radius:5px;background:var(--botao);font-size:16px;font-weight:700;letter-spacing:0;margin-top:16px}
.btn:hover{background:var(--botao-h)}
.btn--grande{height:46px;font-size:16px;margin-top:8px}
.btn--copiar{height:34px;font-size:13px;padding:0 14px;margin-top:0;border-radius:0 5px 5px 0}
.btn--teste{height:38px;font-size:13px}
.metodos{gap:8px;margin-bottom:16px}
.metodo{height:42px;border:1px solid #B3B3B3;border-radius:5px;font-size:14px;font-weight:600}
.metodo svg{width:17px;height:17px}
.metodo.is-ativo{border-color:var(--ok);background:#F2FBF5;color:#333;box-shadow:inset 0 0 0 1px var(--ok)}
.metodo__tag{font-size:10px;top:-8px}
.pix-info{font-size:13px;padding:12px 14px 12px 30px}
.pix-total{font-size:14px}.pix-total strong{font-size:16px}
.bump__caixa{padding:12px;gap:10px}
.bump__caixa input{width:18px;height:18px}
.bump__caixa img{width:44px;height:44px}
.bump__caixa strong{font-size:14px}.bump__caixa p{font-size:12px}.bump__preco{font-size:13px}.bump__preco b{font-size:14px}
.fatura{font-size:12px}
.erro{font-size:13px;padding:10px 12px}
.garantia{font-size:11.5px}
.pix-gerado__t{font-size:16px}
.pix-qr{width:200px;height:200px}
.pix-aguardando{font-size:13px}
.resumo h2{font-size:16px;font-weight:500;line-height:24px;color:#4D4D4D;margin:0 0 4px}
.resumo__produto{background:#EBEDF0;border-radius:10px;padding:8px 16px;gap:16px;min-height:116px}
.resumo__produto img{width:100px;height:100px}
.resumo__produto strong{font-size:14px;font-weight:600;line-height:24px;color:#4D4D4D}
.resumo__produto span{font-size:12px;line-height:18px}
.resumo__linhas{font-size:13px;margin-top:10px}
.resumo__linhas li{padding:3px 0}
.resumo__total{margin-top:10px;padding-top:10px;border-top:1px solid #DDD}
.resumo__total span{font-size:16px;font-weight:600;line-height:24px}
.resumo__total strong{font-size:16px;font-weight:600;color:var(--ok);line-height:24px}
.cupom__abrir{font-size:13px}
.cupom__form input{height:34px;font-size:13px;border-radius:5px 0 0 5px}
.cupom__form .btn--copiar{height:34px}
.cupom__msg{font-size:12px}
.rodape{max-width:740px;font-size:14px;line-height:1.5;color:#9AA0A6;padding:80px 16px 48px}
.rodape a{color:#9AA0A6}
.rodape p{margin:0 0 6px}
.aviso-teste{font-size:12px;padding:6px 16px}
.resumo-mobile{font-size:14px}
@media (max-width:760px){
  .topo__in{padding:12px 16px;min-height:0;align-items:center}
  .selo img{width:84px}
  .topo__info{gap:14px;align-items:center}
  .topo__duvidas{display:block}
  .topo__duvidas a#lojaEmail{display:none}
  .topo__duvidas span{font-size:12px}
  .topo__wpp{margin:0;white-space:nowrap;font-size:13px}
  .topo__wpp::before{content:none}
  .topo__seguro span{display:none}
  .topo__seguro svg{margin-top:0}
  .topo__seguro strong{white-space:nowrap;font-size:13px}
  .topo__seguro{gap:6px;align-items:center}
  .grade{padding:12px 16px;gap:12px}
  .col{gap:12px}
  .etapa{padding:16px}
  .etapa__titulo{font-size:18px}
  .campo input,.campo select,.campo .mp-campo{font-size:16px;height:40px}
  .campo--num{flex:0 0 90px!important}
  .campo--uf{flex:0 0 76px!important}
  .resumo-mobile{padding:12px 16px}
  .resumo__produto img{width:72px;height:72px}
  .rodape{font-size:12.5px;padding-top:28px}
}