{"product_id":"lumera-beauty™-collagen-boost-face-mask","title":"Luméra Beauty™ Collagen Boost Face Mask","description":"\u003csection class=\"lumera-collagen-section\"\u003e\n  \u003cdiv class=\"lumera-collagen-card\"\u003e\n\n    \u003cdiv class=\"lumera-collagen-badge\"\u003e\n      Collagen • Biotin • Hydrating Glow\n    \u003c\/div\u003e\n\n    \u003ch1\u003eLuméra Beauty™\u003c\/h1\u003e\n    \u003ch2\u003eCollagen Boost Face Mask\u003c\/h2\u003e\n\n    \u003cp class=\"lumera-collagen-subtitle\"\u003e\n      ✨ Give Your Skin the Glow-Up It Deserves ✨\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lumera-collagen-hero\"\u003e\n      \u003ch3\u003eSoft, plump, pampered skin\u003c\/h3\u003e\n      \u003cp\u003e\n        A luxurious face mask designed to leave your complexion feeling refreshed,\n        moisturised, smooth and beautifully cared for — perfect for your weekly self-care ritual.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"collagen-grid\"\u003e\n\n      \u003cdiv class=\"collagen-card\"\u003e\n        \u003cspan\u003e💎\u003c\/span\u003e\n        \u003ch4\u003eCollagen Care\u003c\/h4\u003e\n        \u003cp\u003eSupports the appearance of smoother, firmer and more supple-looking skin.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"collagen-card\"\u003e\n        \u003cspan\u003e💧\u003c\/span\u003e\n        \u003ch4\u003eHydrating Feel\u003c\/h4\u003e\n        \u003cp\u003eHelps skin feel moisturised, soft and refreshed after your masking session.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"collagen-card\"\u003e\n        \u003cspan\u003e🌸\u003c\/span\u003e\n        \u003ch4\u003eComforting Ritual\u003c\/h4\u003e\n        \u003cp\u003eA relaxing 10–15 minute treatment for skin that feels pampered and renewed.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"collagen-card\"\u003e\n        \u003cspan\u003e✨\u003c\/span\u003e\n        \u003ch4\u003eRadiant Appearance\u003c\/h4\u003e\n        \u003cp\u003eLeaves skin looking more rested, fresh and naturally glowing.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"collagen-how-section\"\u003e\n      \u003cdiv class=\"collagen-shine\"\u003e\u003c\/div\u003e\n\n      \u003ch3\u003eHow To Use\u003c\/h3\u003e\n      \u003cp class=\"collagen-how-subtitle\"\u003eYour refreshed-skin ritual in 10–15 minutes.\u003c\/p\u003e\n\n      \u003cdiv class=\"collagen-steps\"\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e1\u003c\/span\u003e\u003cp\u003eApply evenly to clean, dry skin\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e2\u003c\/span\u003e\u003cp\u003eAvoid the eye and lip area\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e3\u003c\/span\u003e\u003cp\u003eLeave on for 10–15 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e4\u003c\/span\u003e\u003cp\u003eRinse thoroughly with warm water\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003cdiv\u003e\n\u003cspan\u003e5\u003c\/span\u003e\u003cp\u003eFollow with your favourite moisturiser\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"collagen-warning\"\u003e\n      \u003ch3\u003eImportant To Know\u003c\/h3\u003e\n      \u003cp\u003e\n        Patch test before first use, especially if you have sensitive or reactive skin.\n        For external use only. Not suitable for broken, irritated or sunburned skin.\n        Discontinue use if irritation occurs.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lumera-collagen-difference\"\u003e\n      \u003ch3\u003eBecause your skin deserves luxury.\u003c\/h3\u003e\n      \u003cp\u003e\n        Add Luméra Beauty™ to your skincare ritual and enjoy skin that feels soft,\n        hydrated, refreshed and beautifully pampered.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.lumera-collagen-section{\n  padding:85px 18px;\n  overflow:hidden;\n  font-family:'Poppins',sans-serif;\n  background:\n    radial-gradient(circle at top left, rgba(209,126,134,0.55), transparent 32%),\n    radial-gradient(circle at bottom right, rgba(236,174,181,0.55), transparent 35%),\n    linear-gradient(135deg,#fff6f7,#f6c9cf,#fff8f9);\n}\n\n.lumera-collagen-card{\n  max-width:1120px;\n  margin:auto;\n  padding:56px 30px;\n  text-align:center;\n  border-radius:42px;\n  background:rgba(255,255,255,0.95);\n  border:1px solid rgba(190,105,115,0.24);\n  box-shadow:0 35px 95px rgba(155,70,82,0.18);\n  backdrop-filter:blur(18px);\n  animation:collagenFadeUp 1s ease;\n}\n\n.lumera-collagen-badge{\n  display:inline-block;\n  padding:12px 28px;\n  border-radius:999px;\n  background:linear-gradient(135deg,#b96570,#d98791,#efb4bb);\n  color:#ffffff;\n  font-size:14px;\n  font-weight:800;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n  box-shadow:0 14px 32px rgba(155,70,82,0.34);\n  position:relative;\n  overflow:hidden;\n}\n\n.lumera-collagen-badge::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-120%;\n  width:70%;\n  height:100%;\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.38),transparent);\n  transform:skewX(-25deg);\n  animation:collagenBadgeShine 4s infinite;\n}\n\n.lumera-collagen-card h1{\n  margin:22px 0 0;\n  font-size:clamp(40px,6vw,74px);\n  color:#5d353b;\n  letter-spacing:-2px;\n}\n\n.lumera-collagen-card h2{\n  margin:8px 0 18px;\n  font-size:clamp(25px,4vw,42px);\n  font-weight:900;\n  background:linear-gradient(90deg,#a9525d,#d27682,#e9a0aa,#c89b2d);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.lumera-collagen-subtitle{\n  font-size:22px;\n  color:#765056;\n  margin-bottom:32px;\n}\n\n.lumera-collagen-hero{\n  padding:38px;\n  border-radius:36px;\n  background:linear-gradient(135deg,#ffffff,#f2bcc4,#fff4f5);\n  border:1px solid rgba(190,105,115,0.28);\n  box-shadow:0 22px 55px rgba(155,70,82,0.16);\n  animation:collagenPopIn 0.9s ease;\n}\n\n.lumera-collagen-hero h3,\n.collagen-how-section h3,\n.collagen-warning h3,\n.lumera-collagen-difference h3{\n  margin-top:0;\n  font-size:30px;\n  color:#6b3d44;\n}\n\n.lumera-collagen-hero p{\n  max-width:800px;\n  margin:auto;\n  color:#765056;\n  font-size:16.5px;\n  line-height:1.8;\n}\n\n.collagen-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n  gap:20px;\n  margin:40px 0;\n}\n\n.collagen-card{\n  padding:30px 20px;\n  border-radius:30px;\n  background:linear-gradient(135deg,#ffffff,#f3c5cc);\n  border:1px solid rgba(190,105,115,0.22);\n  box-shadow:0 18px 42px rgba(155,70,82,0.14);\n  transition:0.35s ease;\n  animation:collagenFloat 4s ease-in-out infinite;\n}\n\n.collagen-card:hover{\n  transform:translateY(-10px) scale(1.04);\n  background:linear-gradient(135deg,#fff6f7,#dc8d98);\n  box-shadow:0 32px 70px rgba(155,70,82,0.24);\n}\n\n.collagen-card span{\n  display:inline-flex;\n  width:62px;\n  height:62px;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  font-size:30px;\n  margin-bottom:15px;\n  background:linear-gradient(135deg,#d27682,#f5c3ca);\n  box-shadow:0 14px 30px rgba(155,70,82,0.28);\n}\n\n.collagen-card h4{\n  margin:0 0 10px;\n  font-size:18px;\n  color:#6b3d44;\n}\n\n.collagen-card p{\n  margin:0;\n  color:#765056;\n  font-size:14.5px;\n  line-height:1.7;\n}\n\n.collagen-how-section{\n  position:relative;\n  overflow:hidden;\n  margin-top:45px;\n  padding:50px 30px;\n  border-radius:40px;\n  background:\n    radial-gradient(circle at top left, rgba(210,118,130,0.34), transparent 35%),\n    linear-gradient(135deg,#fff7f8,#f2bcc4,#fff4f5);\n  border:1px solid rgba(190,105,115,0.24);\n  box-shadow:0 32px 72px rgba(155,70,82,0.18);\n}\n\n.collagen-shine{\n  position:absolute;\n  width:220px;\n  height:220px;\n  background:rgba(255,255,255,0.70);\n  filter:blur(45px);\n  top:-80px;\n  right:-40px;\n  animation:collagenShineMove 5s ease-in-out infinite alternate;\n}\n\n.collagen-how-section h3{\n  position:relative;\n  font-size:42px;\n  font-weight:900;\n}\n\n.collagen-how-subtitle{\n  position:relative;\n  color:#765056;\n  font-size:18px;\n  margin-bottom:35px;\n}\n\n.collagen-steps{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));\n  gap:22px;\n}\n\n.collagen-steps div{\n  padding:32px 22px;\n  border-radius:30px;\n  background:linear-gradient(145deg,#ffffff,#f3c5cc);\n  border:1px solid rgba(190,105,115,0.18);\n  box-shadow:0 20px 44px rgba(155,70,82,0.14);\n  transition:0.4s ease;\n}\n\n.collagen-steps div:hover{\n  transform:translateY(-10px) scale(1.04);\n  background:linear-gradient(145deg,#fff7f8,#dc8d98);\n}\n\n.collagen-steps span{\n  display:inline-flex;\n  width:64px;\n  height:64px;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:linear-gradient(135deg,#a9525d,#d98791);\n  color:#ffffff;\n  font-size:28px;\n  font-weight:900;\n  box-shadow:0 12px 28px rgba(155,70,82,0.30);\n  margin-bottom:18px;\n}\n\n.collagen-steps p{\n  margin:0;\n  color:#765056;\n  font-size:17px;\n  line-height:1.7;\n  font-weight:700;\n}\n\n.collagen-warning{\n  margin-top:40px;\n  padding:34px;\n  border-radius:34px;\n  background:linear-gradient(135deg,#fff1df,#ffffff);\n  border:1px solid rgba(212,175,55,0.28);\n  box-shadow:0 20px 48px rgba(150,120,50,0.12);\n}\n\n.collagen-warning p{\n  max-width:800px;\n  margin:auto;\n  color:#77624a;\n  font-size:15px;\n  line-height:1.7;\n  font-weight:600;\n}\n\n.lumera-collagen-difference{\n  margin-top:40px;\n  padding:40px;\n  border-radius:38px;\n  background:linear-gradient(135deg,#a9525d,#d27682,#efb4bb);\n  box-shadow:0 28px 65px rgba(155,70,82,0.24);\n}\n\n.lumera-collagen-difference h3,\n.lumera-collagen-difference p{\n  color:#ffffff;\n}\n\n.lumera-collagen-difference p{\n  max-width:760px;\n  margin:auto;\n  font-weight:700;\n  font-size:16px;\n  line-height:1.7;\n}\n\n@keyframes collagenFadeUp{\n  from{opacity:0;transform:translateY(35px);}\n  to{opacity:1;transform:translateY(0);}\n}\n\n@keyframes collagenPopIn{\n  from{opacity:0;transform:scale(0.95);}\n  to{opacity:1;transform:scale(1);}\n}\n\n@keyframes collagenFloat{\n  0%,100%{transform:translateY(0);}\n  50%{transform:translateY(-6px);}\n}\n\n@keyframes collagenShineMove{\n  from{transform:translate(0,0);}\n  to{transform:translate(-40px,35px);}\n}\n\n@keyframes collagenBadgeShine{\n  0%{left:-120%;}\n  100%{left:140%;}\n}\n\n@media(max-width:600px){\n  .lumera-collagen-section{padding:45px 14px;}\n  .lumera-collagen-card{padding:34px 18px;border-radius:28px;}\n  .lumera-collagen-hero,\n  .collagen-how-section,\n  .collagen-warning,\n  .lumera-collagen-difference{padding:24px;}\n}\n\u003c\/style\u003e","brand":"Luméra Beauty","offers":[{"title":"Default Title","offer_id":48362056614132,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/2455\/1156\/files\/Face_Mask_2.jpg?v=1779975139","url":"https:\/\/lumerabeauty.co.za\/products\/lumera-beauty%e2%84%a2-collagen-boost-face-mask","provider":"Luméra Beauty","version":"1.0","type":"link"}