{"product_id":"klenimore™-pro-a-chemical-free-water-treatment-that-keeps-your-toilet-bowl-clean","title":"KLENIMORE™ Pro A chemical-free water treatment that keeps your toilet bowl clean.","description":"\u003cdiv id=\"purchase-popup\"\u003e\n  \u003cimg id=\"user-avatar\" src=\"\" alt=\"Customer Avatar\"\u003e\n  \n  \u003cdiv class=\"popup-right\"\u003e\n    \u003cdiv class=\"popup-top\"\u003e\n      \u003cspan class=\"hot-badge\"\u003eHOT SALE\u003c\/span\u003e\n      \u003cspan class=\"popup-time\" id=\"popup-time\"\u003e3m ago\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"popup-title\" id=\"popup-title\"\u003eRecent Order\u003c\/div\u003e\n    \u003cdiv class=\"popup-desc\" id=\"purchase-text\"\u003e\n      Linda from Florida just ordered 2 items.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n#purchase-popup{\n  position: fixed;\n  left: 20px;\n  bottom: 90px;\n  display: none;\n  align-items: center;\n  gap: 12px;\n  width: 320px;\n  padding: 12px 14px;\n  background: #ffffff;\n  border: 1px solid #e9eef5;\n  border-radius: 18px;\n  box-shadow: 0 12px 35px rgba(16, 24, 40, 0.18);\n  z-index: 9999;\n  animation: popupSlideIn .45s ease;\n  font-family: Arial, Helvetica, sans-serif;\n}\n\n#user-avatar{\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 2px solid #f3f4f6;\n}\n\n.popup-right{\n  flex: 1;\n  min-width: 0;\n}\n\n.popup-top{\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n\n.hot-badge{\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 8px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #ff7a00, #ff9f43);\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .4px;\n  text-transform: uppercase;\n  line-height: 1;\n}\n\n.popup-time{\n  font-size: 12px;\n  color: #8a94a6;\n  white-space: nowrap;\n}\n\n.popup-title{\n  font-size: 15px;\n  font-weight: 700;\n  color: #111827;\n  line-height: 1.2;\n  margin-bottom: 4px;\n}\n\n.popup-desc{\n  font-size: 13px;\n  color: #4b5563;\n  line-height: 1.45;\n}\n\n.popup-desc strong{\n  color: #111827;\n  font-weight: 700;\n}\n\n@keyframes popupSlideIn{\n  from{\n    opacity: 0;\n    transform: translateY(18px);\n  }\n  to{\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 768px){\n  #purchase-popup{\n    left: 12px;\n    right: 12px;\n    bottom: 82px;\n    width: auto;\n    max-width: unset;\n    padding: 12px;\n  }\n\n  #user-avatar{\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n  }\n\n  .popup-title{\n    font-size: 14px;\n  }\n\n  .popup-desc{\n    font-size: 12.5px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst customers = [\n  { name: \"Linda\", state: \"Florida\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" },\n  { name: \"James\", state: \"Texas\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" },\n  { name: \"Susan\", state: \"California\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" },\n  { name: \"Robert\", state: \"Ohio\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/45.jpg\" },\n  { name: \"Barbara\", state: \"Arizona\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" },\n  { name: \"Michael\", state: \"Georgia\", avatar: \"https:\/\/randomuser.me\/api\/portraits\/men\/76.jpg\" }\n];\n\nconst popupTitles = [\n  \"Recent Order\",\n  \"Just Purchased\",\n  \"Popular Right Now\",\n  \"Order Confirmed\"\n];\n\nfunction updatePopupContent() {\n  const customer = customers[Math.floor(Math.random() * customers.length)];\n  const qty = Math.floor(Math.random() * 2) + 1;\n  const mins = Math.floor(Math.random() * 7) + 1;\n  const title = popupTitles[Math.floor(Math.random() * popupTitles.length)];\n\n  document.getElementById(\"user-avatar\").src = customer.avatar;\n  document.getElementById(\"popup-title\").textContent = title;\n  document.getElementById(\"popup-time\").textContent = `${mins}m ago`;\n  document.getElementById(\"purchase-text\").innerHTML =\n    `\u003cstrong\u003e${customer.name}\u003c\/strong\u003e from \u003cstrong\u003e${customer.state}\u003c\/strong\u003e just ordered \u003cstrong\u003e${qty}\u003c\/strong\u003e item${qty \u003e 1 ? \"s\" : \"\"}.`;\n}\n\nfunction showPurchasePopup() {\n  const popup = document.getElementById(\"purchase-popup\");\n  updatePopupContent();\n  popup.style.display = \"flex\";\n\n  setTimeout(() =\u003e {\n    popup.style.display = \"none\";\n  }, 2800);\n}\n\nsetInterval(showPurchasePopup, 5200);\nshowPurchasePopup();\n\u003c\/script\u003e","brand":"Ringmab","offers":[{"title":"1 Pro（$39.00\/each）","offer_id":47792676110510,"sku":null,"price":39.0,"currency_code":"USD","in_stock":true},{"title":"2 Pros（$24.50\/each）","offer_id":47792676143278,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true},{"title":"3 Pros（$23.00\/each）","offer_id":47792676176046,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"4 Pros（$21.00\/each）","offer_id":47792676208814,"sku":null,"price":84.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/2131\/3710\/files\/ChatGPTImageApr28_2026_10_35_57PM.png?v=1777442925","url":"https:\/\/ringmab.com\/products\/klenimore%e2%84%a2-pro-a-chemical-free-water-treatment-that-keeps-your-toilet-bowl-clean","provider":"Ringmab","version":"1.0","type":"link"}