{"title":"Home page","description":null,"products":[{"product_id":"purebase™-toilet-companion-dual-control-pressure-toilet-cleaner","title":"PureBase™ Brush Free Toilet Cleaner","description":"\u003cstyle\u003e\n:root {\n  --primary: #4fd1ff;\n  --secondary: #0a84ff;\n  --deep: #1f5f8f;\n  --bg: linear-gradient(180deg, #e9f7ff 0%, #f6fcff 100%);\n  --text: #0f172a;\n}\n\n\/* WRAPPER *\/\n.pb-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  padding: 50px 16px;\n  background: var(--bg);\n  border-radius: 20px;\n  max-width: 900px;\n  margin: auto;\n}\n\n\/* HERO *\/\n.pb-hero {\n  text-align: center;\n  margin-bottom: 30px;\n}\n\n.pb-badge {\n  background: var(--deep);\n  color: white;\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  display: inline-block;\n  margin-bottom: 14px;\n}\n\n.pb-title {\n  font-size: 24px;\n  font-weight: 800;\n  line-height: 1.25;\n  background: linear-gradient(90deg, var(--primary), var(--secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.pb-subtitle {\n  font-size: 15px;\n  color: #334155;\n  margin-top: 10px;\n}\n\n\/* DESCRIPTION *\/\n.pb-text {\n  margin-top: 22px;\n  font-size: 15px;\n  color: #334155;\n  line-height: 1.7;\n  text-align: center;\n}\n\n\/* ===== BENEFITS (CLEAN LINE STYLE) ===== *\/\n\n.pb-benefits {\n  margin-top: 30px;\n}\n\n.pb-benefit {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 14px 0;\n  border-bottom: 1.5px solid rgba(10,132,255,0.12);\n  transition: all 0.2s ease;\n}\n\n.pb-benefit:last-child {\n  border-bottom: none;\n}\n\n.pb-icon {\n  font-size: 18px;\n  margin-top: 2px;\n}\n\n.pb-benefit-text {\n  font-size: 15px;\n  color: var(--text);\n  line-height: 1.5;\n  font-weight: 500;\n}\n\n\/* subtle hover *\/\n@media (hover: hover) {\n  .pb-benefit:hover {\n    transform: translateX(4px);\n  }\n}\n\n\/* ===== INTERACTIVE FEATURE CARDS ===== *\/\n\n.pb-grid {\n  margin-top: 35px;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n}\n\n.pb-card {\n  background: var(--deep);\n  color: white;\n  border-radius: 18px;\n  padding: 18px;\n  cursor: pointer;\n  transition: all 0.25s ease;\n  position: relative;\n  overflow: hidden;\n  border: 2px solid transparent;\n}\n\n\/* hover *\/\n.pb-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n}\n\n\/* tap *\/\n.pb-card:active {\n  transform: scale(0.96);\n}\n\n\/* selected *\/\n.pb-card.active {\n  border: 2px solid var(--primary);\n  box-shadow: 0 0 20px rgba(79,209,255,0.4);\n}\n\n\/* glow *\/\n.pb-card::before {\n  content: \"\";\n  position: absolute;\n  width: 140%;\n  height: 140%;\n  background: radial-gradient(circle, rgba(255,255,255,0.2), transparent);\n  top: -50%;\n  left: -50%;\n  opacity: 0;\n  transition: 0.3s;\n}\n\n.pb-card:hover::before {\n  opacity: 1;\n}\n\n.pb-card-title {\n  font-weight: 700;\n  font-size: 15px;\n}\n\n.pb-card-desc {\n  font-size: 14px;\n  color: rgba(255,255,255,0.85);\n  margin-top: 6px;\n}\n\n\/* DESKTOP *\/\n@media(min-width: 768px) {\n  .pb-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .pb-title {\n    font-size: 28px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pb-wrapper\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pb-hero\"\u003e\n\u003cdiv class=\"pb-badge\"\u003e🚫 Ditch the toilet brush. For good.\u003c\/div\u003e\n\u003cdiv class=\"pb-title\"\u003eMeet the PureBase™ Brush Free Toilet Cleaner\u003c\/div\u003e\n\u003cdiv class=\"pb-subtitle\"\u003eA smarter, more hygienic way to clean your toilet — no scrubbing, no touching, no bacteria.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- DESCRIPTION --\u003e\n\u003cdiv class=\"pb-text\"\u003e\nForget everything you know about cleaning your toilet. No kneeling. No scrubbing. No brush. Just a powerful stream of water that does the hard work for you — in seconds.\n\u003c\/div\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"pb-benefits\"\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e🚽\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eWalk into a clean toilet every single time\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e🙌\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eNever touch a toilet brush again\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e🦠\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eEliminate hidden bacteria from your bathroom for good\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eCut your cleaning time in half\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"pb-grid\"\u003e\n\u003cdiv class=\"pb-card active\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e🏆 Stainless Steel\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eDurable, rust-resistant, built to last\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-card\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e🌀 2m Hose\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eFull flexibility to reach every corner\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-card\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e🎛️ Dual Control\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eAdjust water pressure with precision\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-card\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e🔧 Easy Install\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eSet up in minutes — no plumber needed\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e \u003c\/p\u003e","brand":"PureBase™","offers":[{"title":"Default Title","offer_id":45409498955830,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0745\/2052\/6902\/files\/purebase-balanced-premium-shot.png?v=1776769374"},{"product_id":"purebase™-mini-squeeze-mop-set","title":"PureBase™ Mini Squeeze Mop Set","description":"\u003cstyle\u003e\n:root {\n  --primary: #4fd1ff;\n  --secondary: #0a84ff;\n  --deep: #1f5f8f;\n  --bg: linear-gradient(180deg, #e9f7ff 0%, #f6fcff 100%);\n  --text: #0f172a;\n}\n\n\/* WRAPPER *\/\n.pb-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  padding: 50px 16px;\n  background: var(--bg);\n  border-radius: 20px;\n  max-width: 900px;\n  margin: auto;\n  animation: fadeIn 0.8s ease;\n}\n\n\/* HERO *\/\n.pb-hero { text-align: center; margin-bottom: 30px; }\n\n.pb-badge {\n  background: var(--deep);\n  color: white;\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  display: inline-block;\n  margin-bottom: 14px;\n}\n\n.pb-title {\n  font-size: 24px;\n  font-weight: 800;\n  line-height: 1.25;\n  background: linear-gradient(90deg, var(--primary), var(--secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.pb-subtitle {\n  font-size: 15px;\n  color: #334155;\n  margin-top: 10px;\n}\n\n\/* DESCRIPTION *\/\n.pb-text {\n  margin-top: 22px;\n  font-size: 15px;\n  color: #334155;\n  line-height: 1.7;\n  text-align: center;\n}\n\n\/* BENEFITS *\/\n.pb-benefits { margin-top: 30px; }\n\n.pb-benefit {\n  display: flex;\n  gap: 12px;\n  padding: 14px 0;\n  border-bottom: 1.5px solid rgba(10,132,255,0.12);\n  transition: 0.25s;\n}\n\n.pb-benefit:hover { transform: translateX(6px); }\n\n.pb-icon { font-size: 18px; }\n.pb-benefit-text { font-size: 15px; font-weight: 500; }\n\n\/* GRID *\/\n.pb-grid {\n  margin-top: 35px;\n  display: grid;\n  gap: 14px;\n}\n\n\/* BUTTON CARDS *\/\n.pb-card {\n  background: var(--deep);\n  color: white;\n  border-radius: 18px;\n  padding: 18px;\n  cursor: pointer;\n  transition: all 0.25s ease;\n  position: relative;\n  overflow: hidden;\n  border: 2px solid transparent;\n}\n\n\/* Hover *\/\n.pb-card:hover {\n  transform: translateY(-6px) scale(1.02);\n  box-shadow: 0 15px 35px rgba(0,0,0,0.18);\n}\n\n\/* Click press *\/\n.pb-card:active {\n  transform: scale(0.96);\n}\n\n\/* ACTIVE STATE *\/\n.pb-card.active {\n  border: 2px solid var(--primary);\n  box-shadow: 0 0 25px rgba(79,209,255,0.6);\n}\n\n\/* RIPPLE EFFECT *\/\n.pb-card span.ripple {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  animation: ripple 0.6s linear;\n  background: rgba(255,255,255,0.4);\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n}\n\n\/* CARD TEXT *\/\n.pb-card-title { font-weight: 700; }\n.pb-card-desc { font-size: 14px; opacity: 0.9; margin-top: 6px; }\n\n\/* CTA BUTTON *\/\n.pb-cta {\n  margin-top: 30px;\n  text-align: center;\n}\n\n.pb-main-btn {\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\n  color: white;\n  padding: 14px 28px;\n  border-radius: 999px;\n  font-weight: 600;\n  border: none;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.pb-main-btn:hover {\n  transform: scale(1.07);\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n}\n\n\/* ANIMATIONS *\/\n@keyframes fadeIn {\n  from {opacity:0;}\n  to {opacity:1;}\n}\n\n\/* DESKTOP *\/\n@media(min-width:768px){\n  .pb-grid { grid-template-columns: 1fr 1fr; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pb-wrapper\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pb-hero\"\u003e\n\u003cdiv class=\"pb-badge\"\u003e🚫 Stop using dirty towels\u003c\/div\u003e\n\u003cdiv class=\"pb-title\"\u003ePureBase™ Mini Squeeze Mop Set\u003c\/div\u003e\n\u003cdiv class=\"pb-subtitle\"\u003eClean faster, cleaner, and smarter — with zero mess\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DESCRIPTION --\u003e\n\u003cdiv class=\"pb-text\"\u003ePress. Squeeze. Done. No dripping cloths, no bacteria build-up — just a faster way to clean your home.\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"pb-benefits\"\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eOne-hand squeeze system\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e🧼\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eReplace dirty towels completely\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e🏠\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003ePerfect for every room\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit\"\u003e\n\u003cdiv class=\"pb-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"pb-benefit-text\"\u003eClean in seconds\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTERACTIVE BUTTON CARDS --\u003e\n\u003cdiv class=\"pb-grid\"\u003e\n\u003cdiv class=\"pb-card active\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e🤏 Compact\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eFits anywhere, easy to store\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-card\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e💧 Self-Squeeze\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eNo mess, no effort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-card\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e🔄 Replaceable Heads\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eAlways ready to clean\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-card\"\u003e\n\u003cdiv class=\"pb-card-title\"\u003e✨ Multi-Surface\u003c\/div\u003e\n\u003cdiv class=\"pb-card-desc\"\u003eGlass, floors, furniture\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"pb-cta\"\u003e\u003cbutton class=\"pb-main-btn\"\u003e Clean smarter today 💫 \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"PureBase","offers":[{"title":"Default Title","offer_id":45411616948278,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0745\/2052\/6902\/files\/ChatGPT_Image_Apr_21_2026_04_14_33_PM.png?v=1776780887"},{"product_id":"purebase™-mini-vacuum","title":"PureBase™ Mini Vacuum","description":"\u003cstyle\u003e\n:root {\n  --primary: #4fd1ff;\n  --secondary: #0a84ff;\n  --deep: #1f5f8f;\n  --bg: linear-gradient(180deg, #e9f7ff 0%, #f6fcff 100%);\n  --text: #0f172a;\n}\n\n.pbv-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  padding: 50px 20px;\n  background: var(--bg);\n  border-radius: 20px;\n  max-width: 850px;\n  margin: auto;\n}\n\n\/* HERO *\/\n.pbv-hero { text-align: center; }\n\n.pbv-badge {\n  background: var(--deep);\n  color: #fff;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  display: inline-block;\n  margin-bottom: 12px;\n}\n\n.pbv-title {\n  font-size: 26px;\n  font-weight: 800;\n  background: linear-gradient(90deg, var(--primary), var(--secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.pbv-subtitle {\n  margin-top: 10px;\n  color: #475569;\n  font-size: 15px;\n}\n\n\/* STRONGER DESCRIPTION *\/\n.pbv-text {\n  margin-top: 22px;\n  text-align: center;\n  font-size: 15px;\n  line-height: 1.7;\n  color: #475569;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* BENEFITS *\/\n.pbv-benefits {\n  margin-top: 30px;\n}\n\n.pbv-benefit {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 0;\n  font-size: 15px;\n  border-bottom: 1px solid rgba(10,132,255,0.12);\n}\n\n.pbv-benefit:last-child { border-bottom: none; }\n\n\/* GRID *\/\n.pbv-grid {\n  margin-top: 30px;\n  display: grid;\n  gap: 12px;\n}\n\n.pbv-card {\n  background: var(--deep);\n  color: #fff;\n  border-radius: 16px;\n  padding: 16px;\n  cursor: pointer;\n  transition: 0.25s ease;\n  border: 2px solid transparent;\n  position: relative;\n  overflow: hidden;\n}\n\n.pbv-card:hover {\n  transform: translateY(-4px);\n}\n\n.pbv-card:active {\n  transform: scale(0.96);\n}\n\n.pbv-card.active {\n  border: 2px solid var(--primary);\n  box-shadow: 0 0 18px rgba(79,209,255,0.4);\n}\n\n\/* ripple *\/\n.pbv-card span {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  background: rgba(255,255,255,0.35);\n  animation: ripple 0.6s linear;\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n}\n\n.pbv-card-title { font-weight: 600; }\n.pbv-card-desc { font-size: 13px; opacity: 0.85; margin-top: 4px; }\n\n\/* CTA *\/\n.pbv-cta {\n  margin-top: 30px;\n  text-align: center;\n}\n\n.pbv-btn {\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\n  color: white;\n  padding: 13px 26px;\n  border-radius: 999px;\n  border: none;\n  font-weight: 600;\n  cursor: pointer;\n  transition: 0.25s;\n  position: relative;\n  overflow: hidden;\n}\n\n.pbv-btn:hover {\n  transform: scale(1.05);\n}\n\n.pbv-btn:active {\n  transform: scale(0.96);\n}\n\n\/* button ripple *\/\n.pbv-btn span {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  background: rgba(255,255,255,0.4);\n  animation: ripple 0.6s linear;\n}\n\n\/* DESKTOP *\/\n@media(min-width:768px){\n  .pbv-grid { grid-template-columns: 1fr 1fr; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pbv-wrapper\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pbv-hero\"\u003e\n\u003cdiv class=\"pbv-badge\"\u003e⚡ Clean in seconds\u003c\/div\u003e\n\u003cdiv class=\"pbv-title\"\u003ePureBase™ Mini Vacuum\u003c\/div\u003e\n\u003cdiv class=\"pbv-subtitle\"\u003eSmall device. Serious cleaning power.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMPROVED DESCRIPTION --\u003e\n\u003cdiv class=\"pbv-text\"\u003eCrumbs on your desk. Dust in your keyboard. Dirt in your car. Instead of dragging out a big vacuum, just grab PureBase™ and clean it instantly — no setup, no noise, no hassle. \u003cbr\u003e\u003cbr\u003eIt’s the fastest way to go from messy to spotless in seconds.\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"pbv-benefits\"\u003e\n\u003cdiv class=\"pbv-benefit\"\u003e💨 Strong suction in one pass\u003c\/div\u003e\n\u003cdiv class=\"pbv-benefit\"\u003e🤫 Quiet, no disruption\u003c\/div\u003e\n\u003cdiv class=\"pbv-benefit\"\u003e🔋 Always ready — no charging\u003c\/div\u003e\n\u003cdiv class=\"pbv-benefit\"\u003e📐 Compact \u0026amp; portable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTERACTIVE CARDS --\u003e\n\u003cdiv class=\"pbv-grid\"\u003e\n\u003cdiv class=\"pbv-card active\"\u003e\n\u003cdiv class=\"pbv-card-title\"\u003e🚗 Car\u003c\/div\u003e\n\u003cdiv class=\"pbv-card-desc\"\u003eClean seats, crumbs \u0026amp; tight gaps\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pbv-card\"\u003e\n\u003cdiv class=\"pbv-card-title\"\u003e💻 Desk\u003c\/div\u003e\n\u003cdiv class=\"pbv-card-desc\"\u003ePerfect for keyboards \u0026amp; crumbs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pbv-card\"\u003e\n\u003cdiv class=\"pbv-card-title\"\u003e🛋️ Home\u003c\/div\u003e\n\u003cdiv class=\"pbv-card-desc\"\u003eFurniture \u0026amp; everyday mess\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pbv-card\"\u003e\n\u003cdiv class=\"pbv-card-title\"\u003e👜 Anywhere\u003c\/div\u003e\n\u003cdiv class=\"pbv-card-desc\"\u003eKeep it with you always\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"pbv-cta\"\u003e\u003cbutton class=\"pbv-btn\"\u003eGet yours now ✨\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"PureBase","offers":[{"title":"Default Title","offer_id":45450822942774,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0745\/2052\/6902\/files\/ChatGPT_Image_Apr_21_2026_04_28_03_PM.png?v=1776781697"},{"product_id":"purebase™-uv-toilet-cleaner","title":"PureBase™ UV Toilet Cleaner","description":"\u003cstyle\u003e\n:root {\n  --primary: #4fd1ff;\n  --secondary: #0a84ff;\n  --deep: #1f5f8f;\n  --bg: linear-gradient(180deg, #ecf9ff 0%, #f8fdff 100%);\n  --text: #0f172a;\n}\n\n\/* WRAPPER *\/\n.pbu-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  padding: 50px 20px;\n  background: var(--bg);\n  border-radius: 20px;\n  max-width: 850px;\n  margin: auto;\n  animation: fadeIn 0.8s ease;\n}\n\n\/* HERO *\/\n.pbu-hero {\n  text-align: center;\n}\n\n.pbu-badge {\n  background: var(--deep);\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  display: inline-block;\n  margin-bottom: 12px;\n}\n\n.pbu-title {\n  font-size: 26px;\n  font-weight: 800;\n  background: linear-gradient(90deg, var(--primary), var(--secondary));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.pbu-subtitle {\n  margin-top: 10px;\n  color: #475569;\n  font-size: 15px;\n}\n\n\/* DESCRIPTION *\/\n.pbu-text {\n  margin-top: 22px;\n  text-align: center;\n  font-size: 15px;\n  line-height: 1.7;\n  color: #475569;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* BENEFITS *\/\n.pbu-benefits {\n  margin-top: 30px;\n}\n\n.pbu-benefit {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 0;\n  border-bottom: 1px solid rgba(10,132,255,0.12);\n  font-size: 15px;\n}\n\n.pbu-benefit:last-child {\n  border-bottom: none;\n}\n\n\/* GRID *\/\n.pbu-grid {\n  margin-top: 30px;\n  display: grid;\n  gap: 12px;\n}\n\n.pbu-card {\n  background: var(--deep);\n  color: white;\n  border-radius: 16px;\n  padding: 16px;\n  cursor: pointer;\n  transition: 0.25s ease;\n  border: 2px solid transparent;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Glow hover *\/\n.pbu-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 0 20px rgba(79,209,255,0.4);\n}\n\n.pbu-card:active {\n  transform: scale(0.96);\n}\n\n.pbu-card.active {\n  border: 2px solid var(--primary);\n  box-shadow: 0 0 25px rgba(79,209,255,0.6);\n}\n\n\/* subtle glow animation *\/\n.pbu-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle, rgba(79,209,255,0.2), transparent);\n  opacity: 0;\n  transition: 0.3s;\n}\n\n.pbu-card:hover::after {\n  opacity: 1;\n}\n\n.pbu-card-title {\n  font-weight: 600;\n}\n\n.pbu-card-desc {\n  font-size: 13px;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n\n\/* CTA *\/\n.pbu-cta {\n  margin-top: 30px;\n  text-align: center;\n}\n\n.pbu-btn {\n  background: linear-gradient(135deg, var(--primary), var(--secondary));\n  color: white;\n  padding: 13px 26px;\n  border-radius: 999px;\n  border: none;\n  font-weight: 600;\n  cursor: pointer;\n  transition: 0.25s;\n  position: relative;\n  overflow: hidden;\n}\n\n.pbu-btn:hover {\n  transform: scale(1.05);\n  box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n}\n\n.pbu-btn:active {\n  transform: scale(0.96);\n}\n\n\/* ripple *\/\n.pbu-btn span, .pbu-card span {\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  background: rgba(255,255,255,0.4);\n  animation: ripple 0.6s linear;\n}\n\n@keyframes ripple {\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n}\n\n\/* animations *\/\n@keyframes fadeIn {\n  from {opacity:0;}\n  to {opacity:1;}\n}\n\n\/* DESKTOP *\/\n@media(min-width:768px){\n  .pbu-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"pbu-wrapper\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"pbu-hero\"\u003e\n\u003cdiv class=\"pbu-badge\"\u003e🚫 No scrubbing. No effort.\u003c\/div\u003e\n\u003cdiv class=\"pbu-title\"\u003ePureBase™ UV Toilet Cleaner\u003c\/div\u003e\n\u003cdiv class=\"pbu-subtitle\"\u003eLet technology handle what you don’t want to.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DESCRIPTION --\u003e\n\u003cdiv class=\"pbu-text\"\u003eStop dealing with dirty toilet brushes and hidden bacteria. The PureBase™ UV Cleaner uses powerful UV-C light to quietly eliminate germs and odours while you sleep — leaving your bathroom fresh by morning.\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"pbu-benefits\"\u003e\n\u003cdiv class=\"pbu-benefit\"\u003e🔵 UV-C kills bacteria \u0026amp; removes odours\u003c\/div\u003e\n\u003cdiv class=\"pbu-benefit\"\u003e💡 Soft LED night light\u003c\/div\u003e\n\u003cdiv class=\"pbu-benefit\"\u003e🔋 USB rechargeable\u003c\/div\u003e\n\u003cdiv class=\"pbu-benefit\"\u003e📎 Installs in seconds\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"pbu-grid\"\u003e\n\u003cdiv class=\"pbu-card active\"\u003e\n\u003cdiv class=\"pbu-card-title\"\u003e🌙 Overnight Cleaning\u003c\/div\u003e\n\u003cdiv class=\"pbu-card-desc\"\u003eWorks while you sleep — zero effort\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pbu-card\"\u003e\n\u003cdiv class=\"pbu-card-title\"\u003e🧼 Hygienic Solution\u003c\/div\u003e\n\u003cdiv class=\"pbu-card-desc\"\u003eNo more dirty brushes or contact\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pbu-card\"\u003e\n\u003cdiv class=\"pbu-card-title\"\u003e⚡ Quick Install\u003c\/div\u003e\n\u003cdiv class=\"pbu-card-desc\"\u003eStick it on — ready in seconds\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pbu-card\"\u003e\n\u003cdiv class=\"pbu-card-title\"\u003e🧳 Travel Ready\u003c\/div\u003e\n\u003cdiv class=\"pbu-card-desc\"\u003eTake it anywhere you go\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"pbu-cta\"\u003e\u003cbutton class=\"pbu-btn\"\u003eUpgrade your bathroom ✨\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"PureBase","offers":[{"title":"Default Title","offer_id":45491598065718,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0745\/2052\/6902\/files\/ChatGPT_Image_Apr_26_2026_02_27_26_PM.png?v=1777206466"}],"url":"https:\/\/purebase.co.za\/collections\/frontpage.oembed","provider":"PureBase","version":"1.0","type":"link"}