{"product_id":"lumera-beauty™-gel-face-mask","title":"Luméra Beauty™ Gel Face Mask","description":"\u003csection class=\"lumera-gel-section\"\u003e\n\u003cdiv class=\"lumera-gel-card\"\u003e\n\u003cdiv class=\"lumera-gel-badge\"\u003eCooling Gel • Hydration • Glow Ritual\u003c\/div\u003e\n\u003ch1\u003eLuméra Beauty™\u003c\/h1\u003e\n\u003ch2\u003eGel Face Mask\u003c\/h2\u003e\n\u003cp class=\"lumera-gel-subtitle\"\u003e💧 Cool. Calm. Glowing. 💧\u003c\/p\u003e\n\u003cdiv class=\"lumera-gel-hero\"\u003e\n\u003ch3\u003eA tall glass of water for your face\u003c\/h3\u003e\n\u003cp\u003eA lightweight, refreshing gel mask designed to drench your skin in hydration and leave it feeling calm, soft, fresh and beautifully pampered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-grid\"\u003e\n\u003cdiv class=\"gel-card\"\u003e\n\u003cspan\u003e💧\u003c\/span\u003e\n\u003ch4\u003eSurface Hydration\u003c\/h4\u003e\n\u003cp\u003eHelps deliver a moisture boost so skin feels plump, soft and comfortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-card\"\u003e\n\u003cspan\u003e❄️\u003c\/span\u003e\n\u003ch4\u003eCooling Sensation\u003c\/h4\u003e\n\u003cp\u003eThe gel texture feels refreshingly cool and soothing on application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-card\"\u003e\n\u003cspan\u003e🧘♀️\u003c\/span\u003e\n\u003ch4\u003eCalming Ritual\u003c\/h4\u003e\n\u003cp\u003eTake 10–20 minutes to unwind while your skin enjoys a fresh hydration moment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-card\"\u003e\n\u003cspan\u003e✨\u003c\/span\u003e\n\u003ch4\u003eRefreshed Feel\u003c\/h4\u003e\n\u003cp\u003eLeaves skin feeling softer, smoother and noticeably more comfortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-card\"\u003e\n\u003cspan\u003e🌟\u003c\/span\u003e\n\u003ch4\u003eRested Glow\u003c\/h4\u003e\n\u003cp\u003eSkin may appear more awake, fresh and radiant after your masking session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-card\"\u003e\n\u003cspan\u003e🌸\u003c\/span\u003e\n\u003ch4\u003eLightweight Finish\u003c\/h4\u003e\n\u003cp\u003eDesigned to feel fresh and non-greasy without a heavy residue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-how-section\"\u003e\n\u003cdiv class=\"gel-shine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eHow To Use\u003c\/h3\u003e\n\u003cp class=\"gel-how-subtitle\"\u003eYour cooling hydration ritual, 1–2 times per week.\u003c\/p\u003e\n\u003cdiv class=\"gel-steps\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eStart with a clean, dry face\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eApply an even layer of gel mask\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eAvoid the eye and lip area\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e4\u003c\/span\u003e\n\u003cp\u003eLeave on for 10–20 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e5\u003c\/span\u003e\n\u003cp\u003eRinse with warm water and moisturise\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gel-warning\"\u003e\n\u003ch3\u003eImportant To Know\u003c\/h3\u003e\n\u003cp\u003ePatch test before first use. For external use only. Avoid contact with eyes. Do not use on broken, wounded, sunburned or severely irritated skin. Discontinue use if redness, burning or irritation occurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumera-gel-difference\"\u003e\n\u003ch3\u003eGive your skin the hydration hit it craves.\u003c\/h3\u003e\n\u003cp\u003eAdd Luméra Beauty™ to your skincare ritual and enjoy skin that feels cool, calm, refreshed and beautifully pampered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.lumera-gel-section{\n  padding:85px 18px;\n  overflow:hidden;\n  font-family:'Poppins',sans-serif;\n  background:\n    radial-gradient(circle at top left, rgba(95,205,215,0.55), transparent 32%),\n    radial-gradient(circle at bottom right, rgba(165,225,255,0.55), transparent 35%),\n    linear-gradient(135deg,#f8ffff,#d9f7f8,#ffffff);\n}\n\n.lumera-gel-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(60,170,185,0.24);\n  box-shadow:0 35px 95px rgba(30,120,140,0.18);\n  backdrop-filter:blur(18px);\n  animation:gelFadeUp 1s ease;\n}\n\n.lumera-gel-badge{\n  display:inline-block;\n  padding:12px 28px;\n  border-radius:999px;\n  background:linear-gradient(135deg,#1c9eaa,#55d6d9,#b8fff8);\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(30,120,140,0.34);\n  position:relative;\n  overflow:hidden;\n}\n\n.lumera-gel-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.40),transparent);\n  transform:skewX(-25deg);\n  animation:gelBadgeShine 4s infinite;\n}\n\n.lumera-gel-card h1{\n  margin:22px 0 0;\n  font-size:clamp(40px,6vw,74px);\n  color:#164f55;\n  letter-spacing:-2px;\n}\n\n.lumera-gel-card h2{\n  margin:8px 0 18px;\n  font-size:clamp(25px,4vw,42px);\n  font-weight:900;\n  background:linear-gradient(90deg,#168c99,#28c7c9,#7be9df,#d4af37);\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.lumera-gel-subtitle{\n  font-size:22px;\n  color:#3d6669;\n  margin-bottom:32px;\n}\n\n.lumera-gel-hero{\n  padding:38px;\n  border-radius:36px;\n  background:linear-gradient(135deg,#ffffff,#c9f1ef,#f4ffff);\n  border:1px solid rgba(60,170,185,0.28);\n  box-shadow:0 22px 55px rgba(30,120,140,0.16);\n  animation:gelPopIn 0.9s ease;\n}\n\n.lumera-gel-hero h3,\n.gel-how-section h3,\n.gel-warning h3,\n.lumera-gel-difference h3{\n  margin-top:0;\n  font-size:30px;\n  color:#164f55;\n}\n\n.lumera-gel-hero p{\n  max-width:800px;\n  margin:auto;\n  color:#3d6669;\n  font-size:16.5px;\n  line-height:1.8;\n}\n\n.gel-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n  gap:20px;\n  margin:40px 0;\n}\n\n.gel-card{\n  padding:30px 20px;\n  border-radius:30px;\n  background:linear-gradient(135deg,#ffffff,#d2f4f2);\n  border:1px solid rgba(60,170,185,0.22);\n  box-shadow:0 18px 42px rgba(30,120,140,0.14);\n  transition:0.35s ease;\n  animation:gelFloat 4s ease-in-out infinite;\n}\n\n.gel-card:hover{\n  transform:translateY(-10px) scale(1.04);\n  background:linear-gradient(135deg,#f5ffff,#65d9d7);\n  box-shadow:0 32px 70px rgba(30,120,140,0.24);\n}\n\n.gel-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,#28c7c9,#dffffc);\n  box-shadow:0 14px 30px rgba(30,120,140,0.28);\n}\n\n.gel-card h4{\n  margin:0 0 10px;\n  font-size:18px;\n  color:#164f55;\n}\n\n.gel-card p{\n  margin:0;\n  color:#3d6669;\n  font-size:14.5px;\n  line-height:1.7;\n}\n\n.gel-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(40,199,201,0.34), transparent 35%),\n    linear-gradient(135deg,#ffffff,#c9f1ef,#f6ffff);\n  border:1px solid rgba(60,170,185,0.24);\n  box-shadow:0 32px 72px rgba(30,120,140,0.18);\n}\n\n.gel-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:gelShineMove 5s ease-in-out infinite alternate;\n}\n\n.gel-how-section h3{\n  position:relative;\n  font-size:42px;\n  font-weight:900;\n}\n\n.gel-how-subtitle{\n  position:relative;\n  color:#3d6669;\n  font-size:18px;\n  margin-bottom:35px;\n}\n\n.gel-steps{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));\n  gap:22px;\n}\n\n.gel-steps div{\n  padding:32px 22px;\n  border-radius:30px;\n  background:linear-gradient(145deg,#ffffff,#d2f4f2);\n  border:1px solid rgba(60,170,185,0.18);\n  box-shadow:0 20px 44px rgba(30,120,140,0.14);\n  transition:0.4s ease;\n}\n\n.gel-steps div:hover{\n  transform:translateY(-10px) scale(1.04);\n  background:linear-gradient(145deg,#f5ffff,#65d9d7);\n}\n\n.gel-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,#168c99,#28c7c9);\n  color:#ffffff;\n  font-size:28px;\n  font-weight:900;\n  box-shadow:0 12px 28px rgba(30,120,140,0.30);\n  margin-bottom:18px;\n}\n\n.gel-steps p{\n  margin:0;\n  color:#3d6669;\n  font-size:17px;\n  line-height:1.7;\n  font-weight:700;\n}\n\n.gel-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.gel-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-gel-difference{\n  margin-top:40px;\n  padding:40px;\n  border-radius:38px;\n  background:linear-gradient(135deg,#168c99,#28c7c9,#7be9df);\n  box-shadow:0 28px 65px rgba(30,120,140,0.24);\n}\n\n.lumera-gel-difference h3,\n.lumera-gel-difference p{\n  color:#ffffff;\n}\n\n.lumera-gel-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 gelFadeUp{\n  from{opacity:0;transform:translateY(35px);}\n  to{opacity:1;transform:translateY(0);}\n}\n\n@keyframes gelPopIn{\n  from{opacity:0;transform:scale(0.95);}\n  to{opacity:1;transform:scale(1);}\n}\n\n@keyframes gelFloat{\n  0%,100%{transform:translateY(0);}\n  50%{transform:translateY(-6px);}\n}\n\n@keyframes gelShineMove{\n  from{transform:translate(0,0);}\n  to{transform:translate(-40px,35px);}\n}\n\n@keyframes gelBadgeShine{\n  0%{left:-120%;}\n  100%{left:140%;}\n}\n\n@media(max-width:600px){\n  .lumera-gel-section{padding:45px 14px;}\n  .lumera-gel-card{padding:34px 18px;border-radius:28px;}\n  .lumera-gel-hero,\n  .gel-how-section,\n  .gel-warning,\n  .lumera-gel-difference{padding:24px;}\n}\n\u003c\/style\u003e","brand":"Luméra Beauty","offers":[{"title":"Default Title","offer_id":48362163306740,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/2455\/1156\/files\/Gel_Face_Mask_1.jpg?v=1774713201","url":"https:\/\/lumerabeauty.co.za\/products\/lumera-beauty%e2%84%a2-gel-face-mask","provider":"Luméra Beauty","version":"1.0","type":"link"}