{"product_id":"lumera-beauty™-detox-clay-mask-stick","title":"Luméra Beauty™ Detox Clay Mask Stick","description":"\u003csection class=\"lumera-clay-section\"\u003e\n  \u003cdiv class=\"lumera-clay-card\"\u003e\n\n    \u003cdiv class=\"lumera-clay-badge\"\u003e\n      Mess-Free • Purifying • Travel-Friendly\n    \u003c\/div\u003e\n\n    \u003ch1\u003eLuméra Beauty™\u003c\/h1\u003e\n\n    \u003ch2\u003eDetox Clay Mask Stick\u003c\/h2\u003e\n\n    \u003cp class=\"lumera-clay-subtitle\"\u003e\n      ✨ Skincare Just Got a Whole Lot Easier. ✨\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"lumera-clay-hero\"\u003e\n\n      \u003ch3\u003eTwist. Apply. Glow.\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Meet the \u003cstrong\u003eLuméra Beauty™ Purifying Clay Mask Stick\u003c\/strong\u003e —\n        the no-fuss way to deeply cleanse your skin without the mess.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clay-benefit-grid\"\u003e\n\n      \u003cdiv class=\"clay-benefit cleansing\"\u003e\n\n        \u003cspan\u003e🌿\u003c\/span\u003e\n\n        \u003ch4\u003eDeep Cleansing\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Helps draw out impurities, excess oil and build-up for a visibly fresher-looking complexion.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clay-benefit moisture\"\u003e\n\n        \u003cspan\u003e💧\u003c\/span\u003e\n\n        \u003ch4\u003eMoisturising Feel\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Designed to cleanse while supporting your skin’s natural moisture balance.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clay-benefit stick\"\u003e\n\n        \u003cspan\u003e🎯\u003c\/span\u003e\n\n        \u003ch4\u003eMess-Free Stick\u003c\/h4\u003e\n\n        \u003cp\u003e\n          No mixing, no scooping and no mess — glide directly onto skin for effortless application.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clay-benefit quick\"\u003e\n\n        \u003cspan\u003e⏱️\u003c\/span\u003e\n\n        \u003ch4\u003eQuick \u0026amp; Easy\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Leave on for 10–15 minutes and rinse off to reveal refreshed-looking skin.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clay-benefit travel\"\u003e\n\n        \u003cspan\u003e💅\u003c\/span\u003e\n\n        \u003ch4\u003eTravel-Friendly\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Compact and convenient for weekends away, handbags and skincare on the go.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"clay-benefit glow\"\u003e\n\n        \u003cspan\u003e✨\u003c\/span\u003e\n\n        \u003ch4\u003eFresh Glow Finish\u003c\/h4\u003e\n\n        \u003cp\u003e\n          Leaves your skin looking smoother, cleaner and beautifully refreshed.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clay-how-section\"\u003e\n\n      \u003cdiv class=\"clay-shine\"\u003e\u003c\/div\u003e\n\n      \u003ch3\u003eHow To Use\u003c\/h3\u003e\n\n      \u003cp class=\"clay-how-subtitle\"\u003e\n        A simple glow ritual in under 15 minutes.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"clay-steps\"\u003e\n\n        \u003cdiv class=\"step-card\"\u003e\n          \u003cspan\u003e1\u003c\/span\u003e\n          \u003cp\u003eStart with a clean, dry face\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step-card\"\u003e\n          \u003cspan\u003e2\u003c\/span\u003e\n          \u003cp\u003eGlide the stick directly onto skin\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step-card\"\u003e\n          \u003cspan\u003e3\u003c\/span\u003e\n          \u003cp\u003eLeave on for 10–15 minutes\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step-card\"\u003e\n          \u003cspan\u003e4\u003c\/span\u003e\n          \u003cp\u003eRinse thoroughly with warm water\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"step-card\"\u003e\n          \u003cspan\u003e5\u003c\/span\u003e\n          \u003cp\u003eFollow with your favourite moisturiser\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lumera-difference\"\u003e\n\n      \u003ch3\u003eThe Luméra Beauty™ Difference\u003c\/h3\u003e\n\n      \u003cp\u003e\n        No compromise. No mess. Just skin that looks and feels clean,\n        smooth and beautifully cared for.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\n.lumera-clay-section{\n  padding:85px 18px;\n  overflow:hidden;\n  font-family:'Poppins',sans-serif;\n\n  background:\n  radial-gradient(circle at top left, rgba(164,194,150,0.45), transparent 32%),\n  radial-gradient(circle at bottom right, rgba(120,160,105,0.35), transparent 35%),\n  linear-gradient(135deg,#ffffff,#f3f8f1,#edf5ea);\n}\n\n.lumera-clay-card{\n  max-width:1120px;\n  margin:auto;\n  padding:56px 30px;\n  text-align:center;\n  border-radius:40px;\n  background:rgba(255,255,255,0.96);\n  border:1px solid rgba(111,143,98,0.20);\n\n  box-shadow:\n  0 35px 95px rgba(60,90,50,0.12);\n\n  backdrop-filter:blur(18px);\n\n  animation:clayFadeUp 1s ease;\n}\n\n\/* BADGE *\/\n\n.lumera-clay-badge{\n  display:inline-block;\n  padding:12px 28px;\n  border-radius:999px;\n\n  background:linear-gradient(\n    135deg,\n    #6f8f62,\n    #8dad7c\n  );\n\n  color:#ffffff;\n\n  font-size:14px;\n  font-weight:800;\n  letter-spacing:1.6px;\n  text-transform:uppercase;\n\n  border:1px solid rgba(255,255,255,0.18);\n\n  box-shadow:\n  0 12px 28px rgba(79,105,70,0.28),\n  inset 0 1px 0 rgba(255,255,255,0.18);\n\n  position:relative;\n  overflow:hidden;\n}\n\n.lumera-clay-badge::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-120%;\n  width:70%;\n  height:100%;\n\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,0.35),\n    transparent\n  );\n\n  transform:skewX(-25deg);\n\n  animation:badgeShine 4s infinite;\n}\n\n.lumera-clay-card h1{\n  margin:22px 0 0;\n  font-size:clamp(40px,6vw,74px);\n  color:#4f6946;\n  letter-spacing:-2px;\n}\n\n.lumera-clay-card h2{\n\n  margin:8px 0 18px;\n  font-size:clamp(24px,4vw,40px);\n  font-weight:800;\n\n  background:linear-gradient(\n    90deg,\n    #6f8f62,\n    #8dad7c,\n    #b8c9a8,\n    #d4af37\n  );\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.lumera-clay-subtitle{\n  font-size:22px;\n  color:#5d6f56;\n  margin-bottom:32px;\n}\n\n.lumera-clay-hero{\n\n  padding:36px;\n  border-radius:34px;\n\n  background:linear-gradient(\n    135deg,\n    #ffffff,\n    #edf6e9,\n    #f8fff5\n  );\n\n  border:1px solid rgba(111,143,98,0.30);\n\n  box-shadow:0 20px 50px rgba(60,90,50,0.10);\n\n  animation:clayPopIn 0.9s ease;\n}\n\n.lumera-clay-hero h3,\n.clay-how-section h3,\n.lumera-difference h3{\n  margin-top:0;\n  font-size:28px;\n  color:#4f6946;\n}\n\n.lumera-clay-hero p{\n  max-width:780px;\n  margin:auto;\n  color:#66785f;\n  font-size:16.5px;\n  line-height:1.8;\n}\n\n\/* BENEFITS *\/\n\n.clay-benefit-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n  gap:18px;\n  margin:38px 0;\n}\n\n.clay-benefit{\n\n  padding:28px 20px;\n  border-radius:28px;\n\n  background:linear-gradient(\n    135deg,\n    #ffffff,\n    #f3f8f1\n  );\n\n  border:1px solid rgba(111,143,98,0.22);\n\n  box-shadow:0 16px 38px rgba(60,90,50,0.10);\n\n  transition:0.35s ease;\n\n  animation:clayFloat 4s ease-in-out infinite;\n}\n\n.clay-benefit:hover{\n  transform:translateY(-10px) scale(1.04);\n\n  background:linear-gradient(\n    135deg,\n    #ffffff,\n    #e8f3e2\n  );\n\n  box-shadow:0 28px 65px rgba(60,90,50,0.18);\n}\n\n.clay-benefit span{\n\n  display:inline-flex;\n  width:58px;\n  height:58px;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  font-size:28px;\n  margin-bottom:14px;\n\n  background:linear-gradient(\n    135deg,\n    #8dad7c,\n    #eef6eb\n  );\n\n  box-shadow:0 10px 25px rgba(111,143,98,0.18);\n}\n\n.clay-benefit h4{\n  margin:0 0 10px;\n  font-size:18px;\n  color:#4f6946;\n}\n\n.clay-benefit p{\n  margin:0;\n  color:#6a7c63;\n  font-size:14.5px;\n  line-height:1.7;\n}\n\n\/* HOW TO USE *\/\n\n.clay-how-section{\n\n  position:relative;\n  overflow:hidden;\n  margin-top:45px;\n  padding:50px 30px;\n  border-radius:40px;\n\n  background:\n  radial-gradient(circle at top left, rgba(141,173,124,0.35), transparent 35%),\n  radial-gradient(circle at bottom right, rgba(111,143,98,0.20), transparent 35%),\n  linear-gradient(135deg,#f6fbf4,#edf5ea,#f7fff5);\n\n  border:1px solid rgba(111,143,98,0.25);\n\n  box-shadow:\n  0 30px 70px rgba(60,90,50,0.14),\n  inset 0 1px 0 rgba(255,255,255,0.8);\n}\n\n.clay-shine{\n  position:absolute;\n  width:220px;\n  height:220px;\n  background:rgba(255,255,255,0.75);\n  filter:blur(45px);\n  top:-80px;\n  right:-40px;\n  animation:clayShineMove 5s ease-in-out infinite alternate;\n}\n\n.clay-how-section h3{\n  position:relative;\n  font-size:42px;\n  margin-bottom:10px;\n  color:#4f6946;\n  font-weight:800;\n  letter-spacing:-1px;\n}\n\n.clay-how-subtitle{\n  position:relative;\n  color:#61745a;\n  font-size:18px;\n  margin-bottom:35px;\n}\n\n.clay-steps{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\n  gap:22px;\n}\n\n.step-card{\n\n  padding:32px 22px;\n  border-radius:30px;\n\n  background:linear-gradient(\n    145deg,\n    #ffffff,\n    #eef5eb\n  );\n\n  border:1px solid rgba(111,143,98,0.18);\n\n  box-shadow:\n  0 18px 40px rgba(60,90,50,0.12),\n  inset 0 1px 0 rgba(255,255,255,0.9);\n\n  transition:0.4s ease;\n\n  position:relative;\n  overflow:hidden;\n}\n\n.step-card::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(\n    135deg,\n    rgba(141,173,124,0.08),\n    transparent\n  );\n\n  opacity:0;\n  transition:0.4s ease;\n}\n\n.step-card:hover{\n  transform:translateY(-10px) scale(1.04);\n\n  box-shadow:\n  0 28px 60px rgba(60,90,50,0.18);\n\n  background:linear-gradient(\n    145deg,\n    #ffffff,\n    #e7f1e2\n  );\n}\n\n.step-card:hover::before{\n  opacity:1;\n}\n\n.step-card span{\n\n  display:inline-flex;\n  width:64px;\n  height:64px;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:linear-gradient(\n    135deg,\n    #6f8f62,\n    #b8c9a8\n  );\n\n  color:#ffffff;\n\n  font-size:28px;\n  font-weight:900;\n\n  box-shadow:\n  0 12px 28px rgba(111,143,98,0.30);\n\n  margin-bottom:18px;\n}\n\n.step-card p{\n  margin:0;\n  color:#5d7057;\n  font-size:18px;\n  line-height:1.7;\n  font-weight:700;\n}\n\n\/* DIFFERENCE *\/\n\n.lumera-difference{\n\n  margin-top:40px;\n  padding:38px;\n  border-radius:36px;\n\n  background:linear-gradient(\n    135deg,\n    #7d9c6f,\n    #a9c39a,\n    #eef6eb\n  );\n\n  box-shadow:0 22px 55px rgba(60,90,50,0.18);\n}\n\n.lumera-difference p{\n  max-width:760px;\n  margin:auto;\n  color:#3e4d38;\n  font-weight:600;\n  font-size:16px;\n  line-height:1.7;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes clayFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(35px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes clayPopIn{\n  from{\n    opacity:0;\n    transform:scale(0.95);\n  }\n  to{\n    opacity:1;\n    transform:scale(1);\n  }\n}\n\n@keyframes clayFloat{\n  0%,100%{\n    transform:translateY(0);\n  }\n  50%{\n    transform:translateY(-6px);\n  }\n}\n\n@keyframes clayShineMove{\n  from{\n    transform:translate(0,0);\n  }\n  to{\n    transform:translate(-40px,35px);\n  }\n}\n\n@keyframes badgeShine{\n  0%{\n    left:-120%;\n  }\n\n  100%{\n    left:140%;\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:600px){\n\n  .lumera-clay-section{\n    padding:45px 14px;\n  }\n\n  .lumera-clay-card{\n    padding:34px 18px;\n    border-radius:28px;\n  }\n\n  .lumera-clay-hero,\n  .clay-how-section,\n  .lumera-difference{\n    padding:24px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Luméra Beauty","offers":[{"title":"Default Title","offer_id":48355098984692,"sku":null,"price":219.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/2455\/1156\/files\/Clay_Mask_Stick_3.jpg?v=1779974966","url":"https:\/\/lumerabeauty.co.za\/products\/lumera-beauty%e2%84%a2-detox-clay-mask-stick","provider":"Luméra Beauty","version":"1.0","type":"link"}