/* ====================================
   GLOBAL MOBILE OPTIMIZATION
   Applies to all pages consistently
   ==================================== */

@media (max-width: 576px) {
  /* === TYPOGRAPHY === */
  h1 { font-size: 18px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
  h2 { font-size: 16px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
  h3 { font-size: 14px !important; line-height: 1.3 !important; margin-bottom: 6px !important; }
  h4 { font-size: 13px !important; line-height: 1.3 !important; margin-bottom: 6px !important; }
  h5 { font-size: 12px !important; line-height: 1.3 !important; margin-bottom: 5px !important; }
  h6 { font-size: 11px !important; line-height: 1.3 !important; margin-bottom: 5px !important; }
  p { font-size: 11px !important; line-height: 1.4 !important; }
  span { font-size: 11px !important; }
  strong, b { font-size: inherit !important; }
  a { font-size: 11px !important; }

  /* === SECTIONS & CONTAINERS === */
  .section { padding: 20px 0 !important; }
  .section-bottom { padding: 20px 0 !important; }
  .container { padding: 0 12px !important; }

  /* === DR-HEADING (Doctor Page Headings) === */
  .dr-heading { margin-bottom: 16px !important; text-align: center !important; padding: 0 12px !important; }
  .dr-heading h2 { font-size: 16px !important; margin-bottom: 8px !important; }
  .dr-heading p { font-size: 11px !important; line-height: 1.4 !important; }
  .dr-heading img { max-width: 55% !important; margin: 8px 0 !important; }
  .title-underline { margin: 10px auto !important; width: 50px !important; height: 2px !important; }

  /* === ABOUT US PAGE === */
  .bg-about-us { height: 220px !important; padding: 16px !important; }
  .about-us-content h1 { font-size: 18px !important; line-height: 1.3 !important; padding: 0 12px !important; }
  .about-us-content p { font-size: 11px !important; padding: 0 12px !important; }

  .modern-history-section .highlight-text { font-size: 11px !important; line-height: 1.5 !important; margin-bottom: 12px !important; }
  .drhistory-content p { font-size: 11px !important; line-height: 1.4 !important; margin-bottom: 10px !important; }

  .goal-card { padding: 12px !important; margin-bottom: 12px !important; }
  .goal-header { margin-bottom: 10px !important; gap: 10px !important; }
  .icon-wrapper { width: 36px !important; height: 36px !important; }
  .icon-wrapper img { width: 20px !important; height: 20px !important; }
  .card-title { font-size: 13px !important; }
  .card-description { font-size: 11px !important; line-height: 1.4 !important; }

  .value-img-dr img { max-width: 85% !important; margin: 0 auto 12px !important; display: block !important; }
  .value-card { padding: 12px !important; margin-bottom: 12px !important; }
  .value-number { font-size: 24px !important; width: 44px !important; height: 44px !important; }
  .value-title { font-size: 13px !important; }
  .value-text { font-size: 10px !important; line-height: 1.4 !important; }

  /* === PRICES PAGE === */
  .modern-price-header { padding: 0 12px !important; margin-bottom: 16px !important; }
  .modern-price-title { font-size: 18px !important; line-height: 1.3 !important; margin-bottom: 8px !important; }
  .modern-price-subtitle { font-size: 11px !important; line-height: 1.4 !important; margin-bottom: 10px !important; }

  .price-row { margin: 0 !important; gap: 12px !important; }
  .price-card { padding: 14px 12px !important; margin-bottom: 12px !important; border-radius: 8px !important; }
  .price-header h3 { font-size: 14px !important; margin-bottom: 6px !important; }
  .price-description { font-size: 10px !important; line-height: 1.4 !important; }
  .price-price h2 { font-size: 28px !important; }
  .price-price sub { font-size: 16px !important; }
  .price-price p { font-size: 10px !important; }
  .price-btn1 { padding: 10px 16px !important; font-size: 12px !important; }
  .price-list-head p { font-size: 11px !important; margin-bottom: 8px !important; }
  .price-list-head ul li { font-size: 10px !important; padding: 5px 0 !important; gap: 6px !important; }
  .price-list-head ul li img { width: 12px !important; height: 12px !important; }

  /* === DOCTOR PROFILE PAGE === */
  .doc-info-head { margin-bottom: 16px !important; }
  .doc-info-head h3 { font-size: 16px !important; margin-bottom: 8px !important; }
  .doc-info-head p { font-size: 12px !important; line-height: 1.5 !important; }

  .profile-card { padding: 16px !important; margin-bottom: 16px !important; }
  .profile-img { width: 80px !important; height: 80px !important; margin-bottom: 12px !important; }
  .profile-name { font-size: 16px !important; margin-bottom: 6px !important; }
  .profile-specialty { font-size: 12px !important; }
  .profile-details { font-size: 11px !important; line-height: 1.5 !important; gap: 8px !important; }

  /* === STATISTICS CARDS === */
  .better-stat-card,
  .dr-info-dr.better-stat-card {
    padding: 10px !important;
    margin-bottom: 10px !important;
  }

  .better-icon-container {
    flex-shrink: 0 !important;
    margin-right: 8px !important;
  }

  .better-stat-icon {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
  }

  .better-text-container {
    flex: 1 !important;
  }

  .better-stat-text {
    font-size: 10px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }

  /* === DOCTOR DASHBOARD === */
  .dashboard-card { padding: 14px !important; margin-bottom: 14px !important; }
  .dashboard-title { font-size: 15px !important; margin-bottom: 10px !important; }
  .stat-number { font-size: 24px !important; }
  .stat-label { font-size: 11px !important; }

  /* === FORMS === */
  .form-group { margin-bottom: 14px !important; }
  .form-label { font-size: 12px !important; margin-bottom: 6px !important; }
  .form-control { font-size: 13px !important; padding: 10px 12px !important; }
  .form-select { font-size: 13px !important; padding: 10px 12px !important; }
  textarea.form-control { font-size: 13px !important; padding: 10px 12px !important; min-height: 80px !important; }

  /* === BUTTONS === */
  .btn { padding: 10px 16px !important; font-size: 13px !important; }
  .btn-primary { padding: 10px 16px !important; font-size: 13px !important; }
  .btn-secondary { padding: 9px 14px !important; font-size: 12px !important; }
  .btn-sm { padding: 8px 12px !important; font-size: 12px !important; }
  .btn-lg { padding: 12px 20px !important; font-size: 14px !important; }

  /* === TABLES === */
  .table { font-size: 11px !important; }
  .table th { font-size: 12px !important; padding: 8px 6px !important; }
  .table td { font-size: 11px !important; padding: 8px 6px !important; }

  /* === MODAL === */
  .modal-header { padding: 14px !important; }
  .modal-title { font-size: 16px !important; }
  .modal-body { padding: 16px !important; font-size: 12px !important; }
  .modal-footer { padding: 12px !important; gap: 8px !important; }

  /* === CARDS === */
  .card { margin-bottom: 14px !important; border-radius: 10px !important; }
  .card-header { padding: 12px 14px !important; font-size: 14px !important; }
  .card-body { padding: 14px !important; }
  .card-title { font-size: 15px !important; margin-bottom: 10px !important; }
  .card-text { font-size: 12px !important; line-height: 1.5 !important; }
  .card-footer { padding: 12px 14px !important; font-size: 11px !important; }

  /* === NAVIGATION & TABS === */
  .nav-tabs { margin-bottom: 16px !important; gap: 8px !important; }
  .nav-tabs .nav-link { padding: 10px 14px !important; font-size: 13px !important; }
  .nav-pills .nav-link { padding: 9px 14px !important; font-size: 13px !important; }

  /* === BADGES & LABELS === */
  .badge { font-size: 10px !important; padding: 4px 8px !important; }
  .label { font-size: 11px !important; padding: 4px 8px !important; }

  /* === ALERTS === */
  .alert { padding: 12px 14px !important; font-size: 12px !important; margin-bottom: 14px !important; }

  /* === PAGINATION === */
  .pagination { gap: 6px !important; }
  .page-link { padding: 8px 12px !important; font-size: 12px !important; }

  /* === BREADCRUMB === */
  .breadcrumb { font-size: 11px !important; padding: 8px 12px !important; }

  /* === DROPDOWN === */
  .dropdown-menu { font-size: 12px !important; padding: 8px 0 !important; }
  .dropdown-item { padding: 8px 14px !important; font-size: 12px !important; }

  /* === ACCORDION === */
  .accordion-button { font-size: 13px !important; padding: 12px 14px !important; }
  .accordion-body { font-size: 12px !important; padding: 12px 14px !important; line-height: 1.5 !important; }

  /* === DOCTOR SPECIFIC === */
  .dr-info-dr { padding: 14px 16px !important; margin-bottom: 14px !important; }
  .dr-pt-step1 { padding: 14px 12px !important; }
  .dr-list-item-flex { margin-bottom: 14px !important; }

  /* === IMAGES === */
  .img-fluid { max-width: 100% !important; height: auto !important; }

  /* === LISTS === */
  ul { padding-left: 0 !important; }
  ul li { font-size: 12px !important; line-height: 1.5 !important; margin-bottom: 8px !important; }

  /* === SPACING UTILITIES === */
  .mb-1 { margin-bottom: 4px !important; }
  .mb-2 { margin-bottom: 8px !important; }
  .mb-3 { margin-bottom: 12px !important; }
  .mb-4 { margin-bottom: 16px !important; }
  .mb-5 { margin-bottom: 20px !important; }

  .mt-1 { margin-top: 4px !important; }
  .mt-2 { margin-top: 8px !important; }
  .mt-3 { margin-top: 12px !important; }
  .mt-4 { margin-top: 16px !important; }
  .mt-5 { margin-top: 20px !important; }

  .p-1 { padding: 4px !important; }
  .p-2 { padding: 8px !important; }
  .p-3 { padding: 12px !important; }
  .p-4 { padding: 16px !important; }
  .p-5 { padding: 20px !important; }
}