{"product_id":"dhaba-style-3","title":"DHABA Style 3","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eVariant Description Carousel\u003c\/title\u003e\n    \u003cstyle\u003e\n        \/* General Carousel Styling *\/\n        .variant-description-carousel {\n            display: flex;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            padding: 10px;\n            background-color: #f5f5f5; \/* Light gray background *\/\n            border-radius: 12px;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .variant-description-container {\n            display: flex;\n            gap: 16px;\n            overflow-x: auto;\n            scroll-behavior: smooth;\n            padding: 10px 0;\n            margin: 0 40px; \/* Space for the arrows *\/\n        }\n\n        .variant-description-container::-webkit-scrollbar {\n            display: none; \/* Hide scrollbar *\/\n        }\n\n        \/* Variant Cards *\/\n        .variant-description {\n            flex: 0 0 auto;\n            background-color: #fff;\n            border: 2px solid #333; \/* Dark gray border *\/\n            border-radius: 12px;\n            text-align: center;\n            width: 140px;\n            height: auto;\n            padding: 10px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .variant-description:hover {\n            transform: scale(1.1);\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);\n        }\n\n        .variant-description h3 {\n            color: #333; \/* Dark gray heading *\/\n            font-size: 14px;\n            margin-bottom: 8px;\n        }\n\n        .variant-description ul {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            font-size: 12px;\n            line-height: 1.4;\n            color: #555; \/* Slightly lighter gray for text *\/\n        }\n\n        .variant-description ul li {\n            margin: 0;\n        }\n\n        \/* Arrow Buttons *\/\n        .scroll-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: #fff;\n            border: 2px solid #333; \/* Dark gray border *\/\n            border-radius: 50%;\n            width: 40px;\n            height: 40px;\n            cursor: pointer;\n            z-index: 10;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: background-color 0.3s ease, transform 0.2s ease;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        }\n\n        .scroll-arrow:hover {\n            background-color: #333; \/* Dark gray background on hover *\/\n            transform: scale(1.1);\n        }\n\n        .scroll-arrow:hover svg path {\n            fill: #fff; \/* White arrow on hover *\/\n        }\n\n        .scroll-arrow.left {\n            left: 10px;\n        }\n\n        .scroll-arrow.right {\n            right: 10px;\n        }\n\n        .scroll-arrow svg {\n            width: 24px;\n            height: 24px;\n        }\n\n        .scroll-arrow svg path {\n            fill: #333; \/* Dark gray arrow *\/\n        }\n\n        \/* Responsive Design *\/\n        @media (max-width: 768px) {\n            .variant-description-carousel {\n                padding: 8px;\n            }\n\n            .variant-description-container {\n                gap: 12px;\n                margin: 0 16px; \/* Reduce margin for smaller screens *\/\n            }\n\n            .variant-description {\n                width: 120px;\n            }\n\n            .variant-description h3 {\n                font-size: 12px;\n            }\n\n            .variant-description ul {\n                font-size: 10px;\n            }\n\n            .scroll-arrow {\n                display: none; \/* Use touch scrolling on mobile *\/\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\u003cdiv class=\"variant-description-carousel\"\u003e\n    \u003cbutton class=\"scroll-arrow left\" onclick=\"scrollLeft()\"\u003e\n        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"variant-description-container\" id=\"variantDescriptionContainer\"\u003e\n        \u003cdiv class=\"variant-description\"\u003e\n            \u003ch3\u003eBasic\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003e4 Roti\u003c\/li\u003e\n                \u003cli\u003e1 Non-Veg (12 Oz)\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"variant-description\"\u003e\n            \u003ch3\u003eRegular\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003e4 Roti\u003c\/li\u003e\n                \u003cli\u003e1 Non-Veg (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Curry (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Raita\/Dessert\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"variant-description\"\u003e\n            \u003ch3\u003eRegular Rice\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003e2 Roti\u003c\/li\u003e\n                \u003cli\u003e1 Non-Veg (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Curry (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Rice (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Raita\/Dessert\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"variant-description\"\u003e\n            \u003ch3\u003ePremium\u003c\/h3\u003e\n            \u003cul\u003e\n                \u003cli\u003e6 Roti\u003c\/li\u003e\n                \u003cli\u003e1 Non-Veg (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Curry (12 Oz)\u003c\/li\u003e\n                \u003cli\u003e1 Raita\u003c\/li\u003e\n                \u003cli\u003e1 Dessert\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cbutton class=\"scroll-arrow right\" onclick=\"scrollRight()\"\u003e\n        \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n    \u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function scrollLeft() {\n        const container = document.getElementById(\"variantDescriptionContainer\");\n        container.scrollBy({left: -300, behavior: \"smooth\"});\n    }\n\n    function scrollRight() {\n        const container = document.getElementById(\"variantDescriptionContainer\");\n        container.scrollBy({left: 300, behavior: \"smooth\"});\n    }\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"TiffinStash Specials","offers":[{"title":"Classic Aaloo Parantha","offer_id":50180170383652,"sku":"TPROS-TD-MT80-T01-ONCA-TSSPL","price":5.99,"currency_code":"CAD","in_stock":true},{"title":"Gobhi Parantha","offer_id":50180170416420,"sku":"TPROS-TD-MT81-T01-ONCA-TSSPL","price":6.99,"currency_code":"CAD","in_stock":true},{"title":"Mixed Vegetable Parantha","offer_id":50180170449188,"sku":"TPROS-TD-MT82-T01-ONCA-TSSPL","price":6.99,"currency_code":"CAD","in_stock":true},{"title":"Special Paneer Parantha","offer_id":50180170481956,"sku":"TPROS-TD-MT83-T01-ONCA-TSSPL","price":7.99,"currency_code":"CAD","in_stock":true},{"title":"Add On: Dahi \u0026 Pickle","offer_id":50180170514724,"sku":"TPROS-TD-MT84-T01-ONCA-TSSPL","price":1.29,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0900\/8804\/6884\/files\/parantha_73e4ddde-8d0f-4811-a133-206ed0abf0b9.png?v=1726069173","url":"https:\/\/1b618f-7a.myshopify.com\/products\/dhaba-style-3","provider":"My Store","version":"1.0","type":"link"}