{"product_id":"hh-test-pro","title":"HH TEst Pro","description":"\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003eLorem Ipsum\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003eis simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredients-split\"\u003e\n\u003c!-- RADIO BUTTONS (hidden) --\u003e \u003cinput type=\"radio\" name=\"tabs\" id=\"tab1\" checked\u003e \u003cinput type=\"radio\" name=\"tabs\" id=\"tab2\"\u003e \u003cinput type=\"radio\" name=\"tabs\" id=\"tab3\"\u003e\n\u003cdiv class=\"wrapper\"\u003e\n\u003c!-- LEFT SIDE --\u003e\n\u003cdiv class=\"left\"\u003e\n\u003clabel for=\"tab1\" class=\"item\"\u003e \u003cimg src=\"https:\/\/via.placeholder.com\/40\"\u003e \u003cspan\u003eIngredient Name\u003c\/span\u003e \u003c\/label\u003e \u003clabel for=\"tab2\" class=\"item\"\u003e \u003cimg src=\"https:\/\/via.placeholder.com\/40\"\u003e \u003cspan\u003eIngredient Name\u003c\/span\u003e \u003c\/label\u003e \u003clabel for=\"tab3\" class=\"item\"\u003e \u003cimg src=\"https:\/\/via.placeholder.com\/40\"\u003e \u003cspan\u003eIngredient Name\u003c\/span\u003e \u003c\/label\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT SIDE --\u003e\n\u003cdiv class=\"right\"\u003e\n\u003cdiv class=\"content content1\"\u003e\n\u003ch4\u003eAdd Your text\u003c\/h4\u003e\n\u003cp\u003eHere Add Youuuuur text or replace this text\u003c\/p\u003e\n\u003ch4\u003eAdd Your text\u003c\/h4\u003e\n\u003cp\u003eHere Add Youuuuur text or replace this text\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content content2\"\u003e\n\u003ch4\u003eAdd Your text\u003c\/h4\u003e\n\u003cp\u003eHere Add Your text or replace this text\u003c\/p\u003e\n\u003ch4\u003eAdd Your text\u003c\/h4\u003e\n\u003cp\u003eHere Add Your text or replace this text\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content content3\"\u003e\n\u003ch4\u003eAdd Your text\u003c\/h4\u003e\n\u003cp\u003eHere Add Your texxxxxt or replace this text\u003c\/p\u003e\n\u003ch4\u003eAdd Your text\u003c\/h4\u003e\n\u003cp\u003eHere Add Your texxxxxxt or replace this text\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.ingredients-split {\n  background: #f9f9f9;\n  padding: 20px;\n  border-radius: 10px;\n}\n\n.wrapper {\n  display: flex;\n  gap: 20px;\n}\n\n\/* HIDE RADIO *\/\ninput[type=\"radio\"] {\n  display: none;\n}\n\n\/* LEFT *\/\n.left {\n  width: 30%;\n}\n\n.item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px;\n  border-bottom: 1px solid #ddd;\n  cursor: pointer;\n  background: #fff;\n}\n\n.item img {\n  width: 40px;\n}\n\n\/* ACTIVE STATE *\/\n#tab1:checked ~ .wrapper .left label[for=\"tab1\"],\n#tab2:checked ~ .wrapper .left label[for=\"tab2\"],\n#tab3:checked ~ .wrapper .left label[for=\"tab3\"] {\n  border-left: 3px solid #2e7d32;\n  font-weight: bold;\n}\n\n\/* RIGHT *\/\n.right {\n  width: 70%;\n  background: #fff;\n  padding: 20px;\n  border-radius: 8px;\n}\n\n.content {\n  display: none;\n}\n\n\/* SHOW CONTENT *\/\n#tab1:checked ~ .wrapper .content1 { display: block; }\n#tab2:checked ~ .wrapper .content2 { display: block; }\n#tab3:checked ~ .wrapper .content3 { display: block; }\n\n\/* MOBILE *\/\n@media(max-width: 768px){\n  .wrapper {\n    flex-direction: column;\n  }\n  .left, .right {\n    width: 100%;\n  }\n}\n\u003c\/style\u003e\n\n\u003cpicture\u003e\n  \u003c!-- Mobile Image --\u003e\n  \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/6225\/6175\/files\/Untitled_design_23_1.png?v=1775469276\"\u003e\n\n  \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/6225\/6175\/files\/Untitled_design_24_3.png?v=1775476337\"\u003e\n\n  \u003c!-- Desktop Image --\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/6225\/6175\/files\/Diabo_Website_Banner.png?v=1775456718\" alt=\"Banner\" style=\"width:100%; height:auto;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0813\/6225\/6175\/files\/Arthro_Website_Banner.png?v=1775456718\" alt=\"Banner\" style=\"width:100%; height:auto;\"\u003e\u003c\/source\u003e\u003c\/picture\u003e","brand":"Herbal Hills Wellness","offers":[{"title":"For 1 person","offer_id":56658139119919,"sku":null,"price":180.0,"currency_code":"INR","in_stock":true},{"title":"Pack of 2","offer_id":56658139152687,"sku":null,"price":324.0,"currency_code":"INR","in_stock":true},{"title":"enough for 3","offer_id":56658139185455,"sku":null,"price":765.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/6225\/6175\/files\/GD956-5-1-1200x1286.jpg?v=1763017213","url":"https:\/\/herbalhillswellness.in\/products\/hh-test-pro","provider":"Herbal Hills Wellness","version":"1.0","type":"link"}