.booking-flow-layout { display: flex; flex-direction: column; align-items: stretch; max-width: 760px; margin-inline: auto; }
.booking-flow-layout > [hidden], .upi-payment-panel [hidden] { display: none !important; }
.upi-payment-panel { display: grid; gap: 16px; }
.upi-payment-panel p, .upi-payment-panel h2 { margin: 0; }
.upi-amount { font-size: 1.4rem; font-weight: 700; }
.upi-qr { display: block; width: min(280px, 100%); height: auto; margin: 16px auto; background: white; border-radius: 8px; }
.upi-payment-panel label, .upi-admin-card label { display: grid; gap: 8px; }
.upi-payment-panel input, .upi-admin-card textarea { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #b9a7a2; border-radius: 8px; background: white; color: #231a18; font: inherit; }
.upi-payment-panel summary { cursor: pointer; padding-block: 10px; }
.upi-payment-panel .btn { white-space: normal; text-align: center; }
.upi-payment-panel .upi-app-link, .upi-mobile-help { display: none; }
.upi-admin-card { padding: 20px 0; border-bottom: 1px solid #b9a7a2; overflow-wrap: anywhere; }
.upi-admin-card textarea { min-height: 64px; margin-bottom: 12px; }
#upi-reference { overflow-wrap: anywhere; }
#upi-confirm-slot { margin-top: 20px; }
@media (max-width: 720px), (pointer: coarse) {
    .upi-payment-panel .upi-app-link { display: inline-flex; justify-content: center; min-height: 48px; align-items: center; }
    .upi-mobile-help { display: block; }
    .upi-payment-panel .hero-cta-row { flex-wrap: wrap; }
}