{"product_id":"stiir-coffee","title":"Stiir High Polyphenol Coffee - Beans \u0026 Ground","description":"\u003csection class=\"stiir-order-guide\"\u003e\n  \u003cdiv class=\"guide-card\"\u003e\n\n    \u003ch3\u003eYour coffee usage\u003c\/h3\u003e\n\n    \u003c!-- INPUT --\u003e\n    \u003cdiv class=\"selector\"\u003e\n      \u003clabel\u003eCups per day\u003c\/label\u003e\n      \u003cinput type=\"range\" min=\"1\" max=\"4\" value=\"2\" id=\"cupsRange\"\u003e\n      \u003cdiv class=\"cups-display\"\u003e\n\u003cspan id=\"cupsValue\"\u003e2\u003c\/span\u003e cups\/day\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- OUTPUT --\u003e\n    \u003cdiv class=\"result\"\u003e\n      \u003cdiv class=\"primary\" id=\"primary\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"secondary\" id=\"secondary\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- INFO --\u003e\n    \u003cdiv class=\"info\"\u003e\n      \u003cspan\u003e250g ≈ 14 cups\u003c\/span\u003e\n      \u003cspan\u003e500g ≈ 28 cups\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.stiir-order-guide {\n  padding: 40px 0;\n}\n\n.guide-card {\n  max-width: 520px;\n  margin: 0 auto;\n  background: #fff;\n  border-radius: 20px;\n  padding: 28px;\n  border: 1px solid #eaeaea;\n}\n\n\/* HEADLINE *\/\n.guide-card h3 {\n  font-size: 22px;\n  margin-bottom: 20px;\n}\n\n\/* SLIDER *\/\n.selector label {\n  font-size: 14px;\n  color: #666;\n}\n\n.selector input {\n  width: 100%;\n  margin: 12px 0;\n}\n\n.cups-display {\n  font-size: 15px;\n  margin-bottom: 20px;\n}\n\n\/* RESULT *\/\n.result {\n  padding-top: 18px;\n  border-top: 1px solid #eee;\n}\n\n.primary {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 6px;\n}\n\n.secondary {\n  font-size: 14px;\n  color: #777;\n}\n\n\/* INFO *\/\n.info {\n  margin-top: 20px;\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: #888;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const range = document.getElementById(\"cupsRange\");\n  const cupsValue = document.getElementById(\"cupsValue\");\n  const primary = document.getElementById(\"primary\");\n  const secondary = document.getElementById(\"secondary\");\n\n  function calculate() {\n    const cups = parseInt(range.value);\n    cupsValue.innerText = cups;\n\n    const gramsPerCup = 18;\n    const weeklyGrams = cups * gramsPerCup * 7;\n\n    let main = \"\";\n    let alt = \"\";\n\n    if (weeklyGrams \u003c= 150) {\n      main = \"1 × 250g every 2 weeks\";\n      alt = \"500g monthly\";\n    } \n    else if (weeklyGrams \u003c= 300) {\n      main = \"1 × 250g weekly\";\n      alt = \"500g every 2 weeks\";\n    } \n    else if (weeklyGrams \u003c= 500) {\n      main = \"1 × 500g every 2 weeks\";\n      alt = \"2 × 250g weekly\";\n    } \n    else if (weeklyGrams \u003c= 800) {\n      main = \"1 × 500g weekly\";\n      alt = \"2 × 250g weekly\";\n    } \n    else {\n      main = \"1 × 500g + 1 × 250g weekly\";\n      alt = \"3 × 250g weekly\";\n    }\n\n    primary.innerText = main;\n    secondary.innerText = alt;\n  }\n\n  range.addEventListener(\"input\", calculate);\n  calculate();\n});\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Ground \/ 250g","offer_id":63632954392925,"sku":"Ground250","price":15.99,"currency_code":"GBP","in_stock":true},{"title":"Ground \/ 500g","offer_id":63690009543005,"sku":"Ground500","price":21.99,"currency_code":"GBP","in_stock":true},{"title":"Whole Bean \/ 250g","offer_id":63632954425693,"sku":"Beans250","price":15.99,"currency_code":"GBP","in_stock":true},{"title":"Whole Bean \/ 500g","offer_id":63690009575773,"sku":"Beans500","price":21.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1051\/1273\/1997\/files\/side.png?v=1774521716","url":"https:\/\/www.stiir.co.uk\/products\/stiir-coffee","provider":"Stiir","version":"1.0","type":"link"}