/* Narrow-viewport layout only; preserve existing typography and desktop geometry. */
@media (max-width: 320px) {
  .payment-shell > * {
    min-width: 0;
  }

  .payment-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }

  .payment-steps {
    grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  }
}