{"product_id":"sample-genglo-foam-wash","title":"Foam Wash","description":"\u003c!-- GenGlo Foam Wash Product Page - Shopify Compatible --\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Titan+One\u0026amp;family=Nunito:wght@400;600;700;800;900\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n:root {\n  --yello: #ffff76;\n  --violet: #6242f7;\n  --aqua: #a2f1ff;\n  --pink: #ecb6ff;\n  --moon: #fffffc;\n  --vdark: #3a22d4;\n  --fn: \"Titan One\", cursive;\n  --fb: \"Nunito\", sans-serif;\n}\n.genglo-fw-wrap {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  font-family: var(--fb);\n  color: var(--vdark);\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.fw-section {\n  padding: 60px 24px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.75s cubic-bezier(.22,1,.36,1), transform 0.75s cubic-bezier(.22,1,.36,1);\n}\n.fw-section.visible { opacity: 1; transform: translateY(0); }\n.fw-inner { max-width: 100%; margin: 0 auto; }\n\n.fw-eyebrow {\n  font-family: var(--fn);\n  font-size: 11px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--violet);\n  opacity: 0.6;\n  margin-bottom: 10px;\n}\n.fw-h2 {\n  font-family: var(--fn);\n  font-size: clamp(28px, 5vw, 44px);\n  color: var(--vdark);\n  line-height: 1.0;\n  margin-bottom: 14px;\n}\n.fw-h2-light {\n  font-family: var(--fn);\n  font-size: clamp(28px, 5vw, 44px);\n  color: var(--yello);\n  line-height: 1.0;\n  margin-bottom: 14px;\n}\n\n\/* INTRO *\/\n.fw-intro { background: var(--moon); }\n.fw-intro-tagline {\n  font-family: var(--fn);\n  font-size: clamp(13px, 2vw, 16px);\n  color: var(--violet);\n  letter-spacing: 0.05em;\n  margin-bottom: 20px;\n}\n.fw-intro-body {\n  font-size: 15px;\n  color: #555;\n  line-height: 1.9;\n  font-weight: 600;\n  margin-bottom: 14px;\n}\n.fw-intro-closing {\n  font-family: var(--fn);\n  font-size: 14px;\n  color: var(--violet);\n  border-left: 4px solid var(--pink);\n  padding-left: 14px;\n  margin-top: 24px;\n  line-height: 1.6;\n}\n\n\/* CREDENTIALS *\/\n.fw-creds {\n  background: linear-gradient(160deg, #6242f7 0%, #3a22d4 100%);\n  text-align: center;\n}\n.fw-creds-sub {\n  font-size: 15px;\n  color: rgba(255,255,252,0.8);\n  font-weight: 600;\n  margin-bottom: 32px;\n  line-height: 1.7;\n}\n.fw-checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n.fw-check {\n  font-family: var(--fn);\n  font-size: 12px;\n  padding: 8px 16px;\n  border-radius: 50px;\n  background: rgba(255,255,118,0.15);\n  color: var(--yello);\n  border: 1px solid rgba(255,255,118,0.3);\n}\n\n\/* BENEFITS *\/\n.fw-benefits { background: var(--moon); }\n.fw-benefit-list {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-top: 28px;\n}\n.fw-benefit-card {\n  background: white;\n  border-radius: 20px;\n  padding: 20px 22px;\n  border: 2px solid var(--pink);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 16px;\n  align-items: center;\n  transition: border-color 0.2s, transform 0.2s;\n}\n.fw-benefit-card:hover { border-color: var(--violet); transform: translateX(4px); }\n.fw-benefit-icon { font-size: 26px; line-height: 1; }\n.fw-benefit-card p {\n  font-family: var(--fn);\n  font-size: 15px;\n  color: var(--vdark);\n  line-height: 1.4;\n}\n\n\/* KEY INGREDIENTS *\/\n.fw-ingredients { background: #f0eaff; }\n.fw-ing-list {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-top: 28px;\n  margin-bottom: 20px;\n}\n.fw-ing-card {\n  background: white;\n  border-radius: 20px;\n  padding: 20px 22px;\n  border: 2px solid var(--pink);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 16px;\n  align-items: start;\n  transition: border-color 0.2s, transform 0.2s;\n}\n.fw-ing-card:hover { border-color: var(--violet); transform: translateX(4px); }\n.fw-ing-dot {\n  width: 10px; height: 10px;\n  border-radius: 50%;\n  background: var(--violet);\n  margin-top: 6px;\n  flex-shrink: 0;\n}\n.fw-ing-card h4 {\n  font-family: var(--fn);\n  font-size: 15px;\n  color: var(--vdark);\n  margin-bottom: 4px;\n}\n.fw-ing-card p {\n  font-size: 13px;\n  color: #666;\n  font-weight: 600;\n  line-height: 1.6;\n}\n.fw-ing-note {\n  font-size: 13px;\n  color: #888;\n  font-weight: 600;\n  font-style: italic;\n  text-align: center;\n  margin-top: 8px;\n}\n\n\/* INCI *\/\n.inci-toggle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 18px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-family: var(--fb);\n  font-size: 12px;\n  font-weight: 700;\n  color: #aaa;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 0;\n  transition: color 0.2s;\n}\n.inci-toggle:hover { color: var(--violet); }\n.inci-arrow { display: inline-block; font-size: 10px; transition: transform 0.25s ease; }\n.inci-toggle.open .inci-arrow { transform: rotate(180deg); }\n.inci-content {\n  display: none;\n  font-size: 12px;\n  color: #777;\n  line-height: 1.8;\n  font-weight: 600;\n  margin-top: 10px;\n  padding: 14px 16px;\n  background: #fafafa;\n  border-radius: 12px;\n  border: 1px solid #eee;\n}\n.inci-content.open { display: block; }\n\n\/* HOW TO USE *\/\n.fw-how { background: var(--moon); }\n.fw-how-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin: 24px 0 16px;\n}\n.fw-how-step {\n  background: white;\n  border-radius: 18px;\n  padding: 18px 20px;\n  border: 2px solid var(--pink);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  transition: border-color 0.2s, transform 0.2s;\n}\n.fw-how-step:hover { border-color: var(--violet); transform: translateX(4px); }\n.fw-how-num {\n  font-family: var(--fn);\n  font-size: 26px;\n  color: var(--violet);\n  flex-shrink: 0;\n  width: 38px;\n}\n.fw-how-text h4 {\n  font-family: var(--fn);\n  font-size: 15px;\n  color: var(--vdark);\n  margin-bottom: 2px;\n}\n.fw-how-text p { font-size: 13px; color: #666; font-weight: 600; }\n.fw-how-note {\n  font-family: var(--fn);\n  font-size: 13px;\n  color: var(--violet);\n  background: #f0eaff;\n  border-radius: 12px;\n  padding: 14px 18px;\n}\n\n@media (max-width: 760px) {\n  .fw-section { padding: 48px 20px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"genglo-fw-wrap\"\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"fw-section fw-intro\"\u003e\n    \u003cdiv class=\"fw-inner\"\u003e\n      \u003cp class=\"fw-eyebrow\"\u003eStep 1 — Cleanser\u003c\/p\u003e\n      \u003cp class=\"fw-intro-tagline\"\u003eCleanse. Soften. Balance.\u003c\/p\u003e\n      \u003ch2 class=\"fw-h2\"\u003eFoam Wash\u003c\/h2\u003e\n      \u003cp class=\"fw-intro-body\"\u003eA gentle daily foaming cleanser designed especially for young, sensitive and breakout-prone skin. GenGlo Foam Wash effectively removes dirt, excess oil and impurities without stripping the skin, helping to maintain a healthy moisture balance after every wash.\u003c\/p\u003e\n      \u003cp class=\"fw-intro-body\"\u003eFormulated with soothing aloe vera and hydrating glycerin, this lightweight foam leaves skin feeling fresh, soft and comfortable. A prebiotic complex helps support the skin's natural microbiome, while conditioning ingredients work to reduce dryness and irritation.\u003c\/p\u003e\n      \u003cp class=\"fw-intro-closing\"\u003ePerfect as the first step in a simple 3-step routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CREDENTIALS --\u003e\n  \u003csection class=\"fw-section fw-creds\"\u003e\n    \u003cdiv class=\"fw-inner\"\u003e\n      \u003cp class=\"fw-eyebrow\" style=\"color:var(--aqua);opacity:1;\"\u003eDermatologically Mindful\u003c\/p\u003e\n      \u003ch2 class=\"fw-h2-light\"\u003eGentle enough for every day.\u003c\/h2\u003e\n      \u003cp class=\"fw-creds-sub\"\u003eSulphate-free. Soap-free. Non-drying.\u003cbr\u003eDesigned to clean without wrecking your skin barrier.\u003c\/p\u003e\n      \u003cdiv class=\"fw-checks\"\u003e\n        \u003cspan class=\"fw-check\"\u003eSulphate-free\u003c\/span\u003e\n        \u003cspan class=\"fw-check\"\u003eSoap-free\u003c\/span\u003e\n        \u003cspan class=\"fw-check\"\u003eNon-drying\u003c\/span\u003e\n        \u003cspan class=\"fw-check\"\u003eFragrance-free\u003c\/span\u003e\n        \u003cspan class=\"fw-check\"\u003eSuitable for sensitive skin\u003c\/span\u003e\n        \u003cspan class=\"fw-check\"\u003eDaily use\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- WHY YOU'LL LOVE IT --\u003e\n  \u003csection class=\"fw-section fw-benefits\"\u003e\n    \u003cdiv class=\"fw-inner\"\u003e\n      \u003cp class=\"fw-eyebrow\"\u003eWhy You'll Love It\u003c\/p\u003e\n      \u003ch2 class=\"fw-h2\"\u003eWhat it does 💛\u003c\/h2\u003e\n      \u003cdiv class=\"fw-benefit-list\"\u003e\n        \u003cdiv class=\"fw-benefit-card\"\u003e\n          \u003cdiv class=\"fw-benefit-icon\"\u003e🫧\u003c\/div\u003e\n          \u003cp\u003eGently cleanses without over-drying\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-benefit-card\"\u003e\n          \u003cdiv class=\"fw-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n          \u003cp\u003eHelps maintain the skin's natural barrier\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-benefit-card\"\u003e\n          \u003cdiv class=\"fw-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n          \u003cp\u003eSupports balanced, healthy-looking skin\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-benefit-card\"\u003e\n          \u003cdiv class=\"fw-benefit-icon\"\u003e✨\u003c\/div\u003e\n          \u003cp\u003eLeaves skin feeling soft, fresh and comfortable\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-benefit-card\"\u003e\n          \u003cdiv class=\"fw-benefit-icon\"\u003e🌿\u003c\/div\u003e\n          \u003cp\u003eSuitable for sensitive, tween and young teen skin\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- KEY INGREDIENTS --\u003e\n  \u003csection class=\"fw-section fw-ingredients\"\u003e\n    \u003cdiv class=\"fw-inner\"\u003e\n      \u003cp class=\"fw-eyebrow\"\u003eWhat's Inside\u003c\/p\u003e\n      \u003ch2 class=\"fw-h2\"\u003eKey Ingredients ✦\u003c\/h2\u003e\n      \u003cdiv class=\"fw-ing-list\"\u003e\n        \u003cdiv class=\"fw-ing-card\"\u003e\n          \u003cdiv class=\"fw-ing-dot\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eAloe Vera\u003c\/h4\u003e\n            \u003cp\u003eKnown for its soothing and calming properties.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-ing-card\"\u003e\n          \u003cdiv class=\"fw-ing-dot\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eGlycerin\u003c\/h4\u003e\n            \u003cp\u003eHelps draw moisture into the skin for lasting hydration.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-ing-card\"\u003e\n          \u003cdiv class=\"fw-ing-dot\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eBetaine\u003c\/h4\u003e\n            \u003cp\u003eHelps reduce dryness and irritation during cleansing.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-ing-card\"\u003e\n          \u003cdiv class=\"fw-ing-dot\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003ePrebiotic Complex (Inulin \u0026amp; Fructose)\u003c\/h4\u003e\n            \u003cp\u003eSupports a balanced skin microbiome.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-ing-card\"\u003e\n          \u003cdiv class=\"fw-ing-dot\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eArginine\u003c\/h4\u003e\n            \u003cp\u003eHelps support the skin barrier and improve comfort.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"fw-ing-note\"\u003eCarefully formulated without sulphates, soap, parabens or drying alcohols.\u003c\/p\u003e\n      \u003cbutton class=\"inci-toggle\" onclick=\"toggleInci(this)\"\u003e\n        Full Ingredients List \u003cspan class=\"inci-arrow\"\u003e▼\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"inci-content\"\u003eAqua (Water), Betaine, Decyl Glucoside, Sodium Lauroyl Sarcosinate, Glycerin, Caprylyl\/Capryl Glucoside, Gluconolactone, Panthenol, Vanilla Planifolia Fruit Extract, Inulin, Hydroxyacetophenone, Arginine, Sodium Benzoate, Saccharide Isomerate, Citric Acid, Aloe Barbadensis (Aloe Vera) Leaf Juice Powder, Fructose, Hydroxypropyl Guar Hydroxypropyltrimonium Chloride, Disodium EDTA, Polyquaternium-10, Hydrolyzed Sodium Hyaluronate, Sodium Hyaluronate, Calcium Gluconate, Phenoxyethanol, Sodium Citrate, Ethylhexylglycerin.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- HOW TO USE --\u003e\n  \u003csection class=\"fw-section fw-how\"\u003e\n    \u003cdiv class=\"fw-inner\"\u003e\n      \u003cp class=\"fw-eyebrow\"\u003eHow To Use\u003c\/p\u003e\n      \u003ch2 class=\"fw-h2\"\u003eStart here. Every time. 🧴\u003c\/h2\u003e\n      \u003cdiv class=\"fw-how-steps\"\u003e\n        \u003cdiv class=\"fw-how-step\"\u003e\n          \u003cdiv class=\"fw-how-num\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"fw-how-text\"\u003e\n            \u003ch4\u003eWet your face\u003c\/h4\u003e\n            \u003cp\u003eWith lukewarm water\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-how-step\"\u003e\n          \u003cdiv class=\"fw-how-num\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"fw-how-text\"\u003e\n            \u003ch4\u003ePump \u0026amp; lather\u003c\/h4\u003e\n            \u003cp\u003eApply to face, massage gently in circular motions\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"fw-how-step\"\u003e\n          \u003cdiv class=\"fw-how-num\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"fw-how-text\"\u003e\n            \u003ch4\u003eRinse \u0026amp; continue\u003c\/h4\u003e\n            \u003cp\u003eFollow with Spot Serum and Soft Cream\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"fw-how-note\"\u003eCleans without wrecking your skin barrier. ✦\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction toggleInci(btn) {\n  var content = btn.nextElementSibling;\n  var isOpen = content.classList.contains('open');\n  content.classList.toggle('open', !isOpen);\n  btn.classList.toggle('open', !isOpen);\n}\n(function() {\n  [\"main-page-title\",\"page__title\",\"page-title\",\"page-header\",\"page__heading\"].forEach(function(cls) {\n    document.querySelectorAll(\".\" + cls).forEach(function(el) {\n      if (!el.closest(\".genglo-fw-wrap\")) el.style.display = \"none\";\n    });\n  });\n  document.querySelectorAll(\"h1\").forEach(function(el) {\n    if (!el.closest(\".genglo-fw-wrap\")) el.style.display = \"none\";\n  });\n  var revealEls = document.querySelectorAll(\".fw-section\");\n  if (\"IntersectionObserver\" in window) {\n    var io = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add(\"visible\"); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.1 });\n    revealEls.forEach(function(el) { io.observe(el); });\n  } else {\n    revealEls.forEach(function(el) { el.classList.add(\"visible\"); });\n  }\n})();\n\u003c\/script\u003e\n","brand":"My Store","offers":[{"title":"Default Title","offer_id":56559578906955,"sku":null,"price":16.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0933\/4328\/5579\/files\/5_74449cb7-534c-4de7-ae70-ff8b03dc4ad2.png?v=1787924365","url":"https:\/\/www.genglo.co.uk\/products\/sample-genglo-foam-wash","provider":"GenGlo","version":"1.0","type":"link"}