{"product_id":"spot-serum","title":"Spot Serum","description":"\u003c!-- GenGlo Spot Serum 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-ss-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.ss-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.ss-section.visible { opacity: 1; transform: translateY(0); }\n.ss-inner { max-width: 100%; margin: 0 auto; }\n.ss-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.ss-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.ss-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.ss-intro { background: var(--moon); }\n.ss-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.ss-intro-body {\n  font-size: 15px;\n  color: #555;\n  line-height: 1.9;\n  font-weight: 600;\n  margin-bottom: 14px;\n}\n.ss-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.ss-creds {\n  background: linear-gradient(160deg, #6242f7 0%, #3a22d4 100%);\n  text-align: center;\n}\n.ss-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.ss-checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n.ss-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.ss-benefits { background: var(--moon); }\n.ss-benefit-list {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-top: 28px;\n}\n.ss-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.ss-benefit-card:hover { border-color: var(--violet); transform: translateX(4px); }\n.ss-benefit-icon { font-size: 26px; line-height: 1; }\n.ss-benefit-card p {\n  font-family: var(--fn);\n  font-size: 15px;\n  color: var(--vdark);\n  line-height: 1.4;\n}\n\n\/* HOW TO USE *\/\n.ss-how { background: #f0eaff; }\n.ss-how-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin: 24px 0 16px;\n}\n.ss-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.ss-how-step:hover { border-color: var(--violet); transform: translateX(4px); }\n.ss-how-num {\n  font-family: var(--fn);\n  font-size: 26px;\n  color: var(--violet);\n  flex-shrink: 0;\n  width: 38px;\n}\n.ss-how-text h4 {\n  font-family: var(--fn);\n  font-size: 15px;\n  color: var(--vdark);\n  margin-bottom: 2px;\n}\n.ss-how-text p { font-size: 13px; color: #666; font-weight: 600; }\n.ss-how-note {\n  font-family: var(--fn);\n  font-size: 13px;\n  color: var(--violet);\n  background: white;\n  border-radius: 12px;\n  padding: 14px 18px;\n  border: 2px solid var(--pink);\n}\n\n\/* INGREDIENTS *\/\n.ss-ingredients { background: var(--moon); }\n.ss-ing-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n  gap: 10px;\n  margin-top: 24px;\n  margin-bottom: 20px;\n}\n.ss-ing-pill {\n  background: white;\n  border-radius: 14px;\n  padding: 14px 10px;\n  text-align: center;\n  border: 2px solid var(--pink);\n  font-family: var(--fn);\n  font-size: 12px;\n  color: var(--vdark);\n  line-height: 1.4;\n  transition: border-color 0.2s, transform 0.2s;\n}\n.ss-ing-pill:hover { border-color: var(--violet); transform: translateY(-2px); }\n.ss-ing-note { font-size: 12px; color: #999; font-weight: 600; text-align: center; font-style: italic; }\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@media (max-width: 760px) {\n  .ss-section { padding: 48px 20px; }\n  .ss-ing-grid { grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"genglo-ss-wrap\"\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"ss-section ss-intro\"\u003e\n    \u003cdiv class=\"ss-inner\"\u003e\n      \u003cp class=\"ss-eyebrow\"\u003eStep 2 — Serum\u003c\/p\u003e\n      \u003cp class=\"ss-intro-tagline\"\u003eTarget. Calm. Balance.\u003c\/p\u003e\n      \u003ch2 class=\"ss-h2\"\u003eSpot Serum\u003c\/h2\u003e\n      \u003cp class=\"ss-intro-body\"\u003eA lightweight, fast-absorbing serum designed for sensitive, blemish-prone tween and teen skin.\u003c\/p\u003e\n      \u003cp class=\"ss-intro-body\"\u003eThis gentle gel-cream formula helps calm visible redness, balance excess oil and support the skin barrier — without clogging pores or causing irritation. Perfect for daily use, it leaves skin feeling smooth, hydrated and comfortably balanced.\u003c\/p\u003e\n      \u003cp class=\"ss-intro-closing\"\u003eFormulated with Aloe Vera, Niacinamide, Zinc PCA and Centella Asiatica to help maintain clearer-looking skin while supporting young, delicate skin. Suitable for ages 8–18.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CREDENTIALS --\u003e\n  \u003csection class=\"ss-section ss-creds\"\u003e\n    \u003cdiv class=\"ss-inner\"\u003e\n      \u003cp class=\"ss-eyebrow\" style=\"color:var(--aqua);opacity:1;\"\u003eDermatologically Approved\u003c\/p\u003e\n      \u003ch2 class=\"ss-h2-light\"\u003eMade with young skin in mind.\u003c\/h2\u003e\n      \u003cp class=\"ss-creds-sub\"\u003eNo harsh actives. No adult-strength formulas. No over-treatment.\u003cbr\u003eJust gentle, effective support for skin that's still figuring itself out.\u003c\/p\u003e\n      \u003cdiv class=\"ss-checks\"\u003e\n        \u003cspan class=\"ss-check\"\u003eDermatologically approved\u003c\/span\u003e\n        \u003cspan class=\"ss-check\"\u003ePatch tested\u003c\/span\u003e\n        \u003cspan class=\"ss-check\"\u003eFragrance-free\u003c\/span\u003e\n        \u003cspan class=\"ss-check\"\u003eSuitable for sensitive skin\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- KEY BENEFITS --\u003e\n  \u003csection class=\"ss-section ss-benefits\"\u003e\n    \u003cdiv class=\"ss-inner\"\u003e\n      \u003cp class=\"ss-eyebrow\"\u003eKey Benefits\u003c\/p\u003e\n      \u003ch2 class=\"ss-h2\"\u003eWhat it does 💜\u003c\/h2\u003e\n      \u003cdiv class=\"ss-benefit-list\"\u003e\n        \u003cdiv class=\"ss-benefit-card\"\u003e\n          \u003cdiv class=\"ss-benefit-icon\"\u003e🌿\u003c\/div\u003e\n          \u003cp\u003eHelps reduce the appearance of redness\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ss-benefit-card\"\u003e\n          \u003cdiv class=\"ss-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n          \u003cp\u003eSupports oil balance for blemish-prone skin\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ss-benefit-card\"\u003e\n          \u003cdiv class=\"ss-benefit-icon\"\u003e💧\u003c\/div\u003e\n          \u003cp\u003eLightweight hydration without clogging pores\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ss-benefit-card\"\u003e\n          \u003cdiv class=\"ss-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n          \u003cp\u003eHelps maintain a healthy skin barrier\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ss-benefit-card\"\u003e\n          \u003cdiv class=\"ss-benefit-icon\"\u003e✨\u003c\/div\u003e\n          \u003cp\u003eNon-greasy, fast-absorbing texture\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- HOW TO USE --\u003e\n  \u003csection class=\"ss-section ss-how\"\u003e\n    \u003cdiv class=\"ss-inner\"\u003e\n      \u003cp class=\"ss-eyebrow\"\u003eHow To Use\u003c\/p\u003e\n      \u003ch2 class=\"ss-h2\"\u003eSimple. Targeted. Done. 🧴\u003c\/h2\u003e\n      \u003cdiv class=\"ss-how-steps\"\u003e\n        \u003cdiv class=\"ss-how-step\"\u003e\n          \u003cdiv class=\"ss-how-num\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"ss-how-text\"\u003e\n            \u003ch4\u003eCleanse first\u003c\/h4\u003e\n            \u003cp\u003eApply to clean, dry skin\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ss-how-step\"\u003e\n          \u003cdiv class=\"ss-how-num\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"ss-how-text\"\u003e\n            \u003ch4\u003eApply\u003c\/h4\u003e\n            \u003cp\u003eA pea-sized amount, morning and evening\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ss-how-step\"\u003e\n          \u003cdiv class=\"ss-how-num\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"ss-how-text\"\u003e\n            \u003ch4\u003eMoisturise\u003c\/h4\u003e\n            \u003cp\u003eFollow with the GenGlo Soft Cream\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ss-how-note\"\u003eBecause tween skin needs guidance, not punishment.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INGREDIENTS --\u003e\n  \u003csection class=\"ss-section ss-ingredients\"\u003e\n    \u003cdiv class=\"ss-inner\"\u003e\n      \u003cp class=\"ss-eyebrow\"\u003eWhat's Inside\u003c\/p\u003e\n      \u003ch2 class=\"ss-h2\"\u003eHero Ingredients ✦\u003c\/h2\u003e\n      \u003cdiv class=\"ss-ing-grid\"\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eAloe Vera\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eNiacinamide\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eZinc PCA\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eCentella\u003cbr\u003eAsiatica\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eGlycerin\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eSqualane\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003ePanthenol\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eBisabolol\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eHyaluronic\u003cbr\u003eAcid\u003c\/div\u003e\n        \u003cdiv class=\"ss-ing-pill\"\u003eVitamin E\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"ss-ing-note\"\u003eCarefully formulated without fragrance, sulphates, 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), Glycerin, Niacinamide, Squalane, Polyglyceryl-3 Methylglucose Distearate, Helianthus Annuus (Sunflower) Seed Oil, Panthenol, Vanilla Planifolia Fruit Extract, Benzyl Alcohol, Hydroxyacetophenone, Zinc PCA, Hydroxyethyl Acrylate\/Sodium Acryloyldimethyl Taurate Copolymer, Caesalpinia Spinosa (Tara) Gum, Butylene Glycol, Bisabolol, Sodium Stearoyl Glutamate, Ethylhexylglycerin, Tocopherol, Sodium Hyaluronate, Aloe Barbadensis (Aloe Vera) Leaf Juice Powder, Sorbitan Isostearate, Polysorbate 60, Citric Acid, Centella Asiatica (Asiatic Pennywort) Leaf Extract, Polylysine.\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-ss-wrap\")) el.style.display = \"none\";\n    });\n  });\n  document.querySelectorAll(\"h1\").forEach(function(el) {\n    if (!el.closest(\".genglo-ss-wrap\")) el.style.display = \"none\";\n  });\n  var revealEls = document.querySelectorAll(\".ss-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":56636388770123,"sku":null,"price":19.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0933\/4328\/5579\/files\/3_39316f88-ea0c-45e7-9cb2-a65b3c592f0c.png?v=1787924365","url":"https:\/\/www.genglo.co.uk\/products\/spot-serum","provider":"GenGlo","version":"1.0","type":"link"}