{"product_id":"lumera-beauty™-neck-therapy-massager","title":"Luméra Beauty™ Neck Therapy Massager","description":"\u003csection class=\"lumera-neck-section\"\u003e\n  \u003cdiv class=\"lumera-neck-card\"\u003e\n\n    \u003cdiv class=\"lumera-neck-badge\"\u003e7 LED Modes • Heated Neck Therapy\u003c\/div\u003e\n\n    \u003ch1\u003eLuméra Beauty™\u003c\/h1\u003e\n    \u003ch2\u003eNeck Therapy Massager\u003c\/h2\u003e\n\n    \u003cp class=\"lumera-neck-subtitle\"\u003e✨ Glow From Your Face Down. ✨\u003c\/p\u003e\n\n    \u003cdiv class=\"lumera-neck-hero\"\u003e\n      \u003ch3\u003eYour new neck \u0026amp; décolleté glow ritual\u003c\/h3\u003e\n      \u003cp\u003e\n        Meet the \u003cstrong\u003eLuméra Beauty™ Contour Neck Therapy Device\u003c\/strong\u003e — a rechargeable beauty device designed for women who want a smoother, more radiant-looking neck and décolleté routine at home.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lumera-led-grid\"\u003e\n\n      \u003cdetails class=\"led-card red\"\u003e\n        \u003csummary\u003e🔴 Red Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eSupports the skin’s natural renewal process for a more radiant, youthful-looking neck and décolleté.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"led-card blue\"\u003e\n        \u003csummary\u003e🔵 Blue Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eTargets the appearance of surface blemishes and congestion for clearer-looking skin.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"led-card green\"\u003e\n        \u003csummary\u003e🟢 Green Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eSupports a more even, balanced-looking skin tone and helps reduce the look of discolouration.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"led-card yellow\"\u003e\n        \u003csummary\u003e🟡 Yellow Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eA gentle, calming mode designed for sensitive-looking skin and a more balanced appearance.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"led-card purple\"\u003e\n        \u003csummary\u003e🟣 Purple Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eRed and blue combined for a dual-action routine focused on clarity and renewal.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"led-card cyan\"\u003e\n        \u003csummary\u003e🩵 Cyan Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eSoothes and balances the look of the skin for a calm, refreshed complexion.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails class=\"led-card white\"\u003e\n        \u003csummary\u003e⚪ White Light \u003cspan\u003eTap to glow\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp\u003eFull-spectrum glow mode designed for overall skin maintenance and a healthy-looking finish.\u003c\/p\u003e\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"heat-section\"\u003e\n      \u003cdiv class=\"heat-glow\"\u003e\u003c\/div\u003e\n\n      \u003ch3\u003e🔥 Heated Massage Technology\u003c\/h3\u003e\n      \u003cp class=\"heat-subtitle\"\u003eA warm, spa-like touch that makes your routine feel luxurious.\u003c\/p\u003e\n\n      \u003cdiv class=\"heat-grid\"\u003e\n        \u003cdiv\u003e\n          \u003cspan\u003e💎\u003c\/span\u003e\n          \u003ch4\u003eLuxury Warmth\u003c\/h4\u003e\n          \u003cp\u003eGentle heat helps every session feel calming, relaxing and premium.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e🌿\u003c\/span\u003e\n          \u003ch4\u003eSerum Friendly\u003c\/h4\u003e\n          \u003cp\u003ePairs beautifully with your favourite serum, moisturiser or facial oil.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cspan\u003e⚡\u003c\/span\u003e\n          \u003ch4\u003eEasy Routine Upgrade\u003c\/h4\u003e\n          \u003cp\u003eEnhances your skincare ritual without making it feel complicated.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"why-section\"\u003e\n      \u003ch3\u003eWhy You Need This In Your Life\u003c\/h3\u003e\n\n      \u003cdiv class=\"why-grid\"\u003e\n        \u003cdiv class=\"why-card\"\u003e🔋 \u003cspan\u003eRechargeable \u0026amp; cordless\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"why-card\"\u003e🫶 \u003cspan\u003eFace, neck \u0026amp; décolleté coverage\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"why-card\"\u003e🌍 \u003cspan\u003eSuitable for all skin types \u0026amp; tones\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"why-card\"\u003e💅 \u003cspan\u003eLightweight \u0026amp; effortless to use\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"why-card\"\u003e⏱️ \u003cspan\u003eOnly 10–20 minutes\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"why-card\"\u003e✨ \u003cspan\u003ePremium at-home glow ritual\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"lumera-neck-cta\"\u003e\n      \u003ch3\u003eYour neck deserves the same glow as your face.\u003c\/h3\u003e\n      \u003cp\u003e\n        Add Luméra Beauty™ Neck Therapy Massager to your beauty routine and turn skincare into a moment of luxury.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n.lumera-neck-section {\n  padding: 85px 18px;\n  overflow: hidden;\n  font-family: \"Poppins\", sans-serif;\n  background:\n    radial-gradient(circle at top left, rgba(184,255,248,0.75), transparent 32%),\n    radial-gradient(circle at bottom right, rgba(255,220,235,0.75), transparent 35%),\n    linear-gradient(135deg, #ffffff, #effffd, #fff6fb);\n}\n\n.lumera-neck-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.92);\n  border: 1px solid rgba(120,224,216,0.48);\n  box-shadow: 0 35px 95px rgba(0,90,85,0.14);\n  backdrop-filter: blur(18px);\n  animation: fadeUp 1s ease;\n}\n\n.lumera-neck-badge {\n  display: inline-block;\n  padding: 10px 24px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, #b8fff8, #ffffff);\n  color: #087e78;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n  text-transform: uppercase;\n  box-shadow: 0 10px 25px rgba(0,140,130,0.18);\n}\n\n.lumera-neck-card h1 {\n  margin: 22px 0 0;\n  font-size: clamp(40px, 6vw, 74px);\n  color: #123331;\n  letter-spacing: -2px;\n}\n\n.lumera-neck-card h2 {\n  margin: 8px 0 18px;\n  font-size: clamp(24px, 4vw, 40px);\n  font-weight: 800;\n  background: linear-gradient(90deg, #22bfb6, #7be9df, #d4af37);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.lumera-neck-subtitle {\n  font-size: 22px;\n  color: #476462;\n  margin-bottom: 32px;\n}\n\n.lumera-neck-hero {\n  padding: 36px;\n  border-radius: 34px;\n  background: linear-gradient(135deg, #ffffff, #dffffc);\n  border: 1px solid rgba(120,224,216,0.45);\n  box-shadow: 0 20px 50px rgba(0,90,85,0.10);\n  animation: popIn 0.9s ease;\n}\n\n.lumera-neck-hero h3,\n.heat-section h3,\n.why-section h3,\n.lumera-neck-cta h3 {\n  margin-top: 0;\n  font-size: 28px;\n  color: #123331;\n}\n\n.lumera-neck-hero p {\n  max-width: 780px;\n  margin: auto;\n  color: #4b6765;\n  font-size: 16.5px;\n  line-height: 1.8;\n}\n\n.lumera-led-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n  gap: 18px;\n  margin: 38px 0;\n}\n\n.led-card {\n  border: none;\n  border-radius: 28px;\n  padding: 24px;\n  cursor: pointer;\n  transition: 0.35s ease;\n  box-shadow: 0 16px 38px rgba(0,90,85,0.10);\n}\n\n.led-card:hover,\n.led-card[open] {\n  transform: translateY(-10px) scale(1.04);\n  box-shadow: 0 28px 65px rgba(0,110,105,0.18);\n}\n\n.led-card summary {\n  list-style: none;\n  font-size: 19px;\n  font-weight: 800;\n  color: #123331;\n}\n\n.led-card summary::-webkit-details-marker {\n  display: none;\n}\n\n.led-card summary span {\n  display: block;\n  margin-top: 8px;\n  font-size: 12px;\n  color: #087e78;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.led-card p {\n  margin-top: 16px;\n  color: #516c69;\n  font-size: 14.5px;\n  line-height: 1.7;\n}\n\n.red { background: linear-gradient(135deg,#ffe4ec,#ffffff); }\n.blue { background: linear-gradient(135deg,#dff3ff,#ffffff); }\n.green { background: linear-gradient(135deg,#e2ffe9,#ffffff); }\n.yellow { background: linear-gradient(135deg,#fff8d6,#ffffff); }\n.purple { background: linear-gradient(135deg,#efe2ff,#ffffff); }\n.cyan { background: linear-gradient(135deg,#d8ffff,#ffffff); }\n.white { background: linear-gradient(135deg,#ffffff,#f4f4f4); }\n\n.red[open] { background: linear-gradient(135deg,#ff4f7b,#ffd6e2); }\n.blue[open] { background: linear-gradient(135deg,#3aa7ff,#d9f0ff); }\n.green[open] { background: linear-gradient(135deg,#46d96f,#ddffe8); }\n.yellow[open] { background: linear-gradient(135deg,#ffd84d,#fff4bf); }\n.purple[open] { background: linear-gradient(135deg,#9b5cff,#eadcff); }\n.cyan[open] { background: linear-gradient(135deg,#54e6e6,#dfffff); }\n.white[open] { background: linear-gradient(135deg,#ffffff,#dfdfdf); }\n\n.led-card[open] summary,\n.led-card[open] p {\n  color: #123331;\n}\n\n.heat-section {\n  position: relative;\n  overflow: hidden;\n  margin-top: 40px;\n  padding: 42px 26px;\n  border-radius: 36px;\n  background:\n    radial-gradient(circle at top left, rgba(255,190,120,0.36), transparent 35%),\n    radial-gradient(circle at bottom right, rgba(120,233,223,0.45), transparent 35%),\n    linear-gradient(135deg, #ffffff, #fff4e8, #e7fffc);\n  border: 1px solid rgba(255,190,120,0.42);\n  box-shadow: 0 25px 70px rgba(160,100,40,0.14);\n}\n\n.heat-glow {\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  background: rgba(255,210,150,0.75);\n  filter: blur(38px);\n  top: -60px;\n  right: -40px;\n  animation: shineMove 5s ease-in-out infinite alternate;\n}\n\n.heat-subtitle {\n  position: relative;\n  color: #6c5544;\n  font-size: 16px;\n  margin-bottom: 26px;\n}\n\n.heat-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\n  gap: 18px;\n}\n\n.heat-grid div {\n  padding: 26px 18px;\n  border-radius: 26px;\n  background: rgba(255,255,255,0.90);\n  border: 1px solid rgba(255,200,140,0.45);\n  box-shadow: 0 15px 35px rgba(160,100,40,0.10);\n  transition: 0.35s ease;\n}\n\n.heat-grid div:hover {\n  transform: translateY(-8px) scale(1.03);\n  background: linear-gradient(135deg,#ffffff,#fff0dc);\n}\n\n.heat-grid span {\n  font-size: 30px;\n}\n\n.heat-grid h4 {\n  margin: 10px 0 8px;\n  font-size: 17px;\n  color: #4d3526;\n}\n\n.heat-grid p {\n  margin: 0;\n  color: #705a4b;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.why-section {\n  margin-top: 40px;\n  padding: 42px 26px;\n  border-radius: 36px;\n  background:\n    radial-gradient(circle at top left, rgba(120,233,223,0.45), transparent 35%),\n    linear-gradient(135deg, #ffffff, #e7fffc, #ffffff);\n  border: 1px solid rgba(90,220,210,0.45);\n  box-shadow: 0 25px 70px rgba(0,100,95,0.14);\n}\n\n.why-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(230px,1fr));\n  gap: 18px;\n  margin-top: 26px;\n}\n\n.why-card {\n  padding: 24px 18px;\n  border-radius: 26px;\n  background: rgba(255,255,255,0.92);\n  border: 1px solid rgba(120,233,223,0.45);\n  box-shadow: 0 15px 35px rgba(0,95,90,0.10);\n  transition: 0.35s ease;\n  color: #123331;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n.why-card span {\n  display: block;\n  margin-top: 8px;\n}\n\n.why-card:hover {\n  transform: translateY(-8px) scale(1.03);\n  box-shadow: 0 25px 55px rgba(0,120,112,0.18);\n  background: linear-gradient(135deg,#ffffff,#dffffc);\n}\n\n.lumera-neck-cta {\n  margin-top: 40px;\n  padding: 38px;\n  border-radius: 36px;\n  background: linear-gradient(135deg,#78e9df,#dffffc);\n  box-shadow: 0 22px 55px rgba(0,120,112,0.18);\n}\n\n.lumera-neck-cta p {\n  max-width: 760px;\n  margin: auto;\n  color: #204240;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(35px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes popIn {\n  from { opacity: 0; transform: scale(0.95); }\n  to { opacity: 1; transform: scale(1); }\n}\n\n@keyframes shineMove {\n  from { transform: translate(0,0); }\n  to { transform: translate(-40px,35px); }\n}\n\n@media(max-width:600px) {\n  .lumera-neck-section {\n    padding: 45px 14px;\n  }\n\n  .lumera-neck-card {\n    padding: 34px 18px;\n    border-radius: 28px;\n  }\n\n  .lumera-neck-hero,\n  .heat-section,\n  .why-section,\n  .lumera-neck-cta {\n    padding: 24px;\n  }\n}\n\u003c\/style\u003e","brand":"Luméra Beauty","offers":[{"title":"Default Title","offer_id":48355051241716,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0802\/2455\/1156\/files\/Neck_Meassager.png?v=1779974826","url":"https:\/\/lumerabeauty.co.za\/products\/lumera-beauty%e2%84%a2-neck-therapy-massager","provider":"Luméra Beauty","version":"1.0","type":"link"}