ocus:ring-2 focus:ring-blue-500 focus:ring-offset-2 rounded-md p-2 transition-all duration-200"
                  onclick="toggleMobileMenu()">
                  <i data-lucide="menu" id="menu-icon" class="h-5 w-5"></i>
                  <i data-lucide="x" id="close-icon" class="h-5 w-5 hidden"></i>
                </button>
              </div>
            </div>

            <!-- Enhanced Mobile Menu -->
            <div id="mobile-menu" class="lg:hidden hidden border-t border-gray-200 bg-gray-50">
      