{"product_id":"glowpro-7-in-1-led-facial-mask","title":"CrownRoots™ GlowPro LED Facial Mask","description":"\u003c!-- =========================================================\n     CROWNROOTS™ GLOWPRO LED FACIAL MASK\n     Premium Animated Product Section\n     ========================================================= --\u003e\n\u003csection class=\"cr-glowpro\"\u003e\u003c!-- Ambient background --\u003e\n\u003cdiv class=\"cr-glow cr-glow-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cr-glow cr-glow-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cr-container\"\u003e\n\n\u003c!-- ================= HERO ================= --\u003e\n\u003cdiv class=\"cr-hero\"\u003e\n\u003cdiv class=\"cr-hero-copy\"\u003e\n\u003cdiv class=\"cr-eyebrow\"\u003e\n\u003cspan class=\"cr-pulse\"\u003e\u003c\/span\u003e CROWNROOTS™ SKINCARE RITUAL\u003c\/div\u003e\n\u003ch1\u003eYour Skin's \u003cspan\u003eGlow Ritual.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"cr-hero-text\"\u003eMeet the CrownRoots™ GlowPro LED Facial Mask — a spa-inspired light ritual designed to make your skincare routine feel effortless, relaxing and beautifully consistent.\u003c\/p\u003e\n\u003cdiv class=\"cr-hero-badges\"\u003e\n\u003cdiv\u003e✦ 7 LED LIGHT MODES\u003c\/div\u003e\n\u003cdiv\u003e✦ HANDS-FREE\u003c\/div\u003e\n\u003cdiv\u003e✦ AT-HOME RITUAL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"#cr-glowpro-benefits\" class=\"cr-primary-btn\"\u003e \u003cspan\u003eDiscover GlowPro\u003c\/span\u003e \u003cb\u003e→\u003c\/b\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003c!-- Product Visual --\u003e\n\u003cdiv class=\"cr-product-stage\"\u003e\n\u003cdiv class=\"cr-orbit cr-orbit-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cr-orbit cr-orbit-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cr-product-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"cr-floating-card cr-card-top\"\u003e\n\u003cspan\u003e✦\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e7 Modes\u003c\/strong\u003e \u003csmall\u003ePersonalised ritual\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-mask-placeholder\" style=\"text-align: start;\"\u003e\n\u003c!-- Replace this image URL with your GlowPro product image --\u003e\n\u003cimg alt=\"CrownRoots GlowPro LED Facial Mask\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0720\/8501\/2557\/files\/crownroots-glowpro-mask-in-a-calm-studio-style.png?v=1790756566\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-floating-card cr-card-bottom\"\u003e\n\u003cspan\u003e♡\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eHands-Free\u003c\/strong\u003e \u003csmall\u003eRelax while you glow\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= SOCIAL PROOF STRIP ================= --\u003e\n\u003cdiv class=\"cr-trust-strip\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e7\u003c\/strong\u003e \u003cspan\u003eLED MODES\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cr-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e01\u003c\/strong\u003e \u003cspan\u003eAT-HOME RITUAL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cr-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e \u003cspan\u003eSELF-CARE MOMENTS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= INTRO ================= --\u003e\n\u003cdiv class=\"cr-intro\" id=\"cr-glowpro-benefits\"\u003e\n\u003cdiv class=\"cr-section-label\"\u003eWHY GLOWPRO?\u003c\/div\u003e\n\u003ch2\u003eSkincare that fits \u003cem\u003eyour ritual.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eYour skin doesn't look the same every day — so your skincare routine shouldn't have to feel the same either.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= BENEFITS ================= --\u003e\n\u003cdiv class=\"cr-benefits-grid\"\u003e\n\n\u003cdiv class=\"cr-benefit\"\u003e\n\u003cdiv class=\"cr-benefit-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eSeven Light Modes\u003c\/h3\u003e\n\u003cp\u003eExplore seven selectable LED light modes and create a ritual that suits your skincare routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-benefit\"\u003e\n\u003cdiv class=\"cr-benefit-icon\"\u003e♡\u003c\/div\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eRelax While You Glow\u003c\/h3\u003e\n\u003cp\u003eEnjoy a hands-free skincare moment while you relax, read, get ready or simply unwind.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-benefit\"\u003e\n\u003cdiv class=\"cr-benefit-icon\"\u003e✧\u003c\/div\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eAt-Home Luxury\u003c\/h3\u003e\n\u003cp\u003eTurn your everyday skincare routine into a spa-inspired ritual from the comfort of home.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-benefit\"\u003e\n\u003cdiv class=\"cr-benefit-icon\"\u003e◌\u003c\/div\u003e\n\u003cspan\u003e04\u003c\/span\u003e\n\u003ch3\u003eEasy To Personalise\u003c\/h3\u003e\n\u003cp\u003eChoose your preferred light mode and make GlowPro part of the routine that works for you.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ================= 7 MODES ================= --\u003e\n\u003cdiv class=\"cr-modes-section\"\u003e\n\u003cdiv class=\"cr-modes-heading\"\u003e\n\u003cdiv class=\"cr-section-label\"\u003eONE MASK. SEVEN MODES.\u003c\/div\u003e\n\u003ch2\u003eFind your \u003cspan\u003eglow.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSwitch between seven LED light modes to personalise your at-home skincare ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-mode-selector\"\u003e\n\u003cbutton class=\"cr-mode active\" data-mode=\"0\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 01\u003c\/strong\u003e \u003csmall\u003eGlow Ritual\u003c\/small\u003e \u003c\/button\u003e\n\u003cbutton class=\"cr-mode\" data-mode=\"1\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 02\u003c\/strong\u003e \u003csmall\u003eRadiance\u003c\/small\u003e \u003c\/button\u003e\n\u003cbutton class=\"cr-mode\" data-mode=\"2\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 03\u003c\/strong\u003e \u003csmall\u003eBalance\u003c\/small\u003e \u003c\/button\u003e\n\u003cbutton class=\"cr-mode\" data-mode=\"3\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 04\u003c\/strong\u003e \u003csmall\u003eRefresh\u003c\/small\u003e \u003c\/button\u003e\n\u003cbutton class=\"cr-mode\" data-mode=\"4\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 05\u003c\/strong\u003e \u003csmall\u003eCalm\u003c\/small\u003e \u003c\/button\u003e\n\u003cbutton class=\"cr-mode\" data-mode=\"5\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 06\u003c\/strong\u003e \u003csmall\u003eRenew\u003c\/small\u003e \u003c\/button\u003e\n\u003cbutton class=\"cr-mode\" data-mode=\"6\"\u003e \u003cspan class=\"mode-light\"\u003e\u003c\/span\u003e \u003cstrong\u003eMode 07\u003c\/strong\u003e \u003csmall\u003eCustom\u003c\/small\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-mode-display\"\u003e\n\u003cdiv class=\"cr-mode-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cr-mode-content\"\u003e\n\u003cdiv class=\"cr-mode-number\"\u003e01\u003c\/div\u003e\n\u003ch3 id=\"cr-mode-title\"\u003eGlow Ritual\u003c\/h3\u003e\n\u003cp id=\"cr-mode-description\"\u003eA relaxing light ritual designed to complement your everyday skincare routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= LIFESTYLE SECTION ================= --\u003e\n\u003cdiv class=\"cr-lifestyle\"\u003e\n\n\u003cdiv class=\"cr-lifestyle-image\"\u003e\n\u003c!-- Replace with lifestyle image --\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0720\/8501\/2557\/files\/woman-enjoying-a-crownroots-glowpro-skincare-ritual.png?v=1790756433\" alt=\"Woman enjoying her CrownRoots GlowPro skincare ritual\"\u003e\n\u003cdiv class=\"cr-image-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"cr-image-caption\"\u003e\n\u003cspan\u003eYOUR MOMENT.\u003c\/span\u003e \u003cstrong\u003eYOUR GLOW.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-lifestyle-copy\"\u003e\n\u003cdiv class=\"cr-section-label\"\u003eMADE FOR REAL LIFE\u003c\/div\u003e\n\u003ch2\u003eYour skincare routine, \u003cem\u003eelevated.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eNo appointments. No complicated routine. Just put on GlowPro, select your preferred mode and enjoy a few uninterrupted minutes for yourself.\u003c\/p\u003e\n\n\u003cdiv class=\"cr-check-list\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e\n\u003cp\u003eHands-free design\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e\n\u003cp\u003eSeven selectable light modes\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e\n\u003cp\u003eAdjustable comfortable fit\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e✓\u003c\/span\u003e\n\u003cp\u003eEasy to incorporate into your routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003ca href=\"#cr-how-to-use\" class=\"cr-secondary-btn\"\u003e See How It Works → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= HOW TO USE ================= --\u003e\n\u003cdiv class=\"cr-how\" id=\"cr-how-to-use\"\u003e\n\u003cdiv class=\"cr-section-label\"\u003eYOUR NEW RITUAL\u003c\/div\u003e\n\u003ch2\u003eThree simple \u003cspan\u003esteps.\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cdiv class=\"cr-steps\"\u003e\n\n\u003cdiv class=\"cr-step\"\u003e\n\u003cdiv class=\"cr-step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePrepare\u003c\/h3\u003e\n\u003cp\u003eStart with clean, dry skin and get comfortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-step\"\u003e\n\u003cdiv class=\"cr-step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eChoose\u003c\/h3\u003e\n\u003cp\u003eSelect your preferred LED light mode.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"cr-step\"\u003e\n\u003cdiv class=\"cr-step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRelax\u003c\/h3\u003e\n\u003cp\u003eFollow the supplied session guidance and enjoy your hands-free skincare ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= FINAL CTA ================= --\u003e\n\u003cdiv class=\"cr-final\"\u003e\n\u003cdiv class=\"cr-final-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"cr-final-content\"\u003e\n\u003cdiv class=\"cr-section-label\"\u003eCROWNROOTS™ GLOWPRO\u003c\/div\u003e\n\u003ch2\u003eMake time for \u003cspan\u003eyour glow.\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003eA beautiful skincare ritual doesn't need to be complicated. GlowPro brings a little luxury into your everyday routine.\u003c\/p\u003e\n\n\u003ca href=\"#\" class=\"cr-primary-btn cr-final-btn\"\u003e \u003cspan\u003eShop GlowPro\u003c\/span\u003e \u003cb\u003e→\u003c\/b\u003e \u003c\/a\u003e\n\n\u003cdiv class=\"cr-secure\"\u003e\n\u003cspan\u003e✓\u003c\/span\u003e Easy at-home ritual \u003cspan\u003e✓\u003c\/span\u003e Hands-free design \u003cspan\u003e✓\u003c\/span\u003e 7 LED modes\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ================= DISCLAIMER ================= --\u003e\n\u003cdiv class=\"cr-disclaimer\"\u003e\n\u003cstrong\u003eImportant:\u003c\/strong\u003e This beauty device is not intended to diagnose, treat, cure or prevent any medical condition. Consult a healthcare professional before use if you are light-sensitive, take photosensitising medication, or have a skin condition.\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   CROWNROOTS GLOWPRO — PREMIUM DESIGN\n   ========================================================= *\/\n\n.cr-glowpro {\n  --cr-black: #111111;\n  --cr-dark: #181619;\n  --cr-pink: #e7a7bd;\n  --cr-soft-pink: #f8dfe8;\n  --cr-white: #ffffff;\n  --cr-grey: #777477;\n  --cr-border: rgba(255,255,255,.12);\n\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 15% 15%, rgba(231,167,189,.20), transparent 28%),\n    radial-gradient(circle at 85% 20%, rgba(255,255,255,.08), transparent 25%),\n    linear-gradient(145deg,#111111,#211c20 50%,#111111);\n\n  color: #ffffff;\n  font-family: Arial, Helvetica, sans-serif;\n  padding: 0;\n}\n\n.cr-container {\n  width: min(1180px, 92%);\n  margin: auto;\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* ================= BACKGROUND GLOW ================= *\/\n\n.cr-glow {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: .18;\n  pointer-events: none;\n  animation: crFloat 8s ease-in-out infinite;\n}\n\n.cr-glow-1 {\n  background: #e7a7bd;\n  left: -250px;\n  top: 300px;\n}\n\n.cr-glow-2 {\n  background: #fff;\n  right: -300px;\n  bottom: 400px;\n  animation-delay: -4s;\n}\n\n@keyframes crFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-35px);\n  }\n}\n\n\n\/* ================= HERO ================= *\/\n\n.cr-hero {\n  min-height: 720px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 40px;\n  padding: 80px 0;\n}\n\n.cr-eyebrow,\n.cr-section-label {\n  font-size: 11px;\n  letter-spacing: 3px;\n  font-weight: 700;\n  color: var(--cr-pink);\n  margin-bottom: 20px;\n}\n\n.cr-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.cr-pulse {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--cr-pink);\n  box-shadow: 0 0 15px var(--cr-pink);\n  animation: crPulse 2s infinite;\n}\n\n@keyframes crPulse {\n  0%,100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  50% {\n    opacity: .4;\n    transform: scale(.65);\n  }\n}\n\n.cr-hero h1 {\n  font-family: Georgia, serif;\n  font-size: clamp(48px, 6vw, 82px);\n  line-height: .98;\n  font-weight: 400;\n  margin: 0 0 30px;\n  letter-spacing: -3px;\n}\n\n.cr-hero h1 span,\n.cr-modes-heading h2 span,\n.cr-how h2 span,\n.cr-final h2 span {\n  color: var(--cr-pink);\n  font-style: italic;\n}\n\n.cr-hero-text {\n  max-width: 560px;\n  font-size: 17px;\n  line-height: 1.8;\n  color: #d5d1d3;\n  margin-bottom: 30px;\n}\n\n.cr-hero-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 35px;\n}\n\n.cr-hero-badges div {\n  border: 1px solid rgba(231,167,189,.3);\n  background: rgba(255,255,255,.04);\n  border-radius: 100px;\n  padding: 10px 15px;\n  font-size: 10px;\n  letter-spacing: 1.2px;\n  color: #eee;\n}\n\n\n\/* ================= BUTTONS ================= *\/\n\n.cr-primary-btn,\n.cr-secondary-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 25px;\n  text-decoration: none;\n  transition: .35s ease;\n}\n\n.cr-primary-btn {\n  background: linear-gradient(135deg,#f1b5ca,#d987a6);\n  color: #ffffff;\n  padding: 17px 22px 17px 25px;\n  border-radius: 100px;\n  font-size: 13px;\n  font-weight: 700;\n  box-shadow: 0 12px 35px rgba(231,167,189,.2);\n}\n\n.cr-primary-btn b {\n  font-size: 20px;\n  font-weight: 400;\n  transition: .3s ease;\n}\n\n.cr-primary-btn:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 18px 45px rgba(231,167,189,.35);\n}\n\n.cr-primary-btn:hover b {\n  transform: translateX(5px);\n}\n\n.cr-secondary-btn {\n  margin-top: 30px;\n  color: #fff;\n  border-bottom: 1px solid var(--cr-pink);\n  padding-bottom: 8px;\n  font-size: 13px;\n}\n\n\n\/* ================= PRODUCT STAGE ================= *\/\n\n.cr-product-stage {\n  position: relative;\n  min-height: 560px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cr-mask-placeholder {\n  position: relative;\n  width: 75%;\n  z-index: 3;\n  animation: crProductFloat 5s ease-in-out infinite;\n}\n\n.cr-mask-placeholder img {\n  width: 100%;\n  display: block;\n  filter: drop-shadow(0 35px 45px rgba(0,0,0,.5));\n}\n\n@keyframes crProductFloat {\n  0%,100% {\n    transform: translateY(0) rotate(0deg);\n  }\n\n  50% {\n    transform: translateY(-14px) rotate(1deg);\n  }\n}\n\n.cr-product-glow {\n  position: absolute;\n  width: 280px;\n  height: 280px;\n  background: var(--cr-pink);\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: .18;\n  z-index: 1;\n}\n\n.cr-orbit {\n  position: absolute;\n  border: 1px solid rgba(231,167,189,.2);\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.cr-orbit-1 {\n  width: 440px;\n  height: 440px;\n  animation: crSpin 18s linear infinite;\n}\n\n.cr-orbit-2 {\n  width: 530px;\n  height: 530px;\n  opacity: .45;\n  animation: crSpin 25s linear infinite reverse;\n}\n\n@keyframes crSpin {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n\n\/* ================= FLOATING CARDS ================= *\/\n\n.cr-floating-card {\n  position: absolute;\n  z-index: 5;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 13px 17px;\n  background: rgba(30,27,29,.75);\n  backdrop-filter: blur(15px);\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 15px;\n  box-shadow: 0 15px 40px rgba(0,0,0,.25);\n  animation: crCardFloat 4s ease-in-out infinite;\n}\n\n.cr-floating-card \u003e span {\n  color: var(--cr-pink);\n  font-size: 20px;\n}\n\n.cr-floating-card strong {\n  display: block;\n  font-size: 12px;\n}\n\n.cr-floating-card small {\n  display: block;\n  color: #aaa;\n  margin-top: 3px;\n  font-size: 10px;\n}\n\n.cr-card-top {\n  top: 80px;\n  left: 0;\n}\n\n.cr-card-bottom {\n  bottom: 80px;\n  right: 0;\n  animation-delay: -2s;\n}\n\n@keyframes crCardFloat {\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-10px);\n  }\n}\n\n\n\/* ================= TRUST STRIP ================= *\/\n\n.cr-trust-strip {\n  border-top: 1px solid var(--cr-border);\n  border-bottom: 1px solid var(--cr-border);\n  padding: 30px 0;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  text-align: center;\n}\n\n.cr-trust-strip strong {\n  display: block;\n  font-family: Georgia,serif;\n  font-size: 30px;\n  color: var(--cr-pink);\n}\n\n.cr-trust-strip span {\n  display: block;\n  margin-top: 5px;\n  font-size: 9px;\n  letter-spacing: 2px;\n  color: #aaa;\n}\n\n.cr-divider {\n  height: 35px;\n  width: 1px;\n  background: rgba(255,255,255,.12);\n}\n\n\n\/* ================= INTRO ================= *\/\n\n.cr-intro {\n  text-align: center;\n  max-width: 700px;\n  margin: 150px auto 70px;\n}\n\n.cr-intro h2,\n.cr-modes-heading h2,\n.cr-how h2,\n.cr-final h2 {\n  font-family: Georgia,serif;\n  font-size: clamp(40px,5vw,65px);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0 0 25px;\n}\n\n.cr-intro h2 em,\n.cr-lifestyle h2 em {\n  color: var(--cr-pink);\n  font-style: italic;\n}\n\n.cr-intro p,\n.cr-modes-heading p {\n  color: #aaa;\n  line-height: 1.8;\n}\n\n\n\/* ================= BENEFITS ================= *\/\n\n.cr-benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 15px;\n}\n\n.cr-benefit {\n  padding: 30px;\n  min-height: 270px;\n  border: 1px solid rgba(255,255,255,.08);\n  background: rgba(255,255,255,.035);\n  border-radius: 20px;\n  transition: .4s ease;\n}\n\n.cr-benefit:hover {\n  transform: translateY(-8px);\n  border-color: rgba(231,167,189,.35);\n  background: rgba(231,167,189,.06);\n}\n\n.cr-benefit-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  background: rgba(231,167,189,.1);\n  color: var(--cr-pink);\n  margin-bottom: 30px;\n  font-size: 20px;\n}\n\n.cr-benefit \u003e span {\n  font-size: 9px;\n  color: #666;\n  letter-spacing: 2px;\n}\n\n.cr-benefit h3 {\n  font-family: Georgia,serif;\n  font-size: 22px;\n  font-weight: 400;\n  margin: 10px 0;\n}\n\n.cr-benefit p {\n  color: #999;\n  font-size: 13px;\n  line-height: 1.7;\n}\n\n\n\/* ================= MODES ================= *\/\n\n.cr-modes-section {\n  margin: 170px 0;\n}\n\n.cr-modes-heading {\n  text-align: center;\n  max-width: 650px;\n  margin: auto auto 50px;\n}\n\n.cr-mode-selector {\n  display: grid;\n  grid-template-columns: repeat(7,1fr);\n  gap: 8px;\n  margin-bottom: 30px;\n}\n\n.cr-mode {\n  border: 1px solid rgba(255,255,255,.1);\n  background: rgba(255,255,255,.03);\n  color: #fff;\n  padding: 18px 8px;\n  border-radius: 12px;\n  cursor: pointer;\n  transition: .3s ease;\n}\n\n.cr-mode:hover,\n.cr-mode.active {\n  border-color: var(--cr-pink);\n  background: rgba(231,167,189,.1);\n}\n\n.mode-light {\n  width: 12px;\n  height: 12px;\n  display: block;\n  border-radius: 50%;\n  background: var(--cr-pink);\n  margin: 0 auto 10px;\n  box-shadow: 0 0 12px var(--cr-pink);\n}\n\n.cr-mode strong,\n.cr-mode small {\n  display: block;\n}\n\n.cr-mode strong {\n  font-size: 10px;\n}\n\n.cr-mode small {\n  font-size: 9px;\n  color: #888;\n  margin-top: 4px;\n}\n\n.cr-mode-display {\n  position: relative;\n  min-height: 330px;\n  display: grid;\n  place-items: center;\n  text-align: center;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 25px;\n  background:\n    radial-gradient(circle,rgba(231,167,189,.13),transparent 45%),\n    rgba(255,255,255,.025);\n}\n\n.cr-mode-ring {\n  position: absolute;\n  width: 230px;\n  height: 230px;\n  border-radius: 50%;\n  border: 1px solid rgba(231,167,189,.3);\n  box-shadow:\n    0 0 50px rgba(231,167,189,.12),\n    inset 0 0 50px rgba(231,167,189,.05);\n  animation: crRing 4s ease-in-out infinite;\n}\n\n@keyframes crRing {\n  0%,100% {\n    transform: scale(1);\n    opacity: .6;\n  }\n\n  50% {\n    transform: scale(1.08);\n    opacity: 1;\n  }\n}\n\n.cr-mode-content {\n  position: relative;\n  z-index: 2;\n  max-width: 500px;\n}\n\n.cr-mode-number {\n  font-size: 11px;\n  color: var(--cr-pink);\n  letter-spacing: 4px;\n  margin-bottom: 15px;\n}\n\n.cr-mode-content h3 {\n  font-family: Georgia,serif;\n  font-size: 38px;\n  font-weight: 400;\n  margin: 0 0 15px;\n}\n\n.cr-mode-content p {\n  color: #999;\n  line-height: 1.7;\n}\n\n\n\/* ================= LIFESTYLE ================= *\/\n\n.cr-lifestyle {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  margin: 160px 0;\n}\n\n.cr-lifestyle-image {\n  position: relative;\n  border-radius: 25px;\n  overflow: hidden;\n  min-height: 600px;\n}\n\n.cr-lifestyle-image img {\n  width: 100%;\n  height: 100%;\n  min-height: 600px;\n  object-fit: cover;\n  display: block;\n  transition: transform 1s ease;\n}\n\n.cr-lifestyle-image:hover img {\n  transform: scale(1.04);\n}\n\n.cr-image-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(transparent 40%,rgba(0,0,0,.75));\n}\n\n.cr-image-caption {\n  position: absolute;\n  bottom: 35px;\n  left: 35px;\n}\n\n.cr-image-caption span,\n.cr-image-caption strong {\n  display: block;\n}\n\n.cr-image-caption span {\n  color: var(--cr-pink);\n  font-size: 10px;\n  letter-spacing: 3px;\n}\n\n.cr-image-caption strong {\n  font-family: Georgia,serif;\n  font-size: 35px;\n  font-weight: 400;\n  margin-top: 5px;\n}\n\n.cr-lifestyle-copy h2 {\n  font-family: Georgia,serif;\n  font-size: clamp(40px,4vw,60px);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0 0 25px;\n}\n\n.cr-lifestyle-copy \u003e p {\n  color: #999;\n  line-height: 1.8;\n  font-size: 15px;\n}\n\n.cr-check-list {\n  margin-top: 30px;\n}\n\n.cr-check-list div {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  border-bottom: 1px solid rgba(255,255,255,.07);\n  padding: 13px 0;\n}\n\n.cr-check-list span {\n  color: var(--cr-pink);\n}\n\n.cr-check-list p {\n  margin: 0;\n  font-size: 13px;\n}\n\n\n\/* ================= HOW ================= *\/\n\n.cr-how {\n  text-align: center;\n  margin: 160px 0;\n}\n\n.cr-steps {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 20px;\n  margin-top: 60px;\n  text-align: left;\n}\n\n.cr-step {\n  display: flex;\n  gap: 25px;\n  padding: 30px;\n  border-top: 1px solid rgba(255,255,255,.15);\n}\n\n.cr-step-number {\n  font-family: Georgia,serif;\n  font-size: 30px;\n  color: var(--cr-pink);\n}\n\n.cr-step h3 {\n  font-family: Georgia,serif;\n  font-size: 22px;\n  font-weight: 400;\n  margin: 0 0 10px;\n}\n\n.cr-step p {\n  color: #888;\n  line-height: 1.6;\n  font-size: 13px;\n}\n\n\n\/* ================= FINAL CTA ================= *\/\n\n.cr-final {\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n  padding: 100px 30px;\n  border: 1px solid rgba(231,167,189,.2);\n  border-radius: 30px;\n  background:\n    radial-gradient(circle at center,rgba(231,167,189,.16),transparent 55%),\n    rgba(255,255,255,.025);\n}\n\n.cr-final-content {\n  position: relative;\n  z-index: 2;\n  max-width: 700px;\n  margin: auto;\n}\n\n.cr-final h2 {\n  margin-bottom: 20px;\n}\n\n.cr-final p {\n  color: #999;\n  line-height: 1.8;\n  max-width: 550px;\n  margin: 0 auto 30px;\n}\n\n.cr-final-btn {\n  margin-bottom: 25px;\n}\n\n.cr-secure {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 15px;\n  color: #888;\n  font-size: 10px;\n  letter-spacing: .5px;\n}\n\n.cr-secure span {\n  color: var(--cr-pink);\n}\n\n.cr-final-glow {\n  position: absolute;\n  width: 350px;\n  height: 350px;\n  background: var(--cr-pink);\n  filter: blur(120px);\n  opacity: .12;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%,-50%);\n}\n\n\n\/* ================= DISCLAIMER ================= *\/\n\n.cr-disclaimer {\n  text-align: center;\n  max-width: 800px;\n  margin: 35px auto 70px;\n  color: #666;\n  font-size: 10px;\n  line-height: 1.7;\n}\n\n.cr-disclaimer strong {\n  color: #888;\n}\n\n\n\/* ================= MOBILE ================= *\/\n\n@media(max-width: 900px) {\n\n  .cr-hero,\n  .cr-lifestyle {\n    grid-template-columns: 1fr;\n  }\n\n  .cr-hero {\n    padding: 60px 0;\n  }\n\n  .cr-product-stage {\n    min-height: 500px;\n  }\n\n  .cr-benefits-grid {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .cr-mode-selector {\n    grid-template-columns: repeat(4,1fr);\n  }\n\n  .cr-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .cr-lifestyle {\n    gap: 45px;\n  }\n\n}\n\n\n@media(max-width: 600px) {\n\n  .cr-container {\n    width: 90%;\n  }\n\n  .cr-hero h1 {\n    font-size: 52px;\n  }\n\n  .cr-benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cr-mode-selector {\n    grid-template-columns: repeat(2,1fr);\n  }\n\n  .cr-trust-strip {\n    gap: 15px;\n  }\n\n  .cr-divider {\n    display: none;\n  }\n\n  .cr-trust-strip strong {\n    font-size: 24px;\n  }\n\n  .cr-card-top {\n    top: 30px;\n    left: -5px;\n  }\n\n  .cr-card-bottom {\n    bottom: 30px;\n    right: -5px;\n  }\n\n  .cr-floating-card {\n    transform: scale(.85);\n  }\n\n  .cr-orbit-1 {\n    width: 320px;\n    height: 320px;\n  }\n\n  .cr-orbit-2 {\n    width: 380px;\n    height: 380px;\n  }\n\n  .cr-lifestyle-image,\n  .cr-lifestyle-image img {\n    min-height: 450px;\n  }\n\n  .cr-final {\n    padding: 70px 20px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"CrownRoots Beauty","offers":[{"title":"Default Title","offer_id":50520349737037,"sku":"CRB-GLOWPRO-7IN1","price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0720\/8501\/2557\/files\/led-mask-lifestyle.jpg?v=1790146102","url":"https:\/\/crownroots.co.za\/products\/glowpro-7-in-1-led-facial-mask","provider":"CrownRoots","version":"1.0","type":"link"}