<button class="te-navbar-toggle te-navbar-icon-button lg:hidden" aria-label="Toggle mobile menu" aria-expanded="false" aria-controls="mobile-navigation">
    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
    </svg>
</button>

<!-- Mobile Navigation Menu -->
<div class="te-navbar-nav-mobile" id="mobile-navigation" aria-label="Mobile Navigation">
    <div class="flex flex-col">

        <a href="index.php" class="te-navbar-link-mobile te-navbar-link-active">Home</a>

        <a href="#" class="te-navbar-link-mobile te-navbar-link-mobile-has-submenu">Men</a>
        <div class="te-navbar-submenu-mobile">
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 1</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 2</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 3</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 4</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 5</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 6</a>
        </div>

        <a href="#" class="te-navbar-link-mobile te-navbar-link-mobile-has-submenu">Women</a>
        <div class="te-navbar-submenu-mobile">
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 1</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 2</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 3</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 4</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 5</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 6</a>
        </div>

        <a href="#" class="te-navbar-link-mobile te-navbar-link-mobile-has-submenu">Kids</a>
        <div class="te-navbar-submenu-mobile">
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 1</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 2</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 3</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 4</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 5</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 6</a>
        </div>

        <a href="#" class="te-navbar-link-mobile te-navbar-link-mobile-has-submenu">Accessories</a>
        <div class="te-navbar-submenu-mobile">
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 1</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 2</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 3</a>
            <a href="#" class="te-navbar-submenu-mobile-link">Menu Link 4</a>
        </div>


        <a href="products.php" class="te-navbar-link-mobile">Products</a>
        <a href="#" class="te-navbar-link-mobile">New Arrivals</a>
        <a href="#" class="te-navbar-link-mobile">Sales</a>
        <a href="#" class="te-navbar-link-mobile">Contact Us</a>

    </div>
</div>