/* Extra UI: conta no checkout, cartão, Pix QR, sucesso */
.chk-nav{
  display:flex;align-items:center;justify-content:space-between;
  max-width:72rem;margin:0 auto;padding:12px 16px;
}
.chk-nav a.entrar{
  min-width:96px;min-height:40px;padding:10px 16px;font-size:13px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--border,#333);border-radius:.375rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.02em;color:#f5f5f7;
}
.chk-nav a.entrar:hover{border-color:#a78bfa;color:#c4b5fd}
.extra-fields,.card-fields{display:grid;gap:.75rem}
.card-fields{margin-top:1rem}
.card-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.pay-error{
  display:none;margin-top:12px;padding:10px 12px;border-radius:10px;
  background:rgba(239,68,68,.12);color:#fca5a5;font-size:14px;font-weight:600;
}
.overlay-card{
  max-width:28rem;margin:2.5rem auto;padding:1.75rem;text-align:center;
  border:1px solid var(--border,#333);border-radius:1rem;background:var(--surface,#14141c);
}
.overlay-card img.qr{width:220px;height:220px;margin:12px auto;background:#fff;border-radius:12px;padding:8px}
.overlay-card textarea{
  width:100%;height:88px;margin-top:8px;border-radius:8px;padding:10px;
  font-size:11px;word-break:break-all;background:#0b0b10;color:#d6d6de;border:1px solid #333;
}
.btn-copy,.btn-pay{
  width:100%;margin-top:12px;padding:14px;border:0;border-radius:.5rem;
  font-weight:800;background:var(--primary,#7c3aed);color:#fff;cursor:pointer;
}
.btn-copy{background:transparent;border:1px solid #444;color:#f5f5f7}
.hidden{display:none!important}
.spin{display:inline-block;width:14px;height:14px;border:2px solid #34d399;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ok-ico{font-size:42px;line-height:1;margin-bottom:8px}
a.platform{
  display:inline-flex;margin-top:16px;padding:12px 20px;border-radius:10px;
  background:#7c3aed;color:#fff;font-weight:800;text-decoration:none;
}
@media (max-width:640px){.card-row{grid-template-columns:1fr}}