{"product_id":"heavenly-glow-niacinamide-3-in-1-serum","title":"Heavenly Glow Niacinamide 3-in-1 Serum","description":"\u003cstyle\u003e\n* { box-sizing: border-box; }\n\n.hg-serum {\n  --rose: #e7a7b7;\n  --rose-light: #f7dce3;\n  --rose-soft: #d6a0ae;\n  --gold: #d8ad7b;\n  --heading: #fff7f9;\n  --text: #d2c3c8;\n  --muted: #a99ba1;\n  --bg: #0c090b;\n  --bg2: #171014;\n\n  position: relative;\n  overflow: hidden;\n  padding: 80px 20px 60px;\n  color: var(--text);\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n  background:\n    radial-gradient(circle at 8% 15%, rgba(231,167,183,.14), transparent 30%),\n    radial-gradient(circle at 92% 75%, rgba(216,173,123,.10), transparent 30%),\n    linear-gradient(145deg, var(--bg), var(--bg2));\n}\n\n.hg-container {\n  position: relative;\n  z-index: 2;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* HERO *\/\n.hg-hero {\n  display: grid;\n  grid-template-columns: 1fr 1.15fr;\n  gap: 60px;\n  align-items: center;\n  margin-bottom: 90px;\n}\n\n.hg-product-visual {\n  position: relative;\n  min-height: 560px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 34px;\n  background:\n    radial-gradient(circle at center, rgba(231,167,183,.14), transparent 48%),\n    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));\n  border: 1px solid rgba(231,167,183,.20);\n  box-shadow: 0 30px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);\n  overflow: hidden;\n}\n\n.hg-orbit {\n  position: absolute;\n  width: 400px; height: 400px;\n  border-radius: 50%;\n  border: 1px solid rgba(231,167,183,.18);\n  animation: hgOrbit 18s linear infinite;\n}\n.hg-orbit::before {\n  content: \"\";\n  position: absolute;\n  width: 9px; height: 9px;\n  border-radius: 50%;\n  background: var(--rose);\n  box-shadow: 0 0 25px var(--rose);\n  top: 45px; left: 75px;\n}\n.hg-orbit-2 { width: 300px; height: 300px; border-color: rgba(216,173,123,.16); animation-direction: reverse; animation-duration: 13s; }\n@keyframes hgOrbit { to { transform: rotate(360deg); } }\n\n.hg-product-image {\n  position: relative; z-index: 3;\n  width: 75%; max-width: 420px; height: auto;\n  object-fit: contain;\n  filter: drop-shadow(0 30px 35px rgba(0,0,0,.45));\n  animation: hgFloat 5s ease-in-out infinite;\n}\n@keyframes hgFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-13px)} }\n\n.hg-badge {\n  position: absolute; left: 22px; top: 22px; z-index: 5;\n  padding: 9px 15px; border-radius: 100px;\n  background: rgba(12,9,11,.70);\n  border: 1px solid rgba(231,167,183,.30);\n  backdrop-filter: blur(15px);\n  color: var(--rose-light);\n  font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\n}\n\n.hg-content { position: relative; }\n\n.hg-eyebrow {\n  display: inline-flex; align-items: center; gap: 9px;\n  padding: 9px 17px; border-radius: 100px;\n  border: 1px solid rgba(231,167,183,.30);\n  background: rgba(255,255,255,.045);\n  color: var(--rose-light);\n  font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase;\n  backdrop-filter: blur(15px);\n}\n.hg-eyebrow::before {\n  content: \"\"; width: 7px; height: 7px; border-radius: 50%;\n  background: var(--rose); box-shadow: 0 0 15px var(--rose);\n  animation: hgPulse 2s ease-in-out infinite;\n}\n@keyframes hgPulse { 0%,100%{transform:scale(.8);opacity:.5} 50%{transform:scale(1.2);opacity:1} }\n\n.hg-title {\n  margin: 24px 0 20px;\n  font-family: Georgia, serif;\n  font-size: clamp(44px, 5.5vw, 70px);\n  line-height: 1;\n  font-weight: 400;\n  letter-spacing: -3px;\n  background: linear-gradient(110deg,#fff8fa,#e9bdc8,#d89eac,#fff8fa);\n  background-size: 250% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: hgShine 7s linear infinite;\n}\n@keyframes hgShine { to { background-position: 250% center; } }\n\n.hg-description {\n  max-width: 580px; color: var(--text);\n  font-size: 15px; line-height: 1.85; margin-bottom: 28px;\n}\n.hg-description strong { color: var(--rose-light); font-weight: 600; }\n\n.hg-ingredients { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; }\n.hg-ingredient {\n  padding: 9px 13px; border-radius: 100px;\n  background: rgba(255,255,255,.045);\n  border: 1px solid rgba(255,255,255,.08);\n  color: #e6d9dd; font-size: 11px; transition: .35s ease;\n}\n.hg-ingredient:hover { transform: translateY(-3px); border-color: rgba(231,167,183,.35); background: rgba(231,167,183,.08); }\n\n.hg-trust-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }\n.hg-trust {\n  padding: 16px 12px; border-radius: 16px;\n  background: rgba(255,255,255,.035);\n  border: 1px solid rgba(255,255,255,.06);\n  text-align: center; transition: .35s ease;\n}\n.hg-trust:hover { transform: translateY(-5px); background: rgba(231,167,183,.07); border-color: rgba(231,167,183,.25); }\n.hg-trust-icon { font-size: 19px; margin-bottom: 7px; }\n.hg-trust strong { display: block; color: #eee2e6; font-size: 11px; }\n.hg-trust span { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }\n\n\/* SECTION HEADING *\/\n.hg-section-heading { text-align: center; max-width: 680px; margin: 0 auto 44px; }\n.hg-small { color: var(--rose-soft); font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }\n.hg-section-heading h2 { font-family: Georgia, serif; font-size: clamp(32px,4.5vw,50px); font-weight: 400; line-height: 1.1; color: var(--heading); margin: 10px 0 14px; }\n.hg-section-heading p { color: var(--text); line-height: 1.75; margin: 0; }\n\n\/* BENEFITS *\/\n.hg-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 90px; }\n.hg-benefit {\n  position: relative; padding: 28px 20px; min-height: 200px;\n  border-radius: 22px;\n  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025));\n  border: 1px solid rgba(255,255,255,.075);\n  overflow: hidden;\n  transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease;\n}\n.hg-benefit::before {\n  content: \"\"; position: absolute;\n  width: 120px; height: 120px; border-radius: 50%;\n  background: rgba(231,167,183,.10); filter: blur(30px);\n  right: -55px; top: -55px;\n}\n.hg-benefit:hover { transform: translateY(-8px); border-color: rgba(231,167,183,.30); box-shadow: 0 22px 50px rgba(0,0,0,.22); }\n.hg-benefit-icon { font-size: 26px; margin-bottom: 18px; }\n.hg-benefit strong { display: block; color: #eee1e5; font-size: 14px; margin-bottom: 9px; }\n.hg-benefit span { color: var(--muted); font-size: 12px; line-height: 1.65; }\n\n\/* ACTIVES *\/\n.hg-actives { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-bottom: 90px; }\n.hg-active {\n  padding: 36px 26px; border-radius: 24px;\n  background: rgba(255,255,255,.045);\n  border: 1px solid rgba(231,167,183,.16);\n  transition: .45s ease;\n}\n.hg-active:hover { transform: translateY(-8px); border-color: rgba(231,167,183,.35); background: rgba(231,167,183,.065); }\n.hg-active-number { font-family: Georgia, serif; font-size: 48px; line-height: 1; color: rgba(231,167,183,.25); margin-bottom: 18px; }\n.hg-active h3 { color: #f1e5e9; font-size: 16px; margin: 0 0 10px; }\n.hg-active p { color: var(--muted); font-size: 13px; line-height: 1.75; margin: 0; }\n\n\/* ROUTINE *\/\n.hg-routine {\n  position: relative; padding: 70px 28px; border-radius: 32px; text-align: center;\n  background: radial-gradient(circle at center, rgba(231,167,183,.14), transparent 58%), rgba(255,255,255,.045);\n  border: 1px solid rgba(231,167,183,.20); overflow: hidden;\n}\n.hg-routine h2 { font-family: Georgia, serif; font-size: clamp(36px,5.5vw,58px); line-height: 1.05; font-weight: 400; color: var(--heading); margin: 0 0 18px; }\n.hg-routine h2 span { color: var(--rose); }\n.hg-routine \u003e p { max-width: 580px; margin: 0 auto; color: var(--text); line-height: 1.8; }\n\n.hg-steps { display: grid; grid-template-columns: repeat(3,1fr); max-width: 740px; margin: 44px auto 0; gap: 12px; }\n.hg-step { padding: 22px 16px; border-radius: 18px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }\n.hg-step-number {\n  width: 36px; height: 36px;\n  display: grid; place-items: center;\n  margin: 0 auto 12px; border-radius: 50%;\n  background: linear-gradient(135deg, var(--rose), #b97889);\n  color: white; font-size: 11px; font-weight: 700;\n}\n.hg-step strong { display: block; color: #eee1e5; font-size: 13px; }\n.hg-step span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .hg-hero { grid-template-columns: 1fr; gap: 40px; }\n  .hg-product-visual { min-height: 480px; max-width: 600px; width: 100%; margin: 0 auto; }\n  .hg-content { text-align: center; }\n  .hg-description { margin-left: auto; margin-right: auto; }\n  .hg-ingredients { justify-content: center; }\n  .hg-benefits { grid-template-columns: repeat(2,1fr); }\n}\n@media (max-width: 580px) {\n  .hg-serum { padding: 55px 14px 40px; }\n  .hg-hero { margin-bottom: 65px; }\n  .hg-product-visual { min-height: 400px; border-radius: 24px; }\n  .hg-product-image { width: 84%; }\n  .hg-orbit { width: 280px; height: 280px; }\n  .hg-orbit-2 { width: 210px; height: 210px; }\n  .hg-title { font-size: 44px; letter-spacing: -2px; }\n  .hg-description { font-size: 14px; }\n  .hg-benefits { grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 65px; }\n  .hg-benefit { min-height: 185px; padding: 20px 13px; }\n  .hg-actives { grid-template-columns: 1fr; margin-bottom: 65px; }\n  .hg-routine { padding: 52px 18px; border-radius: 26px; }\n  .hg-steps { grid-template-columns: 1fr; max-width: 300px; }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"hg-serum\"\u003e\n  \u003cdiv class=\"hg-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"hg-hero\"\u003e\n      \u003cdiv class=\"hg-product-visual\"\u003e\n        \u003cdiv class=\"hg-badge\"\u003eHEAVENLY GLOW\u003c\/div\u003e\n        \u003cdiv class=\"hg-orbit\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"hg-orbit hg-orbit-2\"\u003e\u003c\/div\u003e\n        \u003cimg class=\"hg-product-image\" alt=\"Heavenly Glow Niacinamide 3-in-1 Serum\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hg-content\"\u003e\n        \u003cdiv class=\"hg-eyebrow\"\u003eADVANCED SKINCARE FORMULA\u003c\/div\u003e\n        \u003ch1 class=\"hg-title\"\u003eGlow starts\u003cbr\u003ewith your skin.\u003c\/h1\u003e\n        \u003cp class=\"hg-description\"\u003eYour new daily ritual — a luxurious \u003cstrong\u003e3-in-1 facial serum\u003c\/strong\u003e with Niacinamide, Alpha-Arbutin \u0026amp; Hyaluronic Acid for smoother, hydrated, radiant-looking skin.\u003c\/p\u003e\n        \u003cdiv class=\"hg-ingredients\"\u003e\n          \u003cdiv class=\"hg-ingredient\"\u003e✦ Niacinamide\u003c\/div\u003e\n          \u003cdiv class=\"hg-ingredient\"\u003e✦ Alpha-Arbutin\u003c\/div\u003e\n          \u003cdiv class=\"hg-ingredient\"\u003e✦ Hyaluronic Acid\u003c\/div\u003e\n          \u003cdiv class=\"hg-ingredient\"\u003e✦ 3-in-1 Formula\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-trust-row\"\u003e\n          \u003cdiv class=\"hg-trust\"\u003e\n\u003cdiv class=\"hg-trust-icon\"\u003e💧\u003c\/div\u003e\n\u003cstrong\u003eHydrating\u003c\/strong\u003e\u003cspan\u003eDaily moisture\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hg-trust\"\u003e\n\u003cdiv class=\"hg-trust-icon\"\u003e✨\u003c\/div\u003e\n\u003cstrong\u003eRadiance\u003c\/strong\u003e\u003cspan\u003eGlow-focused care\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"hg-trust\"\u003e\n\u003cdiv class=\"hg-trust-icon\"\u003e🌸\u003c\/div\u003e\n\u003cstrong\u003eDaily Care\u003c\/strong\u003e\u003cspan\u003eEasy routine\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv class=\"hg-section-heading\"\u003e\n      \u003cdiv class=\"hg-small\"\u003eTHE HEAVENLY GLOW RITUAL\u003c\/div\u003e\n      \u003ch2\u003eSimple skincare.\u003cbr\u003eBeautiful glow.\u003c\/h2\u003e\n      \u003cp\u003eA lightweight serum that fits effortlessly into your morning or evening routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hg-benefits\"\u003e\n      \u003cdiv class=\"hg-benefit\"\u003e\n\u003cdiv class=\"hg-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003cstrong\u003eHydrated Skin\u003c\/strong\u003e\u003cspan\u003eHyaluronic Acid helps maintain a plump, moisturised complexion every day.\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hg-benefit\"\u003e\n\u003cdiv class=\"hg-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003cstrong\u003eRadiant Glow\u003c\/strong\u003e\u003cspan\u003eDesigned to leave skin looking fresh, smooth and naturally radiant.\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hg-benefit\"\u003e\n\u003cdiv class=\"hg-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\u003cstrong\u003eEveryday Ritual\u003c\/strong\u003e\u003cspan\u003eA simple formula that slots seamlessly into morning or evening skincare.\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hg-benefit\"\u003e\n\u003cdiv class=\"hg-benefit-icon\"\u003e💎\u003c\/div\u003e\n\u003cstrong\u003e3-in-1 Formula\u003c\/strong\u003e\u003cspan\u003eThree powerful skincare ingredients in one convenient serum.\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- INGREDIENTS --\u003e\n    \u003cdiv class=\"hg-section-heading\"\u003e\n      \u003cdiv class=\"hg-small\"\u003eINSIDE YOUR GLOW\u003c\/div\u003e\n      \u003ch2\u003eThree ingredients.\u003cbr\u003eOne ritual.\u003c\/h2\u003e\n      \u003cp\u003eA curated combination of hero skincare actives to complement your daily beauty routine.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hg-actives\"\u003e\n      \u003cdiv class=\"hg-active\"\u003e\n        \u003cdiv class=\"hg-active-number\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eNiacinamide\u003c\/h3\u003e\n        \u003cp\u003eA beloved skincare staple that supports a balanced, smooth and healthy-looking complexion.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-active\"\u003e\n        \u003cdiv class=\"hg-active-number\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eAlpha-Arbutin\u003c\/h3\u003e\n        \u003cp\u003eA brightening favourite for routines focused on a more even, luminous complexion.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-active\"\u003e\n        \u003cdiv class=\"hg-active-number\"\u003e03\u003c\/div\u003e\n        \u003ch3\u003eHyaluronic Acid\u003c\/h3\u003e\n        \u003cp\u003eA hydration hero that helps skin attract and retain moisture for a soft, supple feel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ROUTINE --\u003e\n    \u003cdiv class=\"hg-routine\"\u003e\n      \u003ch2\u003eYour skin.\u003cbr\u003e\u003cspan\u003eYour daily glow.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp\u003eA few simple moments, a skincare ritual you'll love. Apply morning or evening and let your Heavenly Glow begin.\u003c\/p\u003e\n      \u003cdiv class=\"hg-steps\"\u003e\n        \u003cdiv class=\"hg-step\"\u003e\n\u003cdiv class=\"hg-step-number\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003eCleanse\u003c\/strong\u003e\u003cspan\u003eStart with clean skin.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hg-step\"\u003e\n\u003cdiv class=\"hg-step-number\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003eApply\u003c\/strong\u003e\u003cspan\u003eGently pat serum in.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"hg-step\"\u003e\n\u003cdiv class=\"hg-step-number\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003eGlow\u003c\/strong\u003e\u003cspan\u003eContinue your ritual.\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Heavenly Glow","offers":[{"title":"Default Title","offer_id":45386290921654,"sku":null,"price":239.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0734\/4101\/8038\/files\/niacinamide-serum-solo-exact-bottle.png?v=1787862573","url":"https:\/\/heavenlyglow.co.za\/products\/heavenly-glow-niacinamide-3-in-1-serum","provider":"Heavenly Glow","version":"1.0","type":"link"}