<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <title>Naseem</title>
    <meta name='robots' content='noindex, nofollow' />
    <link rel='stylesheet' id='style-css' href='assets/css/style.css' media='all' />
</head>

<body id="body" class="bg-gray-50 text-base font-ltr rtl:font-rtl dark:text-white dark:bg-gray-900 min-h-screen flex flex-col">

    <!-- Main Header Section -->
    <header id="header" class="te-header flex-shrink-0 sticky top-0 z-50 transition-transform duration-300 sticky-scroll" role="banner">

        <!-- Topbar -->
        <?php include 'template-parts/header/header-topbar.php'; ?>

        <nav class="te-navbar whitespace-nowrap mx-auto shadow-sm w-full relative bg-white dark:bg-gray-800" role="navigation" aria-label="Main Navigation">

            <div class="te-navbar-container container">

                <div class="te-navbar-content flex justify-between items-center min-h-20 relative">

                    <!-- Logo/Brand Section -->
                    <div class="te-navbar-brand">
                        <a href="http://192.168.1.55/new/" class="flex items-center gap-3 no-underline">
                            <div class="w-10 h-10 bg-gradient-to-br from-primary-500 to-secondary-500 rounded-lg flex items-center justify-center text-white font-bold text-lg">T</div><span class="text-xl font-bold text-gray-600 dark:text-white">Naseem</span>
                        </a>
                    </div>

                    <?php include 'template-parts/header/header-search.php'; ?>

                    <!-- Header Actions -->
                    <div class="header-actions flex items-center gap-1 lg:gap-6 w-auto shrink-0">

                        <div class="items-center hidden lg:flex gap-4">

                            <!-- Account -->
                            <?php include 'template-parts/header/header-account.php'; ?>

                            <!-- Cart -->
                            <?php include 'template-parts/header/header-cart.php'; ?>

                        </div>

                        <!-- Dark Mode Toggle Button -->
                        <?php include 'template-parts/header/header-darkmode.php'; ?>

                        <!-- Mobile Menu Toggle Button -->
                        <?php include 'template-parts/header/header-mobile-menu.php'; ?>

                    </div><!-- header-actions -->

                </div><!-- te-navbar-content -->

                <!-- Desktop Navigation Menu -->
                <?php include 'template-parts/header/header-desktop-menu.php'; ?>

            </div>
        </nav>
    </header>


    <!-- Main Content Area -->
    <div id="content" class="flex-1 mt-8 mb-8 site-content" role="main">

        <div id="primary" class="container">

            <main id="main" role="main">