<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <meta name="description" content="Discover the finest collection of premium sherwanis, indo-western suits, and ethnic wear for men. Handcrafted with precision by Badsha Sherwani.">
    <meta name="keywords" content="sherwani, ethnic wear, wedding sherwani, indo western, lucknow chikan, badsha sherwani">
    <!-- Open Graph / Social -->
        <meta property="og:type"        content="website">
    <meta property="og:site_name"   content="Badsha Sherwani">
    <meta property="og:title"       content="">
    <meta property="og:description" content="Discover the finest collection of premium sherwanis, indo-western suits, and ethnic wear for men. Handcrafted with precision by Badsha Sherwani.">
    <meta property="og:url"         content="http://badshasherwani.com/sitemap.xml">
    <meta property="og:image" content="http://badshasherwani.com/uploads/settings/asset_6a57a754ef81d4.25183398.jpg">    <meta name="twitter:card"       content="summary_large_image">
    <meta name="twitter:title"      content="">
    <meta name="twitter:description" content="Discover the finest collection of premium sherwanis, indo-western suits, and ethnic wear for men. Handcrafted with precision by Badsha Sherwani.">
    <meta name="twitter:image" content="http://badshasherwani.com/uploads/settings/asset_6a57a754ef81d4.25183398.jpg">    <link rel="canonical"           href="http://badshasherwani.com/sitemap.xml">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/style.css">
    <style>
        /* ============================================================
           CSS CUSTOM PROPERTIES
           ============================================================ */
        :root {
            --brand:        #C41E3A;
            --brand-dark:   #8B0000;
            --gold:         #FFD700;
            --gold-dark:    #B8860B;
            --sapphire:     #0047AB;
            --emerald:      #00C853;
            --purple:       #7B2FBE;
            --amber:        #FF8C00;

            --grad-main:    linear-gradient(135deg,#FFD700 0%,#C41E3A 55%,#7B2FBE 100%);
            --grad-gold:    linear-gradient(135deg,#FFD700 0%,#FF8C00 100%);
            --grad-dark:    linear-gradient(135deg,#8B0000 0%,#C41E3A 55%,#7B2FBE 100%);

            --shadow-brand: 0 8px 32px rgba(196,30,58,0.15);
            --shadow-hover:  0 16px 48px rgba(196,30,58,0.25);

            /* legacy aliases */
            --lux-purple:  #EDE0FF;
            --lux-pink:    #FFE0F0;
            --lux-border:  rgba(196,30,58,0.15);
            --lux-gradient: var(--grad-main);
            --lux-gradient-dark: var(--grad-dark);
            --lux-shadow:  var(--shadow-brand);
            --lux-shadow-hover: var(--shadow-hover);
            --gold-shadow: 0 8px 32px rgba(255,215,0,0.25);
            --lux-gradient-gold: var(--grad-gold);
        }

        /* ============================================================
           GLOBAL TYPOGRAPHY
           ============================================================ */
        *, *::before, *::after { box-sizing: border-box; }
        .font-playfair, h1, h2 { font-family: 'Playfair Display', serif !important; }
        h3, h4, h5, h6         { font-family: 'Poppins', sans-serif !important; }

        /* ============================================================
           GLOBAL RESET — OVERFLOW & ZOOM PREVENTION
           ============================================================ */
        html {
            overflow-x: hidden;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
            width: 100%;
        }

        /* ============================================================
           BODY & LAYOUT
           ============================================================ */
        body {
            background: linear-gradient(180deg,#FAFAFA 0%,#F5F0FF 100%);
            min-height: 100vh;
            overflow-x: hidden;
            max-width: 100vw;
            width: 100%;
            font-family: 'Poppins', sans-serif;
            -webkit-font-smoothing: antialiased;
        }

        /* ============================================================
           STICKY HEADER SHELL — fully transparent
           ============================================================ */
        #site-header-sticky {
            position: sticky;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 100;
            background: transparent;
            padding: 8px 12px;
            transition: background 0.35s ease, box-shadow 0.35s ease;
        }
        /* Scrolled state — glassmorphism kicks in on the shell */
        #site-header-sticky.scrolled {
            background: rgba(249, 215, 232, 0.82);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            box-shadow: 0 2px 24px rgba(249,215,232,0.35);
        }

        /* ============================================================
           NAVBAR PILL — glassmorphism blur container
           ============================================================ */
        #navbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            padding: 10px 20px;
            background: rgba(255,255,255,0.45) !important;
            backdrop-filter: blur(18px) saturate(180%) !important;
            -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
            border: 1px solid rgba(255,255,255,0.6) !important;
            border-radius: 24px !important;
            box-shadow: 0 4px 24px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7) !important;
            transition: background 0.35s ease, box-shadow 0.35s ease !important;
        }
        #navbar:hover {
            background: rgba(255,255,255,0.6) !important;
            box-shadow: 0 8px 32px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.8) !important;
        }

        /* ============================================================
           NAV ACTION BUTTONS (cart, search, wishlist, hamburger)
           ============================================================ */
        .btn-icon-light {
            background: rgba(255,255,255,0.6) !important;
            border: 1px solid rgba(200,200,220,0.4) !important;
            color: #2B2B2B !important;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            transition: all 0.25s ease;
        }
        .btn-icon-light:hover {
            background: rgba(196,30,58,0.08) !important;
            border-color: rgba(196,30,58,0.3) !important;
            transform: translateY(-1px);
            box-shadow: 0 4px 14px rgba(196,30,58,0.15) !important;
        }
        .btn-icon-light svg { color: #2B2B2B !important; }

        /* Search input */
        #site-search {
            background: rgba(255,255,255,0.55) !important;
            border: 1px solid rgba(200,200,220,0.5) !important;
            color: #2B2B2B !important;
            transition: all 0.25s ease;
        }
        #site-search::placeholder { color: rgba(43,43,43,0.4) !important; }
        #site-search:focus {
            border-color: rgba(196,30,58,0.4) !important;
            box-shadow: 0 0 0 3px rgba(196,30,58,0.1) !important;
            background: rgba(255,255,255,0.85) !important;
            outline: none;
        }

        /* Search submit button */
        .search-submit-btn {
            background: linear-gradient(135deg,#C41E3A,#FFD700) !important;
        }

        /* Mobile menu panel */
        #mobile-menu > div {
            background: rgba(255,255,255,0.88) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            border: 1px solid rgba(255,255,255,0.6) !important;
            box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;
        }
        #mobile-menu a { color: #2B2B2B !important; font-size: 0.9rem; }
        #mobile-menu a:hover {
            background: rgba(196,30,58,0.07) !important;
            color: #C41E3A !important;
        }
        #mobile-menu input {
            background: rgba(255,255,255,0.7) !important;
            border: 1px solid rgba(200,200,220,0.5) !important;
            color: #2B2B2B !important;
        }

        /* ============================================================
           BRAND UTILITY OVERRIDES
           ============================================================ */
        .bg-primary    { background-color: var(--brand) !important; }
        .text-primary  { color: #1A1A2E !important; }
        .border-primary{ border-color: var(--brand) !important; }

        /* Gold CTA button */
        .btn-lime {
            background: var(--grad-gold) !important;
            color: #1A1A2E !important;
            font-weight: 700 !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 4px 16px rgba(255,215,0,0.4) !important;
            border: none !important;
        }
        .btn-lime:hover {
            background: linear-gradient(135deg,#C41E3A,#FFD700) !important;
            box-shadow: 0 8px 28px rgba(196,30,58,0.5) !important;
            transform: translateY(-2px) scale(1.02) !important;
            color: #FFF !important;
        }

        /* Luxury label pill */
        .lux-label {
            display: inline-flex; align-items: center; gap: 6px;
            background: linear-gradient(135deg,rgba(255,215,0,0.15),rgba(196,30,58,0.15));
            color: #C41E3A;
            font-size: 10px; font-weight: 700; letter-spacing: .16em;
            text-transform: uppercase; padding: 5px 14px; border-radius: 99px;
            font-family: 'Poppins',sans-serif;
            border: 1px solid rgba(196,30,58,0.2);
            box-shadow: 0 2px 8px rgba(196,30,58,0.1);
        }

        /* Luxury border / text */
        .lux-border { border: 1px solid rgba(196,30,58,0.15); }
        .lux-text-gradient {
            background: var(--grad-dark);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* Enhanced bento card */
        .bento-card {
            background: #FFF;
            border-radius: 20px;
            padding: 1.25rem;
            border: 1px solid rgba(0,0,0,0.06) !important;
            transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s ease !important;
        }
        .bento-card:hover {
            box-shadow: 0 16px 48px rgba(196,30,58,0.18) !important;
            transform: translateY(-2px) !important;
        }

        /* Gradient CTA button */
        .btn-lux-gradient {
            background: var(--grad-main) !important;
            color: #FFF !important; font-weight: 700;
            padding: 14px 36px; border-radius: 99px;
            display: inline-flex; align-items: center; gap: 10px;
            transition: all 0.3s ease;
            box-shadow: 0 8px 24px rgba(196,30,58,0.35);
            border: none; cursor: pointer; text-decoration: none;
            font-family: 'Poppins',sans-serif;
        }
        .btn-lux-gradient:hover {
            transform: translateY(-2px) scale(1.03);
            box-shadow: 0 16px 40px rgba(196,30,58,0.5);
        }

        /* Circle icon button (dark) */
        .btn-icon-dark {
            width: 40px; height: 40px;
            background: var(--brand);
            border-radius: 50%;
            display: inline-flex; align-items: center; justify-content: center;
            color: #FFF; transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(196,30,58,0.4);
        }
        .btn-icon-dark:hover { background: var(--brand-dark); transform: scale(1.1); }

        /* Badges */
        .lux-badge {
            font-size: 9px; font-weight: 700; letter-spacing: 0.1em;
            text-transform: uppercase; padding: 3px 8px; border-radius: 99px;
            display: inline-flex; align-items: center; gap: 3px;
            font-family: 'Poppins',sans-serif;
        }
        .lux-badge-gold { background: var(--grad-gold); color: #1A1A2E; }
        .lux-badge-red  { background: var(--brand); color: #FFF; }

        /* Product wishlist btn */
        .product-wishlist-btn {
            width: 32px; height: 32px;
            background: rgba(255,255,255,0.95);
            border: none; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            transition: all 0.3s ease;
        }
        .product-wishlist-btn:hover {
            transform: scale(1.15);
            box-shadow: 0 4px 16px rgba(196,30,58,0.4);
        }

        /* Product quick-view slide-up */
        .product-quick-view-btn {
            position: absolute; bottom: 0; left: 0; right: 0;
            padding: 10px;
            transform: translateY(100%);
            transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
            z-index: 20;
        }
        .group:hover .product-quick-view-btn { transform: translateY(0); }

        /* Search panel dropdown */
        .search-panel {
            position: absolute; top: 100%; left: 0; right: 0;
            margin-top: .5rem;
            background: #fff; border: 1px solid #e5e7eb;
            border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,.08);
            overflow: hidden; z-index: 80; display: none;
        }
        .search-panel.active { display: block; }
        .search-panel a, .search-panel button {
            display: flex; width: 100%;
            padding: .75rem 1rem;
            align-items: center; justify-content: space-between;
            font-size: .875rem;
        }
        .search-panel a:hover, .search-panel button:hover { background: #f9fafb; }

        /* FAQ accordion */
        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1); }
        .faq-answer.open { max-height: 400px; }
        .faq-toggle-icon { transition: transform 0.35s cubic-bezier(0.4,0,0.2,1); }
        .faq-item.open .faq-toggle-icon { transform: rotate(180deg); }

        /* Stars */
        .star-filled { color: #FFD700; }
        .star-empty  { color: #D4D4D4; }

        /* Section helpers */
        .lux-divider {
            height: 2px;
            background: linear-gradient(90deg,transparent 0%,#FFD700 30%,#C41E3A 70%,transparent 100%);
        }
        .section-header {
            display: flex; align-items: center; justify-content: space-between;
            margin-bottom: 1.5rem; flex-wrap: wrap; gap: 0.75rem;
        }
        .view-all-cta { display: flex; justify-content: center; margin-top: 2rem; }
        .thumb-active { border-color: var(--brand) !important; }

        /* Product card */
        .product-card-wrapper {
            background: #FFF; border-radius: 20px; overflow: hidden;
            border: 1px solid rgba(0,0,0,0.06); transition: all 0.3s ease;
        }
        .product-card-wrapper:hover {
            box-shadow: 0 16px 48px rgba(196,30,58,0.18);
            transform: translateY(-3px);
        }

        /* ============================================================
           RESPONSIVE UTILITIES
           ============================================================ */

        /* Fluid container padding */
        .page-container {
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 clamp(12px, 4vw, 40px);
        }

        /* Fluid section spacing */
        .section-y { padding-top: clamp(2rem, 5vw, 4rem); padding-bottom: clamp(2rem, 5vw, 4rem); }

        /* Responsive grid helpers */
        .grid-auto-fill-200 { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
        .grid-auto-fill-260 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
        .grid-auto-fill-300 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

        /* Prevent horizontal overflow */
        img, video, iframe, canvas, svg { max-width: 100%; }
        table { width: 100%; overflow-x: auto; display: block; }

        /* ============================================================
           RESPONSIVE TEXT SCALING
           ============================================================ */
        .text-fluid-xs  { font-size: clamp(0.7rem,  1.5vw, 0.85rem); }
        .text-fluid-sm  { font-size: clamp(0.8rem,  2vw,   0.95rem); }
        .text-fluid-base{ font-size: clamp(0.9rem,  2.5vw, 1.05rem); }
        .text-fluid-lg  { font-size: clamp(1rem,    3vw,   1.25rem); }
        .text-fluid-xl  { font-size: clamp(1.25rem, 4vw,   1.75rem); }
        .text-fluid-2xl { font-size: clamp(1.5rem,  5vw,   2.5rem);  }
        .text-fluid-3xl { font-size: clamp(1.75rem, 6vw,   3.5rem);  }
        .text-fluid-4xl { font-size: clamp(2rem,    7vw,   4.5rem);  }

        /* ============================================================
           HERO SECTION RESPONSIVE
           ============================================================ */
        .hero-section {
            min-height: clamp(320px, 60vw, 600px);
            position: relative;
        }

        /* ============================================================
           BENTO GRID RESPONSIVE
           ============================================================ */
        .bento-grid {
            display: grid;
            gap: 1rem;
            grid-template-columns: 1fr;
        }
        @media (min-width: 640px) {
            .bento-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (min-width: 1024px) {
            .bento-grid { grid-template-columns: 2fr 1fr 1fr; }
        }

        /* ============================================================
           CATEGORY CARDS RESPONSIVE
           ============================================================ */
        .category-grid {
            display: grid;
            gap: 0.75rem;
            grid-template-columns: repeat(2, 1fr);
        }
        @media (min-width: 480px)  { .category-grid { grid-template-columns: repeat(3, 1fr); } }
        @media (min-width: 768px)  { .category-grid { grid-template-columns: repeat(4, 1fr); } }
        @media (min-width: 1024px) { .category-grid { grid-template-columns: repeat(6, 1fr); } }

        /* ============================================================
           PRODUCT GRID RESPONSIVE
           ============================================================ */
        .product-grid {
            display: grid;
            gap: 1rem;
            grid-template-columns: repeat(2, 1fr);
        }
        @media (min-width: 640px)  { .product-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } }
        @media (min-width: 768px)  { .product-grid { grid-template-columns: repeat(3, 1fr); } }
        @media (min-width: 1024px) { .product-grid { grid-template-columns: repeat(4, 1fr); } }
        @media (min-width: 1280px) { .product-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } }

        /* ============================================================
           FOOTER RESPONSIVE
           ============================================================ */
        .footer-grid {
            display: grid;
            gap: 2rem;
            grid-template-columns: 1fr;
        }
        @media (min-width: 480px)  { .footer-grid { grid-template-columns: 1fr 1fr; } }
        @media (min-width: 768px)  { .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }

        /* ============================================================
           TESTIMONIAL GRID
           ============================================================ */
        .testimonial-grid {
            display: grid;
            gap: 1rem;
            grid-template-columns: 1fr;
        }
        @media (min-width: 640px)  { .testimonial-grid { grid-template-columns: 1fr 1fr; } }
        @media (min-width: 1024px) { .testimonial-grid { grid-template-columns: 1fr 1fr 1fr; } }

        /* ============================================================
           GALLERY GRID
           ============================================================ */
        .gallery-grid {
            display: grid;
            gap: 0.75rem;
            grid-template-columns: repeat(2, 1fr);
        }
        @media (min-width: 480px) { .gallery-grid { grid-template-columns: repeat(3, 1fr); } }

        /* ============================================================
           SEARCH BAR — responsive widths
           ============================================================ */
        @media (min-width: 1024px) {
            #nav-search-wrap { display: flex !important; }
        }
        @media (max-width: 1023px) {
            #nav-search-wrap { display: none !important; }
        }

        /* ============================================================
           HAMBURGER — ONLY on mobile/tablet, hidden on large screens
           ============================================================ */
        #mobile-menu-btn {
            display: none !important;
        }
        @media (max-width: 767px) {
            #mobile-menu-btn { display: flex !important; }
        }

        /* ============================================================
           WISHLIST — hidden on very small screens
           ============================================================ */
        @media (max-width: 479px) {
            #wishlist-btn { display: none !important; }
        }

        /* ============================================================
           PRODUCT CARD responsive image height
           ============================================================ */
        .product-card-image-wrap {
            aspect-ratio: 3/4;
        }
        @media (max-width: 480px) {
            .product-card-image-wrap { aspect-ratio: 4/5; }
        }

        /* ============================================================
           GALLERY IMAGE — touch device hover fix
           ============================================================ */
        @media (hover: none) {
            .insta-overlay { opacity: 1 !important; background: rgba(0,0,0,0.25) !important; }
            .product-quick-view-btn { transform: translateY(0) !important; }
        }

        /* ============================================================
           CHECKOUT / CART responsive table
           ============================================================ */
        .cart-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

        /* ============================================================
           SCROLL BEHAVIOUR
           ============================================================ */
        html { scroll-behavior: smooth; }

        /* ============================================================
           PILL NAV helper
           ============================================================ */
        .pill-nav {
            display: flex; align-items: center;
            justify-content: space-between; gap: 0.5rem;
        }
    </style>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
</head>
<body class="text-primary font-sans antialiased overflow-x-hidden min-h-screen" style="padding: clamp(8px,2vw,20px);">

<!-- ============================================================
     STICKY HEADER (glassmorphism on scroll)
     ============================================================ -->
<div id="site-header-sticky">
<header class="max-w-7xl mx-auto">
    <nav id="navbar" class="pill-nav">

        <!-- ── Logo ── -->
        <a href="/" class="flex items-center group shrink-0" id="site-logo">
                            <img src="/uploads/settings/asset_6a57a754ef3a18.52558313.jpg"
                     alt="Badsha Sherwani" class="w-12 h-12 rounded-xl object-cover shadow-sm">
                    </a>

        <!-- ── Desktop Search Bar (lg+) ── -->
        <div id="nav-search-wrap" class="flex-1 max-w-xs xl:max-w-sm mx-3">
            <div class="relative w-full flex items-center">
                <form action="/search" method="get" class="w-full">
                    <input id="site-search" name="q" type="text" autocomplete="off"
                           placeholder="Search sherwanis, kurtas..."
                           class="w-full rounded-full py-2.5 pl-5 pr-12 focus:outline-none text-sm transition-all">
                </form>
                <button type="button" onclick="document.querySelector('#site-search').form.submit()"
                        class="search-submit-btn absolute right-1 w-9 h-9 text-white rounded-full flex items-center justify-center">
                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                    </svg>
                </button>
                <div id="search-panel" class="search-panel"></div>
            </div>
        </div>

        <!-- ── Right Actions ── -->
        <div class="flex items-center gap-1.5 sm:gap-2">

            <!-- Search icon — mobile/tablet only -->
            <a href="/search"
               class="lg:hidden btn-icon-light w-9 h-9"
               id="mobile-search-btn" aria-label="Search">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                </svg>
            </a>

            <!-- Cart -->
            <a href="/cart"
               class="btn-icon-light relative w-9 h-9"
               id="cart-btn" title="Cart">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
                </svg>
                            </a>

            <!-- Wishlist (hidden below sm) -->
            <a href="/wishlist"
               class="btn-icon-light w-9 h-9 hidden sm:flex"
               id="wishlist-btn" title="Wishlist">
                <svg class="w-4 h-4 fill-current" style="color:#C41E3A;" viewBox="0 0 24 24">
                    <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5
                             2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09
                             C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5
                             c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
                </svg>
            </a>

            <!-- User: logged in → avatar + logout | not logged in → Login -->
            <div class="hidden md:flex items-center gap-2 ml-1 pl-2"
                 style="border-left:1px solid rgba(43,43,43,0.1);">
                                    <a href="/login"
                       class="text-sm font-semibold px-4 py-2 rounded-full transition-all hover:bg-gray-100"
                       style="color:#2B2B2B;">
                        Login
                    </a>
                    <a href="/signup"
                       class="btn-lime text-xs font-bold px-4 py-2 rounded-full shrink-0"
                       style="box-shadow:none;">
                        Sign Up
                    </a>
                            </div>

            <!-- ── Hamburger: MOBILE ONLY (< 768px) ── -->
            <button id="mobile-menu-btn"
                    class="btn-icon-light w-9 h-9 ml-1"
                    aria-label="Toggle menu" aria-expanded="false">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M4 6h16M4 12h16M4 18h16"/>
                </svg>
            </button>
        </div>
    </nav>

    <!-- ── Mobile Dropdown Menu (< 768px only) ── -->
    <div id="mobile-menu" class="hidden mt-2" style="display:none;">
        <div class="rounded-[24px] py-3 px-2">
            <!-- Mobile Search -->
            <form action="/search" method="get" class="px-3 pb-3">
                <div class="relative flex items-center">
                    <input name="q" type="text" placeholder="Search products..."
                           class="w-full border rounded-full py-2.5 pl-4 pr-12 focus:outline-none text-sm">
                    <button type="submit" class="search-submit-btn absolute right-1 w-9 h-9 text-white rounded-full flex items-center justify-center">
                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
                        </svg>
                    </button>
                </div>
            </form>
            <hr style="border:none;border-top:1px solid rgba(0,0,0,0.07);margin:4px 12px 8px;">
            <a href="/cart"
               class="flex items-center gap-3 px-4 py-2.5 rounded-xl mx-1 transition-colors">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
                </svg>
                Cart
                            </a>
            <a href="/wishlist"
               class="flex items-center gap-3 px-4 py-2.5 rounded-xl mx-1 transition-colors">
                <svg class="w-4 h-4 fill-current" style="color:#C41E3A;" viewBox="0 0 24 24">
                    <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/>
                </svg>
                Wishlist
            </a>
                            <a href="/login"
                   class="flex items-center gap-3 px-4 py-2.5 rounded-xl mx-1 transition-colors">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                              d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
                    </svg>
                    Login
                </a>
                <a href="/signup"
                   class="flex items-center gap-3 px-4 py-2.5 rounded-xl mx-1 transition-colors font-semibold"
                   style="color:#C41E3A;">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
                    </svg>
                    Create Account
                </a>
                    </div>
    </div>
</header>
</div>

<main class="max-w-7xl mx-auto" style="padding-top:1rem;overflow-x:hidden;width:100%;box-sizing:border-box;">

<script>
window.BASE_URL = '';
// ── Scroll: add/remove glassmorphism class on header shell ──
(function(){
    var header = document.getElementById('site-header-sticky');
    function onScroll(){
        if(window.scrollY > 10){
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
    }
    window.addEventListener('scroll', onScroll, {passive:true});
    onScroll();
})();

// ── Mobile hamburger toggle ──
(function(){
    var btn  = document.getElementById('mobile-menu-btn');
    var menu = document.getElementById('mobile-menu');
    if(!btn || !menu) return;
    btn.addEventListener('click', function(){
        var isOpen = menu.style.display !== 'none' && menu.style.display !== '';
        menu.style.display = isOpen ? 'none' : 'block';
        btn.setAttribute('aria-expanded', String(!isOpen));
    });
    document.addEventListener('click', function(e){
        if(!btn.contains(e.target) && !menu.contains(e.target)){
            menu.style.display = 'none';
            btn.setAttribute('aria-expanded','false');
        }
    });
})();

// ── Live Search ──
(function(){
    var input = document.getElementById('site-search');
    var panel = document.getElementById('search-panel');
    if(!input || !panel) return;
    var debounceTimer;
    var lastQ = '';
    var currency = '₹';

    function renderResults(results, q){
        if(!results.length){
            panel.innerHTML = '<div style="padding:14px 16px;font-size:13px;color:#999;font-family:Poppins,sans-serif;">No results for "' + q + '"</div>';
        } else {
            var html = '';
            results.slice(0,7).forEach(function(r){
                var price = r.discount_price || r.price;
                var img = r.image_main ? (window.BASE_URL + '/' + r.image_main) : '';
                html += '<a href="' + window.BASE_URL + '/product/' + r.slug + '" style="display:flex;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;border-bottom:1px solid #f3f4f6;">'
                      + (img ? '<img src="'+img+'" style="width:40px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;">' : '<div style="width:40px;height:48px;background:#f3f0ff;border-radius:8px;flex-shrink:0;"></div>')
                      + '<div style="flex:1;min-width:0;">'
                      + '<div style="font-size:13px;font-weight:600;color:#1A1A2E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Poppins,sans-serif;">' + r.name + '</div>'
                      + '<div style="font-size:11px;color:#C41E3A;font-weight:700;font-family:Poppins,sans-serif;">' + currency + parseFloat(price).toLocaleString('en-IN') + '</div>'
                      + '</div></a>';
            });
            if(results.length > 7){
                html += '<a href="'+window.BASE_URL+'/search?q='+encodeURIComponent(q)+'" style="display:block;padding:10px 14px;font-size:12px;font-weight:700;color:#C41E3A;text-align:center;text-decoration:none;font-family:Poppins,sans-serif;">View all ' + results.length + ' results →</a>';
            }
            panel.innerHTML = html;
        }
        panel.classList.add('active');
    }

    function doSearch(q){
        if(q === lastQ) return;
        lastQ = q;
        if(q.length < 2){ panel.classList.remove('active'); return; }
        fetch(window.BASE_URL + '/api.php?action=search&q=' + encodeURIComponent(q))
            .then(function(r){ return r.json(); })
            .then(function(data){ if(data.ok) renderResults(data.results, q); })
            .catch(function(){});
    }

    input.addEventListener('input', function(){
        var q = this.value.trim();
        clearTimeout(debounceTimer);
        if(q.length < 2){ panel.classList.remove('active'); return; }
        debounceTimer = setTimeout(function(){ doSearch(q); }, 280);
    });

    input.addEventListener('focus', function(){
        var q = this.value.trim();
        if(q.length >= 2) doSearch(q);
    });

    document.addEventListener('click', function(e){
        if(!input.contains(e.target) && !panel.contains(e.target)){
            panel.classList.remove('active');
        }
    });
    input.addEventListener('keydown', function(e){
        if(e.key === 'Escape') panel.classList.remove('active');
    });
})();
</script>
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://badshasherwani.com/</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/shop</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/about</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/contact</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/gallery</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/categories</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/custom-tailoring</loc><changefreq>weekly</changefreq><priority>0.8</priority></url>
<url><loc>https://badshasherwani.com/product/sherwani</loc><lastmod>2026-07-15</lastmod><changefreq>weekly</changefreq><priority>0.9</priority></url>
<url><loc>https://badshasherwani.com/product/dupian-silk-panjabi-kurta</loc><lastmod>2026-07-15</lastmod><changefreq>weekly</changefreq><priority>0.9</priority></url>
<url><loc>https://badshasherwani.com/shop?category=wedding-sherwanis</loc><changefreq>weekly</changefreq><priority>0.7</priority></url>
<url><loc>https://badshasherwani.com/shop?category=jawar-coat-with-panjabi</loc><changefreq>weekly</changefreq><priority>0.7</priority></url>
<url><loc>https://badshasherwani.com/shop?category=dupian-silk-panjabi-kurta</loc><changefreq>weekly</changefreq><priority>0.7</priority></url>
<url><loc>https://badshasherwani.com/shop?category=dupian-silk-kurta</loc><changefreq>weekly</changefreq><priority>0.7</priority></url>
<url><loc>https://badshasherwani.com/shop?category=panjabi</loc><changefreq>weekly</changefreq><priority>0.7</priority></url>
<url><loc>https://badshasherwani.com/shop?category=kurta</loc><changefreq>weekly</changefreq><priority>0.7</priority></url>
</urlset>