{"product_id":"lumiheart™-motion-glow-keychain-light","title":"LumiHeart™Motion Glow Keychain","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n   LUMIHEART™ — FINAL PREMIUM PRODUCT SECTION\n   Luxury Beauty + Apple Minimal + Conversion + Interactive\n   Accessible Heart \/ Circle Selector\n   ========================================================= *\/\n\n.lh-premium{\n  --pink:#F8DFE8;\n  --pink-light:#FFF7FA;\n  --pink-soft:#FCECF2;\n  --gold:#C6A15B;\n  --gold-light:#E8D19C;\n  --text:#292326;\n  --muted:#756B70;\n  --white:#FFFFFF;\n\n  position:relative;\n  overflow:hidden;\n  background:linear-gradient(\n    180deg,\n    #FFFDFE 0%,\n    #FFF7FA 30%,\n    #FBE8EF 58%,\n    #FFF 100%\n  );\n  color:var(--text);\n  border-radius:28px;\n  font-family:inherit;\n  text-align:center;\n  isolation:isolate;\n}\n\n.lh-premium *,\n.lh-premium *:before,\n.lh-premium *:after{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   AMBIENT BACKGROUND\n   ========================================================= *\/\n\n.lh-premium:before{\n  content:\"\";\n  position:absolute;\n  width:650px;\n  height:650px;\n  left:50%;\n  top:50px;\n  transform:translateX(-50%);\n  background:radial-gradient(\n    circle,\n    rgba(255,255,255,.95) 0%,\n    rgba(248,223,232,.55) 30%,\n    rgba(248,223,232,0) 70%\n  );\n  filter:blur(20px);\n  pointer-events:none;\n  z-index:-1;\n  animation:lhAmbient 7s ease-in-out infinite;\n}\n\n@keyframes lhAmbient{\n  0%,100%{\n    transform:translateX(-50%) scale(1);\n  }\n\n  50%{\n    transform:translateX(-50%) scale(1.12);\n  }\n}\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.lh-hero{\n  padding:60px 22px 35px;\n  position:relative;\n}\n\n.lh-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  padding:9px 17px;\n  border:1px solid rgba(198,161,91,.5);\n  border-radius:50px;\n  background:rgba(255,255,255,.8);\n  color:#A27A3E;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:2.4px;\n  text-transform:uppercase;\n  box-shadow:0 8px 30px rgba(150,100,120,.06);\n  animation:lhFadeUp .8s ease both;\n}\n\n.lh-eyebrow:before{\n  content:\"✦\";\n  font-size:12px;\n}\n\n.lh-hero h1{\n  max-width:900px;\n  margin:18px auto 16px;\n  font-size:clamp(46px,8vw,86px);\n  line-height:.91;\n  letter-spacing:-5px;\n  font-weight:800;\n  color:var(--text);\n  animation:lhFadeUp .9s .1s ease both;\n}\n\n.lh-hero h1 span{\n  background:linear-gradient(\n    110deg,\n    #A87F3D,\n    #E5CB92,\n    #B18747,\n    #E5CB92\n  );\n  background-size:250%;\n  -webkit-background-clip:text;\n  background-clip:text;\n  color:transparent;\n  animation:lhGold 6s linear infinite;\n}\n\n@keyframes lhGold{\n  to{\n    background-position:250% center;\n  }\n}\n\n.lh-hero p{\n  max-width:630px;\n  margin:auto;\n  color:var(--muted);\n  font-size:16px;\n  line-height:1.8;\n  animation:lhFadeUp .9s .2s ease both;\n}\n\n@keyframes lhFadeUp{\n  from{\n    opacity:0;\n    transform:translateY(18px);\n  }\n\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n\/* =========================================================\n   PRODUCT GLOW\n   ========================================================= *\/\n\n.lh-showcase{\n  height:340px;\n  position:relative;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n}\n\n.lh-showcase:before{\n  content:\"\";\n  position:absolute;\n  width:330px;\n  height:330px;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(255,255,255,1) 0%,\n    rgba(255,255,255,.9) 18%,\n    rgba(244,205,218,.55) 42%,\n    rgba(244,205,218,0) 72%\n  );\n  filter:blur(5px);\n  animation:lhGlow 3.5s ease-in-out infinite;\n}\n\n@keyframes lhGlow{\n  0%,100%{\n    transform:scale(.95);\n    opacity:.85;\n  }\n\n  50%{\n    transform:scale(1.12);\n    opacity:1;\n  }\n}\n\n\/* Gold orbit *\/\n\n.lh-ring{\n  position:absolute;\n  width:295px;\n  height:295px;\n  border-radius:50%;\n  border:1px solid rgba(198,161,91,.65);\n  animation:lhRotate 14s linear infinite;\n}\n\n.lh-ring:before{\n  content:\"\";\n  position:absolute;\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#FFF;\n  box-shadow:\n    0 0 8px #FFF,\n    0 0 20px #E8C77F;\n  top:-4px;\n  left:50%;\n}\n\n@keyframes lhRotate{\n  to{\n    transform:rotate(360deg);\n  }\n}\n\n\/* Inner orbit *\/\n\n.lh-ring-two{\n  position:absolute;\n  width:235px;\n  height:235px;\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,.8);\n  animation:lhRotateReverse 10s linear infinite;\n}\n\n@keyframes lhRotateReverse{\n  to{\n    transform:rotate(-360deg);\n  }\n}\n\n\/* Glowing product *\/\n\n.lh-heart{\n  position:relative;\n  z-index:5;\n  font-size:145px;\n  line-height:1;\n  color:#FFF;\n  text-shadow:\n    0 0 7px #FFF,\n    0 0 18px #FFF,\n    0 0 38px #FFF,\n    0 0 75px #E7B8C9;\n  animation:lhFloat 4s ease-in-out infinite;\n  cursor:pointer;\n  transition:.35s ease;\n}\n\n.lh-heart:hover{\n  transform:scale(1.12);\n}\n\n@keyframes lhFloat{\n  0%,100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-15px);\n  }\n}\n\n\/* Motion indicator *\/\n\n.lh-motion{\n  position:absolute;\n  bottom:20px;\n  left:50%;\n  transform:translateX(-50%);\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:10px 16px;\n  background:rgba(255,255,255,.85);\n  backdrop-filter:blur(10px);\n  border:1px solid rgba(198,161,91,.35);\n  border-radius:50px;\n  font-size:10px;\n  letter-spacing:1px;\n  color:#8B7045;\n  white-space:nowrap;\n  box-shadow:0 10px 35px rgba(130,80,100,.08);\n}\n\n.lh-motion i{\n  width:7px;\n  height:7px;\n  border-radius:50%;\n  background:#D6B16C;\n  box-shadow:0 0 10px #D6B16C;\n  animation:lhDot 1.5s infinite;\n}\n\n@keyframes lhDot{\n  50%{\n    opacity:.25;\n    transform:scale(.65);\n  }\n}\n\n\/* =========================================================\n   BENEFIT STRIP\n   ========================================================= *\/\n\n.lh-benefit-strip{\n  max-width:1050px;\n  margin:auto;\n  padding:15px 20px 20px;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  border-top:1px solid rgba(198,161,91,.18);\n  border-bottom:1px solid rgba(198,161,91,.18);\n}\n\n.lh-benefit{\n  padding:18px 15px;\n  border-right:1px solid rgba(198,161,91,.18);\n}\n\n.lh-benefit:last-child{\n  border-right:0;\n}\n\n.lh-benefit-icon{\n  font-size:23px;\n  margin-bottom:9px;\n}\n\n.lh-benefit b{\n  display:block;\n  font-size:13px;\n  margin-bottom:5px;\n}\n\n.lh-benefit span{\n  display:block;\n  color:#8A7E83;\n  font-size:11px;\n}\n\n\/* =========================================================\n   GENERAL SECTIONS\n   ========================================================= *\/\n\n.lh-section{\n  max-width:1050px;\n  margin:auto;\n  padding:65px 22px;\n}\n\n.lh-section h2{\n  max-width:800px;\n  margin:0 auto 12px;\n  font-size:clamp(32px,5vw,52px);\n  line-height:1;\n  letter-spacing:-3px;\n}\n\n.lh-section-intro{\n  max-width:590px;\n  margin:0 auto 30px;\n  color:var(--muted);\n  font-size:14px;\n  line-height:1.8;\n}\n\n\/* =========================================================\n   BENEFIT CARDS\n   ========================================================= *\/\n\n.lh-benefit-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:16px;\n}\n\n.lh-card{\n  padding:27px;\n  background:rgba(255,255,255,.78);\n  border:1px solid rgba(205,174,184,.45);\n  border-radius:24px;\n  text-align:left;\n  transition:\n    transform .4s ease,\n    box-shadow .4s ease,\n    border-color .4s ease;\n}\n\n.lh-card:hover{\n  transform:translateY(-8px);\n  border-color:rgba(198,161,91,.6);\n  box-shadow:0 25px 65px rgba(160,105,125,.12);\n}\n\n.lh-card-icon{\n  width:45px;\n  height:45px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:15px;\n  background:#FCECF2;\n  margin-bottom:14px;\n  font-size:20px;\n}\n\n.lh-card h3{\n  margin:0 0 10px;\n  font-size:19px;\n}\n\n.lh-card p{\n  margin:0;\n  color:#7C7176;\n  font-size:13px;\n  line-height:1.7;\n}\n\n\/* =========================================================\n   HOW IT WORKS\n   ========================================================= *\/\n\n.lh-how{\n  background:#FFF;\n  border-top:1px solid #F1E5E9;\n  border-bottom:1px solid #F1E5E9;\n}\n\n.lh-steps{\n  max-width:900px;\n  margin:32px auto 0;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:20px;\n}\n\n.lh-step{\n  padding:18px;\n  position:relative;\n}\n\n.lh-number{\n  width:48px;\n  height:48px;\n  margin:0 auto 14px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#F9E3EB;\n  border:1px solid #DCC18B;\n  color:#A17A40;\n  font-weight:700;\n  font-size:13px;\n}\n\n.lh-step h3{\n  font-size:17px;\n  margin:0 0 8px;\n}\n\n.lh-step p{\n  margin:0;\n  color:#81767B;\n  font-size:12px;\n  line-height:1.7;\n}\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.lh-use{\n  background:linear-gradient(\n    180deg,\n    #FFF7FA,\n    #F9E3EB\n  );\n}\n\n.lh-pills{\n  max-width:800px;\n  margin:28px auto 0;\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.lh-pill{\n  padding:12px 18px;\n  border-radius:50px;\n  background:rgba(255,255,255,.8);\n  border:1px solid rgba(205,174,184,.5);\n  color:#5F555A;\n  font-size:12px;\n  transition:.3s;\n}\n\n.lh-pill:hover{\n  transform:translateY(-4px);\n  border-color:#C6A15B;\n  box-shadow:0 10px 25px rgba(160,105,125,.1);\n}\n\n\/* =========================================================\n   INTERACTIVE SHAPE SELECTOR\n   ========================================================= *\/\n\n.lh-selector{\n  background:#FFF;\n}\n\n.lh-buttons{\n  display:flex;\n  justify-content:center;\n  gap:12px;\n  margin:20px 0 28px;\n  flex-wrap:wrap;\n}\n\n.lh-select-btn{\n  min-width:130px;\n  min-height:48px;\n  padding:12px 22px;\n  border:1px solid #D8C5A5;\n  border-radius:50px;\n  background:#FFF;\n  color:#4D4549;\n  font-family:inherit;\n  font-size:14px;\n  font-weight:600;\n  cursor:pointer;\n  transition:\n    background .25s ease,\n    border-color .25s ease,\n    color .25s ease,\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.lh-select-btn.active{\n  background:#F8E1E9;\n  border-color:#B9914D;\n  color:#76572B;\n  box-shadow:0 6px 20px rgba(160,105,125,.12);\n}\n\n@media (hover:hover) and (pointer:fine){\n\n  .lh-select-btn:hover{\n    transform:translateY(-2px);\n    border-color:#B9914D;\n  }\n\n}\n\n.lh-select-btn:focus-visible{\n  outline:3px solid #8C6A35;\n  outline-offset:4px;\n}\n\n.lh-shape-display{\n  min-height:245px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  position:relative;\n}\n\n.lh-shape-option{\n  width:100%;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n  animation:lhShapeAppear .35s ease both;\n}\n\n@keyframes lhShapeAppear{\n\n  from{\n    opacity:0;\n    transform:translateY(8px) scale(.96);\n  }\n\n  to{\n    opacity:1;\n    transform:translateY(0) scale(1);\n  }\n\n}\n\n\/* Heart *\/\n\n.lh-select-heart{\n  width:125px;\n  height:125px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#FFF;\n  font-size:105px;\n  line-height:1;\n  text-shadow:\n    0 0 8px #FFF,\n    0 0 25px #FFF,\n    0 0 55px #E0A8BC,\n    0 0 90px rgba(224,168,188,.6);\n  animation:lhFloat 4s ease-in-out infinite;\n}\n\n\/* Circle *\/\n\n.lh-select-circle{\n  width:115px;\n  height:115px;\n  flex:0 0 115px;\n  border:9px solid #FFF;\n  border-radius:50%;\n  background:rgba(255,255,255,.15);\n  box-shadow:\n    0 0 8px #FFF,\n    0 0 20px #FFF,\n    0 0 40px #E0A8BC,\n    0 0 75px rgba(224,168,188,.65);\n  animation:lhFloat 4s ease-in-out infinite;\n}\n\n.lh-selected-name{\n  margin-top:20px;\n  font-size:18px;\n  line-height:1.3;\n  font-weight:700;\n  color:#30292D;\n}\n\n.lh-selected-description{\n  margin:7px auto 0;\n  color:#6F6469;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\/* Screen reader only *\/\n\n.lh-sr-only{\n  position:absolute;\n  width:1px;\n  height:1px;\n  padding:0;\n  margin:-1px;\n  overflow:hidden;\n  clip:rect(0,0,0,0);\n  white-space:nowrap;\n  border:0;\n}\n\n\/* Reduced motion *\/\n\n@media (prefers-reduced-motion:reduce){\n\n  .lh-select-btn,\n  .lh-shape-option,\n  .lh-select-heart,\n  .lh-select-circle{\n    animation:none !important;\n    transition:none !important;\n  }\n\n}\n\n\/* =========================================================\n   PRODUCT DETAILS\n   ========================================================= *\/\n\n.lh-details{\n  max-width:800px;\n  margin:30px auto 0;\n  background:#FFF;\n  border:1px solid #E7D8DD;\n  border-radius:22px;\n  overflow:hidden;\n  box-shadow:0 15px 50px rgba(120,70,90,.05);\n}\n\n.lh-detail-row{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  padding:18px 22px;\n  border-bottom:1px solid #F0E7EA;\n  text-align:left;\n  font-size:13px;\n}\n\n.lh-detail-row:last-child{\n  border-bottom:0;\n}\n\n.lh-detail-row span{\n  color:#81767B;\n}\n\n.lh-detail-row b{\n  color:#30292D;\n}\n\n\/* =========================================================\n   DELIVERY\n   ========================================================= *\/\n\n.lh-delivery{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n  max-width:850px;\n  margin:30px auto 0;\n}\n\n.lh-delivery-card{\n  padding:20px 15px;\n  border-radius:20px;\n  background:#FDF5F8;\n  border:1px solid #ECDDE2;\n}\n\n.lh-delivery-card .icon{\n  font-size:22px;\n  margin-bottom:10px;\n}\n\n.lh-delivery-card b{\n  display:block;\n  font-size:13px;\n  margin-bottom:5px;\n}\n\n.lh-delivery-card span{\n  display:block;\n  color:#82777C;\n  font-size:11px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.lh-final{\n  position:relative;\n  overflow:hidden;\n  padding:70px 22px;\n  background:radial-gradient(\n    circle at center,\n    #F7DCE6 0%,\n    #FCECF2 40%,\n    #FFF 78%\n  );\n}\n\n.lh-final:before{\n  content:\"♡\";\n  position:absolute;\n  font-size:400px;\n  line-height:1;\n  color:#FFF;\n  opacity:.32;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  pointer-events:none;\n}\n\n.lh-final-content{\n  position:relative;\n  z-index:2;\n}\n\n.lh-final h2{\n  font-size:clamp(38px,6vw,60px);\n  margin:0 0 15px;\n  letter-spacing:-3px;\n}\n\n.lh-final p{\n  max-width:500px;\n  margin:auto;\n  color:#756B70;\n  line-height:1.8;\n  font-size:14px;\n}\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:700px){\n\n  .lh-hero{\n    padding:48px 18px 25px;\n  }\n\n  .lh-hero h1{\n    margin:16px auto 14px;\n    letter-spacing:-2.5px;\n  }\n\n  .lh-hero p{\n    font-size:14px;\n    line-height:1.7;\n  }\n\n  .lh-showcase{\n    height:300px;\n  }\n\n  .lh-showcase:before{\n    width:240px;\n    height:240px;\n  }\n\n  .lh-ring{\n    width:220px;\n    height:220px;\n  }\n\n  .lh-ring-two{\n    width:170px;\n    height:170px;\n  }\n\n  .lh-heart{\n    font-size:105px;\n  }\n\n  .lh-motion{\n    bottom:14px;\n  }\n\n  .lh-benefit-strip{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .lh-benefit{\n    padding:16px 12px;\n    border-right:0;\n    border-bottom:1px solid rgba(198,161,91,.18);\n  }\n\n  .lh-benefit:nth-child(3),\n  .lh-benefit:nth-child(4){\n    border-bottom:0;\n  }\n\n  .lh-section{\n    padding:50px 18px;\n  }\n\n  .lh-section h2{\n    letter-spacing:-2px;\n  }\n\n  .lh-section-intro{\n    margin-bottom:25px;\n  }\n\n  .lh-benefit-grid{\n    grid-template-columns:1fr;\n    gap:11px;\n  }\n\n  .lh-card{\n    padding:23px;\n  }\n\n  .lh-card h3{\n    margin-bottom:7px;\n  }\n\n  .lh-card p{\n    line-height:1.6;\n  }\n\n  .lh-steps{\n    grid-template-columns:1fr;\n    gap:5px;\n    margin-top:20px;\n  }\n\n  .lh-step{\n    padding:12px 10px;\n  }\n\n  .lh-use{\n    padding-top:50px;\n    padding-bottom:50px;\n  }\n\n  .lh-pills{\n    margin-top:22px;\n    gap:7px;\n  }\n\n  .lh-pill{\n    padding:10px 14px;\n  }\n\n  \/* Interactive selector *\/\n\n  .lh-selector{\n    padding-top:50px;\n    padding-bottom:50px;\n  }\n\n  .lh-buttons{\n    gap:10px;\n    margin:18px 0 24px;\n  }\n\n  .lh-select-btn{\n    min-width:140px;\n    min-height:50px;\n    font-size:14px;\n  }\n\n  .lh-shape-display{\n    min-height:225px;\n  }\n\n  .lh-select-heart{\n    width:100px;\n    height:100px;\n    font-size:85px;\n  }\n\n  .lh-select-circle{\n    width:90px;\n    height:90px;\n    flex-basis:90px;\n    border-width:7px;\n  }\n\n  .lh-selected-name{\n    margin-top:17px;\n  }\n\n  .lh-details{\n    margin-top:22px;\n  }\n\n  .lh-detail-row{\n    padding:14px 15px;\n  }\n\n  .lh-delivery{\n    grid-template-columns:1fr;\n    margin-top:22px;\n    gap:9px;\n  }\n\n  .lh-delivery-card{\n    padding:17px 14px;\n  }\n\n  .lh-final{\n    padding:60px 18px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"lh-premium\"\u003e\n\u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\u003csection class=\"lh-hero\"\u003e\n\u003cdiv class=\"lh-eyebrow\"\u003eLUMIHEART™ · MOTION GLOW\u003c\/div\u003e\n\u003ch1\u003eThe little light\u003cbr\u003e\u003cspan\u003eyou'll love carrying.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eA beautiful motion-activated keychain light designed to make those little nighttime moments easier, brighter and a little more special.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       GLOWING PRODUCT\n       ===================================================== --\u003e\n\u003csection class=\"lh-showcase\"\u003e\n\u003cdiv class=\"lh-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lh-ring-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lh-heart\"\u003e♥\u003c\/div\u003e\n\u003cdiv class=\"lh-motion\"\u003e\n\u003ci\u003e\u003c\/i\u003e Motion detected · Glow activated\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       QUICK BENEFITS\n       ===================================================== --\u003e\n\u003cdiv class=\"lh-benefit-strip\"\u003e\n\u003cdiv class=\"lh-benefit\"\u003e\n\u003cdiv class=\"lh-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003cb\u003eMotion Activated\u003c\/b\u003e \u003cspan\u003eLights up when you move\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-benefit\"\u003e\n\u003cdiv class=\"lh-benefit-icon\"\u003e🤍\u003c\/div\u003e\n\u003cb\u003eSoft White Glow\u003c\/b\u003e \u003cspan\u003eGentle everyday illumination\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-benefit\"\u003e\n\u003cdiv class=\"lh-benefit-icon\"\u003e👜\u003c\/div\u003e\n\u003cb\u003eClip Anywhere\u003c\/b\u003e \u003cspan\u003eBags, keys \u0026amp; backpacks\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-benefit\"\u003e\n\u003cdiv class=\"lh-benefit-icon\"\u003e🎀\u003c\/div\u003e\n\u003cb\u003eCute + Practical\u003c\/b\u003e \u003cspan\u003eMade for everyday life\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       BENEFITS\n       ===================================================== --\u003e\n\u003csection class=\"lh-section\"\u003e\n\u003ch2\u003eBecause your phone flashlight shouldn't have to do everything.\u003c\/h2\u003e\n\u003cp class=\"lh-section-intro\"\u003eLumiHeart™ is made for the small situations where you need a little light — without reaching for your phone.\u003c\/p\u003e\n\u003cdiv class=\"lh-benefit-grid\"\u003e\n\u003carticle class=\"lh-card\"\u003e\n\u003cdiv class=\"lh-card-icon\"\u003e👜\u003c\/div\u003e\n\u003ch3\u003eFind things inside your handbag.\u003c\/h3\u003e\n\u003cp\u003eClip LumiHeart™ inside your bag and get a soft glow when movement is detected, making it easier to find your keys, wallet, makeup or other essentials.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"lh-card\"\u003e\n\u003cdiv class=\"lh-card-icon\"\u003e🔑\u003c\/div\u003e\n\u003ch3\u003eMake finding your keys easier.\u003c\/h3\u003e\n\u003cp\u003eKeep LumiHeart™ attached to your keys for helpful illumination when unlocking your door or getting into your car after dark.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"lh-card\"\u003e\n\u003cdiv class=\"lh-card-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3\u003eA gentler nighttime light.\u003c\/h3\u003e\n\u003cp\u003eWhen you only need a little visibility, the soft white glow can be more convenient than turning on a bright room light.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"lh-card\"\u003e\n\u003cdiv class=\"lh-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003ePretty enough to leave on display.\u003c\/h3\u003e\n\u003cp\u003eLumiHeart™ isn't just practical. Its Heart or Circle design adds a cute glowing detail to your favourite handbag, backpack or keys.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       HOW IT WORKS\n       ===================================================== --\u003e\n\u003csection class=\"lh-section lh-how\"\u003e\n\u003ch2\u003eSo simple, it just works.\u003c\/h2\u003e\n\u003cp class=\"lh-section-intro\"\u003eNo complicated setup. No searching for buttons in the dark.\u003c\/p\u003e\n\u003cdiv class=\"lh-steps\"\u003e\n\u003cdiv class=\"lh-step\"\u003e\n\u003cdiv class=\"lh-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eClip it.\u003c\/h3\u003e\n\u003cp\u003eAttach LumiHeart™ to your keys, handbag, backpack or wherever you want it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-step\"\u003e\n\u003cdiv class=\"lh-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eMove.\u003c\/h3\u003e\n\u003cp\u003eIts motion sensor detects movement within its detection range.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-step\"\u003e\n\u003cdiv class=\"lh-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eGlow.\u003c\/h3\u003e\n\u003cp\u003eThe soft white LED lights up automatically to give you the illumination you need.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       USE CASES\n       ===================================================== --\u003e\n\u003csection class=\"lh-section lh-use\"\u003e\n\u003ch2\u003eOne little light.\u003cbr\u003eSo many moments.\u003c\/h2\u003e\n\u003cp class=\"lh-section-intro\"\u003eKeep it close wherever you could use a little extra visibility.\u003c\/p\u003e\n\u003cdiv class=\"lh-pills\"\u003e\n\u003cspan class=\"lh-pill\"\u003e👜 Inside your handbag\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e🔑 On your keys\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e🎒 On your backpack\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e🚗 Getting into your car\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e🌙 Nighttime\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e🏠 Around the home\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e🎁 Gift ideas\u003c\/span\u003e \u003cspan class=\"lh-pill\"\u003e✨ Everyday carry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       INTERACTIVE HEART \/ CIRCLE SELECTOR\n       ===================================================== --\u003e\n\u003csection class=\"lh-section lh-selector\"\u003e\n\u003ch2 id=\"lh-selector-title\"\u003eHeart or Circle?\u003c\/h2\u003e\n\u003cp class=\"lh-section-intro\"\u003eTwo beautiful shapes. One soft little glow. Choose the style that feels most like you.\u003c\/p\u003e\n\u003cdiv class=\"lh-buttons\" role=\"group\"\u003e\n\u003cbutton type=\"button\" class=\"lh-select-btn active\" id=\"lhHeartButton\" onclick=\"lhChooseShape('heart', this)\"\u003e ♡ Heart \u003c\/button\u003e \u003cbutton type=\"button\" class=\"lh-select-btn\" id=\"lhCircleButton\" onclick=\"lhChooseShape('circle', this)\"\u003e ◯ Circle \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"lhShapeDisplay\" class=\"lh-shape-display\" role=\"region\"\u003e\n\u003c!-- HEART --\u003e\n\u003cdiv id=\"lhHeartShape\" class=\"lh-shape-option\"\u003e\n\u003cdiv class=\"lh-select-heart\"\u003e♥\u003c\/div\u003e\n\u003cdiv class=\"lh-selected-name\"\u003eHeart\u003c\/div\u003e\n\u003cdiv class=\"lh-selected-description\"\u003eSweet · Feminine · Playful\u003c\/div\u003e\n\u003cspan class=\"lh-sr-only\"\u003e Heart shape selected. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- CIRCLE --\u003e\n\u003cdiv id=\"lhCircleShape\" class=\"lh-shape-option\" style=\"display: none;\"\u003e\n\u003cdiv class=\"lh-select-circle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"lh-selected-name\"\u003eCircle\u003c\/div\u003e\n\u003cdiv class=\"lh-selected-description\"\u003eClean · Minimal · Timeless\u003c\/div\u003e\n\u003cspan class=\"lh-sr-only\"\u003e Circle shape selected. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       PRODUCT DETAILS\n       ===================================================== --\u003e\n\u003csection class=\"lh-section\"\u003e\n\u003ch2\u003eThe details.\u003c\/h2\u003e\n\u003cp class=\"lh-section-intro\"\u003eEverything you need to know before making LumiHeart™ part of your everyday carry.\u003c\/p\u003e\n\u003cdiv class=\"lh-details\"\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eLight colour\u003c\/span\u003e \u003cb\u003eSoft white LED\u003c\/b\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eActivation\u003c\/span\u003e \u003cb\u003eMotion activated\u003c\/b\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eDetection range\u003c\/span\u003e \u003cb\u003eUp to 2 metres\u003c\/b\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eApprox. size\u003c\/span\u003e \u003cb\u003e6 × 6 cm\u003c\/b\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eBody\u003c\/span\u003e \u003cb\u003eDurable plastic\u003c\/b\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eHook\u003c\/span\u003e \u003cb\u003eMetal keychain hook\u003c\/b\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-detail-row\"\u003e\n\u003cspan\u003eBattery\u003c\/span\u003e \u003cb\u003eIncluded\u003c\/b\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       DELIVERY\n       ===================================================== --\u003e\n\u003csection class=\"lh-section\"\u003e\n\u003ch2\u003eDelivered to your door.\u003c\/h2\u003e\n\u003cp class=\"lh-section-intro\"\u003eSimple shipping information, so you know exactly what to expect.\u003c\/p\u003e\n\u003cdiv class=\"lh-delivery\"\u003e\n\u003cdiv class=\"lh-delivery-card\"\u003e\n\u003cdiv class=\"icon\"\u003e📦\u003c\/div\u003e\n\u003cb\u003eProcessing\u003c\/b\u003e \u003cspan\u003e 1–3 business days \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-delivery-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🚚\u003c\/div\u003e\n\u003cb\u003eSouth Africa Delivery\u003c\/b\u003e \u003cspan\u003e Estimated 2–11 business days \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lh-delivery-card\"\u003e\n\u003cdiv class=\"icon\"\u003e🔎\u003c\/div\u003e\n\u003cb\u003eOrder Tracking\u003c\/b\u003e \u003cspan\u003e Tracking number provided for every order \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       FINAL CTA\n       ===================================================== --\u003e\n\u003csection class=\"lh-final\"\u003e\n\u003cdiv class=\"lh-final-content\"\u003e\n\u003cdiv style=\"font-size: 42px; color: #c6a15b; margin-bottom: 12px;\"\u003e♡\u003c\/div\u003e\n\u003ch2\u003eLet your bag glow.\u003c\/h2\u003e\n\u003cp\u003eA little light for your handbag, your keys and all the little moments in between.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\nfunction lhChooseShape(shape, button){\n\n  var heart = document.getElementById('lhHeartShape');\n  var circle = document.getElementById('lhCircleShape');\n\n  var heartButton = document.getElementById('lhHeartButton');\n  var circleButton = document.getElementById('lhCircleButton');\n\n\n  \/* Reset buttons *\/\n\n  heartButton.classList.remove('active');\n  circleButton.classList.remove('active');\n\n  heartButton.setAttribute('aria-pressed','false');\n  circleButton.setAttribute('aria-pressed','false');\n\n\n  \/* Change displayed shape *\/\n\n  if(shape === 'heart'){\n\n    heart.style.display = 'flex';\n    circle.style.display = 'none';\n\n    heartButton.classList.add('active');\n    heartButton.setAttribute('aria-pressed','true');\n\n  }else{\n\n    heart.style.display = 'none';\n    circle.style.display = 'flex';\n\n    circleButton.classList.add('active');\n    circleButton.setAttribute('aria-pressed','true');\n\n  }\n\n\n  \/* Keep focus on selected button *\/\n\n  button.focus();\n\n}\n\u003c\/script\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"SwiftlyOra","offers":[{"title":"heart","offer_id":46159243903134,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"circle","offer_id":46159243935902,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0737\/2197\/0846\/files\/GRO02372_4ab20ec5-69a2-4ff0-b005-c6ae1657a70b.jpg?v=1765644608","url":"https:\/\/swiftlyora.co.za\/products\/lumiheart%e2%84%a2-motion-glow-keychain-light","provider":"SwiftlyOra","version":"1.0","type":"link"}