{"product_id":"shopify-bundle","title":"Shopify Bundle","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Base Scoping for Shopify Compatibility *\/\n        .omkar-bundle-desc {\n            font-family: var(--font-body-family);\n            color: #334155;\n            line-height: 1.6;\n            margin: 0 auto;\n            padding: 0;\n            box-sizing: border-box;\n            max-width: 1000px;\n            background: #ffffff;\n            font-size: 1.6rem;\n        }\n\n        .omkar-bundle-desc * {\n            box-sizing: border-box;\n        }\n\n        \/* Typography *\/\n        .omkar-bundle-desc h1, \n        .omkar-bundle-desc h2, \n        .omkar-bundle-desc h3, \n        .omkar-bundle-desc p {\n            margin-top: 0;\n            margin-bottom: 1.6rem;\n        }\n\n        .omkar-bundle-desc h1,\n        .omkar-bundle-desc .omkar-title {\n            font-family: var(--font-heading-family);\n            color: #0f172a;\n            font-size: 3.6rem;\n            font-weight: var(--font-heading-weight);\n            line-height: 1.2;\n            text-align: center;\n            margin-bottom: 2.4rem;\n        }\n\n        .omkar-bundle-desc h2:not(.omkar-title) {\n            font-family: var(--font-heading-family);\n            color: #1e3a8a; \/* Deep blue accent *\/\n            font-size: 2.8rem;\n            font-weight: var(--font-heading-weight);\n            text-align: center;\n            margin-bottom: 3.2rem;\n            position: relative;\n        }\n\n        \/* Hero Section *\/\n        .omkar-bundle-desc .omkar-hero {\n            background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);\n            padding: 4.8rem 2.4rem;\n            border-radius: 16px;\n            border: 1px solid #e2e8f0;\n            text-align: center;\n            margin-bottom: 4.8rem;\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n        }\n\n        .omkar-bundle-desc .omkar-trust-badge {\n            display: inline-block;\n            background: #fffbeb;\n            color: #b45309;\n            padding: 0.8rem 1.6rem;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 1.6rem;\n            margin-bottom: 2.4rem;\n            border: 1px solid #fde68a;\n        }\n\n        .omkar-bundle-desc .omkar-stars {\n            color: #f59e0b;\n            letter-spacing: 2px;\n            margin-right: 5px;\n        }\n\n        .omkar-bundle-desc .omkar-subheadline {\n            font-size: 1.92rem;\n            color: #475569;\n            max-width: 800px;\n            margin: 0 auto 3.2rem;\n            font-weight: 500;\n        }\n\n        \/* Pricing Block *\/\n        .omkar-bundle-desc .omkar-pricing-block {\n            background: #ffffff;\n            border: 2px dashed #f97316; \/* Bright orange highlight *\/\n            padding: 2.4rem;\n            border-radius: 12px;\n            display: inline-block;\n            max-width: 100%;\n        }\n\n        .omkar-bundle-desc .omkar-discount-tag {\n            background: #ef4444;\n            color: white;\n            padding: 0.4rem 1.2rem;\n            border-radius: 4px;\n            font-weight: bold;\n            font-size: 1.4rem;\n            text-transform: uppercase;\n            display: inline-block;\n            margin-bottom: 0.8rem;\n            animation: omkar-pulse 2s infinite;\n        }\n\n        @keyframes omkar-pulse {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); }\n        }\n\n        .omkar-bundle-desc .omkar-price-current {\n            font-size: 4rem;\n            font-weight: 700;\n            color: #10b981; \/* Green CTA color *\/\n            display: inline-block;\n            margin-right: 10px;\n        }\n\n        .omkar-bundle-desc .omkar-price-old {\n            font-size: 2rem;\n            color: #94a3b8;\n            text-decoration: line-through;\n            font-weight: 600;\n        }\n\n        \/* What You Get Section *\/\n        .omkar-bundle-desc .omkar-features {\n            margin-bottom: 4.8rem;\n            padding: 0 1.6rem;\n        }\n\n        .omkar-bundle-desc .omkar-features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2.4rem;\n        }\n\n        .omkar-bundle-desc .omkar-feature-item {\n            display: flex;\n            align-items: flex-start;\n            background: #f8fafc;\n            padding: 2.4rem;\n            border-radius: 12px;\n            border-left: 4px solid #1e3a8a;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .omkar-bundle-desc .omkar-feature-item:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n        }\n\n        .omkar-bundle-desc .omkar-feature-icon {\n            color: #10b981;\n            font-size: 2.4rem;\n            margin-right: 1.6rem;\n            margin-top: 0.16rem;\n            flex-shrink: 0;\n        }\n\n        .omkar-bundle-desc .omkar-feature-text strong {\n            display: block;\n            color: #0f172a;\n            font-size: 1.76rem;\n            margin-bottom: 0.4rem;\n        }\n\n        .omkar-bundle-desc .omkar-feature-text span.worth {\n            color: #f97316;\n            font-weight: 600;\n            font-size: 1.44rem;\n        }\n\n        \/* Guarantee Box *\/\n        .omkar-bundle-desc .omkar-guarantee {\n            background: #1e3a8a;\n            color: white;\n            padding: 2.4rem;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 1.6rem;\n            margin-top: 3.2rem;\n            font-weight: bold;\n            font-size: 1.76rem;\n            text-align: center;\n        }\n\n        .omkar-bundle-desc .omkar-guarantee i {\n            color: #fbbf24;\n            font-size: 3.2rem;\n        }\n\n        \/* Who Should Buy Section *\/\n        .omkar-bundle-desc .omkar-audience {\n            background: #7c3aed; \/* Deep purple accent *\/\n            color: white;\n            padding: 4.8rem 2.4rem;\n            border-radius: 16px;\n            margin-bottom: 4.8rem;\n        }\n\n        .omkar-bundle-desc .omkar-audience h2 {\n            color: white;\n        }\n\n        .omkar-bundle-desc .omkar-audience-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2.4rem;\n        }\n\n        .omkar-bundle-desc .omkar-audience-card {\n            background: rgba(255, 255, 255, 0.1);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            padding: 3.2rem 1.6rem;\n            border-radius: 12px;\n            text-align: center;\n            backdrop-filter: blur(5px);\n        }\n\n        .omkar-bundle-desc .omkar-audience-card i {\n            font-size: 4rem;\n            margin-bottom: 1.6rem;\n            color: #fde047;\n        }\n\n        .omkar-bundle-desc .omkar-audience-card h3 {\n            font-size: 1.76rem;\n            margin: 0;\n            color: white;\n            font-weight: 600;\n        }\n\n        \/* FAQ Section *\/\n        .omkar-bundle-desc .omkar-faq {\n            margin-bottom: 3.2rem;\n            padding: 0 1.6rem;\n        }\n\n        .omkar-bundle-desc .omkar-faq-item {\n            background: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 8px;\n            margin-bottom: 1.6rem;\n            padding: 2.4rem;\n        }\n\n        .omkar-bundle-desc .omkar-faq-q {\n            font-weight: 700;\n            color: #0f172a;\n            font-size: 1.76rem;\n            margin-bottom: 0.8rem;\n            display: flex;\n            align-items: flex-start;\n        }\n\n        .omkar-bundle-desc .omkar-faq-q i {\n            color: #7c3aed;\n            margin-right: 10px;\n            margin-top: 3px;\n        }\n\n        .omkar-bundle-desc .omkar-faq-a {\n            color: #475569;\n            padding-left: 28px;\n            margin: 0;\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .omkar-bundle-desc h1,\n            .omkar-bundle-desc .omkar-title {\n                font-size: 2.8rem;\n            }\n            .omkar-bundle-desc h2:not(.omkar-title) {\n                font-size: 2.4rem;\n            }\n            .omkar-bundle-desc .omkar-price-current {\n                font-size: 3.2rem;\n            }\n            .omkar-bundle-desc .omkar-guarantee {\n                flex-direction: column;\n            }\n            .omkar-bundle-desc .omkar-features-grid,\n            .omkar-bundle-desc .omkar-audience-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"omkar-bundle-desc\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"omkar-hero\"\u003e\n\u003cdiv class=\"omkar-trust-badge\"\u003e\n\u003cspan class=\"omkar-stars\"\u003e \u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e\u003ci class=\"fas fa-star\"\u003e\u003c\/i\u003e \u003c\/span\u003e Rating: 4.9 | 3426 Reviews\u003c\/div\u003e\n\u003ch2 class=\"omkar-title\"\u003eLaunch Your First or Next \u003cspan style=\"color: #f97316;\"\u003eHigh Converting Website\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"omkar-subheadline\"\u003eBuild Any Website In Just 3 Hours Using Our 2000+ Customizable Premium WordPress Templates. Effortlessly Create any Website In 50+ Different Niches.\u003c\/p\u003e\n\u003cdiv class=\"omkar-pricing-block\"\u003e\n\u003cdiv class=\"omkar-discount-tag\"\u003e\n\u003ci class=\"fas fa-fire\"\u003e\u003c\/i\u003e Today Only - 90% OFF\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan class=\"omkar-price-current\"\u003e₹249\/-\u003c\/span\u003e \u003cspan class=\"omkar-price-old\"\u003e₹24,651\/-\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin: 10px 0 0 0; font-size: 1.44rem; color: #64748b;\"\u003e(One-Time Payment. No Hidden Fees.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What You Get Section --\u003e\n\u003cdiv class=\"omkar-features\"\u003e\n\u003ch2\u003eHere's What You Will Get\u003c\/h2\u003e\n\u003cdiv class=\"omkar-features-grid\"\u003e\n\u003cdiv class=\"omkar-feature-item\"\u003e\n\u003ci class=\"fas fa-check-circle omkar-feature-icon\"\u003e\u003c\/i\u003e\n\u003cdiv class=\"omkar-feature-text\"\u003e\n\u003cstrong\u003e600+ Premium WP Templates\u003c\/strong\u003e\n\u003cp style=\"margin: 0; font-size: 1.44rem;\"\u003eCustomizable premium WordPress templates for any niche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-feature-item\"\u003e\n\u003ci class=\"fas fa-check-circle omkar-feature-icon\"\u003e\u003c\/i\u003e\n\u003cdiv class=\"omkar-feature-text\"\u003e\n\u003cstrong\u003ePremium WordPress Plugins\u003c\/strong\u003e \u003cspan class=\"worth\"\u003e(Worth ₹3000)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-feature-item\"\u003e\n\u003ci class=\"fas fa-check-circle omkar-feature-icon\"\u003e\u003c\/i\u003e\n\u003cdiv class=\"omkar-feature-text\"\u003e\n\u003cstrong\u003e500+ Premium Shopify Templates\u003c\/strong\u003e\n\u003cp style=\"margin: 0; font-size: 1.44rem;\"\u003eStart your e-commerce journey effortlessly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-feature-item\"\u003e\n\u003ci class=\"fas fa-check-circle omkar-feature-icon\"\u003e\u003c\/i\u003e\n\u003cdiv class=\"omkar-feature-text\"\u003e\n\u003cstrong\u003e400+ Sales Pages for Digital Products\u003c\/strong\u003e \u003cspan class=\"worth\"\u003e(Worth ₹3000)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-feature-item\"\u003e\n\u003ci class=\"fas fa-check-circle omkar-feature-icon\"\u003e\u003c\/i\u003e\n\u003cdiv class=\"omkar-feature-text\"\u003e\n\u003cstrong\u003eVideo Training Course\u003c\/strong\u003e \u003cspan class=\"worth\"\u003e(Worth ₹2000)\u003c\/span\u003e\n\u003cp style=\"margin: 0; font-size: 1.44rem;\"\u003eStep-by-step guide on how to use these templates.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-feature-item\"\u003e\n\u003ci class=\"fas fa-check-circle omkar-feature-icon\"\u003e\u003c\/i\u003e\n\u003cdiv class=\"omkar-feature-text\"\u003e\n\u003cstrong\u003eWhatsApp Pro Community Access\u003c\/strong\u003e \u003cspan class=\"worth\"\u003e(Worth ₹2000)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-guarantee\"\u003e\n\u003ci class=\"fas fa-shield-alt\"\u003e\u003c\/i\u003e \u003cspan\u003e100% Best Price Guarantee \u0026amp; Lifetime Access With Updates Included!\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Who Should Buy Section --\u003e\n\u003cdiv class=\"omkar-audience\"\u003e\n\u003ch2\u003eWho Should Buy This?\u003c\/h2\u003e\n\u003cdiv class=\"omkar-audience-grid\"\u003e\n\u003cdiv class=\"omkar-audience-card\"\u003e\n\u003ci class=\"fas fa-store\"\u003e\u003c\/i\u003e\n\u003ch3\u003eSmall Business Owners\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-audience-card\"\u003e\n\u003ci class=\"fas fa-laptop-code\"\u003e\u003c\/i\u003e\n\u003ch3\u003eWordPress Developers\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-audience-card\"\u003e\n\u003ci class=\"fas fa-paint-brush\"\u003e\u003c\/i\u003e\n\u003ch3\u003eWeb Design Agencies \u0026amp; Freelancers\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-audience-card\"\u003e\n\u003ci class=\"fas fa-graduation-cap\"\u003e\u003c\/i\u003e\n\u003ch3\u003eAnyone wanting to learn website building\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\u003cdiv class=\"omkar-faq\"\u003e\n\u003ch2\u003eWhat Customer Says\u003c\/h2\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0694\/6494\/8787\/files\/Chat.png?v=1789904721\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"omkar-faq-item\"\u003e\n\u003cdiv class=\"omkar-faq-q\"\u003e\n\u003ci class=\"fas fa-question-circle\"\u003e\u003c\/i\u003e \u003cspan\u003eAre These Templates Editable?\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"omkar-faq-a\"\u003eYes, they are 100% customizable using Elementor drag-and-drop builder.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-faq-item\"\u003e\n\u003cdiv class=\"omkar-faq-q\"\u003e\n\u003ci class=\"fas fa-question-circle\"\u003e\u003c\/i\u003e \u003cspan\u003eI Am A Completely Non-Techy Guy, Is This For Me?\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"omkar-faq-a\"\u003eAbsolutely! No prior technical knowledge is needed. We provide a complete crash course video training to guide you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"omkar-faq-item\"\u003e\n\u003cdiv class=\"omkar-faq-q\"\u003e\n\u003ci class=\"fas fa-question-circle\"\u003e\u003c\/i\u003e \u003cspan\u003eCan I Use The Templates For Commercial Purpose?\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"omkar-faq-a\"\u003eYes, you have full rights to use them to sell websites or design services to your own clients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- START COPYING FOR SHOPIFY FROM HERE                       --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ========================================================= --\u003e\n\u003cstyle\u003e\n    \/* Scoped CSS to prevent messing with your Shopify theme *\/\n    .custom-shopify-slider {\n        position: relative;\n        width: 100%;\n        max-width: 450px; \/* Perfect width for vertical images on desktop *\/\n        margin: 0 auto 30px auto; \/* Centers the slider *\/\n        overflow: hidden;\n        border-radius: 12px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\n        background-color: #fff;\n    }\n\n    .custom-shopify-track {\n        display: flex;\n        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n        will-change: transform;\n        touch-action: pan-y;\n    }\n\n    .custom-shopify-slide {\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n\n    .custom-shopify-slide img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: cover;\n        pointer-events: none; \/* Prevents image dragging issues *\/\n    }\n\n    .custom-shopify-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: rgba(255, 255, 255, 0.9);\n        color: #333;\n        border: none;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 18px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n        z-index: 2;\n        transition: all 0.2s ease;\n    }\n\n    .custom-shopify-arrow:hover {\n        background: #fff;\n        transform: translateY(-50%) scale(1.1);\n    }\n\n    .custom-shopify-arrow.prev { left: 10px; }\n    .custom-shopify-arrow.next { right: 10px; }\n\n    .custom-shopify-dots {\n        position: absolute;\n        bottom: 15px;\n        left: 0;\n        right: 0;\n        display: flex;\n        justify-content: center;\n        gap: 8px;\n        z-index: 2;\n    }\n\n    .custom-shopify-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.5);\n        border: 1px solid rgba(0,0,0,0.2);\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n\n    .custom-shopify-dot.active {\n        background: #fff;\n        transform: scale(1.3);\n        border-color: transparent;\n        box-shadow: 0 0 4px rgba(0,0,0,0.3);\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"omkar-bundle-desc\"\u003e\n\u003cdiv class=\"omkar-faq\"\u003e\n\u003cdiv class=\"omkar-faq-item\"\u003e\n\u003cdiv class=\"custom-shopify-slider\" id=\"productSlider\"\u003e\n\u003cdiv class=\"custom-shopify-track\" id=\"sliderTrack\"\u003e\n\u003c!-- Slides --\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/8-768x1365.webp\" alt=\"Slide 1\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/9-768x1365.webp\" alt=\"Slide 2\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/10-768x1365.webp\" alt=\"Slide 3\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/11-768x1365.webp\" alt=\"Slide 4\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/12-768x1365.webp\" alt=\"Slide 5\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/13-768x1365.webp\" alt=\"Slide 6\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/14-768x1365.webp\" alt=\"Slide 7\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/sjbnj-768x1365.webp\" alt=\"Slide 8\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"custom-shopify-slide\"\u003e\u003cimg src=\"https:\/\/omkarshukla.com\/wp-content\/uploads\/2026\/04\/Untitled-design-9-768x1365.webp\" alt=\"Slide 9\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Controls --\u003e \u003cbutton class=\"custom-shopify-arrow prev\" id=\"btnPrev\"\u003e❮\u003c\/button\u003e \u003cbutton class=\"custom-shopify-arrow next\" id=\"btnNext\"\u003e❯\u003c\/button\u003e\n\u003cdiv class=\"custom-shopify-dots\" id=\"sliderDots\"\u003e\u003c!-- Dots injected by JS --\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    (function() {\n        const track = document.getElementById('sliderTrack');\n        const slides = track.querySelectorAll('.custom-shopify-slide');\n        const btnPrev = document.getElementById('btnPrev');\n        const btnNext = document.getElementById('btnNext');\n        const dotsContainer = document.getElementById('sliderDots');\n        \n        let currentIndex = 0;\n        const totalSlides = slides.length;\n\n        \/\/ Create dots dynamically\n        slides.forEach((_, index) =\u003e {\n            const dot = document.createElement('div');\n            dot.classList.add('custom-shopify-dot');\n            if (index === 0) dot.classList.add('active');\n            dot.addEventListener('click', () =\u003e goToSlide(index));\n            dotsContainer.appendChild(dot);\n        });\n\n        const dots = dotsContainer.querySelectorAll('.custom-shopify-dot');\n\n        function updateSlider() {\n            \/\/ Move track\n            track.style.transform = `translateX(-${currentIndex * 100}%)`;\n            \/\/ Update dots\n            dots.forEach(dot =\u003e dot.classList.remove('active'));\n            dots[currentIndex].classList.add('active');\n        }\n\n        function goToSlide(index) {\n            currentIndex = index;\n            updateSlider();\n        }\n\n        function nextSlide() {\n            currentIndex = (currentIndex + 1) % totalSlides;\n            updateSlider();\n        }\n\n        function prevSlide() {\n            currentIndex = (currentIndex - 1 + totalSlides) % totalSlides;\n            updateSlider();\n        }\n\n        \/\/ Button Listeners\n        btnNext.addEventListener('click', nextSlide);\n        btnPrev.addEventListener('click', prevSlide);\n\n        \/\/ Touch Swipe Support for Mobile\n        let touchStartX = 0;\n        let touchEndX = 0;\n        const sliderElement = document.getElementById('productSlider');\n\n        sliderElement.addEventListener('touchstart', e =\u003e {\n            touchStartX = e.changedTouches[0].screenX;\n        }, {passive: true});\n\n        sliderElement.addEventListener('touchend', e =\u003e {\n            touchEndX = e.changedTouches[0].screenX;\n            handleSwipe();\n        }, {passive: true});\n\n        function handleSwipe() {\n            const swipeThreshold = 40;\n            if (touchStartX - touchEndX \u003e swipeThreshold) {\n                nextSlide(); \/\/ Swiped left\n            } else if (touchEndX - touchStartX \u003e swipeThreshold) {\n                prevSlide(); \/\/ Swiped right\n            }\n        }\n    })();\n\u003c\/script\u003e \u003c!-- ========================================================= --\u003e \u003c!-- END COPYING FOR SHOPIFY                                   --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"HomeHaven","offers":[{"title":"Default Title","offer_id":44893535436851,"sku":null,"price":249.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0694\/6494\/8787\/files\/ChatGPTImageSep21_2026_11_14_58AM.png?v=1789969580","url":"https:\/\/www.nortivaq.com\/products\/shopify-bundle","provider":"Nortivaq","version":"1.0","type":"link"}