<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
    <title>Vinayak Engineering | Garlic Peeling Machine &amp; Water Filling Machine Manufacturer</title>
    
    <!-- Primary Meta Tags -->
    <meta name="title" content="Vinayak Engineering | Garlic Peeling Machine &amp; Water Filling Machine Manufacturer">
    <meta name="description" content="Vinayak Engineering - Premier manufacturer of Garlic Peeling Machines (30, 50, 100, 200 kg/hr &amp; 300, 500 kg/hr Chain Type), 12 BPM - 22 BPM Water Filling Machines, Bulb Breakers, Paste Machines &amp; Tray Dryers. Quality ΓÇó Performance ΓÇó Reliability. GST: 24ACNPZ6820C1ZF. Call/WhatsApp: +91 91047 64325.">
    <meta name="keywords" content="100kg Garlic Peeling Machine, 50kg Garlic Peeling Machine, 30kg Garlic Peeling Machine, 200kg Garlic Peeling Machine, 150kg Garlic Bulb Breaker Machine, 500kg Garlic Bulb Breaker Machine, 300kg Chain Type Peeling Machine, 500kg Chain Type Peeling Machine, 2hp Ginger Garlic Paste Machine, 3hp Paste Machine, 12 Tray Dryer Machine, 48 Tray Dryer Machine, 12 BPM 22 BPM Water Filling Machine, Vinayak Engineering Ahmedabad, Kathwada Industrial Machinery">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="author" content="Vinayak Engineering">
    <link rel="canonical" href="https://www.vinayakengineering.hsites.in/">
    <meta name="theme-color" content="#064e3b">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.vinayakengineering.hsites.in/">
    <meta property="og:title" content="Vinayak Engineering | Garlic Peeling Machine &amp; Water Filling Machine Manufacturer">
    <meta property="og:description" content="Vinayak Engineering - Premier manufacturer of Garlic Peeling Machines (30, 50, 100, 200 kg/hr &amp; 300, 500 kg/hr Chain Type), 12 BPM - 22 BPM Water Filling Machines, Bulb Breakers, Paste Machines &amp; Tray Dryers. Quality ΓÇó Performance ΓÇó Reliability. GST: 24ACNPZ6820C1ZF. Call/WhatsApp: +91 91047 64325.">
    <meta property="og:image" content="https://www.vinayakengineering.hsites.in/img/ogimage.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:site_name" content="Vinayak Engineering">

    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://www.vinayakengineering.hsites.in/">
    <meta name="twitter:title" content="Vinayak Engineering | Garlic Peeling Machine &amp; Water Filling Machine Manufacturer">
    <meta name="twitter:description" content="Vinayak Engineering - Premier manufacturer of Garlic Peeling Machines (30, 50, 100, 200 kg/hr &amp; 300, 500 kg/hr Chain Type), 12 BPM - 22 BPM Water Filling Machines, Bulb Breakers, Paste Machines &amp; Tray Dryers. Quality ΓÇó Performance ΓÇó Reliability. GST: 24ACNPZ6820C1ZF. Call/WhatsApp: +91 91047 64325.">
    <meta name="twitter:image" content="https://www.vinayakengineering.hsites.in/img/ogimage.jpg">

    <!-- Favicons & App Icons -->
    <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="manifest.json">
    <meta name="msapplication-TileColor" content="#064e3b">
    <meta name="msapplication-TileImage" content="ms-icon-144x144.png">

    <!-- CSS Stylesheets -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">

    <!-- JSON-LD Schema Markup -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "ManufacturingBusiness",
          "@id": "https://www.vinayakengineering.hsites.in/#organization",
          "name": "Vinayak Engineering",
          "url": "https://www.vinayakengineering.hsites.in/",
          "logo": {
            "@type": "ImageObject",
            "url": "https://www.vinayakengineering.hsites.in/img/logo.png"
          },
          "image": "https://www.vinayakengineering.hsites.in/img/ogimage.jpg",
          "description": "Vinayak Engineering - Manufacturer of Garlic Peeling Machines (30, 50, 100, 200 kg/hr & 300, 500 kg/hr Chain Type), 12 BPM - 22 BPM Water Filling Machines, Garlic Bulb Breakers, Ginger Garlic Paste Machines & Industrial Tray Dryers. GST: 24ACNPZ6820C1ZF.",
          "telephone": "+919104764325",
          "taxID": "24ACNPZ6820C1ZF",
          "priceRange": "Γé╣Γé╣",
          "slogan": "Quality ΓÇó Performance ΓÇó Reliability",
          "address": {
            "@type": "PostalAddress",
            "streetAddress": "Shed No 104, Mahaveer Industrial Park 2, Bhuvaldi Rd, near mahaveer circle, Kathwada",
            "addressLocality": "Ahmedabad",
            "addressRegion": "Gujarat",
            "postalCode": "382430",
            "addressCountry": "IN"
          },
          "hasMap": "https://maps.app.goo.gl/QnxCTwksLtGyceT88?g_st=awb",
          "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+919104764325",
            "contactType": "sales",
            "availableLanguage": ["English", "Hindi", "Gujarati"]
          }
        },
        {
          "@type": "WebSite",
          "@id": "https://www.vinayakengineering.hsites.in/#website",
          "url": "https://www.vinayakengineering.hsites.in/",
          "name": "Vinayak Engineering",
          "publisher": {
            "@id": "https://www.vinayakengineering.hsites.in/#organization"
          }
        }
      ]
    }
    </script>

    <style>
        :root {
            --primary: #064e3b;
            --primary-light: #059669;
            --primary-dark: #022c22;
            --accent: #10b981;
            --accent-hover: #047857;
            --accent-gradient: linear-gradient(135deg, #10b981, #059669);
            --accent-light: #34d399;
            --logo-red: #dc2626;
            --logo-red-hover: #b91c1c;
            --logo-red-gradient: linear-gradient(135deg, #dc2626, #b91c1c);
            --light-bg: #f8fafc;
            --card-bg: #ffffff;
            --text-dark: #0f172a;
            --text-muted: #475569;
            --border-color: #e2e8f0;
            --shadow: 0 10px 30px rgba(6, 78, 59, 0.08);
            --shadow-hover: 0 20px 40px rgba(6, 78, 59, 0.16);
            --radius: 16px;
            --radius-sm: 10px;
            --transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            --font: 'Plus Jakarta Sans', sans-serif;
            --font-heading: 'Outfit', sans-serif;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html, body {
            overflow-x: hidden !important;
            max-width: 100vw !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            position: relative;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font);
            background-color: var(--light-bg);
            color: var(--text-dark);
            line-height: 1.7;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            font-weight: 800;
            color: var(--primary-dark);
            letter-spacing: -0.02em;
            line-height: 1.2;
        }

        p {
            color: var(--text-muted);
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: var(--transition);
        }

        img {
            max-width: 100%;
            height: auto;
        }

        /* ===== TOPBAR ===== */
        .topbar {
            background: #011c15;
            color: #ffffff;
            font-size: 0.82rem;
            padding: 7px 0;
            border-bottom: 2px solid rgba(220, 38, 38, 0.5);
        }
        .topbar a {
            color: rgba(255, 255, 255, 0.92);
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-weight: 600;
        }
        .topbar a:hover {
            color: #34d399;
        }
        .topbar .badge-gst {
            background: rgba(220, 38, 38, 0.2);
            color: #fca5a5;
            border: 1px solid rgba(220, 38, 38, 0.5);
            padding: 2px 10px;
            border-radius: 30px;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.03em;
        }
        .topbar .badge-tagline {
            background: rgba(16, 185, 129, 0.2);
            color: #6ee7b7;
            border: 1px solid rgba(16, 185, 129, 0.4);
            padding: 2px 10px;
            border-radius: 30px;
            font-size: 0.75rem;
            font-weight: 700;
        }

        /* ===== NAVBAR ===== */
        .navbar-custom {
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(14px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            padding: 0.6rem 0;
            transition: var(--transition);
            border-bottom: 2px solid var(--border-color);
        }
        .navbar-brand img {
            height: 48px;
            max-height: 52px;
            width: auto;
            object-fit: contain;
        }
        .navbar-custom .nav-link {
            font-weight: 600;
            color: var(--primary-dark) !important;
            padding: 0.5rem 1.05rem !important;
            border-radius: 30px;
            transition: var(--transition);
            font-size: 0.92rem;
        }
        .navbar-custom .nav-link:hover,
        .navbar-custom .nav-link.active {
            color: #ffffff !important;
            background: var(--primary);
        }
        .btn-header-quote {
            background: var(--logo-red-gradient);
            color: #ffffff !important;
            padding: 0.6rem 1.4rem;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.88rem;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 15px rgba(220, 38, 38, 0.35);
            border: none;
            transition: var(--transition);
        }
        .btn-header-quote:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(220, 38, 38, 0.5);
            color: #ffffff !important;
            background: linear-gradient(135deg, #b91c1c, #991b1b);
        }

        /* ===== BUTTONS ===== */
        .btn-primary-custom {
            background: var(--accent-gradient);
            color: #ffffff;
            padding: 0.85rem 2rem;
            border-radius: 50px;
            font-weight: 700;
            border: none;
            transition: var(--transition);
            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 0.98rem;
        }
        .btn-primary-custom:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 12px 28px rgba(16, 185, 129, 0.45);
            color: #ffffff;
            background: linear-gradient(135deg, #059669, #047857);
        }
        .btn-red-custom {
            background: var(--logo-red-gradient);
            color: #ffffff;
            padding: 0.85rem 2rem;
            border-radius: 50px;
            font-weight: 700;
            border: none;
            transition: var(--transition);
            box-shadow: 0 6px 20px rgba(220, 38, 38, 0.35);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 0.98rem;
        }
        .btn-red-custom:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 12px 28px rgba(220, 38, 38, 0.45);
            color: #ffffff;
            background: linear-gradient(135deg, #b91c1c, #991b1b);
        }
        .btn-outline-custom {
            background: transparent;
            color: #ffffff;
            border: 2px solid rgba(255, 255, 255, 0.4);
            padding: 0.8rem 1.8rem;
            border-radius: 50px;
            font-weight: 700;
            transition: var(--transition);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 0.98rem;
        }
        .btn-outline-custom:hover {
            background: #ffffff;
            color: var(--primary-dark);
            border-color: #ffffff;
            transform: translateY(-3px);
            box-shadow: 0 8px 24px rgba(255, 255, 255, 0.2);
        }
        .btn-whatsapp-action {
            background: #25d366;
            color: #ffffff;
            padding: 0.8rem 1.8rem;
            border-radius: 50px;
            font-weight: 700;
            border: none;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
            transition: var(--transition);
        }
        .btn-whatsapp-action:hover {
            background: #1eb855;
            color: #ffffff;
            transform: translateY(-3px);
        }

        /* ===== SECTION HEADER ===== */
        .section-header {
            text-align: center;
            margin-bottom: 3.5rem;
        }
        .section-header .eyebrow {
            display: inline-block;
            font-size: 0.8rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--primary);
            background: rgba(16, 185, 129, 0.15);
            padding: 0.35rem 1.2rem;
            border-radius: 50px;
            margin-bottom: 0.8rem;
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
        .section-header .eyebrow-red {
            color: var(--logo-red);
            background: rgba(220, 38, 38, 0.1);
            border-color: rgba(220, 38, 38, 0.3);
        }
        .section-header h2 {
            font-size: clamp(2rem, 3.5vw, 2.9rem);
            color: var(--primary-dark);
            margin-bottom: 0.8rem;
        }
        .section-header h2 span {
            color: var(--primary-light);
        }
        .section-header h2 span.text-red {
            color: var(--logo-red);
        }
        .section-header p {
            font-size: 1.05rem;
            max-width: 720px;
            margin: 0 auto;
        }

        /* ===== PRODUCT CARD (RAGHUVEER ENGINEERING 2-COL MOBILE LAYOUT) ===== */
        .product-card {
            background: #ffffff;
            border-radius: var(--radius-sm);
            border: 1px solid var(--border-color);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: var(--transition);
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
            cursor: pointer;
        }
        .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px rgba(6, 78, 59, 0.12);
            border-color: var(--accent);
        }
        .product-card-img-wrap {
            position: relative;
            height: 175px;
            width: 100%;
            background: #f8fafc;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #f1f5f9;
        }
        .product-card-img-wrap img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
            transition: transform 0.3s ease;
        }
        .product-card:hover .product-card-img-wrap img {
            transform: scale(1.05);
        }
        .product-card-body {
            padding: 14px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }
        .product-card-title {
            font-size: 0.98rem;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 6px;
            line-height: 1.3;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 2.6em;
        }
        .product-card-spec {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 6px 8px;
            margin-bottom: 10px;
            font-size: 0.8rem;
            color: var(--text-muted);
        }
        .product-card-spec strong {
            color: var(--text-dark);
        }
        .btn-prod-quote {
            font-size: 0.88rem;
            padding: 0.55rem 0.8rem;
            border-radius: 8px;
            font-weight: 700;
        }
        .btn-call-cta {
            background: #ffffff;
            color: var(--primary);
            border: 1.5px solid var(--primary);
            border-radius: 8px;
            font-weight: 700;
            font-size: 0.88rem;
            padding: 0.55rem 0.75rem;
            transition: all 0.25s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1.2;
        }
        .btn-call-cta:hover {
            background: var(--primary);
            color: #ffffff;
            border-color: var(--primary);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(6, 78, 59, 0.2);
        }
        .btn-call-cta-red {
            background: #ffffff;
            color: var(--logo-red);
            border: 1.5px solid var(--logo-red);
            border-radius: 8px;
            font-weight: 700;
            font-size: 0.88rem;
            padding: 0.55rem 0.75rem;
            transition: all 0.25s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1.2;
        }
        .btn-call-cta-red:hover {
            background: var(--logo-red);
            color: #ffffff;
            border-color: var(--logo-red);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
        }
        .product-card-price {
            display: flex;
            align-items: center;
        }

        /* Filter Pills for Products / Catalog */
        .filter-pill-btn {
            border: 1px solid var(--border-color);
            background: #ffffff;
            color: #334155;
            font-weight: 600;
            font-size: 0.84rem;
            padding: 0.42rem 1.05rem;
            border-radius: 50px;
            transition: all 0.25s ease;
            cursor: pointer;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .filter-pill-btn:hover {
            background: #f1f5f9;
            color: var(--text-dark);
            border-color: #cbd5e1;
        }
        .filter-pill-btn.active {
            background: var(--primary);
            color: #ffffff;
            border-color: var(--primary);
            box-shadow: 0 4px 14px rgba(6, 78, 59, 0.25);
        }

        /* ===== PRODUCT CARD IMAGES ===== */
        .card-img-full {
            height: 250px;
            width: 100%;
            object-fit: contain;
            transition: var(--transition);
        }
        .card:hover .card-img-full {
            transform: scale(1.04);
        }

        /* Product Number Badge */
        .badge-prod-num {
            background: var(--logo-red);
            color: #ffffff;
            font-weight: 800;
            font-size: 0.82rem;
            padding: 0.25rem 0.65rem;
            border-radius: 30px;
        }

        /* ===== FLOATING ACTION BUTTONS ===== */
        .floating-actions {
            position: fixed;
            bottom: 30px;
            right: 25px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            z-index: 1050;
        }
        .float-btn {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            color: #fff;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
            transition: var(--transition);
        }
        .float-btn:hover {
            transform: scale(1.12);
            color: #fff;
        }
        .float-whatsapp { background: #25d366; }
        .float-call { background: var(--accent-gradient); }
        .float-top {
            background: var(--primary);
            font-size: 1.2rem;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
        }
        .float-top.active {
            opacity: 1;
            visibility: visible;
        }

        /* ===== RESPONSIVE MOBILE & TABLET OPTIMIZATIONS ===== */
        @media (max-width: 767px) {
            [data-aos="fade-right"],
            [data-aos="fade-left"] {
                transform: translate3d(0, 25px, 0) !important;
            }
            [data-aos="fade-right"].aos-animate,
            [data-aos="fade-left"].aos-animate {
                transform: translate3d(0, 0, 0) !important;
            }
        }

        @media (max-width: 991px) {
            .navbar-brand img {
                height: 40px;
            }
            .navbar-collapse {
                background: #ffffff;
                padding: 1.25rem;
                border-radius: var(--radius-sm);
                margin-top: 12px;
                box-shadow: 0 15px 35px rgba(6, 78, 59, 0.12);
                border: 1px solid var(--border-color);
            }
            .navbar-nav .nav-item {
                margin-bottom: 6px;
            }
            .navbar-custom .nav-link {
                padding: 0.65rem 1rem !important;
                border-radius: 8px;
            }
            .btn-header-quote {
                width: 100%;
                justify-content: center;
                margin-top: 8px;
                padding: 0.75rem;
            }
        }

        @media (max-width: 767px) {
            .hero-section {
                padding: 2.5rem 0 3.5rem !important;
                min-height: auto !important;
            }
            .hero-section h1 {
                font-size: clamp(1.75rem, 6.5vw, 2.3rem) !important;
            }
            .hero-section p.lead {
                font-size: 0.98rem !important;
            }
            .hero-btn-group {
                flex-direction: column !important;
                width: 100%;
            }
            .hero-btn-group .btn {
                width: 100% !important;
                justify-content: center !important;
            }
            .btn-primary-custom, .btn-red-custom, .btn-outline-custom, .btn-whatsapp-action {
                width: 100%;
                justify-content: center;
                text-align: center;
                padding: 0.75rem 1.4rem;
                font-size: 0.95rem;
            }
            .card-img-full {
                height: 200px;
            }
            .section-header {
                margin-bottom: 2rem;
            }
            .section-header h2 {
                font-size: 1.75rem;
            }
            .floating-actions {
                bottom: 18px;
                right: 15px;
                gap: 8px;
            }
            .float-btn {
                width: 48px;
                height: 48px;
                font-size: 1.3rem;
            }
            .carousel-control-prev, .carousel-control-next {
                display: none !important;
            }
            .carousel-indicators {
                bottom: -28px !important;
            }
            .stat-box {
                padding: 0.75rem 0.5rem !important;
            }
            .stat-icon {
                width: 42px !important;
                height: 42px !important;
                font-size: 1.1rem !important;
            }
            .card-body {
                padding: 1.25rem !important;
            }

            /* 2-Column Mobile Product Cards (Raghuveer Style) */
            .product-card-img-wrap {
                height: 140px !important;
                padding: 8px !important;
            }
            .product-card-body {
                padding: 10px 8px 12px !important;
            }
            .product-card-title {
                font-size: 0.84rem !important;
                min-height: 2.5em !important;
                margin-bottom: 4px !important;
                line-height: 1.25 !important;
            }
            .product-card-spec {
                font-size: 0.72rem !important;
                padding: 4px 6px !important;
                margin-bottom: 8px !important;
                line-height: 1.35 !important;
            }
            .badge-prod-num {
                font-size: 0.7rem !important;
                padding: 0.2rem 0.5rem !important;
            }
            .product-card-badge-cap {
                font-size: 0.65rem !important;
                padding: 0.2rem 0.45rem !important;
            }
            .btn-prod-quote {
                font-size: 0.78rem !important;
                padding: 0.45rem 0.5rem !important;
                border-radius: 6px !important;
            }
        }

        @media (max-width: 575px) {
            .container {
                padding-left: 12px;
                padding-right: 12px;
            }
            input, select, textarea {
                font-size: 16px !important;
            }
            .product-card-img-wrap {
                height: 130px !important;
            }
            .product-card-title {
                font-size: 0.82rem !important;
            }
        }
    </style>
</head>
<body>

    <!-- ===== TOPBAR ===== -->
    <div class="topbar d-none d-md-block">
        <div class="container">
            <div class="d-flex justify-content-between align-items-center">
                <div class="d-flex align-items-center gap-3">
                    <span class="badge-tagline"><i class="fas fa-check-circle me-1"></i> Quality ΓÇó Performance ΓÇó Reliability</span>
                    <span class="badge-gst"><i class="fas fa-file-invoice me-1"></i> GST: 24ACNPZ6820C1ZF</span>
                    <span><i class="fas fa-map-marker-alt text-danger me-1"></i> Kathwada, Ahmedabad</span>
                </div>
                <div class="d-flex align-items-center gap-3">
                    <a href="tel:+919104764325"><i class="fas fa-phone-alt text-success"></i> +91 91047 64325</a>
                    <a href="https://wa.me/919104764325?text=Hello%20Vinayak%20Engineering,%20I%20want%20to%20inquire%20about%20your%20machinery." target="_blank"><i class="fab fa-whatsapp text-success"></i> WhatsApp Us</a>
                </div>
            </div>
        </div>
    </div>

    <!-- ===== STICKY NAVBAR ===== -->
    <nav class="navbar navbar-expand-lg navbar-custom sticky-top">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center" href="index.php">
                <img src="img/logo.png" alt="Vinayak Engineering Logo">
            </a>
            <button class="navbar-toggler border-0 shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu" aria-controls="navMenu" aria-expanded="false" aria-label="Toggle navigation">
                <i class="fas fa-bars fs-3 text-success"></i>
            </button>
            <div class="collapse navbar-collapse" id="navMenu">
                <ul class="navbar-nav ms-auto align-items-lg-center gap-lg-1">
                    <li class="nav-item"><a class="nav-link active" href="index.php">Home</a></li>
                    <li class="nav-item"><a class="nav-link " href="about.php">About Us</a></li>
                    <li class="nav-item"><a class="nav-link " href="products.php">Our Products</a></li>
                    <li class="nav-item"><a class="nav-link " href="services.php">Services</a></li>
                    <li class="nav-item"><a class="nav-link" href="index.php#why-us">Why Us</a></li>
                    <li class="nav-item"><a class="nav-link " href="contact.php">Contact Us</a></li>
                    <li class="nav-item ms-lg-2 mt-2 mt-lg-0">
                        <button class="btn-header-quote" onclick="openWhatsAppQuoteModal('General Machinery Inquiry')">
                            <i class="fas fa-file-invoice me-1"></i> Get Machine Quote
                        </button>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- ===== HERO SECTION WITH CAROUSEL ===== -->
    <section class="hero-section position-relative overflow-hidden" style="background: linear-gradient(135deg, rgba(2, 44, 34, 0.94) 0%, rgba(6, 78, 59, 0.90) 50%, rgba(4, 120, 87, 0.86) 100%), url('img/hero-bg.jpg') center/cover no-repeat; min-height: 90vh; display: flex; align-items: center; padding: 4rem 0 5rem;">
        <div style="position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 30%, rgba(16, 185, 129, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(220, 38, 38, 0.18) 0%, transparent 50%); pointer-events: none;"></div>
        
        <div class="container position-relative" style="z-index: 2;">
            <div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="6000">
                <!-- Indicators -->
                <div class="carousel-indicators" style="bottom: -40px;">
                    <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                    <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                    <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                </div>

                <div class="carousel-inner">
                    <!-- Slide 1: Garlic Peeling Machine -->
                    <div class="carousel-item active">
                        <div class="row align-items-center g-4 g-lg-5">
                            <div class="col-lg-6" data-aos="fade-up" data-aos-duration="800">
                                <span class="d-inline-flex align-items-center gap-2 px-3 py-1 rounded-pill mb-3" style="background: rgba(220, 38, 38, 0.25); border: 1px solid rgba(220, 38, 38, 0.5); color: #fca5a5; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase;">
                                    <i class="fas fa-industry text-danger"></i> Welcome to Vinayak Engineering
                                </span>
                                <h1 class="display-4 fw-black text-white mb-3" style="line-height: 1.15;">
                                    Garlic Peeling <br><span style="color: #34d399;">Machine</span>
                                </h1>
                                <p class="lead mb-4" style="color: rgba(255, 255, 255, 0.9); font-size: 1.12rem;">
                                    High-efficiency Garlic Peeling Machines (<strong>30, 50, 100, 200 kg/hr &amp; 300ΓÇô500 kg/hr Chain Type</strong>). Engineered with food-grade SS-304, zero clove damage rate, and 98%+ peeling efficiency.
                                </p>
                                <div class="hero-btn-group d-flex flex-column flex-sm-row gap-3 mb-4">
                                    <button onclick="openWhatsAppQuoteModal('100kg/HR Garlic Peeling Machine')" class="btn btn-red-custom">
                                        <i class="fab fa-whatsapp"></i> Book Machine / Get Quote
                                    </button>
                                    <a href="tel:+919104764325" class="btn btn-outline-custom">
                                        <i class="fas fa-phone-alt text-success"></i> Call +91 91047 64325
                                    </a>
                                </div>
                                <div class="d-flex flex-wrap gap-2 gap-sm-3 pt-2" style="border-top: 1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.85); font-size: 0.9rem;">
                                    <span><i class="fas fa-check-circle text-success me-1"></i> Capacities: 30 to 500 kg/hr</span>
                                    <span><i class="fas fa-check-circle text-success me-1"></i> SS-304 Food Grade</span>
                                    <span><i class="fas fa-check-circle text-success me-1"></i> GST: 24ACNPZ6820C1ZF</span>
                                </div>
                            </div>
                            <div class="col-lg-6 text-center" data-aos="fade-up" data-aos-delay="150" data-aos-duration="800">
                                <div class="position-relative overflow-hidden rounded-4 shadow-lg border p-3 bg-white" style="border: 2px solid rgba(16, 185, 129, 0.4); box-shadow: 0 25px 60px rgba(0,0,0,0.4);">
                                    <img src="img/garlic-peeling-machine.jpg" alt="Vinayak Engineering Garlic Peeling Machine" class="img-fluid rounded-3" style="max-height: 420px; object-fit: contain;">
                                    <div class="position-absolute bottom-0 end-0 m-3 p-3 rounded-3 text-white text-start d-none d-sm-block" style="background: rgba(2, 44, 34, 0.92); backdrop-filter: blur(10px); border: 1px solid rgba(16, 185, 129, 0.5);">
                                        <div class="small text-danger fw-bold"><i class="fas fa-bolt me-1"></i> Pneumatic Air Peeler</div>
                                        <div class="fw-bold">30 ΓÇô 200 kg / Hour</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Slide 2: Water Filling Machine -->
                    <div class="carousel-item">
                        <div class="row align-items-center g-4 g-lg-5">
                            <div class="col-lg-6">
                                <span class="d-inline-flex align-items-center gap-2 px-3 py-1 rounded-pill mb-3" style="background: rgba(220, 38, 38, 0.25); border: 1px solid rgba(220, 38, 38, 0.5); color: #fca5a5; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase;">
                                    <i class="fas fa-tint text-danger"></i> Automated Bottling Solutions
                                </span>
                                <h1 class="display-4 fw-black text-white mb-3" style="line-height: 1.15;">
                                    12 BPM - 22 BPM <br><span style="color: #34d399;">Water Filling Machine</span>
                                </h1>
                                <p class="lead mb-4" style="color: rgba(255, 255, 255, 0.9); font-size: 1.12rem;">
                                    Precision liquid bottling &amp; packaging machinery with <strong>12ΓÇô22 BPM</strong> capacity. 3-in-1 Rinsing, Volumetric Filling &amp; Leak-Proof Capping built with SS-304/SS-316.
                                </p>
                                <div class="hero-btn-group d-flex flex-column flex-sm-row gap-3 mb-4">
                                    <button onclick="openWhatsAppQuoteModal('12 BPM - 22 BPM Water Filling Machine')" class="btn btn-red-custom">
                                        <i class="fab fa-whatsapp"></i> Book Bottling Machine
                                    </button>
                                    <a href="tel:+919104764325" class="btn btn-outline-custom">
                                        <i class="fas fa-phone-alt text-success"></i> Call +91 91047 64325
                                    </a>
                                </div>
                                <div class="d-flex flex-wrap gap-2 gap-sm-3 pt-2" style="border-top: 1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.85); font-size: 0.9rem;">
                                    <span><i class="fas fa-check-circle text-success me-1"></i> Output: 12ΓÇô22 BPM</span>
                                    <span><i class="fas fa-check-circle text-success me-1"></i> 200ml to 2000ml Bottles</span>
                                    <span><i class="fas fa-check-circle text-success me-1"></i> Factory Direct Price</span>
                                </div>
                            </div>
                            <div class="col-lg-6 text-center">
                                <div class="position-relative overflow-hidden rounded-4 shadow-lg border p-3 bg-white" style="border: 2px solid rgba(16, 185, 129, 0.4); box-shadow: 0 25px 60px rgba(0,0,0,0.4);">
                                    <img src="img/water-filling-real.jpg" alt="Vinayak Engineering 12 BPM - 22 BPM Water Filling Machine" class="img-fluid rounded-3" style="max-height: 420px; object-fit: contain;">
                                    <div class="position-absolute bottom-0 end-0 m-3 p-3 rounded-3 text-white text-start d-none d-sm-block" style="background: rgba(2, 44, 34, 0.92); backdrop-filter: blur(10px); border: 1px solid rgba(16, 185, 129, 0.5);">
                                        <div class="small text-danger fw-bold"><i class="fas fa-tint me-1"></i> Rinsing + Filling + Capping</div>
                                        <div class="fw-bold">12 ΓÇô 22 BPM Automatic</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Slide 3: Complete Machinery Range -->
                    <div class="carousel-item">
                        <div class="row align-items-center g-4 g-lg-5">
                            <div class="col-lg-6">
                                <span class="d-inline-flex align-items-center gap-2 px-3 py-1 rounded-pill mb-3" style="background: rgba(220, 38, 38, 0.25); border: 1px solid rgba(220, 38, 38, 0.5); color: #fca5a5; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase;">
                                    <i class="fas fa-medal text-danger"></i> Quality ΓÇó Performance ΓÇó Reliability
                                </span>
                                <h1 class="display-4 fw-black text-white mb-3" style="line-height: 1.15;">
                                    Our Complete <br><span style="color: #34d399;">Machinery Portfolio</span>
                                </h1>
                                <p class="lead mb-4" style="color: rgba(255, 255, 255, 0.9); font-size: 1.12rem;">
                                    Garlic Bulb Breakers (150 &amp; 500 kg), Chain Type Peelers (300 &amp; 500 kg), Paste Grinders (2 &amp; 3 HP), and Industrial Tray Dryers (12 &amp; 48 Tray) manufactured in Ahmedabad.
                                </p>
                                <div class="hero-btn-group d-flex flex-column flex-sm-row gap-3 mb-4">
                                    <a href="products.php" class="btn btn-red-custom">
                                        <i class="fas fa-th-large"></i> Explore Our Products
                                    </a>
                                    <a href="contact.php" class="btn btn-outline-custom">
                                        <i class="fas fa-envelope"></i> Contact Factory
                                    </a>
                                </div>
                                <div class="d-flex flex-wrap gap-2 gap-sm-3 pt-2" style="border-top: 1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.85); font-size: 0.9rem;">
                                    <span><i class="fas fa-check-circle text-success me-1"></i> Direct Factory Rate</span>
                                    <span><i class="fas fa-check-circle text-success me-1"></i> Pan-India Dispatch</span>
                                    <span><i class="fas fa-check-circle text-success me-1"></i> 1 Year Warranty</span>
                                </div>
                            </div>
                            <div class="col-lg-6 text-center">
                                <div class="position-relative overflow-hidden rounded-4 shadow-lg border p-3 bg-white" style="border: 2px solid rgba(16, 185, 129, 0.4); box-shadow: 0 25px 60px rgba(0,0,0,0.4);">
                                    <img src="img/chain-peeler-300kg.jpg" alt="Chain Type Garlic Peeling Machine" class="img-fluid rounded-3" style="max-height: 420px; object-fit: cover;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Carousel Controls -->
                <button class="carousel-control-prev d-none d-md-flex" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev" style="width: 50px; left: -20px;">
                    <span class="carousel-control-prev-icon p-3 rounded-circle" style="background-color: rgba(6, 78, 59, 0.85);" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next d-none d-md-flex" type="button" data-bs-target="#heroCarousel" data-bs-slide="next" style="width: 50px; right: -20px;">
                    <span class="carousel-control-next-icon p-3 rounded-circle" style="background-color: rgba(6, 78, 59, 0.85);" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </div>
    </section>

    <!-- ===== KEY HIGHLIGHT STATS BAR ===== -->
    <section class="py-4 shadow-sm" style="background: #ffffff; border-bottom: 2px solid var(--border-color);">
        <div class="container">
            <div class="row g-3 g-md-4 text-center">
                <div class="col-6 col-lg-3" data-aos="fade-up" data-aos-delay="50">
                    <div class="stat-box d-flex flex-column flex-sm-row align-items-center justify-content-center text-center text-sm-start gap-2 gap-sm-3">
                        <div class="stat-icon rounded-circle d-flex align-items-center justify-content-center" style="width: 54px; height: 54px; background: rgba(220, 38, 38, 0.12); color: var(--logo-red); flex-shrink: 0;">
                            <i class="fas fa-layer-group fs-3"></i>
                        </div>
                        <div class="text-start">
                            <h4 class="fw-bold mb-0 text-dark" style="font-size: clamp(1.1rem, 3.5vw, 1.45rem);">30ΓÇô500 kg/hr</h4>
                            <small class="text-muted" style="font-size: 0.8rem;">Garlic Peeling Machines</small>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
                    <div class="stat-box d-flex flex-column flex-sm-row align-items-center justify-content-center text-center text-sm-start gap-2 gap-sm-3">
                        <div class="stat-icon rounded-circle d-flex align-items-center justify-content-center" style="width: 54px; height: 54px; background: rgba(16, 185, 129, 0.15); color: var(--primary); flex-shrink: 0;">
                            <i class="fas fa-wine-bottle fs-3"></i>
                        </div>
                        <div class="text-start">
                            <h4 class="fw-bold mb-0 text-dark" style="font-size: clamp(1.1rem, 3.5vw, 1.45rem);">12ΓÇô22 BPM</h4>
                            <small class="text-muted" style="font-size: 0.8rem;">Water Filling Speed</small>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3" data-aos="fade-up" data-aos-delay="150">
                    <div class="stat-box d-flex flex-column flex-sm-row align-items-center justify-content-center text-center text-sm-start gap-2 gap-sm-3">
                        <div class="stat-icon rounded-circle d-flex align-items-center justify-content-center" style="width: 54px; height: 54px; background: rgba(220, 38, 38, 0.12); color: var(--logo-red); flex-shrink: 0;">
                            <i class="fas fa-file-invoice fs-3"></i>
                        </div>
                        <div class="text-start">
                            <h4 class="fw-bold mb-0 text-dark" style="font-size: clamp(0.95rem, 3vw, 1.25rem);">24ACNPZ6820C1ZF</h4>
                            <small class="text-muted" style="font-size: 0.8rem;">GST Registered MFR</small>
                        </div>
                    </div>
                </div>
                <div class="col-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
                    <div class="stat-box d-flex flex-column flex-sm-row align-items-center justify-content-center text-center text-sm-start gap-2 gap-sm-3">
                        <div class="stat-icon rounded-circle d-flex align-items-center justify-content-center" style="width: 54px; height: 54px; background: rgba(16, 185, 129, 0.15); color: var(--primary); flex-shrink: 0;">
                            <i class="fas fa-map-marked-alt fs-3"></i>
                        </div>
                        <div class="text-start">
                            <h4 class="fw-bold mb-0 text-dark" style="font-size: clamp(1.1rem, 3.5vw, 1.45rem);">Kathwada, AMD</h4>
                            <small class="text-muted" style="font-size: 0.8rem;">Factory Direct Supply</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== WELCOME BANNER & CORE STATEMENT ===== -->
    <section class="py-5" style="background: var(--light-bg);">
        <div class="container py-2">
            <div class="p-4 p-md-5 rounded-4 shadow-sm text-center position-relative overflow-hidden" style="background: linear-gradient(135deg, #022c22 0%, #064e3b 100%); color: #ffffff; border: 2px solid var(--accent);">
                <span class="badge px-3 py-2 rounded-pill mb-3" style="background: rgba(220, 38, 38, 0.3); border: 1px solid rgba(220, 38, 38, 0.6); color: #fca5a5; font-size: 0.9rem; font-weight: 700;">
                    ≡ƒîƒ WELCOME TO VINAYAK ENGINEERING ≡ƒîƒ
                </span>
                <h2 class="display-6 fw-black text-white mb-3">
                    ≡ƒÅ¡ Manufacturer of Garlic Peeling machine &amp; Water Filling system
                </h2>
                <div class="d-inline-flex align-items-center gap-3 px-4 py-2 rounded-pill mb-4" style="background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2);">
                    <span class="fw-bold text-warning"><i class="fas fa-star me-1"></i> Quality</span>
                    <span class="text-white-50">ΓÇó</span>
                    <span class="fw-bold text-success"><i class="fas fa-bolt me-1"></i> Performance</span>
                    <span class="text-white-50">ΓÇó</span>
                    <span class="fw-bold text-info"><i class="fas fa-shield-alt me-1"></i> Reliability</span>
                </div>
                <p class="lead text-white-50 max-w-700 mx-auto mb-4" style="max-width: 780px; font-size: 1.15rem;">
                    "We manufacture high-quality and efficient Garlic Peeling Machines and Water Filling Machines, designed for reliable performance and easy operation."
                </p>
                <div class="d-flex flex-column flex-sm-row justify-content-center gap-3">
                    <a href="tel:+919104764325" class="btn btn-outline-custom">
                        <i class="fas fa-phone-alt text-success"></i> Call: +91 91047 64325
                    </a>
                    <a href="https://wa.me/919104764325?text=Hello%20Vinayak%20Engineering,%20I%20want%20to%20enquire%20about%20machines." target="_blank" class="btn btn-whatsapp-action">
                        <i class="fab fa-whatsapp"></i> WhatsApp: +91 91047 64325
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== OUR PRODUCTS SECTION (DYNAMICALLY MANAGED VIA JSON) ===== -->
    <!-- ===== OUR PRODUCTS SECTION (DYNAMICALLY MANAGED VIA JSON) ===== -->
    <section class="py-5" id="machinery" style="background: #ffffff;">
        <div class="container py-3">
            <div class="section-header" data-aos="fade-up">
                <span class="eyebrow eyebrow-red"><i class="fas fa-cogs me-1"></i> Machinery Catalog</span>
                <h2>Our <span>Products</span></h2>
                <p>Explore our complete lineup of commercial food processing and automated water bottling machines manufactured in Ahmedabad.</p>
            </div>

            <div class="row g-2 g-sm-3 g-lg-4" id="homeProductsGrid">
            </div>

            <div class="text-center mt-4">
                <a href="products.php" class="btn btn-red-custom px-4 py-2">
                    <i class="fas fa-th-list me-2"></i> Explore Complete Machinery Range
                </a>
            </div>
        </div>
    </section>

    <!-- ===== ENGINEERING & TURNKEY SERVICES SECTION (DYNAMICALLY MANAGED VIA JSON) ===== -->
    <!-- ===== ENGINEERING & TURNKEY SERVICES SECTION (DYNAMICALLY MANAGED VIA JSON) ===== -->
    <section class="py-5" id="services" style="background: var(--light-bg);">
        <div class="container py-3">
            <div class="section-header" data-aos="fade-up">
                <span class="eyebrow eyebrow-red"><i class="fas fa-tools me-1"></i> Factory Capabilities</span>
                <h2>Engineering &amp; <span>Services</span></h2>
                <p>Complete project consultation, turnkey garlic plant setup, custom SS-304 fabrication, and AMC support.</p>
            </div>

            <div class="row g-2 g-sm-3 g-lg-4" id="homeServicesGrid">
            </div>

            <div class="text-center mt-4">
                <a href="services.php" class="btn btn-outline-success rounded-pill px-4 py-2 fw-bold">
                    <i class="fas fa-tools me-2"></i> View All Engineering Services
                </a>
            </div>
        </div>
    </section>

    <!-- ===== WHY CHOOSE US SECTION ===== -->
    <section class="py-5 text-white position-relative" id="why-us" style="background: #022c22;">
        <div class="container py-4 position-relative" style="z-index: 2;">
            <div class="section-header" data-aos="fade-up">
                <span class="eyebrow" style="color: #6ee7b7; background: rgba(16, 185, 129, 0.15); border-color: rgba(16, 185, 129, 0.3);">
                    <i class="fas fa-gem me-1"></i> Technical Superiority
                </span>
                <h2 class="text-white">Why Choose <span style="color: #34d399;">Vinayak Engineering?</span></h2>
                <p style="color: rgba(255, 255, 255, 0.8);">
                    Engineered to outlast and outperform. Every machine from Vinayak Engineering is rigorously tested before shipment to guarantee continuous, trouble-free operation.
                </p>
            </div>

            <div class="row g-4">
                <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
                    <div class="p-4 rounded-4 text-center h-100" style="background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); transition: all 0.3s;">
                        <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 70px; height: 70px; background: rgba(16, 185, 129, 0.2); color: #34d399; font-size: 1.8rem;">
                            <i class="fas fa-award"></i>
                        </div>
                        <h5 class="fw-bold text-white mb-2">Quality &amp; SS-304</h5>
                        <p class="small text-white-50 mb-0">Crafted with high-grade stainless steel for corrosion resistance and supreme hygiene.</p>
                    </div>
                </div>

                <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
                    <div class="p-4 rounded-4 text-center h-100" style="background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); transition: all 0.3s;">
                        <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 70px; height: 70px; background: rgba(220, 38, 38, 0.2); color: #f87171; font-size: 1.8rem;">
                            <i class="fas fa-tachometer-alt"></i>
                        </div>
                        <h5 class="fw-bold text-white mb-2">High Performance</h5>
                        <p class="small text-white-50 mb-0">Optimized motor systems, low power consumption, and maximum daily output capacity.</p>
                    </div>
                </div>

                <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
                    <div class="p-4 rounded-4 text-center h-100" style="background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); transition: all 0.3s;">
                        <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 70px; height: 70px; background: rgba(16, 185, 129, 0.2); color: #34d399; font-size: 1.8rem;">
                            <i class="fas fa-hand-holding-usd"></i>
                        </div>
                        <h5 class="fw-bold text-white mb-2">Direct Factory Price</h5>
                        <p class="small text-white-50 mb-0">Direct manufacturer supply with GST invoice (24ACNPZ6820C1ZF) and complete warranty.</p>
                    </div>
                </div>

                <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="400">
                    <div class="p-4 rounded-4 text-center h-100" style="background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(16, 185, 129, 0.2); transition: all 0.3s;">
                        <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3" style="width: 70px; height: 70px; background: rgba(220, 38, 38, 0.2); color: #f87171; font-size: 1.8rem;">
                            <i class="fas fa-headset"></i>
                        </div>
                        <h5 class="fw-bold text-white mb-2">Pan-India Support</h5>
                        <p class="small text-white-50 mb-0">Prompt technical support, trial demonstration assistance, and readily available spare parts.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== FAQ ACCORDION SECTION ===== -->
    <section class="py-5" style="background: var(--light-bg);">
        <div class="container py-4">
            <div class="section-header" data-aos="fade-up">
                <span class="eyebrow"><i class="fas fa-question-circle me-1"></i> Common Questions</span>
                <h2>Frequently Asked <span>Questions</span></h2>
                <p>Everything you need to know about purchasing, operating, and maintaining our machinery.</p>
            </div>

            <div class="row justify-content-center">
                <div class="col-lg-9" data-aos="fade-up">
                    <div class="accordion" id="faqAccordion">
                        <div class="accordion-item border-0 mb-3 rounded-3 shadow-sm overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true">
                                    <i class="fas fa-layer-group text-danger me-2"></i> What capacities are available for Garlic Peeling Machines?
                                </button>
                            </h2>
                            <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
                                <div class="accordion-body text-muted">
                                    We manufacture standard commercial pneumatic models in <strong>30 kg/hr, 50 kg/hr, 100 kg/hr, and 200 kg/hr</strong>, as well as continuous industrial <strong>Chain Type Peeling Machines in 300 kg/hr and 500 kg/hr</strong>.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item border-0 mb-3 rounded-3 shadow-sm overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                    <i class="fas fa-tint text-danger me-2"></i> What is the output for the 12 BPM - 22 BPM Water Filling Machine?
                                </button>
                            </h2>
                            <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body text-muted">
                                    Our <strong>12 BPM - 22 BPM Water Filling Machine</strong> operates at 12 to 22 bottles per minute (720 to 1320 bottles/hour) and can handle 200ml, 500ml, 1000ml, and 2000ml PET bottles with 3-in-1 automated rinsing, volumetric filling, and torque capping.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item border-0 mb-3 rounded-3 shadow-sm overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                    <i class="fas fa-puzzle-piece text-danger me-2"></i> How does the Garlic Bulb Breaker help in garlic processing?
                                </button>
                            </h2>
                            <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body text-muted">
                                    The Garlic Bulb Breaker (150 kg/hr &amp; 500 kg/hr) cracks whole garlic bulbs into separate individual cloves using soft food-grade silicone rollers without damaging cloves. A built-in blower fan immediately blows away dry outer skin.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item border-0 mb-3 rounded-3 shadow-sm overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                    <i class="fas fa-shield-alt text-danger me-2"></i> What warranty and GST documentation is provided?
                                </button>
                            </h2>
                            <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body text-muted">
                                    All machines are supplied with an official GST Tax Invoice (<strong>GSTIN: 24ACNPZ6820C1ZF</strong>) and come with a <strong>1-Year Manufacturer Warranty</strong> with pan-India dispatch and phone/WhatsApp support.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ===== GOOGLE MAP & CONTACT SECTION ===== -->
    <section class="py-5" id="contact" style="background: #ffffff;">
        <div class="container py-4">
            <div class="section-header" data-aos="fade-up">
                <span class="eyebrow eyebrow-red"><i class="fas fa-envelope-open-text me-1"></i> Direct Factory Inquiry</span>
                <h2>Get In Touch With <span>Vinayak Engineering</span></h2>
                <p>Have inquiries about our Garlic Peeling Machines, 12 BPM - 22 BPM Water Filling Machines, or food processing machinery? Contact our factory engineers directly.</p>
            </div>

            <div class="row g-5">
                <!-- Contact Info Cards -->
                <div class="col-lg-5" data-aos="fade-right">
                    <div class="p-4 rounded-4 shadow-sm h-100" style="background: var(--light-bg); border: 1px solid var(--border-color);">
                        <h4 class="fw-bold text-dark mb-4"><i class="fas fa-address-book text-danger me-2"></i> Factory Contact Details</h4>

                        <div class="d-flex align-items-start gap-3 mb-4">
                            <div class="rounded-circle d-flex align-items-center justify-content-center text-white" style="width: 48px; height: 48px; background: var(--logo-red); flex-shrink: 0;">
                                <i class="fas fa-map-marker-alt fs-5"></i>
                            </div>
                            <div>
                                <strong class="text-dark d-block">Factory &amp; Works Address</strong>
                                <span class="text-muted small">Shed No 104, Mahaveer Industrial Park 2, Bhuvaldi Rd, near mahaveer circle, Kathwada, Ahmedabad, Gujarat 382430</span>
                                <div class="mt-1">
                                    <a href="https://maps.app.goo.gl/QnxCTwksLtGyceT88?g_st=awb" target="_blank" class="text-danger small fw-bold"><i class="fas fa-external-link-alt me-1"></i> Open in Google Maps</a>
                                </div>
                            </div>
                        </div>

                        <div class="d-flex align-items-start gap-3 mb-4">
                            <div class="rounded-circle d-flex align-items-center justify-content-center text-white" style="width: 48px; height: 48px; background: var(--primary); flex-shrink: 0;">
                                <i class="fas fa-phone-alt fs-5"></i>
                            </div>
                            <div>
                                <strong class="text-dark d-block">Phone Support</strong>
                                <a href="tel:+919104764325" class="text-muted fw-semibold fs-5">+91 91047 64325</a>
                            </div>
                        </div>

                        <div class="d-flex align-items-start gap-3 mb-4">
                            <div class="rounded-circle d-flex align-items-center justify-content-center text-white" style="width: 48px; height: 48px; background: #25d366; flex-shrink: 0;">
                                <i class="fab fa-whatsapp fs-4"></i>
                            </div>
                            <div>
                                <strong class="text-dark d-block">WhatsApp Chat</strong>
                                <a href="https://wa.me/919104764325?text=Hello%20Vinayak%20Engineering,%20I%20want%20to%20enquire%20about%20your%20machines." target="_blank" class="text-muted fw-semibold fs-5">+91 91047 64325</a>
                            </div>
                        </div>

                        <div class="d-flex align-items-start gap-3 mb-4">
                            <div class="rounded-circle d-flex align-items-center justify-content-center text-white" style="width: 48px; height: 48px; background: var(--primary-dark); flex-shrink: 0;">
                                <i class="fas fa-file-invoice fs-5"></i>
                            </div>
                            <div>
                                <strong class="text-dark d-block">GST Details</strong>
                                <span class="badge bg-danger bg-opacity-10 text-danger fw-bold fs-6">24ACNPZ6820C1ZF</span>
                            </div>
                        </div>

                        <div class="mt-4">
                            <button onclick="openWhatsAppQuoteModal('General Inquiry')" class="btn btn-whatsapp-action w-100 justify-content-center">
                                <i class="fab fa-whatsapp me-2 fs-5"></i> Instant WhatsApp Inquiry
                            </button>
                        </div>
                    </div>
                </div>

                <!-- Contact Form -->
                <div class="col-lg-7" data-aos="fade-left">
                    <div class="p-4 p-md-5 rounded-4 shadow-sm" style="background: #ffffff; border: 1px solid var(--border-color);">
                        <h4 class="fw-bold text-dark mb-2"><i class="fas fa-paper-plane text-danger me-2"></i> Request Official Machine Quotation</h4>
                        <p class="text-muted small mb-4">Fill out the form below to instantly forward your inquiry to our factory sales team via WhatsApp.</p>

                        <form id="homeContactForm" onsubmit="handleContactSubmit(event)">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold small text-dark">Your Name *</label>
                                    <input type="text" id="contact_name" class="form-control py-2" placeholder="e.g. Anand Patel" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold small text-dark">Contact Number (WhatsApp) *</label>
                                    <input type="tel" id="contact_phone" class="form-control py-2" placeholder="e.g. 9104764325" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold small text-dark">Select Machine *</label>
                                    <select id="contact_machine" class="form-select py-2">
                                        <option value="100kg/HR Garlic Peeling Machine">100kg/HR Garlic Peeling Machine</option>
                                        <option value="50kg/HR Garlic Peeling Machine">50kg/HR Garlic Peeling Machine</option>
                                        <option value="30kg/HR Garlic Peeling Machine">30kg/HR Garlic Peeling Machine</option>
                                        <option value="150kg/HR Garlic Bulb Breaker Machine">150kg/HR Garlic Bulb Breaker Machine</option>
                                        <option value="500kg/HR Garlic Bulb Breaker Machine">500kg/HR Garlic Bulb Breaker Machine</option>
                                        <option value="300kg/HR Chain Type Peeling Machine">300kg/HR Chain Type Peeling Machine</option>
                                        <option value="500kg/HR Chain Type Peeling Machine">500kg/HR Chain Type Peeling Machine</option>
                                        <option value="200kg/HR Garlic Peeling Machine">200kg/HR Garlic Peeling Machine</option>
                                        <option value="2hp Ginger & Garlic Paste Machine">2hp Ginger & Garlic Paste Machine</option>
                                        <option value="3hp Ginger & Garlic Paste Machine">3hp Ginger & Garlic Paste Machine</option>
                                        <option value="12-Tray Dryer Machine">12-Tray Dryer Machine</option>
                                        <option value="48-Tray Dryer Machine">48-Tray Dryer Machine</option>
                                        <option value="12 BPM - 22 BPM Water Filling Machine">12 BPM - 22 BPM Water Filling Machine</option>
                                    </select>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-semibold small text-dark">Your Location / City</label>
                                    <input type="text" id="contact_city" class="form-control py-2" placeholder="e.g. Ahmedabad, Gujarat">
                                </div>
                                <div class="col-12">
                                    <label class="form-label fw-semibold small text-dark">Specific Requirements / Daily Capacity Needed</label>
                                    <textarea id="contact_msg" class="form-control" rows="3" placeholder="Please mention capacity needed, power supply available, or delivery timeframe..."></textarea>
                                </div>
                                <div class="col-12 mt-4">
                                    <button type="submit" class="btn btn-red-custom w-100 justify-content-center py-3">
                                        <i class="fab fa-whatsapp me-2 fs-5"></i> Submit Quotation Request to WhatsApp
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Embedded Google Map -->
            <div class="mt-5 rounded-4 overflow-hidden shadow-sm border" data-aos="fade-up">
                <iframe src="https://www.google.com/maps?q=Shed+No+104,+Mahaveer+Industrial+Park+2,+Bhuvaldi+Rd,+near+mahaveer+circle,+Kathwada,+Ahmedabad,+Gujarat+382430&output=embed" width="100%" height="380" style="border:0;" allowfullscreen="" loading="lazy" title="Vinayak Engineering Kathwada Ahmedabad Location"></iframe>
            </div>
        </div>
    </section>

    <!-- Script for Form submission to WhatsApp -->
    <script>
        function handleContactSubmit(e) {
            e.preventDefault();
            const name = document.getElementById('contact_name').value.trim();
            const phone = document.getElementById('contact_phone').value.trim();
            const machine = document.getElementById('contact_machine').value;
            const city = document.getElementById('contact_city').value.trim();
            const msg = document.getElementById('contact_msg').value.trim();

            if (!name || !phone) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Missing Details',
                    text: 'Please enter your name and contact number.'
                });
                return;
            }

            const formattedMessage = `*≡ƒîƒ MACHINE INQUIRY - VINAYAK ENGINEERING ≡ƒîƒ*\n\n` +
                                     `*Customer Name:* ${name}\n` +
                                     `*Contact Phone:* ${phone}\n` +
                                     `*Machine Selected:* ${machine}\n` +
                                     `*City / Location:* ${city || 'Not specified'}\n` +
                                     `*Specific Requirements:* ${msg || 'None'}\n\n` +
                                     `_Please send pricing details, catalog and warranty specifications._`;

            const whatsappUrl = `https://wa.me/919104764325?text=${encodeURIComponent(formattedMessage)}`;

            Swal.fire({
                icon: 'success',
                title: 'Preparing Your Request',
                text: 'Forwarding your inquiry to Vinayak Engineering WhatsApp...',
                timer: 2000,
                showConfirmButton: false
            });

            setTimeout(() => {
                window.open(whatsappUrl, '_blank');
            }, 600);
        }
    </script>

    <!-- ===== FOOTER SECTION ===== -->
    <footer style="background: #022c22; color: rgba(255, 255, 255, 0.75); padding-top: 4.5rem; border-top: 4px solid var(--logo-red);">
        <div class="container">
            <div class="row g-4 pb-5">
                <!-- Col 1: About & Info -->
                <div class="col-lg-4 col-md-6" data-aos="fade-up">
                    <img src="img/logo-dark.png" alt="Vinayak Engineering Logo" style="height: 46px; width: auto;" class="mb-3">
                    <p style="color: rgba(255, 255, 255, 0.75); font-size: 0.92rem; line-height: 1.8;">
                        <strong>Vinayak Engineering</strong> is a premier manufacturer of high-efficiency <strong>Garlic Peeling Machines</strong> (30ΓÇô200 kg/hr &amp; 300ΓÇô500 kg/hr Chain Type), <strong>12 BPM - 22 BPM Water Filling Machines</strong>, Bulb Breakers, Paste Machines, and Industrial Tray Dryers.
                    </p>
                    <div class="d-inline-flex align-items-center gap-2 px-3 py-1 rounded-pill mb-3" style="background: rgba(220, 38, 38, 0.2); border: 1px solid rgba(220, 38, 38, 0.5); color: #fca5a5; font-size: 0.8rem; font-weight: 700;">
                        <i class="fas fa-file-invoice"></i> GSTIN: 24ACNPZ6820C1ZF
                    </div>
                    <div class="d-flex gap-2 mt-1">
                        <a href="https://wa.me/919104764325?text=Hello%20Vinayak%20Engineering" target="_blank" class="btn btn-sm btn-outline-light rounded-circle" style="width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;" aria-label="WhatsApp"><i class="fab fa-whatsapp"></i></a>
                        <a href="tel:+919104764325" class="btn btn-sm btn-outline-light rounded-circle" style="width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;" aria-label="Phone"><i class="fas fa-phone-alt"></i></a>
                        <a href="https://maps.app.goo.gl/QnxCTwksLtGyceT88?g_st=awb" target="_blank" class="btn btn-sm btn-outline-light rounded-circle" style="width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;" aria-label="Location"><i class="fas fa-map-marker-alt"></i></a>
                    </div>
                </div>

                <!-- Col 2: Machinery Range (Exact 13 Products in Order) -->
                <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
                    <h5 class="text-white fw-bold mb-3"><i class="fas fa-cogs text-success me-2"></i> Our Products</h5>
                    <ul class="list-unstyled d-flex flex-column gap-2" style="font-size: 0.88rem;">
                        <li><a href="products.php#prod-1" class="text-white-50"><i class="fas fa-chevron-right text-danger me-2 small"></i> 100kg/HR Garlic Peeling Machine</a></li>
                        <li><a href="products.php#prod-4" class="text-white-50"><i class="fas fa-chevron-right text-danger me-2 small"></i> 150kg/HR Garlic Bulb Breaker</a></li>
                        <li><a href="products.php#prod-6" class="text-white-50"><i class="fas fa-chevron-right text-danger me-2 small"></i> 300kg/HR Chain Type Peeling Machine</a></li>
                        <li><a href="products.php#prod-9" class="text-white-50"><i class="fas fa-chevron-right text-danger me-2 small"></i> 2hp Ginger &amp; Garlic Paste Machine</a></li>
                        <li><a href="products.php#prod-11" class="text-white-50"><i class="fas fa-chevron-right text-danger me-2 small"></i> 12-Tray Dryer Machine</a></li>
                        <li><a href="products.php#prod-13" class="text-white-50"><i class="fas fa-chevron-right text-danger me-2 small"></i> 12 BPM - 22 BPM Water Filling Machine</a></li>
                    </ul>
                </div>

                <!-- Col 3: Quick Navigation -->
                <div class="col-lg-2 col-md-6" data-aos="fade-up" data-aos-delay="200">
                    <h5 class="text-white fw-bold mb-3"><i class="fas fa-compass text-success me-2"></i> Quick Links</h5>
                    <ul class="list-unstyled d-flex flex-column gap-2" style="font-size: 0.9rem;">
                        <li><a href="index.php" class="text-white-50"><i class="fas fa-chevron-right text-success me-2 small"></i> Home</a></li>
                        <li><a href="about.php" class="text-white-50"><i class="fas fa-chevron-right text-success me-2 small"></i> About Us</a></li>
                        <li><a href="products.php" class="text-white-50"><i class="fas fa-chevron-right text-success me-2 small"></i> Our Products</a></li>
                        <li><a href="services.php" class="text-white-50"><i class="fas fa-chevron-right text-success me-2 small"></i> Services</a></li>
                        <li><a href="index.php#why-us" class="text-white-50"><i class="fas fa-chevron-right text-success me-2 small"></i> Why Us</a></li>
                        <li><a href="contact.php" class="text-white-50"><i class="fas fa-chevron-right text-success me-2 small"></i> Contact Us</a></li>
                        <li><a href="https://maps.app.goo.gl/QnxCTwksLtGyceT88?g_st=awb" target="_blank" class="text-white-50"><i class="fas fa-map-marked-alt text-success me-2 small"></i> Google Maps</a></li>
                    </ul>
                </div>

                <!-- Col 4: Contact & Factory Details -->
                <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
                    <h5 class="text-white fw-bold mb-3"><i class="fas fa-industry text-success me-2"></i> Factory Address</h5>
                    <ul class="list-unstyled d-flex flex-column gap-3" style="font-size: 0.9rem;">
                        <li class="d-flex align-items-start gap-2">
                            <i class="fas fa-map-marker-alt text-danger mt-1"></i>
                            <div>
                                <strong class="text-white d-block">Manufacturing Works</strong>
                                <span class="text-white-50">Shed No 104, Mahaveer Industrial Park 2, Bhuvaldi Rd, near mahaveer circle, Kathwada, Ahmedabad, Gujarat 382430</span>
                                <div class="mt-1">
                                    <a href="https://maps.app.goo.gl/QnxCTwksLtGyceT88?g_st=awb" target="_blank" class="text-success small fw-bold"><i class="fas fa-external-link-alt me-1"></i> View on Google Maps</a>
                                </div>
                            </div>
                        </li>
                        <li class="d-flex align-items-start gap-2">
                            <i class="fas fa-phone-alt text-success mt-1"></i>
                            <div>
                                <strong class="text-white d-block">Direct Mobile &amp; WhatsApp</strong>
                                <a href="tel:+919104764325" class="text-white-50 fw-bold">+91 91047 64325</a>
                            </div>
                        </li>
                        <li>
                            <button onclick="openWhatsAppQuoteModal('100kg/HR Garlic Peeling Machine')" class="btn btn-sm w-100 fw-bold rounded-pill py-2 mt-1 text-white" style="background: var(--logo-red-gradient); border: none;">
                                <i class="fab fa-whatsapp me-1"></i> Book Machine via WhatsApp
                            </button>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- Copyright Bar -->
            <div class="border-top border-success border-opacity-25 py-3 text-center" style="font-size: 0.88rem; color: rgba(255, 255, 255, 0.6);">
                <div class="row align-items-center">
                    <div class="col-md-6 text-md-start mb-2 mb-md-0">
                        ┬⌐ 2026 <strong>Vinayak Engineering</strong>. All Rights Reserved. | GST: 24ACNPZ6820C1ZF
                    </div>
                    <div class="col-md-6 text-md-end">
                        <span class="badge bg-success bg-opacity-25 text-success me-1">Garlic Peeling</span>
                        <span class="badge bg-danger bg-opacity-25 text-danger">Water Filling Machines</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===== POWERED BY HUMANS IT SOLUTIONS BOTTOM BAR ===== -->
        <div class="powered-by-bar py-2 text-center" style="background: #011c15; font-size: 0.85rem; border-top: 1px solid rgba(16,185,129,0.15);">
            <div class="container">
                <span style="color: rgba(255, 255, 255, 0.75);">
                    Powered by <a href="https://humansitsolutions.com/" target="_blank" rel="noopener noreferrer" style="color: #34d399; font-weight: 700; text-decoration: underline;">Humans Information Technology Solutions</a>
                </span>
            </div>
        </div>
    </footer>

    <!-- ===== PRODUCT DETAILS & WHATSAPP MODAL POPUP ===== -->
    <div class="modal fade" id="productDetailModal" tabindex="-1" aria-labelledby="productDetailModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content rounded-4 border-0 shadow-lg overflow-hidden" style="border: 1px solid var(--border-color);">
                <div class="modal-header border-0 pb-3" style="background: linear-gradient(135deg, #022c22 0%, #064e3b 100%); color: #ffffff;">
                    <div class="d-flex flex-wrap align-items-center gap-2">
                        <span class="badge px-3 py-1 rounded-pill" id="modalProductBadge" style="background: rgba(220, 38, 38, 0.3); border: 1px solid rgba(220, 38, 38, 0.6); color: #fca5a5; font-size: 0.82rem; font-weight: 700;">
                            Garlic Peeling Machinery
                        </span>
                        <span class="badge rounded-pill px-3 py-1 fw-bold" id="modalProductCapacity" style="background: #10b981; color: #ffffff; font-size: 0.82rem;">
                            100 kg/HR
                        </span>
                    </div>
                    <button type="button" class="btn-close btn-close-white shadow-none" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body p-3 p-md-4" style="background: #ffffff;">
                    <div class="row g-3 g-md-4 align-items-start">
                        <!-- Product Image Area -->
                        <div class="col-md-5 text-center">
                            <div class="p-3 rounded-4 bg-light position-relative d-flex align-items-center justify-content-center shadow-sm" style="min-height: 250px; border: 1px solid var(--border-color);">
                                <img id="modalProductImg" src="img/garlic-peeling-machine.jpg" alt="Product Image" class="img-fluid rounded-3" style="max-height: 270px; width: auto; object-fit: contain;">
                                <span class="position-absolute bottom-0 start-0 m-2 badge bg-dark bg-opacity-75 text-white small px-2 py-1 rounded">
                                    <i class="fas fa-certificate text-warning me-1"></i> Food Grade SS-304
                                </span>
                            </div>
                            <div class="mt-3 p-2 rounded-3 text-start small" style="background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534;">
                                <i class="fas fa-truck-moving me-1 text-success"></i> <strong>Direct Factory Supply:</strong> Tested &amp; Dispatched from Kathwada, Ahmedabad.
                            </div>
                        </div>

                        <!-- Product Details & Specs Area -->
                        <div class="col-md-7">
                            <h4 class="fw-bold text-dark mb-2" id="modalProductTitle" style="font-family: 'Outfit', sans-serif; font-size: 1.35rem;">
                                100kg/HR Garlic Peeling Machine
                            </h4>
                            <p class="text-muted small mb-3" id="modalProductDesc" style="line-height: 1.6; font-size: 0.88rem;">
                                Commercial food-grade processing machine engineered for continuous operations.
                            </p>

                            <!-- Specifications Table -->
                            <div class="table-responsive mb-3 border rounded-3 overflow-hidden shadow-sm">
                                <table class="table table-sm table-striped small align-middle mb-0">
                                    <thead class="table-light">
                                        <tr style="background: #e2e8f0;">
                                            <th style="width: 45%; color: #064e3b;"><i class="fas fa-list-check me-1"></i> Feature / Spec</th>
                                            <th style="color: #064e3b;"><i class="fas fa-sliders-h me-1"></i> Technical Detail</th>
                                        </tr>
                                    </thead>
                                    <tbody id="modalProductSpecsBody">
                                        <!-- Dynamic specs populated via JS -->
                                    </tbody>
                                </table>
                            </div>

                            <!-- Quick Action Info -->
                            <div class="d-flex align-items-center gap-2 p-2 rounded-3 mb-2" style="background: #fef2f2; border: 1px solid #fecaca; font-size: 0.82rem; color: #991b1b;">
                                <i class="fas fa-info-circle text-danger fs-6"></i>
                                <span>GST Registered (<strong>24ACNPZ6820C1ZF</strong>). Get instant quote on WhatsApp.</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modal Footer Actions -->
                <div class="modal-footer border-top bg-light p-3 d-flex flex-column flex-sm-row gap-2">
                    <a id="modalWhatsAppBtn" href="#" target="_blank" class="btn btn-whatsapp-action flex-grow-1 justify-content-center py-2 fw-bold shadow-sm">
                        <i class="fab fa-whatsapp me-2 fs-5"></i> Inquire on WhatsApp (+91 91047 64325)
                    </a>
                    <a href="tel:+919104764325" class="btn btn-outline-success px-4 py-2 fw-bold d-flex align-items-center justify-content-center">
                        <i class="fas fa-phone-alt me-2"></i> Call: +91 91047 64325
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- ===== FLOATING ACTION BUTTONS ===== -->
    <div class="floating-actions">
        <a href="https://wa.me/919104764325?text=Hello%20Vinayak%20Engineering,%20I%20want%20details%20and%20quotation%20for%20your%20machinery." target="_blank" class="float-btn float-whatsapp" aria-label="Chat on WhatsApp" title="WhatsApp Us">
            <i class="fab fa-whatsapp"></i>
        </a>
        <a href="tel:+919104764325" class="float-btn float-call" aria-label="Call Vinayak Engineering" title="Call Us Directly">
            <i class="fas fa-phone-alt"></i>
        </a>
        <a href="#" class="float-btn float-top" id="backToTop" aria-label="Back to Top" title="Back to Top">
            <i class="fas fa-chevron-up"></i>
        </a>
    </div>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            AOS.init({
                duration: 750,
                once: true,
                offset: 30,
                easing: 'ease-out-cubic'
            });
        });

        const backToTopBtn = document.getElementById('backToTop');
        window.addEventListener('scroll', function() {
            if (window.pageYOffset > 300) {
                backToTopBtn.classList.add('active');
            } else {
                backToTopBtn.classList.remove('active');
            }
        });
        backToTopBtn.addEventListener('click', function(e) {
            e.preventDefault();
            window.scrollTo({ top: 0, behavior: 'smooth' });
        });

        // ==========================================
        // COMPREHENSIVE PRODUCTS DATABASE
        // ==========================================
        const PRODUCTS_DATA = {
            "100kg-peeler": {
                id: "100kg-peeler",
                name: "100kg/HR Garlic Peeling Machine",
                category: "Garlic Peeling Machinery",
                image: "img/garlic-peeling-machine.jpg",
                capacity: "100 kg/HR",
                badgeBg: "#064e3b",
                description: "High-capacity commercial dry pneumatic garlic peeling machine designed for large spice processing factories, centralized kitchens, and garlic exporters. Uses vortex compressed air technology to peel garlic cloves instantly with zero clove bruising and 98%+ peeling yield.",
                specs: [
                    { label: "Production Capacity", value: "100 kg / Hour" },
                    { label: "Peeling Rate & Yield", value: "ΓëÑ 98% Peeling Yield | 0% Bruising" },
                    { label: "Peeling Method", value: "Pneumatic Dry Air Blast (8ΓÇô10 Bar)" },
                    { label: "Material Construction", value: "Complete Food Contact SS-304 Stainless Steel" },
                    { label: "Power Supply", value: "220V Single Phase / 415V Three Phase, 50 Hz" },
                    { label: "Compressor Required", value: "7.5 HP to 10 HP Screw / Piston Compressor" }
                ]
            },
            "50kg-peeler": {
                id: "50kg-peeler",
                name: "50kg/HR Garlic Peeling Machine",
                category: "Garlic Peeling Machinery",
                image: "img/garlic-peeling-machine.jpg",
                capacity: "50 kg/HR",
                badgeBg: "#064e3b",
                description: "Our most popular mid-sized commercial garlic peeling unit. Engineered specifically for food catering businesses, hotels, spice manufacturers, garlic paste manufacturing plants, and wholesale suppliers looking for reliable continuous output.",
                specs: [
                    { label: "Production Capacity", value: "50 kg / Hour" },
                    { label: "Peeling Efficiency", value: "ΓëÑ 98% Clean Clove Yield" },
                    { label: "Peeling Method", value: "Dry Air Cyclone Vortex" },
                    { label: "Structure & Contact", value: "Heavy Gauge SS-304 Food Grade" },
                    { label: "Skin Ejection", value: "Continuous Pneumatic Automatic Discharge" },
                    { label: "Compressor Required", value: "5 HP to 7.5 HP Air Compressor" }
                ]
            },
            "30kg-peeler": {
                id: "30kg-peeler",
                name: "30kg/HR Garlic Peeling Machine",
                category: "Garlic Peeling Machinery",
                image: "img/garlic-peeling-machine.jpg",
                capacity: "30 kg/HR",
                badgeBg: "#064e3b",
                description: "Compact footprint, affordable, and high-efficiency dry garlic peeling solution designed for retail packaging startups, commercial kitchens, cloud kitchens, grocery distributors, and small spice processing units.",
                specs: [
                    { label: "Production Capacity", value: "30 kg / Hour" },
                    { label: "Peeling Rate", value: "ΓëÑ 95% to 98%" },
                    { label: "Material", value: "Complete SS-304 Food Grade Chamber" },
                    { label: "Operation Type", value: "Semi-Automatic Digital Timer Air Valve" },
                    { label: "Mobility", value: "Compact Stand with Heavy Castor Wheels" },
                    { label: "Compressor Required", value: "3 HP to 5 HP Air Compressor" }
                ]
            },
            "150kg-breaker": {
                id: "150kg-breaker",
                name: "150kg/HR Garlic Bulb Breaker Machine",
                category: "Bulb Separator & Splitting",
                image: "img/bulb-breaker-150kg.jpg",
                capacity: "150 kg/HR",
                badgeBg: "#0284c7",
                description: "The essential pre-processing machine that gently splits whole garlic bulbs into separate individual cloves without cutting or bruising. Features soft food-grade silicone rollers with an adjustable roller gap and an integrated high-velocity blower fan that exhausts loose skins instantly.",
                specs: [
                    { label: "Breaking Capacity", value: "150 kg / Hour" },
                    { label: "Roller Type", value: "Food-Grade Soft Silicone Elastomeric Rollers" },
                    { label: "Gap Adjustment", value: "Quick Handwheel for Different Bulb Sizes" },
                    { label: "Skin Blower", value: "Integrated High-Velocity Centrifugal Fan" },
                    { label: "Motor Power", value: "1 HP High Torque Motor with V-Belt Drive" },
                    { label: "Contact Parts", value: "Food Grade SS-304 Stainless Steel" }
                ]
            },
            "500kg-breaker": {
                id: "500kg-breaker",
                name: "500kg/HR Garlic Bulb Breaker Machine",
                category: "Bulb Separator & Splitting",
                image: "img/bulb-breaker-150kg.jpg",
                capacity: "500 kg/HR",
                badgeBg: "#0284c7",
                description: "Heavy commercial bulb breaker engineered for large garlic processing plants and high-speed automated peeling lines. Features an enlarged stainless steel feeding hopper, heavy-duty elastomeric roller pairs, and a high-CFM centrifugal skin extraction blower.",
                specs: [
                    { label: "Breaking Capacity", value: "500 kg / Hour" },
                    { label: "Separation Rate", value: "ΓëÑ 99% Individual Clove Separation" },
                    { label: "Hopper & Chute", value: "Enlarged SS-304 Anti-Clogging Feed Hopper" },
                    { label: "Skin Removal", value: "Heavy Industrial Centrifugal Exhaust Blower" },
                    { label: "Motor Drive", value: "3 HP Three Phase Heavy Geared Motor" },
                    { label: "Structure", value: "Heavy-Duty Channel Iron Frame with SS Cladding" }
                ]
            },
            "300kg-chain": {
                id: "300kg-chain",
                name: "300kg/HR Chain Type Peeling Machine",
                category: "Continuous Conveyor Peeler",
                image: "img/chain-peeler-300kg.jpg",
                capacity: "300 kg/HR",
                badgeBg: "#dc2626",
                description: "Industrial continuous conveyor chain peeling system designed for non-stop food plant operation. Garlic cloves are carried by a precision stainless steel chain conveyor through multiple high-pressure air peeling stages, continuously discharging cleanly peeled garlic cloves.",
                specs: [
                    { label: "Peeling Capacity", value: "300 kg / Hour (Continuous Flow)" },
                    { label: "Conveyor System", value: "Heavy-Duty SS-304 Link Chain Conveyor" },
                    { label: "Speed Control", value: "Variable Frequency Drive (VFD Inverter Control)" },
                    { label: "Air Chamber", value: "Multi-Nozzle Vortex Pneumatic Chamber (8ΓÇô10 Bar)" },
                    { label: "Frame Construction", value: "Reinforced Heavy SS-304 Rectangular Tube Structure" },
                    { label: "Continuous Duty", value: "Designed for 24/7 Industrial Production" }
                ]
            },
            "500kg-chain": {
                id: "500kg-chain",
                name: "500kg/HR Chain Type Peeling Machine",
                category: "Continuous Conveyor Peeler",
                image: "img/chain-peeler-500kg.jpg",
                capacity: "500 kg/HR",
                badgeBg: "#dc2626",
                description: "Heavy industrial plant model engineered for commercial mega factories, garlic dehydration plants, and large-scale garlic export units. Features synchronized dual-lane stainless steel conveyor chains, heavy gear motor drive, and multi-zone pneumatic air blast tunnels.",
                specs: [
                    { label: "Peeling Capacity", value: "500 kg / Hour (Continuous Mega Output)" },
                    { label: "Conveyor Chain", value: "Synchronized Dual-Lane Heavy Industrial SS Chain" },
                    { label: "Peeling Chamber", value: "Extended Length Multi-Zone Pneumatic Vortex Tunnel" },
                    { label: "Drive & Control", value: "Industrial Geared Motor + Digital VFD Panel" },
                    { label: "Material", value: "100% SS-304 Heavy Gauge Construction" },
                    { label: "Application", value: "Garlic Dehydration Plants, Export Packhouses, Mega Units" }
                ]
            },
            "200kg-peeler": {
                id: "200kg-peeler",
                name: "200kg/HR Garlic Peeling Machine",
                category: "Garlic Peeling Machinery",
                image: "img/garlic-peeling-machine.jpg",
                capacity: "200 kg/HR",
                badgeBg: "#064e3b",
                description: "High throughput standalone pneumatic garlic peeler engineered for high-volume garlic processing units and commercial spice packaging centers. Built with reinforced heavy-gauge SS-304 for continuous daily heavy duty cycles.",
                specs: [
                    { label: "Production Capacity", value: "200 kg / Hour" },
                    { label: "Peeling Yield", value: "ΓëÑ 98% Zero Clove Bruising" },
                    { label: "Chamber", value: "Reinforced Heavy SS-304 Pneumatic Chamber" },
                    { label: "Controller", value: "Microprocessor Digital Control Panel" },
                    { label: "Power Supply", value: "415V Three Phase, 50 Hz" },
                    { label: "Compressor Required", value: "15 HP to 20 HP Screw Compressor" }
                ]
            },
            "2hp-paste": {
                id: "2hp-paste",
                name: "2hp Ginger & Garlic Paste Machine",
                category: "Wet Grinder & Paste Mill",
                image: "img/paste-machine.jpg",
                capacity: "50ΓÇô100 kg/hr",
                badgeBg: "#064e3b",
                description: "Commercial wet paste grinder with stainless steel cutting rotor and stator for smooth, uniform paste of ginger, garlic, green chili, onion, tomato, and wet spices without heating or discoloration.",
                specs: [
                    { label: "Motor Power", value: "2 HP (1.5 kW) Copper Winding Motor, 2880 RPM" },
                    { label: "Production Output", value: "50 to 100 kg / Hour" },
                    { label: "Grinding Chamber", value: "SS-304 Food Grade with Hardened Stainless Blades" },
                    { label: "Paste Fineness", value: "Adjustable from Ultra Fine to Coarse Texture" },
                    { label: "Voltage", value: "220V Single Phase / 415V Three Phase" },
                    { label: "Applications", value: "Ginger, Garlic, Green Chili, Onion, Gravy Paste" }
                ]
            },
            "3hp-paste": {
                id: "3hp-paste",
                name: "3hp Ginger & Garlic Paste Machine",
                category: "Wet Grinder & Paste Mill",
                image: "img/paste-machine.jpg",
                capacity: "100ΓÇô200 kg/hr",
                badgeBg: "#064e3b",
                description: "Heavy-duty industrial paste grinder with reinforced SS-304 grinding chamber, high-tensile rotor blades, and high-performance three-phase copper motor for non-stop bulk commercial grinding operations.",
                specs: [
                    { label: "Motor Power", value: "3 HP (2.2 kW) Three Phase Heavy Motor, 2880 RPM" },
                    { label: "Production Output", value: "100 to 200 kg / Hour" },
                    { label: "Grinding Chamber", value: "Precision Dynamically Balanced Stainless Steel 304" },
                    { label: "Bearings & Seal", value: "Heavy Industrial Bearings with Oil Seal for 24/7 Run" },
                    { label: "Power Supply", value: "415V Three Phase, 50 Hz" },
                    { label: "Applications", value: "Commercial Paste Manufacturers, Cloud Kitchens, Food Plants" }
                ]
            },
            "12-tray-dryer": {
                id: "12-tray-dryer",
                name: "12-Tray Dryer Machine",
                category: "Industrial Dehydration Oven",
                image: "img/tray-dryer.jpg",
                capacity: "12 Trays",
                badgeBg: "#064e3b",
                description: "Engineered with Hariom Fabrication & Engineering industrial standards. Built with a rigid double-walled angle iron frame, high-density 50mm compressed mineral glass wool insulation, motorized centrifugal air circulation blower, and digital PID temperature controller (50┬░C to 150┬░C). Perfect for garlic flakes, onion, ginger, spices, vegetables, fruits, and herbal dehydration.",
                specs: [
                    { label: "Tray Capacity & Size", value: "12 Trays (16\" x 32\" x 1.25\" / 400x800x30mm)" },
                    { label: "Engineering Standard", value: "Hariom Fabrication & Engineering Standards" },
                    { label: "Tray Material", value: "Food Grade SS-304 / Aluminum Perforated Trays" },
                    { label: "Thermal Insulation", value: "50mm High-Density Compressed Mineral Glass Wool" },
                    { label: "Heating Power", value: "3.0 kW Tubular Stainless Steel U-Type Heaters" },
                    { label: "Air Circulation", value: "0.5 HP Dynamically Balanced Centrifugal Blower" },
                    { label: "Temperature Control", value: "Digital PID Controller (50┬░C to 150┬░C, ┬▒1┬░C)" }
                ]
            },
            "48-tray-dryer": {
                id: "48-tray-dryer",
                name: "48-Tray Dryer Machine",
                category: "Industrial Dehydration Oven",
                image: "img/tray-dryer.jpg",
                capacity: "48 Trays (2 Trolleys)",
                badgeBg: "#064e3b",
                description: "Heavy industrial dehydration plant built to Hariom Fabrication & Engineering technical standards. Equipped with 48 perforated SS-304 trays on 2 roll-in stainless steel trolleys, 12 kW tubular heating banks, 1.0 HP heavy-duty centrifugal air circulation blower, 65mm high-density thermal insulation, and dual-door silicone sealing.",
                specs: [
                    { label: "Tray Capacity & Size", value: "48 Trays (16\" x 32\" x 1.25\" / 400x800x30mm)" },
                    { label: "Trolley Loading", value: "2 Nos. SS-304 Roll-In Trolleys with Castor Wheels" },
                    { label: "Engineering Standard", value: "Hariom Fabrication & Engineering Standards" },
                    { label: "Thermal Insulation", value: "65mm Dense Compressed Mineral Glass Wool" },
                    { label: "Heating Power", value: "12.0 kW Heavy Stainless Steel Tubular Heaters" },
                    { label: "Air Circulation", value: "1.0 HP Motorized Centrifugal Blower with Baffles" },
                    { label: "Doors & Gasket", value: "Double Insulated Heavy Doors with Silicone Gasket" }
                ]
            },
            "water-filling": {
                id: "water-filling",
                name: "12 BPM - 22 BPM Water Filling Machine",
                category: "Automated Bottling OEM",
                image: "img/water-filling-real.jpg",
                capacity: "12ΓÇô22 BPM",
                badgeBg: "#dc2626",
                description: "Rotary automatic 3-in-1 Monoblock bottle water filling machine combining automatic bottle rinsing, precision volumetric filling, and magnetic torque cap sealing. Manufactured with SS-304 / SS-316 food-grade contact surfaces for mineral water, packaged drinking water, and beverages from 200ml up to 2000ml bottles.",
                specs: [
                    { label: "Production Speed", value: "12 to 22 BPM (720 to 1320 Bottles / Hour)" },
                    { label: "Bottle Compatibility", value: "200ml, 500ml, 1000ml, 2000ml PET & Glass" },
                    { label: "3-in-1 Operations", value: "Automatic Rinsing + Filling + Cap Sealing" },
                    { label: "Contact Steel", value: "SS-304 / SS-316 Food Grade Stainless Steel" },
                    { label: "Cap Sealing", value: "Magnetic Torque Capper for Leak-Proof Cap Tightening" },
                    { label: "Safety Cladding", value: "Heavy SS Cladding with Polycarbonate Safety Shield" }
                ]
            },
            "garlic-plant-setup": {
                id: "garlic-plant-setup",
                name: "Turnkey Garlic Processing Plant Setup",
                category: "Engineering & Turnkey Projects",
                image: "img/about-factory.jpg",
                capacity: "30 kg to 2000 kg/hr",
                badgeBg: "#064e3b",
                description: "End-to-end turnkey project consultancy and machine layout setup for commercial garlic peeling, bulb breaking, grading, paste processing, and dehydration factories. Includes factory floor layout design, pneumatic pipeline sizing, power optimization, and staff training.",
                specs: [
                    { label: "Plant Capacity Scope", value: "Custom Designed (30 kg/hr to 2 Ton/hr)" },
                    { label: "Machinery Included", value: "Bulb Breakers + Dry Air Peelers + Sorters + Paste Mill + Dryers" },
                    { label: "Pneumatic Design", value: "Centralized Screw Compressor & Compressed Air Distribution" },
                    { label: "Layout Blueprint", value: "CAD Plant Flow Layout & Food Safety Zoning" },
                    { label: "Factory Location", value: "Manufactured & Engineered in Kathwada, Ahmedabad" },
                    { label: "Project Support", value: "Complete Commissioning, Staff Training & Handover" }
                ]
            },
            "custom-fabrication": {
                id: "custom-fabrication",
                name: "Custom SS-304 / SS-316 Machinery Fabrication",
                category: "Custom OEM Manufacturing",
                image: "img/chain-peeler-300kg.jpg",
                capacity: "As Per Client Specs",
                badgeBg: "#dc2626",
                description: "Tailored food processing equipment fabrication built to exact customer dimensions, factory floor constraints, and output requirements. Certified food-grade SS-304 / SS-316 construction with argon sanitary welding and mirror finish.",
                specs: [
                    { label: "Material Grades", value: "Certified SS-304 / SS-316 Food Contact Steel" },
                    { label: "Customization", value: "Hopper Size, Conveyor Length, Discharge Height, Motor Specs" },
                    { label: "Welding & Finish", value: "Sanitary TIG Argon Welded, Smooth Buffed & Mirror Polished" },
                    { label: "Automation Options", value: "Digital PLC / VFD Control, Optical Sensors, Pneumatic Timers" },
                    { label: "Quality Testing", value: "100% Load & Stress Testing Prior to Dispatch" }
                ]
            },
            "installation-training": {
                id: "installation-training",
                name: "On-Site Installation & Operator Training",
                category: "Technical Services",
                image: "img/about-factory.jpg",
                capacity: "Pan-India Service",
                badgeBg: "#0284c7",
                description: "Expert on-site installation, pipeline leveling, electrical wiring, pneumatic pressure calibration, and comprehensive hands-on operator training by senior Vinayak Engineering technicians to achieve 98%+ peeling yield from day one.",
                specs: [
                    { label: "Service Coverage", value: "All States & Industrial Regions Across India" },
                    { label: "Scope of Work", value: "Unloading Guidance, Leveling, Airline Connection & Commissioning" },
                    { label: "Operator Training", value: "Feeding Speed, Pressure Calibration, Maintenance SOPs" },
                    { label: "Yield Tuning", value: "Fine-tuning Machine for 98%+ Peeling & Zero Clove Damage" },
                    { label: "Documentation", value: "Complete Operation & Safety Manual Provided" }
                ]
            },
            "preventative-amc": {
                id: "preventative-amc",
                name: "Preventative Maintenance & AMC Support",
                category: "After-Sales Support",
                image: "img/garlic-peeling-machine.jpg",
                capacity: "Annual & On-Call",
                badgeBg: "#064e3b",
                description: "Comprehensive preventative maintenance service and Annual Maintenance Contracts (AMC) to ensure zero unexpected machine downtime. Includes pneumatic valve servicing, roller calibration, motor inspection, and safety checks.",
                specs: [
                    { label: "Contract Types", value: "Annual Maintenance Contract (AMC) & On-Demand Service" },
                    { label: "Maintenance Scope", value: "Pneumatic Valves, Air Seals, Rollers, Bearings & Motor Drive" },
                    { label: "Response Time", value: "Priority Telephonic & Video Support (Within 2 Hours)" },
                    { label: "On-Site Visit", value: "Scheduled Periodic Inspection & Emergency Breakdown Support" },
                    { label: "Spare Discount", value: "Special Discounted Rates on Genuine OEM Spares" }
                ]
            },
            "spare-parts-tooling": {
                id: "spare-parts-tooling",
                name: "Genuine OEM Spare Parts & Tooling",
                category: "Spare Parts Supply",
                image: "img/bulb-breaker-150kg.jpg",
                capacity: "Ready Stock Dispatch",
                badgeBg: "#d97706",
                description: "100% original factory spare parts engineered precisely for Vinayak Engineering machinery. Fast dispatch of food-grade silicone rollers, high-pressure pneumatic solenoid valves, stainless steel conveyor chain links, and heating elements.",
                specs: [
                    { label: "Parts Availability", value: "Immediate Dispatch from Kathwada, Ahmedabad Works" },
                    { label: "Breaker Rollers", value: "Food-Grade Soft Silicone Elastomeric Roller Sets" },
                    { label: "Pneumatics", value: "High-Frequency Solenoid Valves, Regulators, Air Cylinders" },
                    { label: "Dryer Spares", value: "SS-304 Trays (16\"x32\"), PID Controllers, U-Heaters" },
                    { label: "Shipping", value: "Fast Express Courier / Transport Across All India" }
                ]
            },
            "water-bottling-service": {
                id: "water-bottling-service",
                name: "Water Bottling Line Automation & Upgrades",
                category: "Bottling Engineering",
                image: "img/water-filling-real.jpg",
                capacity: "12 to 60 BPM Lines",
                badgeBg: "#0284c7",
                description: "Upgradation, integration, and throughput optimization for commercial packaged drinking water and beverage bottling plants. Rinsing, volumetric filling, capping, and conveyor synchronization services.",
                specs: [
                    { label: "Line Scope", value: "12 BPM to 60 BPM Automatic Bottling Lines" },
                    { label: "Key Upgrades", value: "Nozzle Synchronization, Magnetic Capper Torque Tuning" },
                    { label: "Inspection & CIP", value: "Sanitary Pipeline Cleaning & CIP System Integration" },
                    { label: "Bottle Types", value: "PET Bottles (200ml, 500ml, 1000ml, 2000ml)" },
                    { label: "Support", value: "Factory Technicians On-Site Support" }
                ]
            }
        };

        // Name to key mapping
        const NAME_TO_KEY = {
            "100kg/hr garlic peeling machine": "100kg-peeler",
            "50kg/hr garlic peeling machine": "50kg-peeler",
            "30kg/hr garlic peeling machine": "30kg-peeler",
            "150kg/hr garlic bulb breaker machine": "150kg-breaker",
            "500kg/hr garlic bulb breaker machine": "500kg-breaker",
            "300kg/hr chain type peeling machine": "300kg-chain",
            "500kg/hr chain type peeling machine": "500kg-chain",
            "200kg/hr garlic peeling machine": "200kg-peeler",
            "2hp ginger & garlic paste machine": "2hp-paste",
            "3hp ginger & garlic paste machine": "3hp-paste",
            "12-tray dryer machine": "12-tray-dryer",
            "48-tray dryer machine": "48-tray-dryer",
            "12 bpm - 22 bpm water filling machine": "water-filling",
            "turnkey garlic processing plant setup": "garlic-plant-setup",
            "custom ss-304 / ss-316 machinery fabrication": "custom-fabrication",
            "on-site installation & operator training": "installation-training",
            "preventative maintenance & amc support": "preventative-amc",
            "genuine oem spare parts & tooling": "spare-parts-tooling",
            "water bottling line automation & upgrades": "water-bottling-service"
        };

        // Open Product Detail Modal
        function openProductDetailModal(keyOrName) {
            let product = null;
            if (PRODUCTS_DATA[keyOrName]) {
                product = PRODUCTS_DATA[keyOrName];
            } else {
                const cleanName = (keyOrName || "").toLowerCase().replace(/^\(\d+\)\s*/, '').trim();
                const matchedKey = NAME_TO_KEY[cleanName];
                if (matchedKey && PRODUCTS_DATA[matchedKey]) {
                    product = PRODUCTS_DATA[matchedKey];
                } else {
                    for (const k in PRODUCTS_DATA) {
                        if (PRODUCTS_DATA[k].name.toLowerCase().includes(cleanName) || cleanName.includes(PRODUCTS_DATA[k].name.toLowerCase())) {
                            product = PRODUCTS_DATA[k];
                            break;
                        }
                    }
                }
            }

            if (!product) {
                // Fallback to general quote modal if not found
                openWhatsAppQuoteModal(keyOrName);
                return;
            }

            document.getElementById('modalProductBadge').textContent = product.category;
            document.getElementById('modalProductCapacity').textContent = product.capacity;
            document.getElementById('modalProductCapacity').style.background = product.badgeBg || '#10b981';
            document.getElementById('modalProductImg').src = product.image;
            document.getElementById('modalProductImg').alt = product.name;
            document.getElementById('modalProductTitle').textContent = product.name;
            document.getElementById('modalProductDesc').textContent = product.description;

            // Populate Specs Table
            const tbody = document.getElementById('modalProductSpecsBody');
            tbody.innerHTML = '';
            if (product.specs && product.specs.length > 0) {
                product.specs.forEach(spec => {
                    const tr = document.createElement('tr');
                    tr.innerHTML = `
                        <td class="fw-semibold text-dark" style="background:#f8fafc;"><i class="fas fa-check-circle text-success me-1"></i> ${spec.label}</td>
                        <td class="text-dark fw-bold">${spec.value}</td>
                    `;
                    tbody.appendChild(tr);
                });
            }

            // Generate WhatsApp Link with pre-filled message
            const waMessage = `*≡ƒîƒ MACHINE INQUIRY - VINAYAK ENGINEERING ≡ƒîƒ*\n\n` +
                              `*Machine:* ${product.name}\n` +
                              `*Capacity:* ${product.capacity}\n` +
                              `*Category:* ${product.category}\n\n` +
                              `_Hello Vinayak Engineering, please provide best factory quotation, machine specifications catalog, and delivery schedule._`;
            
            const encodedWa = encodeURIComponent(waMessage);
            document.getElementById('modalWhatsAppBtn').href = `https://wa.me/919104764325?text=${encodedWa}`;

            // Show modal
            const modalEl = document.getElementById('productDetailModal');
            const bsModal = bootstrap.Modal.getOrCreateInstance(modalEl);
            bsModal.show();
        }

        // Interactive WhatsApp Quote & Machine Booking Modal (SweetAlert2)
        function openWhatsAppQuoteModal(machineName = "100kg/HR Garlic Peeling Machine") {
            const cleanName = (machineName || "100kg/HR Garlic Peeling Machine").replace(/^\(\d+\)\s*/, '').trim();
            // If product exists in database, trigger rich modal!
            if (openProductDetailModal(cleanName)) {
                return;
            }

            Swal.fire({
                title: '<span style="color:#064e3b; font-family: Outfit, sans-serif; font-weight:800;">Book Machine / Request Quote</span>',
                html: `
                    <div style="text-align: left; font-size: 0.9rem; color: #475569; font-family: Plus Jakarta Sans, sans-serif;">
                        <p style="margin-bottom: 12px; font-weight: 600; color: #dc2626;">
                            <i class="fas fa-shield-alt me-1"></i> Direct Factory Quotation &amp; Specs via WhatsApp
                        </p>
                        <div class="mb-3">
                            <label class="form-label fw-bold mb-1">Selected Machine / Requirement</label>
                            <select id="swal_machine" class="form-select" style="background:#f8fafc; font-weight:600; color:#064e3b; border-color:#cbd5e1;">
                                <option value="${cleanName}" selected>${cleanName}</option>
                                <option value="100kg/HR Garlic Peeling Machine">100kg/HR Garlic Peeling Machine</option>
                                <option value="50kg/HR Garlic Peeling Machine">50kg/HR Garlic Peeling Machine</option>
                                <option value="30kg/HR Garlic Peeling Machine">30kg/HR Garlic Peeling Machine</option>
                                <option value="150kg/HR Garlic Bulb Breaker Machine">150kg/HR Garlic Bulb Breaker Machine</option>
                                <option value="500kg/HR Garlic Bulb Breaker Machine">500kg/HR Garlic Bulb Breaker Machine</option>
                                <option value="300kg/HR Chain Type Peeling Machine">300kg/HR Chain Type Peeling Machine</option>
                                <option value="500kg/HR Chain Type Peeling Machine">500kg/HR Chain Type Peeling Machine</option>
                                <option value="200kg/HR Garlic Peeling Machine">200kg/HR Garlic Peeling Machine</option>
                                <option value="2hp Ginger & Garlic Paste Machine">2hp Ginger & Garlic Paste Machine</option>
                                <option value="3hp Ginger & Garlic Paste Machine">3hp Ginger & Garlic Paste Machine</option>
                                <option value="12-Tray Dryer Machine">12-Tray Dryer Machine</option>
                                <option value="48-Tray Dryer Machine">48-Tray Dryer Machine</option>
                                <option value="12 BPM - 22 BPM Water Filling Machine">12 BPM - 22 BPM Water Filling Machine</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold mb-1">Your Full Name *</label>
                            <input type="text" id="swal_name" class="form-control" placeholder="e.g. Rajesh Kumar" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold mb-1">Mobile / WhatsApp Number *</label>
                            <input type="tel" id="swal_phone" class="form-control" placeholder="e.g. 9104764325" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold mb-1">City / State &amp; Required Delivery Location</label>
                            <input type="text" id="swal_location" class="form-control" placeholder="e.g. Ahmedabad, Gujarat">
                        </div>
                    </div>
                `,
                showCancelButton: true,
                confirmButtonText: '<i class="fab fa-whatsapp me-2"></i> Send Inquiry via WhatsApp',
                cancelButtonText: 'Cancel',
                confirmButtonColor: '#dc2626',
                cancelButtonColor: '#64748b',
                focusConfirm: false,
                preConfirm: () => {
                    const machine = document.getElementById('swal_machine').value;
                    const name = document.getElementById('swal_name').value.trim();
                    const phone = document.getElementById('swal_phone').value.trim();
                    const loc = document.getElementById('swal_location').value.trim();

                    if (!name) {
                        Swal.showValidationMessage('Please enter your full name');
                        return false;
                    }
                    if (!phone || phone.length < 10) {
                        Swal.showValidationMessage('Please enter a valid 10-digit mobile number');
                        return false;
                    }

                    return { machine, name, phone, loc };
                }
            }).then((result) => {
                if (result.isConfirmed && result.value) {
                    const data = result.value;
                    const message = `*≡ƒîƒ MACHINE ENQUIRY / BOOKING - VINAYAK ENGINEERING ≡ƒîƒ*\n\n` +
                                    `*Product / Machine:* ${data.machine}\n` +
                                    `*Customer Name:* ${data.name}\n` +
                                    `*Phone Number:* ${data.phone}\n` +
                                    `*Location:* ${data.loc || 'Not specified'}\n\n` +
                                    `_Please provide best factory price quote, machine catalog and delivery lead time._`;
                    
                    const encodedMsg = encodeURIComponent(message);
                    const whatsappUrl = `https://wa.me/919104764325?text=${encodedMsg}`;
                    
                    Swal.fire({
                        icon: 'success',
                        title: 'Connecting to WhatsApp...',
                        text: 'Your quotation request has been prepared. Opening WhatsApp chat now.',
                        timer: 2000,
                        showConfirmButton: false
                    });

                    setTimeout(() => {
                        window.open(whatsappUrl, '_blank');
                    }, 500);
                }
            });
        }

        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('sw.js')
                    .then((reg) => console.log('Vinayak ServiceWorker registered'))
                    .catch((err) => console.log('Vinayak ServiceWorker registration failed: ', err));
            });
        }
    </script>
    <script src="js/catalog-renderer.js"></script>
</body>
</html>