.mobile-nav {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         width: 100vw;
         height: 50vh;
         background: #fff;
         box-shadow: 0 2px 8px rgba(0,0,0,0.08);
         z-index: 9999;
         overflow-y: auto;
      }
      .mobile-nav.open {
         display: block;
         animation: fadeInDown 0.2s;
      }
      @keyframes fadeInDown {
         from { opacity: 0; transform: translateY(-10px);}
         to { opacity: 1; transform: translateY(0);}
      }
      .mobile-nav-link {
         display: block;
         padding: 1rem 1.5rem;
         border-bottom: 1px solid #f3f4f6;
         color: #4f46e5;
         font-weight: 600;
         text-decoration: none;
      }
      .mobile-nav-link:last-child {
         border-bottom: none;
      }
      .mobile-nav-link:hover {
      .mobile-nav-toggle {
         display: none;
         background: none;
         border: none;
         font-size: 2rem;
         color: #4f46e5;
         cursor: pointer;
         margin-left: auto;
         z-index: 10000;
         position: relative;
      }
         margin-left: auto;
      }
      @media (max-width: 1024px) {
         .desktop-nav { display: none !important; }
         .mobile-nav-toggle { display: block !important; }
      }
      @media (min-width: 1025px) {
         .mobile-nav, .mobile-nav-toggle { display: none !important; }
         .desktop-nav { display: flex !important; }
      }