/* Final mobile stability layer */
    html, body { max-width: 100%; min-height: 100%; overflow-x: hidden; }
    img, svg { max-width: 100%; }
    @media (max-width: 700px) {
      body { min-height: 100dvh; }
      .top { height: auto; min-height: 64px; padding: 9px 14px; align-items: center; flex-wrap: wrap; gap: 8px; }
      .logo { font-size: 23px; }
      .top nav { width: 100%; order: 2; margin-left: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
      .top nav .nav, .top nav .primary { min-width: 0; padding: 9px 6px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
      .page { min-height: calc(100dvh - 150px); }
      .hero { padding: 48px 18px 56px; }
      .hero h1 { font-size: clamp(38px, 11vw, 52px); letter-spacing: -2px; }
      .content, .dashboard, .plans, .company-profile { padding-left: 16px; padding-right: 16px; }
      .panel { width: auto; max-width: none; margin: 20px 12px; padding: 22px 16px; border-radius: 20px; }
      .search { padding: 7px; gap: 7px; }
      .category-showcase { padding-left: 16px; padding-right: 16px; }
      .category-head { align-items: flex-start; flex-direction: column; }
      .card, .box-card, .booking-card { min-width: 0; }
      .service, .profile-service { align-items: flex-start; flex-direction: column; gap: 5px; }
      .profile-cover { border-radius: 20px; }
      .profile-intro { align-items: center; }
      .profile-intro h1 { font-size: 34px; }
      .profile-book { position: static; }
      .ai-finder { right: 12px; bottom: 12px; }
      .ai-finder-window { width: calc(100vw - 24px); max-width: none; }
    }
    @media (max-width: 390px) {
      .top { padding-left: 10px; padding-right: 10px; }
      .top nav .nav, .top nav .primary { font-size: 10px; padding: 8px 4px; }
    }