/* Mobile-first refinements for quick phone registrations. */
@media (max-width: 991.98px) {
  .payment-card { display: block; }
  .side-stack { position: static; }
}
@media (max-width: 575.98px) {
  body { background: #f6f8ff; }
  .container { padding-left: 10px; padding-right: 10px; }
  .hero-top { align-items: flex-start !important; }
  .event-pill { max-width: 130px; text-align: right; line-height: 1.3; }
  .form-control, .form-select { min-height: 46px; font-size: 16px; } /* prevents iPhone zoom */
  .form-label { font-size: .82rem; }
  .member-row input { min-width: 0; }
  .payment-card, .info-card { border-radius: 18px; }
}
.qr-image-wrap { position: relative; display: grid; place-items: center; min-height: 174px; margin: 14px auto 12px; }
.qr-image-wrap > .qr-box { margin: 0; }
#paymentQrImage { display: none; width: 174px; height: 174px; object-fit: contain; background: #fff; padding: 9px; border: 1px solid #e3e7f2; border-radius: 14px; }
#paymentQrImage.is-ready { display: block; }
#paymentQrImage.is-ready + #qrcode { display: none; }
.proof-label { display: block; margin-top: 14px; }
.proof-preview { margin-top: 10px; padding: 8px; border-radius: 10px; background: #f2f5ff; color: #53628e; font-size: .73rem; font-weight: 600; overflow-wrap: anywhere; }