{"title":"Home page","description":null,"products":[{"product_id":"asset-pack-98286960642-example-product-1","title":"Celoria™ Skin Renewal Mask (LED Facemask Therapy)","description":"\u003cstyle\u003e\n\/* =========================================================\n   CELORIA™ — PREMIUM LED SKIN RENEWAL MASK\n   MOBILE-FIRST SHOPIFY SECTION\n   ========================================================= *\/\n\n#celoria-product{\n  --bg:#fffafa;\n  --soft:#f8eeee;\n  --text:#30282a;\n  --muted:#776b6d;\n  --gold:#a87936;\n  --gold-light:#d8b678;\n  --line:rgba(167,122,53,.15);\n\n  width:100%;\n  max-width:100%;\n  overflow:hidden;\n\n  background:var(--bg);\n  color:var(--text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n}\n\n#celoria-product *,\n#celoria-product *::before,\n#celoria-product *::after{\n  box-sizing:border-box;\n}\n\n#celoria-product img{\n  max-width:100%;\n  display:block;\n}\n\n#celoria-product button{\n  font-family:inherit;\n  -webkit-tap-highlight-color:transparent;\n}\n\n#celoria-product a{\n  -webkit-tap-highlight-color:transparent;\n}\n\n.celoria-container{\n  width:min(1120px,92%);\n  margin:0 auto;\n}\n\n.celoria-title{\n  margin:0;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-weight:400;\n  letter-spacing:-.04em;\n  line-height:1.05;\n}\n\n.celoria-eyebrow{\n  margin:0 0 11px;\n\n  color:var(--gold);\n\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:.2em;\n  line-height:1.4;\n\n  text-transform:uppercase;\n}\n\n.celoria-gold-text{\n  background:\n    linear-gradient(\n      100deg,\n      #805b27,\n      #d8b678,\n      #9a6b2c\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.celoria-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-height:50px;\n  padding:0 22px;\n\n  border-radius:100px;\n\n  text-decoration:none;\n\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.11em;\n  line-height:1;\n\n  text-transform:uppercase;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.celoria-btn-primary{\n  color:#fff;\n\n  background:\n    linear-gradient(\n      110deg,\n      #855d26,\n      #cda666,\n      #8c6227\n    );\n\n  box-shadow:\n    0 9px 24px rgba(140,99,41,.2);\n}\n\n.celoria-btn-secondary{\n  border:1px solid var(--line);\n\n  background:#fff;\n\n  color:var(--text);\n}\n\n.celoria-btn:active{\n  transform:scale(.97);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.celoria-hero{\n  padding:42px 0 34px;\n}\n\n.celoria-hero-grid{\n  display:grid;\n\n  gap:28px;\n\n  align-items:center;\n}\n\n.celoria-hero-copy{\n  text-align:center;\n}\n\n.celoria-hero h1{\n  margin:0 0 15px;\n\n  font-size:clamp(43px,12vw,72px);\n}\n\n.celoria-hero-sub{\n  max-width:560px;\n\n  margin:0 auto 21px;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.65;\n}\n\n.celoria-hero-buttons{\n  display:flex;\n\n  flex-direction:column;\n\n  gap:8px;\n}\n\n\n\/* =========================================================\n   PRODUCT DISPLAY\n   ========================================================= *\/\n\n.celoria-product-orb{\n  position:relative;\n\n  width:min(340px,86vw);\n  aspect-ratio:1;\n\n  margin:auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 50% 42%,\n      #ffffff 0%,\n      #fff5f5 32%,\n      #f7dfe3 58%,\n      rgba(247,223,227,0) 76%\n    );\n\n  animation:\n    celFloat\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n\/* Decorative orbit *\/\n\n.celoria-product-orb::before{\n  content:\"\";\n\n  position:absolute;\n\n  inset:7%;\n\n  border:1px solid rgba(167,122,53,.15);\n\n  border-radius:50%;\n\n  animation:\n    celSpin\n    22s\n    linear\n    infinite;\n}\n\n.celoria-product-orb::after{\n  content:\"\";\n\n  position:absolute;\n\n  width:55%;\n  height:18%;\n\n  bottom:12%;\n  left:22.5%;\n\n  border-radius:50%;\n\n  background:rgba(96,50,50,.13);\n\n  filter:blur(16px);\n\n  animation:\n    celShadow\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n\/* REAL PRODUCT IMAGE *\/\n\n.celoria-hero-product-image{\n  position:relative;\n\n  z-index:2;\n\n  width:82%;\n  height:82%;\n\n  object-fit:contain;\n\n  object-position:center;\n\n  filter:\n    drop-shadow(\n      0 24px 28px\n      rgba(55,28,30,.16)\n    );\n\n  animation:\n    celProductFloat\n    6s\n    ease-in-out\n    infinite;\n}\n\n\n\/* Shine across product *\/\n\n.celoria-product-shine{\n  position:absolute;\n\n  z-index:3;\n\n  width:55%;\n  height:120%;\n\n  top:-10%;\n  left:-70%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.55),\n      transparent\n    );\n\n  transform:rotate(20deg);\n\n  pointer-events:none;\n\n  animation:\n    celShine\n    5.5s\n    ease-in-out\n    infinite;\n}\n\n\n\/* Floating badges *\/\n\n.celoria-floating-badge{\n  position:absolute;\n\n  z-index:5;\n\n  padding:8px 11px;\n\n  border:1px solid rgba(255,255,255,.9);\n\n  border-radius:50px;\n\n  background:rgba(255,255,255,.88);\n\n  backdrop-filter:blur(12px);\n  -webkit-backdrop-filter:blur(12px);\n\n  box-shadow:\n    0 8px 20px rgba(60,30,30,.09);\n\n  font-size:7px;\n  font-weight:700;\n  letter-spacing:.05em;\n  line-height:1.2;\n\n  text-transform:uppercase;\n\n  white-space:nowrap;\n}\n\n.badge-one{\n  top:10%;\n  right:-2%;\n\n  animation:\n    celFloatSmall\n    4s\n    ease-in-out\n    infinite;\n}\n\n.badge-two{\n  bottom:11%;\n  left:-2%;\n\n  animation:\n    celFloatSmall\n    5s\n    ease-in-out\n    infinite\n    reverse;\n}\n\n\n\/* =========================================================\n   MARQUEE\n   ========================================================= *\/\n\n.celoria-marquee{\n  padding:11px 0;\n\n  border-top:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n\n  overflow:hidden;\n\n  white-space:nowrap;\n}\n\n.celoria-marquee-track{\n  display:inline-flex;\n\n  gap:24px;\n\n  animation:\n    celMarquee\n    25s\n    linear\n    infinite;\n}\n\n.celoria-marquee span{\n  font-family:Georgia,serif;\n\n  font-size:11px;\n\n  color:var(--gold);\n}\n\n\n\/* =========================================================\n   GENERAL SECTIONS\n   ========================================================= *\/\n\n.celoria-section{\n  padding:52px 0;\n}\n\n.celoria-centered{\n  max-width:700px;\n\n  margin:auto;\n\n  text-align:center;\n}\n\n.celoria-centered h2{\n  margin:0 0 13px;\n\n  font-size:clamp(33px,9vw,58px);\n}\n\n.celoria-centered p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.celoria-benefits{\n  display:grid;\n\n  grid-template-columns:1fr;\n\n  gap:9px;\n\n  margin-top:28px;\n}\n\n.celoria-benefit{\n  padding:20px;\n\n  border:1px solid var(--line);\n\n  border-radius:19px;\n\n  background:#fff;\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n.celoria-benefit-icon{\n  margin-bottom:9px;\n\n  font-size:20px;\n}\n\n.celoria-benefit h3{\n  margin:0 0 5px;\n\n  font:\n    400 18px Georgia,serif;\n}\n\n.celoria-benefit p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11.5px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   LED THERAPY\n   ========================================================= *\/\n\n.celoria-therapy{\n  background:\n    linear-gradient(\n      180deg,\n      #f9eeee,\n      #fffafa\n    );\n}\n\n.celoria-therapy-grid{\n  display:grid;\n\n  grid-template-columns:1fr;\n\n  gap:10px;\n\n  margin-top:28px;\n}\n\n\n\/* =========================================================\n   INTERACTIVE LED COLOR CARD\n   ========================================================= *\/\n\n.celoria-color-card{\n  --c:#d9b982;\n\n  position:relative;\n\n  width:100%;\n\n  border:1px solid var(--line);\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  overflow:hidden;\n\n  transition:\n    transform .35s cubic-bezier(.22,1,.36,1),\n    box-shadow .35s ease,\n    border-color .35s ease,\n    background .35s ease;\n}\n\n\n\/* Clickable header *\/\n\n.celoria-color-trigger{\n  width:100%;\n\n  min-width:0;\n\n  padding:16px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:13px;\n\n  border:0;\n\n  background:transparent;\n\n  color:var(--text);\n\n  text-align:left;\n\n  cursor:pointer;\n}\n\n\n\/* LED circle *\/\n\n.celoria-color{\n  width:44px;\n  height:44px;\n\n  min-width:44px;\n\n  flex:0 0 44px;\n\n  border-radius:50%;\n\n  background:var(--c);\n\n  box-shadow:\n    0 0 14px var(--c),\n    inset 0 0 8px rgba(255,255,255,.3);\n\n  animation:\n    celPulse\n    3s\n    ease-in-out\n    infinite;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n\n\/* Color title *\/\n\n.celoria-color-title{\n  min-width:0;\n\n  flex:1;\n\n  margin:0;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:15px;\n\n  font-weight:400;\n\n  line-height:1.3;\n}\n\n\n\/* Arrow *\/\n\n.celoria-color-arrow{\n  width:27px;\n  height:27px;\n\n  min-width:27px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid rgba(167,122,53,.24);\n\n  border-radius:50%;\n\n  color:var(--gold);\n\n  font-size:17px;\n\n  line-height:1;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n\n\/* =========================================================\n   EXPANDING DETAILS\n   ========================================================= *\/\n\n.celoria-color-details{\n  display:grid;\n\n  grid-template-rows:0fr;\n\n  transition:\n    grid-template-rows .45s cubic-bezier(.22,1,.36,1);\n}\n\n.celoria-color-details-inner{\n  min-height:0;\n\n  overflow:hidden;\n}\n\n.celoria-color-details p{\n  margin:0;\n\n  padding:\n    0\n    18px\n    18px\n    73px;\n\n  color:var(--muted);\n\n  font-size:11.5px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   ACTIVE COLOR\n   ========================================================= *\/\n\n.celoria-color-card.active{\n  border-color:\n    rgba(167,122,53,.38);\n\n  background:#fff;\n\n  box-shadow:\n    0 14px 35px\n    rgba(70,35,35,.10);\n}\n\n.celoria-color-card.active\n.celoria-color-details{\n  grid-template-rows:1fr;\n}\n\n.celoria-color-card.active\n.celoria-color{\n  transform:scale(1.09);\n\n  box-shadow:\n    0 0 22px var(--c),\n    0 0 38px rgba(167,122,53,.14);\n}\n\n.celoria-color-card.active\n.celoria-color-arrow{\n  transform:rotate(45deg);\n\n  background:var(--gold);\n\n  color:#fff;\n}\n\n\n\/* =========================================================\n   LED COLORS\n   ========================================================= *\/\n\n.c-red{\n  --c:#ff3838;\n}\n\n.c-blue{\n  --c:#2479e8;\n}\n\n.c-green{\n  --c:#4e9b5d;\n}\n\n.c-yellow{\n  --c:#f4c53d;\n}\n\n.c-purple{\n  --c:#a64ab8;\n}\n\n.c-cyan{\n  --c:#2dcce8;\n}\n\n.c-white{\n  --c:#eeeeee;\n\n  border:1px solid rgba(167,122,53,.15);\n}\n\n\n\/* =========================================================\n   LIFESTYLE\n   ========================================================= *\/\n\n.celoria-lifestyle{\n  display:grid;\n\n  gap:30px;\n\n  align-items:center;\n}\n\n.celoria-lifestyle-box{\n  min-height:270px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:24px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #f1dadd,\n      #fff8f5\n    );\n\n  overflow:hidden;\n}\n\n.celoria-lifestyle-icon{\n  font-size:70px;\n\n  animation:\n    celFloatSmall\n    4s\n    ease-in-out\n    infinite;\n}\n\n.celoria-lifestyle-copy h2{\n  margin:0 0 14px;\n\n  font:\n    400 clamp(37px,10vw,58px)\n    Georgia,serif;\n\n  line-height:1.05;\n}\n\n.celoria-lifestyle-copy p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n\n  line-height:1.7;\n}\n\n.celoria-checks{\n  list-style:none;\n\n  padding:0;\n\n  margin:17px 0;\n}\n\n.celoria-checks li{\n  padding:8px 0;\n\n  border-bottom:1px solid var(--line);\n\n  font-size:11.5px;\n}\n\n.celoria-checks li::before{\n  content:\"✦\";\n\n  margin-right:8px;\n\n  color:var(--gold);\n}\n\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.celoria-steps{\n  display:grid;\n\n  grid-template-columns:1fr;\n\n  gap:7px;\n\n  margin-top:28px;\n}\n\n.celoria-step{\n  padding:22px 14px;\n\n  text-align:center;\n\n  border-radius:19px;\n\n  transition:\n    transform .3s ease,\n    background .3s ease;\n}\n\n.celoria-step-number{\n  width:46px;\n  height:46px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  margin:0 auto 13px;\n\n  border:1px solid #d9b982;\n\n  border-radius:50%;\n\n  color:var(--gold);\n\n  font:\n    17px Georgia,serif;\n}\n\n.celoria-step h3{\n  margin:0 0 5px;\n\n  font:\n    400 19px Georgia,serif;\n}\n\n.celoria-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11.5px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.celoria-faq{\n  max-width:760px;\n\n  margin:28px auto 0;\n}\n\n.celoria-faq-item{\n  border-bottom:1px solid var(--line);\n}\n\n.celoria-faq-question{\n  width:100%;\n\n  min-height:56px;\n\n  padding:16px 0;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:15px;\n\n  border:0;\n\n  background:none;\n\n  color:var(--text);\n\n  text-align:left;\n\n  cursor:pointer;\n\n  font:\n    400 14px Georgia,serif;\n}\n\n.celoria-faq-question span:first-child{\n  flex:1;\n}\n\n.celoria-faq-plus{\n  width:25px;\n  height:25px;\n\n  min-width:25px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid rgba(167,122,53,.25);\n\n  border-radius:50%;\n\n  color:var(--gold);\n\n  font:\n    18px Arial,sans-serif;\n\n  line-height:1;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    color .3s ease;\n}\n\n.celoria-faq-answer{\n  max-height:0;\n\n  overflow:hidden;\n\n  transition:\n    max-height .4s ease;\n}\n\n.celoria-faq-answer p{\n  margin:0;\n\n  padding:0 0 18px;\n\n  color:var(--muted);\n\n  font-size:12px;\n\n  line-height:1.75;\n}\n\n.celoria-faq-item.active\n.celoria-faq-plus{\n  transform:rotate(45deg);\n\n  background:var(--gold);\n\n  color:#fff;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.celoria-final{\n  padding:60px 0;\n\n  text-align:center;\n}\n\n.celoria-final h2{\n  margin:0 0 15px;\n\n  font:\n    400 clamp(39px,11vw,70px)\n    Georgia,serif;\n\n  line-height:1;\n}\n\n.celoria-final p{\n  max-width:510px;\n\n  margin:0 auto 21px;\n\n  color:var(--muted);\n\n  font-size:12.5px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n@keyframes celFloat{\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-8px);\n  }\n}\n\n@keyframes celProductFloat{\n  0%,100%{\n    transform:translateY(0) scale(1);\n  }\n\n  50%{\n    transform:translateY(-8px) scale(1.015);\n  }\n}\n\n@keyframes celFloatSmall{\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-5px);\n  }\n}\n\n@keyframes celSpin{\n  to{\n    transform:rotate(360deg);\n  }\n}\n\n@keyframes celPulse{\n  0%,100%{\n    transform:scale(1);\n  }\n\n  50%{\n    transform:scale(1.05);\n  }\n}\n\n@keyframes celShadow{\n  0%,100%{\n    transform:scaleX(1);\n    opacity:.7;\n  }\n\n  50%{\n    transform:scaleX(.75);\n    opacity:.4;\n  }\n}\n\n@keyframes celShine{\n  0%,35%{\n    left:-70%;\n  }\n\n  65%,100%{\n    left:120%;\n  }\n}\n\n@keyframes celMarquee{\n  from{\n    transform:translateX(0);\n  }\n\n  to{\n    transform:translateX(-50%);\n  }\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(min-width:600px){\n\n  .celoria-hero{\n    padding:60px 0 45px;\n  }\n\n  .celoria-hero-buttons{\n    flex-direction:row;\n\n    justify-content:center;\n  }\n\n  .celoria-benefits{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .celoria-therapy-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .celoria-steps{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n   ========================================================= *\/\n\n@media(min-width:851px){\n\n  .celoria-hero{\n    padding:75px 0;\n  }\n\n  .celoria-hero-grid{\n    grid-template-columns:1fr 1fr;\n\n    gap:55px;\n  }\n\n  .celoria-hero-copy{\n    text-align:left;\n  }\n\n  .celoria-hero-sub{\n    margin-left:0;\n  }\n\n  .celoria-hero-buttons{\n    justify-content:flex-start;\n  }\n\n  .celoria-product-orb{\n    width:min(480px,100%);\n  }\n\n  .celoria-hero-product-image{\n    width:84%;\n    height:84%;\n  }\n\n  .celoria-benefits{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  .celoria-lifestyle{\n    grid-template-columns:1fr 1fr;\n\n    gap:60px;\n  }\n\n  .celoria-lifestyle-box{\n    min-height:430px;\n  }\n\n  .celoria-section{\n    padding:70px 0;\n  }\n\n  .celoria-color-card:hover,\n  .celoria-benefit:hover,\n  .celoria-step:hover{\n    transform:translateY(-4px);\n\n    box-shadow:\n      0 15px 35px\n      rgba(60,30,30,.08);\n  }\n\n}\n\n\n\/* =========================================================\n   TOUCH DEVICES\n   ========================================================= *\/\n\n@media(hover:none){\n\n  .celoria-color-card:active{\n    transform:scale(.985);\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #celoria-product *,\n  #celoria-product *::before,\n  #celoria-product *::after{\n    animation:none!important;\n\n    transition:none!important;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"celoria-product\"\u003e\n\n\u003c!-- =====================================================\n     HERO\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-hero\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-hero-grid\"\u003e\n\n      \u003cdiv class=\"celoria-hero-copy\"\u003e\n\n        \u003cdiv class=\"celoria-eyebrow\"\u003e\n          Celoria™ Skin Renewal Technology\n        \u003c\/div\u003e\n\n        \u003ch1 class=\"celoria-title\"\u003e\n          Your Skin.\u003cbr\u003e\n          \u003cspan class=\"celoria-gold-text\"\u003e\n            Transformed.\n          \u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"celoria-hero-sub\"\u003e\n          Meet the Celoria™ Skin Renewal Mask — a luxurious LED skincare ritual designed to help your skin look brighter, smoother, clearer and more radiant from home.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"celoria-hero-buttons\"\u003e\n\n          \u003ca href=\"#celoria-therapy\" class=\"celoria-btn celoria-btn-primary\"\u003e\n            Discover Your Glow\n          \u003c\/a\u003e\n\n          \u003ca href=\"#celoria-benefits\" class=\"celoria-btn celoria-btn-secondary\"\u003e\n            Explore Benefits\n          \u003c\/a\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PRODUCT IMAGE --\u003e\n\n      \u003cdiv class=\"celoria-product-orb\"\u003e\n\n        \u003cimg class=\"celoria-hero-product-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0850\/9476\/0704\/files\/celoria-led-mask-studio-shot_93504ec3-216f-4d3c-aa8c-d3a7c88236c4.png?v=1787504660\" alt=\"Celoria™ Skin Renewal LED Mask\" loading=\"eager\"\u003e\n\n        \u003cdiv class=\"celoria-product-shine\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"celoria-floating-badge badge-one\"\u003e\n          ✦ 7-Color LED Therapy\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"celoria-floating-badge badge-two\"\u003e\n          ✦ Your Daily Glow Ritual\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     MARQUEE\n     ===================================================== --\u003e\n\n\u003cdiv class=\"celoria-marquee\"\u003e\n\n  \u003cdiv class=\"celoria-marquee-track\"\u003e\n\n    \u003cspan\u003eSKIN RENEWAL\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n    \u003cspan\u003e7-COLOR LED THERAPY\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n    \u003cspan\u003eEFFORTLESS BEAUTY\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n    \u003cspan\u003eYOUR DAILY GLOW\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n\n    \u003cspan\u003eSKIN RENEWAL\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n    \u003cspan\u003e7-COLOR LED THERAPY\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n    \u003cspan\u003eEFFORTLESS BEAUTY\u003c\/span\u003e\n    \u003cspan\u003e✦\u003c\/span\u003e\n    \u003cspan\u003eYOUR DAILY GLOW\u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     BENEFITS\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-section\" id=\"celoria-benefits\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-centered\"\u003e\n\n      \u003cdiv class=\"celoria-eyebrow\"\u003e\n        The Celoria Ritual\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"celoria-title\"\u003e\n        Beauty doesn't have\u003cbr\u003e\n        to be complicated.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Give your skin a few minutes of focused attention every day — without expensive appointments or complicated routines.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"celoria-benefits\"\u003e\n\n      \u003cdiv class=\"celoria-benefit\"\u003e\n        \u003cdiv class=\"celoria-benefit-icon\"\u003e✨\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Radiant-Looking Skin\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps promote a brighter, more luminous-looking complexion.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-benefit\"\u003e\n        \u003cdiv class=\"celoria-benefit-icon\"\u003e🌸\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Clearer-Looking Skin\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Blue LED therapy is designed to support acne-focused skincare routines.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-benefit\"\u003e\n        \u003cdiv class=\"celoria-benefit-icon\"\u003e💎\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Smoother Appearance\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Red LED therapy can complement an anti-aging skincare ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-benefit\"\u003e\n        \u003cdiv class=\"celoria-benefit-icon\"\u003e🏆\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Firm-Looking Skin\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed to support a smoother, firmer-looking complexion.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-benefit\"\u003e\n        \u003cdiv class=\"celoria-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Refreshed Appearance\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Complement your skincare routine with a calming LED ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-benefit\"\u003e\n        \u003cdiv class=\"celoria-benefit-icon\"\u003e☀️\u003c\/div\u003e\n\n        \u003ch3\u003e\n          Your Everyday Glow\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Turn your skincare routine into a relaxing daily self-care ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     INTERACTIVE 7 LED COLORS\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-section celoria-therapy\" id=\"celoria-therapy\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-centered\"\u003e\n\n      \u003cdiv class=\"celoria-eyebrow\"\u003e\n        7-Color LED Therapy\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"celoria-title\"\u003e\n        One mask.\u003cbr\u003e\n        \u003cspan class=\"celoria-gold-text\"\u003e\n          Seven modes.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Tap a color to explore its targeted skincare benefit.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"celoria-therapy-grid\"\u003e\n\n\n      \u003c!-- RED --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"red\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-red\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            🔴 Red — Anti-Aging \u0026amp; Collagen\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              Designed to complement an anti-aging skincare ritual and support a smoother-looking complexion.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BLUE --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"blue\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-blue\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            🔵 Blue — Clears Acne \u0026amp; Bacteria\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              Designed to support acne-focused skincare routines and promote a clearer-looking complexion.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- GREEN --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"green\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-green\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            🟢 Green — Evens Skin Tone\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              A soothing addition to your skincare ritual designed to complement a more even-looking complexion.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- YELLOW --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"yellow\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-yellow\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            🟡 Yellow — Soothes Sensitivity\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              Designed to complement a calming skincare ritual for skin that feels sensitive or stressed.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PURPLE --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"purple\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-purple\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            🟣 Purple — Repairs \u0026amp; Renews\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              Combines the visual appeal of red and blue light in a versatile addition to your skincare routine.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- CYAN --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"cyan\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-cyan\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            🩵 Cyan — Reduces Puffiness\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              A refreshing addition to your self-care routine designed to support a refreshed-looking appearance.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- WHITE --\u003e\n\n      \u003cdiv class=\"celoria-color-card\" data-color=\"white\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-color-trigger\" aria-expanded=\"false\"\u003e\n\n          \u003cdiv class=\"celoria-color c-white\"\u003e\u003c\/div\u003e\n\n          \u003ch3 class=\"celoria-color-title\"\u003e\n            ⚪ White — Brightens \u0026amp; Tightens\n          \u003c\/h3\u003e\n\n          \u003cspan class=\"celoria-color-arrow\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-color-details\"\u003e\n\n          \u003cdiv class=\"celoria-color-details-inner\"\u003e\n\n            \u003cp\u003e\n              Designed to complement your skincare routine and support a brighter, firmer-looking complexion.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     LIFESTYLE\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-section\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-lifestyle\"\u003e\n\n      \u003cdiv class=\"celoria-lifestyle-box\"\u003e\n\n        \u003cdiv class=\"celoria-lifestyle-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-lifestyle-copy\"\u003e\n\n        \u003cdiv class=\"celoria-eyebrow\"\u003e\n          Designed Around You\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          Your glow.\u003cbr\u003e\n          Your ritual.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Celoria™ makes advanced-looking skincare feel effortless. Set aside a few minutes, relax, and make your skincare ritual the most enjoyable part of your day.\n        \u003c\/p\u003e\n\n        \u003cul class=\"celoria-checks\"\u003e\n\n          \u003cli\u003e\n            Full face \u0026amp; neck coverage\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Lightweight \u0026amp; comfortable design\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            10–20 minute sessions\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            Designed for all skin tones\n          \u003c\/li\u003e\n\n          \u003cli\u003e\n            UV-free LED technology\n          \u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n        \u003ca href=\"#celoria-ritual\" class=\"celoria-btn celoria-btn-primary\"\u003e\n          Make It Your Ritual\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     RITUAL\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-section celoria-therapy\" id=\"celoria-ritual\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-centered\"\u003e\n\n      \u003cdiv class=\"celoria-eyebrow\"\u003e\n        The Celoria Ritual\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"celoria-title\"\u003e\n        Three simple steps\u003cbr\u003e\n        to your daily ritual.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"celoria-steps\"\u003e\n\n\n      \u003cdiv class=\"celoria-step\"\u003e\n\n        \u003cdiv class=\"celoria-step-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Prepare\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Start with clean, dry skin and settle into your favorite comfortable space.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-step\"\u003e\n\n        \u003cdiv class=\"celoria-step-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Relax\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Put on your Celoria™ mask and select your preferred LED mode.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-step\"\u003e\n\n        \u003cdiv class=\"celoria-step-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Glow\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Relax for your session, remove the mask, and continue your skincare routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FAQ\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-section\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-centered\"\u003e\n\n      \u003cdiv class=\"celoria-eyebrow\"\u003e\n        Questions, Answered\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"celoria-title\"\u003e\n        Everything you need\u003cbr\u003e\n        to know.\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"celoria-faq\"\u003e\n\n\n      \u003cdiv class=\"celoria-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-faq-question\" aria-expanded=\"false\"\u003e\n\n          \u003cspan\u003e\n            How often should I use the mask?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"celoria-faq-plus\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-faq-answer\"\u003e\n\n          \u003cp\u003e\n            For best results, use the Celoria™ LED mask\n            \u003cstrong\u003e3–5 times a week\u003c\/strong\u003e\n            as part of your regular skincare ritual.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-faq-question\" aria-expanded=\"false\"\u003e\n\n          \u003cspan\u003e\n            How long does a session take?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"celoria-faq-plus\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-faq-answer\"\u003e\n\n          \u003cp\u003e\n            Each session takes approximately\n            \u003cstrong\u003e10–20 minutes\u003c\/strong\u003e,\n            making it easy to incorporate into your daily self-care routine.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-faq-question\" aria-expanded=\"false\"\u003e\n\n          \u003cspan\u003e\n            Does it use UV light?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"celoria-faq-plus\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-faq-answer\"\u003e\n\n          \u003cp\u003e\n            Celoria™ uses LED light rather than UV light.\n            Always follow the included safety and usage instructions.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-faq-question\" aria-expanded=\"false\"\u003e\n\n          \u003cspan\u003e\n            Can I use my normal skincare products?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"celoria-faq-plus\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-faq-answer\"\u003e\n\n          \u003cp\u003e\n            Your skincare routine can be used alongside LED therapy,\n            but product compatibility can vary. Follow the instructions\n            provided with your skincare products and mask.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"celoria-faq-item\"\u003e\n\n        \u003cbutton type=\"button\" class=\"celoria-faq-question\" aria-expanded=\"false\"\u003e\n\n          \u003cspan\u003e\n            Is the mask suitable for all skin tones?\n          \u003c\/span\u003e\n\n          \u003cspan class=\"celoria-faq-plus\"\u003e\n            +\n          \u003c\/span\u003e\n\n        \u003c\/button\u003e\n\n        \u003cdiv class=\"celoria-faq-answer\"\u003e\n\n          \u003cp\u003e\n            LED light therapy is generally used across a wide range\n            of skin tones. Follow the manufacturer's safety instructions.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FINAL CTA\n     ===================================================== --\u003e\n\n\u003csection class=\"celoria-final\"\u003e\n\n  \u003cdiv class=\"celoria-container\"\u003e\n\n    \u003cdiv class=\"celoria-eyebrow\"\u003e\n      Welcome To Celoria™\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Your skin deserves\u003cbr\u003e\n      a\n      \u003cspan class=\"celoria-gold-text\"\u003e\n        ritual.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Make a few minutes for yourself. Make your skincare routine something you look forward to.\n    \u003c\/p\u003e\n\n    \u003ca href=\"{{%20product.url%20}}\" class=\"celoria-btn celoria-btn-primary\"\u003e\n      Shop Celoria™ Skin Renewal Mask\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     CELORIA™ INTERACTIONS\n     ===================================================== --\u003e\n\n\u003cscript\u003e\n(function(){\n\n  \/* =====================================================\n     INTERACTIVE 7 LED COLORS\n     ===================================================== *\/\n\n  const celoriaProduct =\n    document.getElementById('celoria-product');\n\n  if(!celoriaProduct) return;\n\n\n  const colorCards =\n    celoriaProduct.querySelectorAll(\n      '.celoria-color-card'\n    );\n\n\n  colorCards.forEach(function(card){\n\n    const trigger =\n      card.querySelector(\n        '.celoria-color-trigger'\n      );\n\n\n    if(!trigger) return;\n\n\n    trigger.addEventListener(\n      'click',\n      function(){\n\n        const isActive =\n          card.classList.contains('active');\n\n\n        \/* Close every other color *\/\n\n        colorCards.forEach(function(otherCard){\n\n          if(otherCard !== card){\n\n            otherCard.classList.remove(\n              'active'\n            );\n\n            const otherTrigger =\n              otherCard.querySelector(\n                '.celoria-color-trigger'\n              );\n\n            if(otherTrigger){\n\n              otherTrigger.setAttribute(\n                'aria-expanded',\n                'false'\n              );\n\n            }\n\n          }\n\n        });\n\n\n        \/* Toggle selected color *\/\n\n        if(isActive){\n\n          card.classList.remove(\n            'active'\n          );\n\n          trigger.setAttribute(\n            'aria-expanded',\n            'false'\n          );\n\n        }else{\n\n          card.classList.add(\n            'active'\n          );\n\n          trigger.setAttribute(\n            'aria-expanded',\n            'true'\n          );\n\n        }\n\n      }\n    );\n\n  });\n\n\n  \/* =====================================================\n     FAQ ACCORDION\n     ===================================================== *\/\n\n  const faqItems =\n    celoriaProduct.querySelectorAll(\n      '.celoria-faq-item'\n    );\n\n\n  faqItems.forEach(function(item){\n\n    const question =\n      item.querySelector(\n        '.celoria-faq-question'\n      );\n\n    const answer =\n      item.querySelector(\n        '.celoria-faq-answer'\n      );\n\n\n    if(!question || !answer) return;\n\n\n    question.addEventListener(\n      'click',\n      function(){\n\n        const isActive =\n          item.classList.contains('active');\n\n\n        \/* Close other FAQs *\/\n\n        faqItems.forEach(function(otherItem){\n\n          if(otherItem !== item){\n\n            otherItem.classList.remove(\n              'active'\n            );\n\n            const otherQuestion =\n              otherItem.querySelector(\n                '.celoria-faq-question'\n              );\n\n            const otherAnswer =\n              otherItem.querySelector(\n                '.celoria-faq-answer'\n              );\n\n\n            if(otherQuestion){\n\n              otherQuestion.setAttribute(\n                'aria-expanded',\n                'false'\n              );\n\n            }\n\n\n            if(otherAnswer){\n\n              otherAnswer.style.maxHeight =\n                null;\n\n            }\n\n          }\n\n        });\n\n\n        \/* Toggle current FAQ *\/\n\n        if(isActive){\n\n          item.classList.remove(\n            'active'\n          );\n\n          question.setAttribute(\n            'aria-expanded',\n            'false'\n          );\n\n          answer.style.maxHeight =\n            null;\n\n        }else{\n\n          item.classList.add(\n            'active'\n          );\n\n          question.setAttribute(\n            'aria-expanded',\n            'true'\n          );\n\n          answer.style.maxHeight =\n            answer.scrollHeight + 'px';\n\n        }\n\n      }\n    );\n\n  });\n\n\n})();\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":49151264030976,"sku":null,"price":699.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0850\/9476\/0704\/files\/celoria-led-mask-studio-shot_1.png?v=1786216549"}],"url":"https:\/\/celoria.co.za\/collections\/frontpage.oembed","provider":"Celoria","version":"1.0","type":"link"}