.pc-body .pay9-wrap { width: 100%; }
.ppc-amount { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.ppc-amount__cap { font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.ppc-amount__row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ppc-chip {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 14px;
  border-radius: 11px;
  box-shadow: inset 0 0 0 1px var(--navy-500);
  color: var(--periwinkle);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  transition: color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);
}
.ppc-chip:hover { color: var(--white); background: rgba(66, 126, 255, .1); box-shadow: inset 0 0 0 1px var(--blue); }
.ppc-chip.is-active { color: var(--blue-light); background: rgba(0, 81, 255, .16); box-shadow: inset 0 0 0 1px rgba(0, 81, 255, .5); }
.ppc-amount__custom { position: relative; display: inline-flex; align-items: center; }
.ppc-amount__unit { position: absolute; left: 14px; font-size: 15px; color: var(--slate); pointer-events: none; }
.ppc-amount__custom input {
  width: 132px;
  height: 40px;
  padding: 0 12px 0 28px;
  border: 0;
  border-radius: 11px;
  background: var(--navy-900);
  box-shadow: inset 0 0 0 1px var(--navy-600);
  color: var(--white);
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color-scheme: dark;
  -moz-appearance: textfield;
}
.ppc-amount__custom input::-webkit-outer-spin-button, .ppc-amount__custom input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ppc-amount__custom input:hover { box-shadow: inset 0 0 0 1px var(--navy-500); }
.ppc-amount__custom input:focus { outline: none; box-shadow: inset 0 0 0 1px var(--blue), 0 0 0 3px rgba(0, 81, 255, .16); }
.ppc-amount__hint { font-size: 13px; color: var(--muted); }

.ppc-balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding: 16px 20px;
  border-radius: 18px;
  background: var(--navy-800);
  box-shadow: inset 0 0 0 1px var(--navy-600);
}
.ppc-balance__info { display: flex; flex-direction: column; gap: 4px; }
.ppc-balance__cap { font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.ppc-balance__val { font-family: var(--font-display); font-size: 24px; font-weight: 500; line-height: 1; color: var(--white); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.ppc-balance form { margin: 0; }
.pay9-done__link { display: inline-block; margin-top: 14px; font-size: 15px; color: var(--periwinkle); transition: color var(--dur) var(--ease-out); }
.pay9-done__link:hover { color: var(--white); }
@media (max-width: 560px) {
  .ppc-amount__custom, .ppc-amount__custom input { width: 100%; }
  .ppc-balance > * { flex: 1 1 100%; }
  .ppc-balance .pc-btn { width: 100%; }
}