{{-- Mobile Bottom Navigation --}}
<div class="ls-mobile-nav d-md-none">
    <a href="{{ route('home') }}" class="{{ request()->routeIs('home') ? 'active' : '' }}">
        <i class="bi bi-house"></i>
        <span>হোম</span>
    </a>
    <a href="#" data-bs-toggle="offcanvas" data-bs-target="#mobileMenu">
        <i class="bi bi-grid"></i>
        <span>ক্যাটাগরি</span>
    </a>
    <a href="{{ route('cart.index') }}" class="position-relative {{ request()->routeIs('cart*') ? 'active' : '' }}">
        <i class="bi bi-cart3"></i>
        <span>কার্ট</span>
        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" style="font-size:0.55rem" data-cart-count="{{ session('cart_count', 0) }}">
            {{ session('cart_count', 0) }}
        </span>
    </a>
    <a href="{{ route('wishlist.index') }}" class="{{ request()->routeIs('wishlist*') ? 'active' : '' }}">
        <i class="bi bi-heart"></i>
        <span>উইশলিস্ট</span>
    </a>
    <a href="{{ auth()->check() ? route('customer.dashboard') : route('login') }}" class="{{ request()->routeIs('customer*') ? 'active' : '' }}">
        <i class="bi bi-person"></i>
        <span>অ্যাকাউন্ট</span>
    </a>
</div>