{"product_id":"lumera-beauty™-brightening-under-eye-mask","title":"Luméra Beauty™ Brightening Under Eye Mask 60 pcs","description":"\u003csection class=\"lumera-eye-section\"\u003e\n\u003cdiv class=\"lumera-eye-card\"\u003e\n\u003cdiv class=\"lumera-eye-badge\"\u003eCooling • Hydrating • Brightening Ritual\u003c\/div\u003e\n\u003ch1\u003eLuméra Beauty™\u003c\/h1\u003e\n\u003ch2\u003eBrightening Under Eye Mask\u003c\/h2\u003e\n\u003cp class=\"lumera-eye-subtitle\"\u003e✨ Tired Eyes? Not Anymore. ✨\u003c\/p\u003e\n\u003cdiv class=\"lumera-eye-hero\"\u003e\n\u003ch3\u003eYour under-eye glow-up starts here\u003c\/h3\u003e\n\u003cp\u003eCooling, hydrating under-eye patches designed to help your eye area look fresher, brighter and more awake — perfect after late nights, long weeks or before a special event.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-grid\"\u003e\n\u003cdiv class=\"eye-card\"\u003e\n\u003cspan\u003e✨\u003c\/span\u003e\n\u003ch4\u003eBrighter-Looking Eyes\u003c\/h4\u003e\n\u003cp\u003eHelps the under-eye area appear more radiant, fresh and awake.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-card\"\u003e\n\u003cspan\u003e💧\u003c\/span\u003e\n\u003ch4\u003eTargeted Hydration\u003c\/h4\u003e\n\u003cp\u003eDelivers a moisture boost to the delicate under-eye area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-card\"\u003e\n\u003cspan\u003e❄️\u003c\/span\u003e\n\u003ch4\u003eCooling Feel\u003c\/h4\u003e\n\u003cp\u003eFeels refreshingly cool and soothing when applied to the skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-card\"\u003e\n\u003cspan\u003e😴\u003c\/span\u003e\n\u003ch4\u003eRested Appearance\u003c\/h4\u003e\n\u003cp\u003ePerfect for mornings, events or whenever your eyes look tired.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-card\"\u003e\n\u003cspan\u003e🌟\u003c\/span\u003e\n\u003ch4\u003ePampering Ritual\u003c\/h4\u003e\n\u003cp\u003eRelax for 15–20 minutes while your under-eye area gets extra care.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-card\"\u003e\n\u003cspan\u003e🧘♀️\u003c\/span\u003e\n\u003ch4\u003eSofter Feel\u003c\/h4\u003e\n\u003cp\u003eLeaves the under-eye area feeling soft, supple and hydrated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-how-section\"\u003e\n\u003cdiv class=\"eye-shine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eHow To Use\u003c\/h3\u003e\n\u003cp class=\"eye-how-subtitle\"\u003eYour brighter-looking eye ritual, 2–3 times per week.\u003c\/p\u003e\n\u003cdiv class=\"eye-steps\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e1\u003c\/span\u003e\n\u003cp\u003eCleanse and dry the under-eye area\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e2\u003c\/span\u003e\n\u003cp\u003eApply one patch under each eye\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e3\u003c\/span\u003e\n\u003cp\u003eLeave on for 15–20 minutes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e4\u003c\/span\u003e\n\u003cp\u003eRemove gently and pat in remaining essence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e5\u003c\/span\u003e\n\u003cp\u003eFollow with eye cream or moisturiser\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"eye-warning\"\u003e\n\u003ch3\u003eImportant To Know\u003c\/h3\u003e\n\u003cp\u003ePatch test before first use. For external use only. Strictly avoid contact with eyes. Do not use on broken, wounded or severely irritated skin. Discontinue use if redness, stinging or irritation occurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lumera-eye-difference\"\u003e\n\u003ch3\u003eWake up your eyes in luxury.\u003c\/h3\u003e\n\u003cp\u003eAdd Luméra Beauty™ to your self-care ritual and enjoy under-eyes that feel cool, hydrated, refreshed and beautifully pampered.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n.lumera-eye-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(72,175,255,0.55), transparent 32%),\n    radial-gradient(circle at bottom right, rgba(170,220,255,0.55), transparent 35%),\n    linear-gradient(135deg,#f7fcff,#dff4ff,#ffffff);\n}\n\n.lumera-eye-card{\n  max-width:1120px;\n  margin:auto;\n  padding:56px 30px;\n  text-align:center;\n  border-radius:42px;\n\n  background:rgba(255,255,255,0.95);\n\n  border:1px solid rgba(60,150,230,0.24);\n\n  box-shadow:\n    0 35px 95px rgba(30,120,210,0.18);\n\n  backdrop-filter:blur(18px);\n\n  animation:eyeFadeUp 1s ease;\n}\n\n\/* BADGE *\/\n\n.lumera-eye-badge{\n  display:inline-block;\n  padding:12px 28px;\n  border-radius:999px;\n\n  background:linear-gradient(\n    135deg,\n    #168cdd,\n    #4db8ff,\n    #bde7ff\n  );\n\n  color:#ffffff;\n\n  font-size:14px;\n  font-weight:800;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n\n  box-shadow:\n    0 14px 32px rgba(30,120,210,0.34);\n\n  position:relative;\n  overflow:hidden;\n}\n\n.lumera-eye-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.40),\n    transparent\n  );\n\n  transform:skewX(-25deg);\n\n  animation:eyeBadgeShine 4s infinite;\n}\n\n\/* TITLES *\/\n\n.lumera-eye-card h1{\n  margin:22px 0 0;\n  font-size:clamp(40px,6vw,74px);\n  color:#164b72;\n  letter-spacing:-2px;\n}\n\n.lumera-eye-card h2{\n  margin:8px 0 18px;\n  font-size:clamp(25px,4vw,42px);\n  font-weight:900;\n\n  background:linear-gradient(\n    90deg,\n    #0d7ed3,\n    #3fb2ff,\n    #8fd8ff,\n    #d4af37\n  );\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n}\n\n.lumera-eye-subtitle{\n  font-size:22px;\n  color:#4d6c86;\n  margin-bottom:32px;\n}\n\n\/* HERO *\/\n\n.lumera-eye-hero{\n  padding:38px;\n  border-radius:36px;\n\n  background:linear-gradient(\n    135deg,\n    #ffffff,\n    #ccecff,\n    #f6fcff\n  );\n\n  border:1px solid rgba(60,150,230,0.28);\n\n  box-shadow:\n    0 22px 55px rgba(30,120,210,0.16);\n\n  animation:eyePopIn 0.9s ease;\n}\n\n.lumera-eye-hero h3,\n.eye-how-section h3,\n.eye-warning h3,\n.lumera-eye-difference h3{\n  margin-top:0;\n  font-size:30px;\n  color:#164b72;\n}\n\n.lumera-eye-hero p{\n  max-width:800px;\n  margin:auto;\n  color:#4d6c86;\n  font-size:16.5px;\n  line-height:1.8;\n}\n\n\/* BENEFITS *\/\n\n.eye-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));\n  gap:20px;\n  margin:40px 0;\n}\n\n.eye-card{\n  padding:30px 20px;\n  border-radius:30px;\n\n  background:linear-gradient(\n    135deg,\n    #ffffff,\n    #d9efff\n  );\n\n  border:1px solid rgba(60,150,230,0.22);\n\n  box-shadow:\n    0 18px 42px rgba(30,120,210,0.14);\n\n  transition:0.35s ease;\n\n  animation:eyeFloat 4s ease-in-out infinite;\n}\n\n.eye-card:hover{\n  transform:translateY(-10px) scale(1.04);\n\n  background:linear-gradient(\n    135deg,\n    #f7fcff,\n    #7ec8ff\n  );\n\n  box-shadow:\n    0 32px 70px rgba(30,120,210,0.24);\n}\n\n.eye-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\n  font-size:30px;\n  margin-bottom:15px;\n\n  background:linear-gradient(\n    135deg,\n    #3fb2ff,\n    #dff4ff\n  );\n\n  box-shadow:\n    0 14px 30px rgba(30,120,210,0.28);\n}\n\n.eye-card h4{\n  margin:0 0 10px;\n  font-size:18px;\n  color:#164b72;\n}\n\n.eye-card p{\n  margin:0;\n  color:#4d6c86;\n  font-size:14.5px;\n  line-height:1.7;\n}\n\n\/* HOW TO USE *\/\n\n.eye-how-section{\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(63,178,255,0.34), transparent 35%),\n    linear-gradient(\n      135deg,\n      #ffffff,\n      #ccecff,\n      #f7fcff\n    );\n\n  border:1px solid rgba(60,150,230,0.24);\n\n  box-shadow:\n    0 32px 72px rgba(30,120,210,0.18);\n}\n\n.eye-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\n  animation:eyeShineMove 5s ease-in-out infinite alternate;\n}\n\n.eye-how-section h3{\n  position:relative;\n  font-size:42px;\n  font-weight:900;\n}\n\n.eye-how-subtitle{\n  position:relative;\n  color:#4d6c86;\n  font-size:18px;\n  margin-bottom:35px;\n}\n\n.eye-steps{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));\n  gap:22px;\n}\n\n.eye-steps div{\n  padding:32px 22px;\n  border-radius:30px;\n\n  background:linear-gradient(\n    145deg,\n    #ffffff,\n    #d9efff\n  );\n\n  border:1px solid rgba(60,150,230,0.18);\n\n  box-shadow:\n    0 20px 44px rgba(30,120,210,0.14);\n\n  transition:0.4s ease;\n}\n\n.eye-steps div:hover{\n  transform:translateY(-10px) scale(1.04);\n\n  background:linear-gradient(\n    145deg,\n    #f7fcff,\n    #7ec8ff\n  );\n}\n\n.eye-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\n  background:linear-gradient(\n    135deg,\n    #0d7ed3,\n    #3fb2ff\n  );\n\n  color:#ffffff;\n\n  font-size:28px;\n  font-weight:900;\n\n  box-shadow:\n    0 12px 28px rgba(30,120,210,0.30);\n\n  margin-bottom:18px;\n}\n\n.eye-steps p{\n  margin:0;\n  color:#4d6c86;\n  font-size:17px;\n  line-height:1.7;\n  font-weight:700;\n}\n\n\/* WARNING *\/\n\n.eye-warning{\n  margin-top:40px;\n  padding:34px;\n  border-radius:34px;\n\n  background:linear-gradient(\n    135deg,\n    #fff1df,\n    #ffffff\n  );\n\n  border:1px solid rgba(212,175,55,0.28);\n\n  box-shadow:\n    0 20px 48px rgba(150,120,50,0.12);\n}\n\n.eye-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\/* FINAL CTA *\/\n\n.lumera-eye-difference{\n  margin-top:40px;\n  padding:40px;\n  border-radius:38px;\n\n  background:linear-gradient(\n    135deg,\n    #0d7ed3,\n    #3fb2ff,\n    #9adfff\n  );\n\n  box-shadow:\n    0 28px 65px rgba(30,120,210,0.24);\n}\n\n.lumera-eye-difference h3,\n.lumera-eye-difference p{\n  color:#ffffff;\n}\n\n.lumera-eye-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\/* ANIMATIONS *\/\n\n@keyframes eyeFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(35px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes eyePopIn{\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 eyeFloat{\n  0%,100%{\n    transform:translateY(0);\n  }\n  50%{\n    transform:translateY(-6px);\n  }\n}\n\n@keyframes eyeShineMove{\n  from{\n    transform:translate(0,0);\n  }\n  to{\n    transform:translate(-40px,35px);\n  }\n}\n\n@keyframes eyeBadgeShine{\n  0%{\n    left:-120%;\n  }\n  100%{\n    left:140%;\n  }\n}\n\n\/* MOBILE *\/\n\n@media(max-width:600px){\n\n  .lumera-eye-section{\n    padding:45px 14px;\n  }\n\n  .lumera-eye-card{\n    padding:34px 18px;\n    border-radius:28px;\n  }\n\n  .lumera-eye-hero,\n  .eye-how-section,\n  .eye-warning,\n  .lumera-eye-difference{\n    padding:24px;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Luméra Beauty","offers":[{"title":"Default Title","offer_id":48362223468788,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/2455\/1156\/files\/CollagenandRetinolEyeMask.jpg?v=1780230887","url":"https:\/\/lumerabeauty.co.za\/products\/lumera-beauty%e2%84%a2-brightening-under-eye-mask","provider":"Luméra Beauty","version":"1.0","type":"link"}