.checkout-dialog { overscroll-behavior: contain; }
.checkout-dialog [hidden] { display: none; }
.checkout-summary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-block: 12px 15px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--cream);
  font-size: 14px;
}
#checkout-price { color: var(--orange-deep); white-space: nowrap; font-size: 21px; }
.checkout-dialog label { display: block; margin-top: 10px; color: var(--ink); font-weight: 700; }
.checkout-dialog input, .checkout-dialog textarea {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 4px 0 0;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--ink);
  background: #fffdf7;
  font: 400 16px/1.4 var(--body-font);
  letter-spacing: normal;
}
.checkout-dialog textarea { resize: vertical; }
.checkout-dialog [aria-invalid="true"] { border-color: var(--orange-deep); }
.checkout-field-error { margin-top: 4px; font-size: 13px; color: var(--orange-deep); }
.checkout-field-error:empty { display: none; }
.checkout-hint { margin-block: 11px; font-size: 13px; color: var(--muted); line-height: 1.65; }
.checkout-wide { width: 100%; }
.checkout-wide:disabled { opacity: .7; cursor: wait; }
.checkout-payment { text-align: center; }
#checkout-number { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
#checkout-qr { display: block; width: min(100%, 240px); height: auto; margin: 10px auto; border: 1px solid var(--line); border-radius: 8px; }
.checkout-status { font-size: 14px; line-height: 1.5; color: var(--green); margin-top: 8px; }
.checkout-status:empty { display: none; }
.checkout-help { display: block; margin: 4px auto 0; padding-inline: 10px; min-height: 44px; background: none; border: none; color: var(--green); font-size: 13px; text-decoration: underline; }
.contact-wechat { margin-inline: 0; padding-inline: 0; }
#checkout-resume { margin-top: 8px; }