.mobile-menu {
          display: none;
          position: fixed;
          top: 64px;
          left: 0;
          right: 0;
          background: #fff;
          border-bottom: 1px solid #e2e8f0;
          padding: 16px 24px 24px;
          z-index: 99;
      }

      .mobile-menu.open {
          display: block;
      }

      .mobile-links {
          list-style: none;
      }

      .mobile-links li {
          border-bottom: 1px solid #f1f5f9;
      }

      .mobile-links a {
          display: block;
          padding: 12px 0;
          font-size: 15px;
          font-weight: 500;
          color: #334155;
          text-decoration: none;
      }

      .mobile-links a.active {
          color: #2563eb;
      }

      .mobile-actions {
          display: flex;
          flex-direction: column;
          gap: 8px;
          margin-top: 16px;
      }


      @media (max-width: 768px) {
          .navbar-actions {
              display: none !important;
          }
      }