/* V10.18: mobile-only compact Step 5 + iOS no-focus-zoom fix. */
@media (max-width: 600px) {
  #wizardBackdrop .wizard { height: min(760px, calc(100dvh - 16px)); max-height: calc(100dvh - 16px); }
  #wizardBackdrop .wizard-top { padding: 10px 14px; }
  #wizardBackdrop .wizard-brand-icon { width: 34px; height: 34px; }
  #wizardBackdrop .wizard-progress { padding: 10px 14px 3px; }
  #wizardBackdrop .wizard-progress-caption { padding-top: 5px; }
  #wizardBackdrop .wizard-body { padding: 10px 12px 14px; overscroll-behavior: contain; }
  #wizardBackdrop .wizard-bottom { padding: 9px 12px max(9px, env(safe-area-inset-bottom)); }
  #wizardBackdrop .smb-details-shell { gap: 9px; }
  #wizardBackdrop .smb-details-hero { padding: 12px 13px; border-radius: 15px; }
  #wizardBackdrop .smb-details-kicker { font-size: 9px; padding: 4px 9px; }
  #wizardBackdrop .smb-details-hero .wizard-title { font-size: 19px; margin: 7px 0 5px; letter-spacing: -.6px; }
  #wizardBackdrop .smb-details-hero .wizard-description { font-size: 11px; line-height: 1.45; margin: 0; }
  #wizardBackdrop .smb-details-highlights { display: none; }
  #wizardBackdrop .smb-details-card { padding: 12px; border-radius: 15px; }
  #wizardBackdrop .smb-details-card-title { font-size: 10px; margin-bottom: 9px; }
  #wizardBackdrop .smb-details-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  #wizardBackdrop .smb-details-card .field { gap: 4px; }
  #wizardBackdrop .smb-details-card .field label { font-size: 11px; }
  #wizardBackdrop .smb-details-card .field input { font-size: 16px !important; line-height: 1.25; min-height: 42px; padding: 10px 11px; border-radius: 10px; max-width: 100%; }
  #wizardBackdrop .smb-details-policy { padding: 9px; margin: 10px 0 0; border-radius: 11px; gap: 8px; font-size: 10px; line-height: 1.4; }
  #wizardBackdrop .smb-details-policy input { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 0; }
  #wizardBackdrop .smb-details-note { font-size: 10px; line-height: 1.4; margin-top: 8px; padding: 9px; }
  /* Avoid browser auto-zoom on focus for every quote field, without disabling pinch zoom. */
  #wizardBackdrop input:not([type='checkbox']):not([type='radio']),
  #wizardBackdrop select,
  #wizardBackdrop textarea { font-size: 16px !important; }
}
@media (max-width: 380px) {
  #wizardBackdrop .smb-details-hero { padding: 10px 11px; }
  #wizardBackdrop .smb-details-card { padding: 10px 11px; }
  #wizardBackdrop .smb-details-hero .wizard-title { font-size: 18px; }
}
