{"product_id":"rideshinners™-clear-vision-windscreen-brush","title":"Rideshinners™ Streak-Free Windshield Tool","description":"\u003cstyle\u003e\n.rideshinners-container {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  max-width: 600px;\n  margin: auto;\n  padding: 15px;\n  color: #111;\n}\n\n\/* HERO *\/\n.title {\n  font-size: 26px;\n  font-weight: 800;\n  text-align: center;\n  line-height: 1.3;\n  background: linear-gradient(90deg,#38bdf8,#14b8a6);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.subtitle {\n  text-align: center;\n  font-size: 16px;\n  color: #444;\n  margin: 10px 0 20px;\n}\n\n\/* BENEFITS *\/\n.benefit-item {\n  border-radius: 16px;\n  margin-bottom: 12px;\n  overflow: hidden;\n  color: #fff;\n  box-shadow: 0 6px 18px rgba(0,0,0,0.08);\n  cursor: pointer;\n}\n\n\/* UNISEX BLUE\/TEAL PALETTE *\/\n.b1 { background: linear-gradient(135deg, #38bdf8, #0ea5e9); }\n.b2 { background: linear-gradient(135deg, #14b8a6, #0f766e); }\n.b3 { background: linear-gradient(135deg, #60a5fa, #2563eb); }\n.b4 { background: linear-gradient(135deg, #22c55e, #0ea5e9); }\n\n\/* HEADER *\/\n.benefit-header {\n  padding: 16px;\n  font-size: 16px;\n  font-weight: 700;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.benefit-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n\/* CONTENT *\/\n.benefit-content {\n  max-height: 0;\n  overflow: hidden;\n  padding: 0 16px;\n  font-size: 14px;\n  line-height: 1.5;\n  color: rgba(255,255,255,0.95);\n  transition: all 0.35s ease;\n}\n\n.benefit-item.active .benefit-content {\n  max-height: 140px;\n  padding: 0 16px 14px;\n}\n\n\/* ARROW *\/\n.arrow {\n  transition: transform 0.3s ease;\n}\n\n.benefit-item.active .arrow {\n  transform: rotate(180deg);\n}\n\n\/* FEATURES *\/\n.card {\n  background: #fff;\n  padding: 16px;\n  border-radius: 14px;\n  margin-bottom: 12px;\n  box-shadow: 0 6px 16px rgba(0,0,0,0.08);\n}\n\n\/* TRANSFORMATION *\/\n.transformation {\n  margin: 20px 0;\n  padding: 18px;\n  border-radius: 14px;\n  background: linear-gradient(135deg,#38bdf8,#14b8a6);\n  color: #fff;\n  text-align: center;\n  font-size: 15px;\n}\n\n\/* CTA *\/\n.cta {\n  position: sticky;\n  bottom: 0;\n  background: #fff;\n  padding: 12px 0;\n  margin-top: 20px;\n}\n\n.button {\n  display: block;\n  width: 100%;\n  text-align: center;\n  padding: 16px;\n  border-radius: 30px;\n  background: linear-gradient(90deg,#38bdf8,#14b8a6);\n  color: white;\n  font-weight: 700;\n  text-decoration: none;\n  font-size: 16px;\n  box-shadow: 0 0 15px rgba(56,189,248,0.35);\n}\n\n.small {\n  text-align: center;\n  font-size: 12px;\n  margin-top: 6px;\n  color: #666;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"rideshinners-container\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"title\"\u003e✨ Crystal Clear Windscreen in Seconds 🚗\u003c\/div\u003e\n  \u003cdiv class=\"subtitle\"\u003e\n    Tap each benefit to discover how it transforms your driving experience.\n  \u003c\/div\u003e\n\n  \u003c!-- INTERACTIVE BENEFITS --\u003e\n\n  \u003cdiv class=\"benefit-item b1\"\u003e\n    \u003cdiv class=\"benefit-header\"\u003e\n      \u003cdiv class=\"benefit-title\"\u003e🚘 Safer Driving\u003c\/div\u003e\n      \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-content\"\u003e\n      Removes haze and glare so you can see the road clearly and react faster—especially at night or in bright sunlight.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-item b2\"\u003e\n    \u003cdiv class=\"benefit-header\"\u003e\n      \u003cdiv class=\"benefit-title\"\u003e⚡ Clean in Seconds\u003c\/div\u003e\n      \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-content\"\u003e\n      One quick swipe removes dust, fingerprints, and fog instantly—no sprays or effort needed.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-item b3\"\u003e\n    \u003cdiv class=\"benefit-header\"\u003e\n      \u003cdiv class=\"benefit-title\"\u003e💎 Streak-Free Finish\u003c\/div\u003e\n      \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-content\"\u003e\n      Microfiber lifts dirt instead of smearing it, leaving your windscreen crystal clear every time.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"benefit-item b4\"\u003e\n    \u003cdiv class=\"benefit-header\"\u003e\n      \u003cdiv class=\"benefit-title\"\u003e👌 Effortless Reach\u003c\/div\u003e\n      \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit-content\"\u003e\n      Extended handle and pivot head let you clean every corner easily without stretching or strain.\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"card\"\u003e\n    🔵 \u003cstrong\u003eDeep-Clean Microfiber\u003c\/strong\u003e\u003cbr\u003e\n    Removes haze, dust, and grime in seconds.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n    🔄 \u003cstrong\u003e360° Pivot Head\u003c\/strong\u003e\u003cbr\u003e\n    Reaches every angle effortlessly.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n    📏 \u003cstrong\u003eExtended Handle (34cm)\u003c\/strong\u003e\u003cbr\u003e\n    Clean your full windscreen comfortably.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"card\"\u003e\n    ✅ \u003cstrong\u003eStreak-Free Technology\u003c\/strong\u003e\u003cbr\u003e\n    No smears, just crystal-clear glass.\n  \u003c\/div\u003e\n\n  \u003c!-- TRANSFORMATION --\u003e\n  \u003cdiv class=\"transformation\"\u003e\n    🌙 Night driving with reduced glare.\u003cbr\u003e\u003cbr\u003e\n    ☀️ Clear vision in daylight.\u003cbr\u003e\u003cbr\u003e\n    \u003cstrong\u003eDrive safer. See better. Feel confident.\u003c\/strong\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CTA --\u003e\n  \u003cdiv class=\"cta\"\u003e\n    \u003ca href=\"#\" class=\"button\"\u003eGet Crystal Clear Vision Now 🚘\u003c\/a\u003e\n    \u003cdiv class=\"small\"\u003e🔥 Limited stock available\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TRUST --\u003e\n  \u003cdiv class=\"small\"\u003e\n    🇿🇦 Proudly South African\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nconst items = document.querySelectorAll(\".benefit-item\");\n\nitems.forEach(item =\u003e {\n  const header = item.querySelector(\".benefit-header\");\n\n  header.addEventListener(\"click\", () =\u003e {\n    items.forEach(i =\u003e {\n      if(i !== item) i.classList.remove(\"active\");\n    });\n    item.classList.toggle(\"active\");\n  });\n});\n\u003c\/script\u003e","brand":"Rideshinners","offers":[{"title":"Default Title","offer_id":51506837651744,"sku":null,"price":349.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/2123\/2160\/files\/rideshinners-windscreen-brush-hero.png?v=1776545088","url":"https:\/\/rideshinners.co.za\/products\/rideshinners%e2%84%a2-clear-vision-windscreen-brush","provider":"RideShinners","version":"1.0","type":"link"}