{"product_id":"dhaba-style-2","title":"DHABA Style 2","description":"\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\u003c!-- JavaScript --\u003e\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\u003c!-- CSS --\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: #f9f9f9;\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: #ffffff;\n    border: 2px solid #cccccc;\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: #333333;\n    font-size: 14px;\n    font-weight: bold;\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: #666666;\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: #ffffff;\n    border: 2px solid #cccccc;\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: #333333;\n    transform: scale(1.1);\n  }\n\n  .scroll-arrow:hover svg path {\n    fill: #ffffff;\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: #333333;\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","brand":"TiffinStash Specials","offers":[{"title":"Classic Aaloo Parantha","offer_id":50180169761060,"sku":"TPROS-TD-MT80-T01-ONCA-TSSPL","price":5.99,"currency_code":"CAD","in_stock":true},{"title":"Gobhi Parantha","offer_id":50180169793828,"sku":"TPROS-TD-MT81-T01-ONCA-TSSPL","price":6.99,"currency_code":"CAD","in_stock":true},{"title":"Mixed Vegetable Parantha","offer_id":50180169826596,"sku":"TPROS-TD-MT82-T01-ONCA-TSSPL","price":6.99,"currency_code":"CAD","in_stock":true},{"title":"Special Paneer Parantha","offer_id":50180169859364,"sku":"TPROS-TD-MT83-T01-ONCA-TSSPL","price":7.99,"currency_code":"CAD","in_stock":true},{"title":"Add On: Dahi \u0026 Pickle","offer_id":50180169892132,"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-2","provider":"My Store","version":"1.0","type":"link"}