.booking-app-install[hidden], #booking-app-help[hidden], #booking-app-status[hidden], #booking-app-offline[hidden] { display: none; }
.booking-app-install { max-width: 680px; margin: 16px auto; padding: 16px; background: #e8f6f8; border: 1px solid #93bdc7; border-radius: 12px; color: #15313a; }
.booking-app-install p { margin: 6px 0; line-height: 1.5; }
.booking-app-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.booking-app-install .button { min-height: 44px; }
.mobile-booking { background: #f3f7f8; }
.mobile-app-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: max(16px, env(safe-area-inset-top)) 20px 16px; background: #126276; color: white; }
.mobile-app-header a { color: white; text-decoration: none; padding: 4px 0; }
.mobile-app-header strong { display: block; font-size: 20px; }
.mobile-app-header small { display: block; margin-top: 4px; }
.mobile-booking .home-shell { width: 100%; max-width: 720px; margin: 20px auto; padding: 0 16px; }
.mobile-booking .home-hero { display: block; }
.mobile-booking .home-booking { box-shadow: none; padding: 24px; }
.mobile-booking .home-booking .step-heading h2 { font-size: 22px; }
.mobile-booking .service-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mobile-booking .service-choice-grid .button { width: 100%; min-height: 56px; background: white; box-shadow: none; font-size: 14px; border: 1px solid #bed0d5; }
.mobile-booking .service-choice-grid svg { flex-shrink: 0; }
.mobile-booking .date-picker { margin-left: 0; }
.mobile-booking .date-picker select { width: 100%; min-width: 0; max-width: 100%; font-size: 16px; }
.mobile-booking .form-pair { grid-template-columns: 1fr; }
.mobile-booking input, .mobile-booking select, .mobile-booking textarea { font-size: 16px; }
.mobile-booking .button, .mobile-booking .slot-chip, .mobile-booking .booking-calendar-day { min-height: 44px; }
.mobile-booking .booking-calendar-grid { max-width: none; }
.mobile-booking .booking-progress { margin-bottom: 24px; }
.mobile-booking .home-registration-note { margin: 18px 0; line-height: 1.5; }
.mobile-booking .footer { padding-bottom: max(20px, env(safe-area-inset-bottom)); }
.mobile-connection-notice { max-width: 680px; margin: 16px auto; padding: 16px; background: #fff7e6; border: 1px solid #a96012; }
.mobile-booking .booking-summary strong { overflow-wrap: anywhere; }
@media (max-width: 760px) {
    .booking-app-install, .mobile-connection-notice { margin: 12px; }
}
@media (max-width: 420px) {
    .mobile-booking .home-shell { padding: 0 10px; margin-top: 12px; }
    .mobile-booking .home-booking { padding: 16px; }
    .mobile-booking .service-choice-grid { grid-template-columns: 1fr; }
    .mobile-booking .service-choice-grid .button { min-height: 52px; }
}