{"title":"Shop All","description":"\u003cp\u003eBrowse our full range of Sommer Maklik home essentials — smart, practical products for every South African home.\u003c\/p\u003e","products":[{"product_id":"sommer-maklik™-always-lit-never-lost-motion-sensor-light","title":"Motion Sensor Light — Always Lit, Never Lost | Sommer Maklik™","description":"\u003cdiv class=\"smk-product-page\"\u003e\n\n\u003cstyle\u003e\n.smk-product-page {\n  --cream: #F5F2EE;\n  --charcoal: #2E2E2E;\n  --terracotta: #C4714F;\n  --sage: #8A9E85;\n  --gold: #C9A84C;\n  --forest: #173C2C;\n  --white: #ffffff;\n  --soft: #ebe5de;\n\n  background: var(--cream);\n  color: var(--charcoal);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n  overflow: hidden;\n}\n\n.smk-product-page *,\n.smk-product-page *::before,\n.smk-product-page *::after {\n  box-sizing: border-box;\n}\n\n.smk-container {\n  width: 92%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.smk-section {\n  padding: 90px 0;\n}\n\n.smk-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--terracotta);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n}\n\n.smk-eyebrow:before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--terracotta);\n}\n\n.smk-heading {\n  margin: 0;\n  font-size: clamp(40px, 6vw, 72px);\n  line-height: 1;\n  letter-spacing: -3px;\n  font-weight: 900;\n  color: var(--charcoal);\n}\n\n.smk-heading span {\n  color: var(--terracotta);\n}\n\n.smk-text {\n  max-width: 620px;\n  color: #6b6762;\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.smk-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 17px 28px;\n  border-radius: 50px;\n  background: var(--charcoal);\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: 800;\n  transition: .3s ease;\n  box-shadow: 0 12px 30px rgba(46,46,46,.15);\n}\n\n.smk-btn:hover {\n  background: var(--terracotta);\n  transform: translateY(-4px);\n  box-shadow: 0 18px 40px rgba(196,113,79,.25);\n}\n\n\n\/* HERO *\/\n\n.smk-hero {\n  min-height: 720px;\n  display: flex;\n  align-items: center;\n  background:\n    radial-gradient(circle at 80% 35%, rgba(196,113,79,.12), transparent 30%),\n    linear-gradient(135deg, #F5F2EE 0%, #EDE7DF 100%);\n}\n\n.smk-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 60px;\n  align-items: center;\n}\n\n.smk-hero h1 {\n  margin-bottom: 24px;\n}\n\n.smk-hero .smk-text {\n  margin-bottom: 30px;\n}\n\n\n\/* PRODUCT ANIMATION *\/\n\n.smk-product {\n  height: 500px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.smk-glow {\n  position: absolute;\n  width: 390px;\n  height: 390px;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(255,239,190,.9),\n    rgba(201,168,76,.2) 35%,\n    transparent 70%\n  );\n  filter: blur(10px);\n  animation: smkGlow 4s infinite ease-in-out;\n}\n\n@keyframes smkGlow {\n  0%,100% {\n    transform: scale(.92);\n    opacity: .7;\n  }\n  50% {\n    transform: scale(1.08);\n    opacity: 1;\n  }\n}\n\n.smk-light {\n  width: 330px;\n  height: 72px;\n  border-radius: 50px;\n  position: relative;\n  z-index: 3;\n  background: linear-gradient(#fff,#dedbd6);\n  transform: rotate(-7deg);\n  box-shadow:\n    0 30px 70px rgba(46,46,46,.25),\n    0 0 70px rgba(255,230,160,.8);\n  animation: smkFloat 5s infinite ease-in-out;\n}\n\n.smk-light:before {\n  content: \"\";\n  position: absolute;\n  left: 24px;\n  right: 24px;\n  bottom: 8px;\n  height: 18px;\n  border-radius: 30px;\n  background: linear-gradient(90deg,#fffbe9,#fff,#fffbe9);\n  box-shadow: 0 0 20px #fff, 0 0 45px rgba(255,220,120,.9);\n}\n\n.smk-light:after {\n  content: \"\";\n  position: absolute;\n  width: 9px;\n  height: 9px;\n  right: 28px;\n  top: 27px;\n  border-radius: 50%;\n  background: var(--sage);\n  box-shadow: 0 0 12px var(--sage);\n}\n\n@keyframes smkFloat {\n  0%,100% {\n    transform: translateY(0) rotate(-7deg);\n  }\n  50% {\n    transform: translateY(-18px) rotate(-5deg);\n  }\n}\n\n.smk-shadow {\n  position: absolute;\n  width: 260px;\n  height: 28px;\n  bottom: 70px;\n  border-radius: 50%;\n  background: rgba(46,46,46,.2);\n  filter: blur(18px);\n  animation: smkShadow 5s infinite ease-in-out;\n}\n\n@keyframes smkShadow {\n  0%,100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(.75);\n  }\n}\n\n.smk-status {\n  position: absolute;\n  z-index: 5;\n  top: 18%;\n  right: 2%;\n  background: rgba(255,255,255,.9);\n  padding: 14px 18px;\n  border-radius: 15px;\n  font-size: 11px;\n  box-shadow: 0 15px 40px rgba(46,46,46,.13);\n  animation: smkStatus 4s infinite ease-in-out;\n}\n\n.smk-status strong {\n  display: block;\n  color: var(--forest);\n  margin-bottom: 4px;\n}\n\n@keyframes smkStatus {\n  0%,100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-8px);\n  }\n}\n\n\n\/* TRUST BAR *\/\n\n.smk-trust {\n  background: var(--charcoal);\n  color: white;\n}\n\n.smk-trust-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n}\n\n.smk-trust-item {\n  text-align: center;\n  padding: 27px 15px;\n  border-right: 1px solid rgba(255,255,255,.1);\n}\n\n.smk-trust-item:last-child {\n  border-right: 0;\n}\n\n.smk-trust-icon {\n  font-size: 22px;\n  margin-bottom: 7px;\n}\n\n.smk-trust-title {\n  display: block;\n  font-weight: 800;\n  font-size: 13px;\n}\n\n.smk-trust-small {\n  display: block;\n  margin-top: 4px;\n  color: rgba(255,255,255,.6);\n  font-size: 11px;\n}\n\n\n\/* PROBLEM *\/\n\n.smk-problem-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n}\n\n.smk-check-list {\n  margin-top: 28px;\n}\n\n.smk-check {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 17px;\n  color: #625e59;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.smk-check-icon {\n  min-width: 27px;\n  height: 27px;\n  border-radius: 50%;\n  background: rgba(138,158,133,.18);\n  color: var(--forest);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n}\n\n.smk-dark-card {\n  background: var(--charcoal);\n  color: white;\n  border-radius: 28px;\n  padding: 45px;\n  position: relative;\n  overflow: hidden;\n}\n\n.smk-dark-card:after {\n  content: \"\";\n  position: absolute;\n  width: 250px;\n  height: 250px;\n  right: -120px;\n  bottom: -120px;\n  border-radius: 50%;\n  background: var(--terracotta);\n  opacity: .18;\n  filter: blur(25px);\n}\n\n.smk-dark-card h3 {\n  position: relative;\n  z-index: 2;\n  margin: 0 0 15px;\n  font-size: 30px;\n  line-height: 1.1;\n}\n\n.smk-dark-card p {\n  position: relative;\n  z-index: 2;\n  color: rgba(255,255,255,.7);\n  line-height: 1.7;\n}\n\n.smk-pill {\n  position: relative;\n  z-index: 2;\n  display: inline-block;\n  margin-top: 20px;\n  padding: 9px 14px;\n  border-radius: 50px;\n  background: rgba(196,113,79,.15);\n  color: #e4a48d;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n\n\/* BENEFITS *\/\n\n.smk-benefits {\n  background: #ECE6DE;\n}\n\n.smk-center {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 55px;\n}\n\n.smk-center .smk-text {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.smk-benefit-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 18px;\n}\n\n.smk-benefit {\n  background: rgba(255,255,255,.7);\n  border: 1px solid rgba(46,46,46,.07);\n  border-radius: 22px;\n  padding: 32px;\n  transition: .35s ease;\n}\n\n.smk-benefit:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 20px 40px rgba(46,46,46,.1);\n}\n\n.smk-benefit-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: 15px;\n  background: rgba(196,113,79,.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 23px;\n  margin-bottom: 20px;\n}\n\n.smk-benefit h3 {\n  margin: 0 0 10px;\n  font-size: 19px;\n}\n\n.smk-benefit p {\n  color: #706b65;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* SOUTH AFRICA *\/\n\n.smk-sa {\n  background: var(--forest);\n  color: white;\n}\n\n.smk-sa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n}\n\n.smk-sa .smk-heading {\n  color: white;\n}\n\n.smk-sa .smk-heading span {\n  color: #D8C27B;\n}\n\n.smk-sa .smk-text {\n  color: rgba(255,255,255,.7);\n}\n\n.smk-sa-label {\n  display: inline-block;\n  padding: 8px 13px;\n  border: 1px solid rgba(255,255,255,.15);\n  border-radius: 50px;\n  background: rgba(255,255,255,.05);\n  font-size: 11px;\n  font-weight: 800;\n  margin-bottom: 20px;\n}\n\n.smk-sa-card {\n  background: rgba(255,255,255,.07);\n  border: 1px solid rgba(255,255,255,.1);\n  border-radius: 24px;\n  padding: 32px;\n}\n\n.smk-sa-row {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 20px;\n  color: rgba(255,255,255,.75);\n  font-size: 14px;\n}\n\n.smk-sa-row:last-child {\n  margin-bottom: 0;\n}\n\n.smk-dot {\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: var(--sage);\n  box-shadow: 0 0 12px var(--sage);\n}\n\n\n\/* HOW IT WORKS *\/\n\n.smk-how-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 20px;\n}\n\n.smk-step {\n  text-align: center;\n  padding: 25px;\n}\n\n.smk-step-number {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background: var(--charcoal);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 20px;\n  font-size: 13px;\n  font-weight: 900;\n  box-shadow: 0 10px 25px rgba(46,46,46,.15);\n}\n\n.smk-step h3 {\n  margin: 0 0 8px;\n}\n\n.smk-step p {\n  color: #77716b;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n\n\/* MAGNET *\/\n\n.smk-install {\n  background: #E8E1D8;\n}\n\n.smk-install-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 70px;\n  align-items: center;\n}\n\n.smk-magnet-box {\n  height: 350px;\n  border-radius: 28px;\n  background: var(--charcoal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.smk-magnet-box:before {\n  content: \"\";\n  position: absolute;\n  width: 300px;\n  height: 300px;\n  border-radius: 50%;\n  background: radial-gradient(circle,rgba(196,113,79,.25),transparent 65%);\n}\n\n.smk-magnet-light {\n  width: 250px;\n  height: 58px;\n  border-radius: 50px;\n  background: linear-gradient(#fff,#ddd);\n  position: relative;\n  z-index: 2;\n  transform: rotate(-6deg);\n  box-shadow: 0 25px 55px rgba(0,0,0,.4);\n  animation: smkFloat 4s infinite ease-in-out;\n}\n\n.smk-install-list {\n  margin-top: 25px;\n}\n\n.smk-install-row {\n  display: flex;\n  gap: 12px;\n  margin-bottom: 17px;\n  color: #615d58;\n  font-size: 14px;\n}\n\n\n\/* USE CASES *\/\n\n.smk-places {\n  background: var(--cream);\n}\n\n.smk-place-grid {\n  display: grid;\n  grid-template-columns: repeat(6,1fr);\n  gap: 12px;\n  margin-top: 45px;\n}\n\n.smk-place {\n  background: #ECE6DE;\n  border-radius: 17px;\n  padding: 23px 8px;\n  text-align: center;\n  transition: .3s ease;\n}\n\n.smk-place:hover {\n  background: white;\n  transform: translateY(-5px);\n  box-shadow: 0 15px 30px rgba(46,46,46,.08);\n}\n\n.smk-place-icon {\n  font-size: 24px;\n  margin-bottom: 7px;\n}\n\n.smk-place span {\n  font-size: 11px;\n  color: #716c67;\n}\n\n\n\/* SPECS *\/\n\n.smk-specs {\n  background: #EEE8E0;\n}\n\n.smk-spec-grid {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 15px;\n}\n\n.smk-spec {\n  text-align: center;\n  background: white;\n  border-radius: 18px;\n  padding: 27px 15px;\n}\n\n.smk-spec strong {\n  display: block;\n  color: var(--terracotta);\n  font-size: 25px;\n  margin-bottom: 5px;\n}\n\n.smk-spec span {\n  color: #77716B;\n  font-size: 11px;\n}\n\n\n\/* FINAL CTA *\/\n\n.smk-final {\n  padding: 110px 0;\n  text-align: center;\n  background:\n    radial-gradient(circle at center,rgba(196,113,79,.2),transparent 45%),\n    var(--charcoal);\n  color: white;\n}\n\n.smk-final .smk-heading {\n  color: white;\n}\n\n.smk-final .smk-heading span {\n  color: #D99B82;\n}\n\n.smk-final .smk-text {\n  color: rgba(255,255,255,.65);\n  margin: 20px auto 30px;\n}\n\n.smk-final .smk-btn {\n  background: var(--terracotta);\n}\n\n.smk-final .smk-btn:hover {\n  background: #D88868;\n}\n\n\n\/* MOBILE *\/\n\n@media screen and (max-width: 749px) {\n\n  .smk-section {\n    padding: 65px 0;\n  }\n\n  .smk-hero {\n    min-height: auto;\n    padding: 75px 0 30px;\n  }\n\n  .smk-hero-grid,\n  .smk-problem-grid,\n  .smk-sa-grid,\n  .smk-install-grid {\n    grid-template-columns: 1fr;\n    gap: 35px;\n  }\n\n  .smk-hero-copy {\n    text-align: center;\n  }\n\n  .smk-text {\n    font-size: 15px;\n  }\n\n  .smk-product {\n    height: 390px;\n  }\n\n  .smk-glow {\n    width: 290px;\n    height: 290px;\n  }\n\n  .smk-light {\n    width: 275px;\n    height: 62px;\n  }\n\n  .smk-status {\n    right: 0;\n    top: 7%;\n  }\n\n  .smk-trust-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .smk-trust-item:nth-child(2) {\n    border-right: 0;\n  }\n\n  .smk-trust-item:nth-child(-n+2) {\n    border-bottom: 1px solid rgba(255,255,255,.1);\n  }\n\n  .smk-benefit-grid,\n  .smk-how-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .smk-place-grid {\n    grid-template-columns: repeat(3,1fr);\n  }\n\n  .smk-spec-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .smk-dark-card {\n    padding: 32px;\n  }\n\n  .smk-heading {\n    letter-spacing: -2px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- HERO --\u003e\n\n\u003csection class=\"smk-hero\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-hero-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"smk-eyebrow\"\u003e\n          SOMMER MAKKLIK™\n        \u003c\/div\u003e\n\n        \u003ch1 class=\"smk-heading\"\u003e\n          Always Lit.\u003cbr\u003e\n          \u003cspan\u003eNever Lost.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"smk-text\"\u003e\n          The little light that makes your home\n          safer, easier and smarter.\n          Motion activated, rechargeable and\n          ready whenever you need it.\n        \u003c\/p\u003e\n\n        \u003ca href=\"#smk-order\" class=\"smk-btn\"\u003e\n          Make Life Easier\n          \u003cspan\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"smk-product\"\u003e\n\n        \u003cdiv class=\"smk-glow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"smk-light\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"smk-shadow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"smk-status\"\u003e\n          \u003cstrong\u003e● MOTION DETECTED\u003c\/strong\u003e\n          Light activated automatically\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- TRUST --\u003e\n\n\u003csection class=\"smk-trust\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-trust-grid\"\u003e\n\n      \u003cdiv class=\"smk-trust-item\"\u003e\n        \u003cdiv class=\"smk-trust-icon\"\u003e✦\u003c\/div\u003e\n        \u003cspan class=\"smk-trust-title\"\u003eMotion Activated\u003c\/span\u003e\n        \u003cspan class=\"smk-trust-small\"\u003eHands-free lighting\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-trust-item\"\u003e\n        \u003cdiv class=\"smk-trust-icon\"\u003e🔋\u003c\/div\u003e\n        \u003cspan class=\"smk-trust-title\"\u003eUp To 10 Hours\u003c\/span\u003e\n        \u003cspan class=\"smk-trust-small\"\u003eRechargeable battery\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-trust-item\"\u003e\n        \u003cdiv class=\"smk-trust-icon\"\u003e🧲\u003c\/div\u003e\n        \u003cspan class=\"smk-trust-title\"\u003eNo Drilling\u003c\/span\u003e\n        \u003cspan class=\"smk-trust-small\"\u003eMagnetic mounting\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-trust-item\"\u003e\n        \u003cdiv class=\"smk-trust-icon\"\u003e🇿🇦\u003c\/div\u003e\n        \u003cspan class=\"smk-trust-title\"\u003eLoad Shedding Ready\u003c\/span\u003e\n        \u003cspan class=\"smk-trust-small\"\u003eLight when power is out\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- PROBLEM --\u003e\n\n\u003csection class=\"smk-section\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-problem-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"smk-eyebrow\"\u003e\n          YOUR HOME, MADE EASIER\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"smk-heading\"\u003e\n          Stop stumbling\u003cbr\u003e\n          \u003cspan\u003ein the dark.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"smk-text\"\u003e\n          Late-night bathroom trips.\n          Dark hallways.\n          Kids getting up at night.\n          Load shedding.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"smk-check-list\"\u003e\n\n          \u003cdiv class=\"smk-check\"\u003e\n            \u003cdiv class=\"smk-check-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eNo more searching for switches.\u003c\/strong\u003e\n              Your light comes on automatically.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"smk-check\"\u003e\n            \u003cdiv class=\"smk-check-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eBetter visibility at night.\u003c\/strong\u003e\n              Illuminate stairs and dark areas.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"smk-check\"\u003e\n            \u003cdiv class=\"smk-check-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eIdeal for South African homes.\u003c\/strong\u003e\n              Keep useful lighting available during power cuts.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"smk-check\"\u003e\n            \u003cdiv class=\"smk-check-icon\"\u003e✓\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eNo complicated installation.\u003c\/strong\u003e\n              Mount it and you're ready.\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"smk-dark-card\"\u003e\n\n        \u003ch3\u003e\n          One tiny upgrade.\u003cbr\u003e\n          A much easier home.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Sommer Maklik detects movement and\n          gives you light exactly when you need it.\n\n          No switches.\n          No wires.\n          No permanent installation.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"smk-pill\"\u003e\n          SMART LIGHTING · MADE SIMPLE\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- BENEFITS --\u003e\n\n\u003csection class=\"smk-section smk-benefits\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-center\"\u003e\n\n      \u003cdiv class=\"smk-eyebrow\"\u003e\n        WHY SOMMER MAKKLIK™\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"smk-heading\"\u003e\n        Small light.\u003cbr\u003e\n        \u003cspan\u003eBig difference.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"smk-text\"\u003e\n        Designed around real homes and real everyday\n        problems — without making things complicated.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"smk-benefit-grid\"\u003e\n\n      \u003cdiv class=\"smk-benefit\"\u003e\n        \u003cdiv class=\"smk-benefit-icon\"\u003e✦\u003c\/div\u003e\n        \u003ch3\u003eAutomatic Lighting\u003c\/h3\u003e\n        \u003cp\u003e\n          Built-in motion detection activates\n          the light when movement is detected.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-benefit\"\u003e\n        \u003cdiv class=\"smk-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eMore Visibility At Night\u003c\/h3\u003e\n        \u003cp\u003e\n          Perfect for stairs, hallways and other\n          areas where extra light makes life easier.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-benefit\"\u003e\n        \u003cdiv class=\"smk-benefit-icon\"\u003e🇿🇦\u003c\/div\u003e\n        \u003ch3\u003eLoad Shedding Ready\u003c\/h3\u003e\n        \u003cp\u003e\n          Rechargeable power means the light can\n          still operate when your home power is off.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-benefit\"\u003e\n        \u003cdiv class=\"smk-benefit-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eUp To 10 Hours\u003c\/h3\u003e\n        \u003cp\u003e\n          Enjoy hours of cordless illumination\n          before needing to recharge.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-benefit\"\u003e\n        \u003cdiv class=\"smk-benefit-icon\"\u003e🧲\u003c\/div\u003e\n        \u003ch3\u003eMagnetic Installation\u003c\/h3\u003e\n        \u003cp\u003e\n          Mount it quickly without drilling holes\n          or complicated tools.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-benefit\"\u003e\n        \u003cdiv class=\"smk-benefit-icon\"\u003e🏡\u003c\/div\u003e\n        \u003ch3\u003eMinimalist Design\u003c\/h3\u003e\n        \u003cp\u003e\n          Slim and discreet enough to look good\n          throughout your home.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- SA \/ LOAD SHEDDING --\u003e\n\n\u003csection class=\"smk-section smk-sa\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-sa-grid\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"smk-sa-label\"\u003e\n          🇿🇦 MADE FOR SOUTH AFRICAN HOMES\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"smk-eyebrow\" style=\"color:#D8C27B;\"\u003e\n          WHEN THE POWER GOES OUT\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"smk-heading\"\u003e\n          Don't let a dark house\u003cbr\u003e\n          \u003cspan\u003eslow you down.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"smk-text\"\u003e\n          Keep a little light exactly where\n          you need it during load shedding,\n          late nights and unexpected power cuts.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"smk-sa-card\"\u003e\n\n        \u003cdiv class=\"smk-sa-row\"\u003e\n          \u003cdiv class=\"smk-dot\"\u003e\u003c\/div\u003e\n          Stairs stay visible\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"smk-sa-row\"\u003e\n          \u003cdiv class=\"smk-dot\"\u003e\u003c\/div\u003e\n          Hallways stay illuminated\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"smk-sa-row\"\u003e\n          \u003cdiv class=\"smk-dot\"\u003e\u003c\/div\u003e\n          Kids can move around more easily\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"smk-sa-row\"\u003e\n          \u003cdiv class=\"smk-dot\"\u003e\u003c\/div\u003e\n          No wall socket required\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- HOW IT WORKS --\u003e\n\n\u003csection class=\"smk-section\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-center\"\u003e\n\n      \u003cdiv class=\"smk-eyebrow\"\u003e\n        SO SIMPLE\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"smk-heading\"\u003e\n        Three steps.\u003cbr\u003e\n        \u003cspan\u003eZero hassle.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"smk-how-grid\"\u003e\n\n      \u003cdiv class=\"smk-step\"\u003e\n        \u003cdiv class=\"smk-step-number\"\u003e01\u003c\/div\u003e\n        \u003ch3\u003eMount It\u003c\/h3\u003e\n        \u003cp\u003e\n          Attach the light wherever you need it\n          using the magnetic mounting system.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-step\"\u003e\n        \u003cdiv class=\"smk-step-number\"\u003e02\u003c\/div\u003e\n        \u003ch3\u003eLeave It\u003c\/h3\u003e\n        \u003cp\u003e\n          No wires or complicated installation.\n          Just let it do its job.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-step\"\u003e\n        \u003cdiv class=\"smk-step-number\"\u003e03\u003c\/div\u003e\n        \u003ch3\u003eWalk Past\u003c\/h3\u003e\n        \u003cp\u003e\n          Motion is detected and your path\n          lights up automatically.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- MAGNETIC --\u003e\n\n\u003csection class=\"smk-section smk-install\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-install-grid\"\u003e\n\n      \u003cdiv class=\"smk-magnet-box\"\u003e\n\n        \u003cdiv class=\"smk-magnet-light\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"smk-eyebrow\"\u003e\n          NO TOOLS. NO MESS.\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"smk-heading\"\u003e\n          Stick it.\u003cbr\u003e\n          \u003cspan\u003eThat's it.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"smk-text\"\u003e\n          The magnetic mounting system lets you\n          install and reposition your light in seconds.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"smk-install-list\"\u003e\n\n          \u003cdiv class=\"smk-install-row\"\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eNo drilling\u003c\/strong\u003e — no holes in your walls.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"smk-install-row\"\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eEasy to move\u003c\/strong\u003e — change its location anytime.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"smk-install-row\"\u003e\n            \u003cspan\u003e✓\u003c\/span\u003e\n            \u003cspan\u003e\n              \u003cstrong\u003eGreat for renters\u003c\/strong\u003e — no permanent installation.\n            \u003c\/span\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- PLACES --\u003e\n\n\u003csection class=\"smk-section smk-places\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-center\"\u003e\n\n      \u003cdiv class=\"smk-eyebrow\"\u003e\n        PUT IT ANYWHERE\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"smk-heading\"\u003e\n        Light exactly\u003cbr\u003e\n        \u003cspan\u003ewhere you need it.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"smk-place-grid\"\u003e\n\n      \u003cdiv class=\"smk-place\"\u003e\n        \u003cdiv class=\"smk-place-icon\"\u003e🪜\u003c\/div\u003e\n        \u003cspan\u003eStairs\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-place\"\u003e\n        \u003cdiv class=\"smk-place-icon\"\u003e🚪\u003c\/div\u003e\n        \u003cspan\u003eHallways\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-place\"\u003e\n        \u003cdiv class=\"smk-place-icon\"\u003e🛏️\u003c\/div\u003e\n        \u003cspan\u003eBedrooms\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-place\"\u003e\n        \u003cdiv class=\"smk-place-icon\"\u003e👕\u003c\/div\u003e\n        \u003cspan\u003eWardrobes\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-place\"\u003e\n        \u003cdiv class=\"smk-place-icon\"\u003e🚿\u003c\/div\u003e\n        \u003cspan\u003eBathrooms\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-place\"\u003e\n        \u003cdiv class=\"smk-place-icon\"\u003e🧸\u003c\/div\u003e\n        \u003cspan\u003eKids' Rooms\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- SPECS --\u003e\n\n\u003csection class=\"smk-section smk-specs\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-center\"\u003e\n\n      \u003cdiv class=\"smk-eyebrow\"\u003e\n        SIMPLE BY DESIGN\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"smk-heading\"\u003e\n        Everything you need.\u003cbr\u003e\n        \u003cspan\u003eNothing you don't.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"smk-spec-grid\"\u003e\n\n      \u003cdiv class=\"smk-spec\"\u003e\n        \u003cstrong\u003e10H\u003c\/strong\u003e\n        \u003cspan\u003eUp to battery life\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-spec\"\u003e\n        \u003cstrong\u003eUSB-C\u003c\/strong\u003e\n        \u003cspan\u003eRechargeable\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-spec\"\u003e\n        \u003cstrong\u003e80mm\u003c\/strong\u003e\n        \u003cspan\u003eCompact design\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"smk-spec\"\u003e\n        \u003cstrong\u003eAUTO\u003c\/strong\u003e\n        \u003cspan\u003eMotion sensor\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- FINAL CTA --\u003e\n\n\u003csection class=\"smk-final\" id=\"smk-order\"\u003e\n\n  \u003cdiv class=\"smk-container\"\u003e\n\n    \u003cdiv class=\"smk-eyebrow\"\u003e\n      SOMMER MAKKLIK™\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"smk-heading\"\u003e\n      Make your home\u003cbr\u003e\n      \u003cspan\u003ea little easier.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"smk-text\"\u003e\n      Smart lighting without the complicated setup.\n      Automatic light wherever you need it.\n\n      \u003cbr\u003e\u003cbr\u003e\n\n      \u003cstrong\u003eSlim goed. Lekker lewe. 🇿🇦\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n    \u003ca href=\"#\" class=\"smk-btn\"\u003e\n      Get Your Motion Light\n      \u003cspan\u003e→\u003c\/span\u003e\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n(function() {\n\n  var page = document.querySelector('.smk-product-page');\n\n  if (!page) return;\n\n  var buttons = page.querySelectorAll('a[href^=\"#\"]');\n\n  for (var i = 0; i \u003c buttons.length; i++) {\n\n    buttons[i].addEventListener('click', function(e) {\n\n      var href = this.getAttribute('href');\n\n      if (href === '#') return;\n\n      var target = document.querySelector(href);\n\n      if (target) {\n\n        e.preventDefault();\n\n        target.scrollIntoView({\n          behavior: 'smooth'\n        });\n\n      }\n\n    });\n\n  }\n\n})();\n\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Sommer Maklik","offers":[{"title":"Default Title","offer_id":51299377709092,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8052\/6628\/files\/sommer-maklik-studio-product-shot_0be599d8-ac0c-4584-8709-944c6953d8a2.png?v=1787491554"},{"product_id":"sommer-maklik™-hands-free-waterproof-lekker-easy","title":"Waterproof Phone Holder — Hands-Free. Lekker Easy. | Sommer Maklik™","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  .sm-product {\n    --black: #1C1C1C;\n    --gold: #C9A84C;\n    --beige: #F5F2EE;\n    --terracotta: #C4714F;\n    --sage: #7A9E7E;\n    font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n    color: var(--black);\n    background: var(--beige);\n    max-width: 1100px;\n    margin: 0 auto;\n    overflow: hidden;\n  }\n\n  .sm-product * {\n    box-sizing: border-box;\n  }\n\n  \/* HERO *\/\n  .sm-hero {\n    text-align: center;\n    padding: 75px 25px 70px;\n    background:\n      radial-gradient(circle at 50% 0%, rgba(201,168,76,.12), transparent 45%),\n      var(--beige);\n  }\n\n  .sm-eyebrow {\n    display: inline-block;\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--gold);\n    font-weight: 700;\n    margin-bottom: 18px;\n  }\n\n  .sm-hero h2 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 6vw, 68px);\n    line-height: 1.02;\n    font-weight: 400;\n    margin: 0 auto 22px;\n    max-width: 850px;\n    letter-spacing: -2px;\n  }\n\n  .sm-hero h2 span {\n    color: var(--gold);\n    font-style: italic;\n  }\n\n  .sm-hero p {\n    max-width: 650px;\n    margin: 0 auto;\n    font-size: 17px;\n    line-height: 1.75;\n    color: #555;\n  }\n\n  .sm-tagline {\n    margin-top: 28px !important;\n    font-size: 13px !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    color: var(--black) !important;\n  }\n\n  \/* BENEFIT STRIP *\/\n  .sm-strip {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    background: var(--black);\n    color: white;\n  }\n\n  .sm-strip-item {\n    padding: 25px 18px;\n    text-align: center;\n    border-right: 1px solid rgba(255,255,255,.1);\n  }\n\n  .sm-strip-item:last-child {\n    border-right: none;\n  }\n\n  .sm-strip-item strong {\n    display: block;\n    color: var(--gold);\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n\n  .sm-strip-item span {\n    font-size: 12px;\n    color: #ddd;\n  }\n\n  \/* PROBLEM \/ OUTCOME *\/\n  .sm-outcome {\n    padding: 80px 30px;\n    text-align: center;\n    background: #fff;\n  }\n\n  .sm-outcome h3,\n  .sm-section-title {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 4vw, 45px);\n    font-weight: 400;\n    line-height: 1.15;\n    margin: 0 auto 18px;\n  }\n\n  .sm-outcome h3 span {\n    font-style: italic;\n    color: var(--terracotta);\n  }\n\n  .sm-outcome \u003e p {\n    max-width: 680px;\n    margin: 0 auto;\n    color: #666;\n    line-height: 1.8;\n    font-size: 16px;\n  }\n\n  \/* BENEFITS *\/\n  .sm-benefits {\n    padding: 75px 30px;\n    background: var(--beige);\n  }\n\n  .sm-section-heading {\n    text-align: center;\n    margin-bottom: 45px;\n  }\n\n  .sm-section-heading .sm-eyebrow {\n    margin-bottom: 12px;\n  }\n\n  .sm-benefit-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 18px;\n    max-width: 900px;\n    margin: auto;\n  }\n\n  .sm-benefit {\n    background: white;\n    padding: 30px;\n    border: 1px solid rgba(28,28,28,.08);\n    border-radius: 4px;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .sm-benefit:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(0,0,0,.07);\n  }\n\n  .sm-icon {\n    width: 42px;\n    height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(201,168,76,.12);\n    color: var(--gold);\n    font-size: 19px;\n    margin-bottom: 17px;\n  }\n\n  .sm-benefit h4 {\n    margin: 0 0 9px;\n    font-size: 17px;\n  }\n\n  .sm-benefit p {\n    margin: 0;\n    color: #666;\n    line-height: 1.65;\n    font-size: 14px;\n  }\n\n  \/* LIFESTYLE *\/\n  .sm-lifestyle {\n    background: var(--black);\n    color: white;\n    padding: 80px 30px;\n    text-align: center;\n  }\n\n  .sm-lifestyle .sm-section-title {\n    color: white;\n    max-width: 750px;\n  }\n\n  .sm-lifestyle .sm-section-title span {\n    color: var(--gold);\n    font-style: italic;\n  }\n\n  .sm-lifestyle-text {\n    max-width: 650px;\n    margin: 0 auto 45px;\n    color: #cfcfcf;\n    line-height: 1.8;\n    font-size: 15px;\n  }\n\n  .sm-use-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    max-width: 900px;\n    margin: auto;\n    gap: 12px;\n  }\n\n  .sm-use {\n    padding: 25px 12px;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 4px;\n  }\n\n  .sm-use-icon {\n    font-size: 25px;\n    margin-bottom: 10px;\n  }\n\n  .sm-use strong {\n    display: block;\n    font-size: 13px;\n  }\n\n  .sm-use span {\n    display: block;\n    color: #aaa;\n    font-size: 11px;\n    margin-top: 5px;\n  }\n\n  \/* HOW IT WORKS *\/\n  .sm-how {\n    padding: 80px 30px;\n    background: white;\n  }\n\n  .sm-steps {\n    max-width: 900px;\n    margin: 45px auto 0;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n  }\n\n  .sm-step {\n    text-align: center;\n  }\n\n  .sm-number {\n    width: 48px;\n    height: 48px;\n    margin: 0 auto 17px;\n    border: 1px solid var(--gold);\n    color: var(--gold);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-family: Georgia, serif;\n    font-size: 18px;\n  }\n\n  .sm-step h4 {\n    font-size: 14px;\n    margin: 0 0 8px;\n  }\n\n  .sm-step p {\n    font-size: 12px;\n    line-height: 1.6;\n    color: #777;\n    margin: 0;\n  }\n\n  \/* BOX *\/\n  .sm-box {\n    background: var(--beige);\n    padding: 75px 30px;\n    text-align: center;\n  }\n\n  .sm-box-list {\n    max-width: 500px;\n    margin: 35px auto 0;\n    text-align: left;\n  }\n\n  .sm-box-item {\n    padding: 16px 0;\n    border-bottom: 1px solid rgba(28,28,28,.12);\n    font-size: 14px;\n  }\n\n  .sm-box-item span {\n    color: var(--gold);\n    font-weight: 700;\n    margin-right: 10px;\n  }\n\n  \/* FINAL CTA *\/\n  .sm-cta {\n    padding: 85px 25px;\n    text-align: center;\n    background:\n      linear-gradient(rgba(28,28,28,.97), rgba(28,28,28,.97));\n    color: white;\n  }\n\n  .sm-cta h3 {\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    font-size: clamp(34px, 5vw, 52px);\n    line-height: 1.1;\n    margin: 0 auto 18px;\n    max-width: 700px;\n  }\n\n  .sm-cta h3 span {\n    color: var(--gold);\n    font-style: italic;\n  }\n\n  .sm-cta p {\n    color: #ccc;\n    max-width: 550px;\n    margin: 0 auto 25px;\n    line-height: 1.7;\n  }\n\n  .sm-cta-bottom {\n    font-size: 11px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--gold);\n    font-weight: 700;\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 700px) {\n    .sm-hero {\n      padding: 55px 20px;\n    }\n\n    .sm-strip {\n      grid-template-columns: 1fr;\n    }\n\n    .sm-strip-item {\n      border-right: none;\n      border-bottom: 1px solid rgba(255,255,255,.1);\n    }\n\n    .sm-benefit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .sm-use-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .sm-steps {\n      grid-template-columns: repeat(2, 1fr);\n      row-gap: 35px;\n    }\n\n    .sm-outcome,\n    .sm-benefits,\n    .sm-lifestyle,\n    .sm-how,\n    .sm-box {\n      padding: 60px 20px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"sm-product\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"sm-hero\"\u003e\n\u003cdiv class=\"sm-eyebrow\"\u003eSommer Maklik™\u003c\/div\u003e\n\u003ch2\u003eYour Phone.\u003cbr\u003e\u003cspan\u003eSafe. Dry. Within Reach.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eTurn showers, cooking and everyday moments into effortless hands-free time. Keep your phone protected, perfectly positioned and right where you need it — without drilling, wiring or the hassle.\u003c\/p\u003e\n\u003cp class=\"sm-tagline\"\u003eSlim Goed. Lekker Lewe.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- QUICK BENEFITS --\u003e\n\u003csection class=\"sm-strip\"\u003e\n\u003cdiv class=\"sm-strip-item\"\u003e\n\u003cstrong\u003eWATERPROOF\u003c\/strong\u003e \u003cspan\u003eKeep your phone protected\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-strip-item\"\u003e\n\u003cstrong\u003eNO DRILLING\u003c\/strong\u003e \u003cspan\u003eMount in seconds\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-strip-item\"\u003e\n\u003cstrong\u003e360° VIEW\u003c\/strong\u003e \u003cspan\u003eFind your perfect angle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- OUTCOME --\u003e\n\u003csection class=\"sm-outcome\"\u003e\n\u003ch3\u003eStop worrying about your phone.\u003cbr\u003eStart enjoying \u003cspan\u003ethe moment.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eNo more balancing your phone on the basin. No more reaching for it with wet hands. No more missing calls or skipping your favourite song. Sommer Maklik™ gives your phone a secure place to stay while you get on with your day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003csection class=\"sm-benefits\"\u003e\n\u003cdiv class=\"sm-section-heading\"\u003e\n\u003cdiv class=\"sm-eyebrow\"\u003eDesigned for everyday living\u003c\/div\u003e\n\u003ch3 class=\"sm-section-title\"\u003eSmall upgrade.\u003cbr\u003eBig difference.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-benefit-grid\"\u003e\n\u003cdiv class=\"sm-benefit\"\u003e\n\u003cdiv class=\"sm-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eKeep Water Away\u003c\/h4\u003e\n\u003cp\u003eThe sealed waterproof case helps protect your phone from splashes, steam and everyday moisture while you're in the shower or kitchen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-benefit\"\u003e\n\u003cdiv class=\"sm-icon\"\u003e📱\u003c\/div\u003e\n\u003ch4\u003eStay Connected\u003c\/h4\u003e\n\u003cp\u003eKeep your screen right in front of you so you can see notifications, follow recipes, control music and stay connected without picking up your phone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-benefit\"\u003e\n\u003cdiv class=\"sm-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch4\u003eYour Perfect Angle\u003c\/h4\u003e\n\u003cp\u003eThe rotating bracket lets you position your phone exactly where you want it for a comfortable hands-free viewing experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-benefit\"\u003e\n\u003cdiv class=\"sm-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eNo Tools. No Damage.\u003c\/h4\u003e\n\u003cp\u003eSkip the drill and keep things simple. The adhesive mount installs quickly on suitable smooth surfaces without complicated installation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LIFESTYLE --\u003e\n\u003csection class=\"sm-lifestyle\"\u003e\n\u003cdiv class=\"sm-eyebrow\"\u003eOne holder. Endless moments.\u003c\/div\u003e\n\u003ch3 class=\"sm-section-title\"\u003eWherever life gets busy,\u003cbr\u003ekeep your phone \u003cspan\u003eclose.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sm-lifestyle-text\"\u003eDesigned around the way real homes work. Whether you're getting ready, making dinner, working or relaxing, your phone stays visible and accessible without getting in the way.\u003c\/p\u003e\n\u003cdiv class=\"sm-use-grid\"\u003e\n\u003cdiv class=\"sm-use\"\u003e\n\u003cdiv class=\"sm-use-icon\"\u003e🚿\u003c\/div\u003e\n\u003cstrong\u003eShower\u003c\/strong\u003e \u003cspan\u003eMusic \u0026amp; calls\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-use\"\u003e\n\u003cdiv class=\"sm-use-icon\"\u003e🍳\u003c\/div\u003e\n\u003cstrong\u003eKitchen\u003c\/strong\u003e \u003cspan\u003eRecipes \u0026amp; videos\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-use\"\u003e\n\u003cdiv class=\"sm-use-icon\"\u003e🏠\u003c\/div\u003e\n\u003cstrong\u003eHome\u003c\/strong\u003e \u003cspan\u003eHands-free viewing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-use\"\u003e\n\u003cdiv class=\"sm-use-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003eOffice\u003c\/strong\u003e \u003cspan\u003eStay connected\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"sm-how\"\u003e\n\u003cdiv class=\"sm-section-heading\"\u003e\n\u003cdiv class=\"sm-eyebrow\"\u003eSimple by design\u003c\/div\u003e\n\u003ch3 class=\"sm-section-title\"\u003eSet it up.\u003cbr\u003eForget about it.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-steps\"\u003e\n\u003cdiv class=\"sm-step\"\u003e\n\u003cdiv class=\"sm-number\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eInsert\u003c\/h4\u003e\n\u003cp\u003ePlace your phone inside the protective waterproof case.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-step\"\u003e\n\u003cdiv class=\"sm-number\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eSeal\u003c\/h4\u003e\n\u003cp\u003eSecure the case to help keep water and moisture out.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-step\"\u003e\n\u003cdiv class=\"sm-number\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eMount\u003c\/h4\u003e\n\u003cp\u003eAttach the bracket to a suitable smooth surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sm-step\"\u003e\n\u003cdiv class=\"sm-number\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eEnjoy\u003c\/h4\u003e\n\u003cp\u003eRotate your phone into position and go hands-free.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- WHAT'S INCLUDED --\u003e\n\u003csection class=\"sm-box\"\u003e\n\u003cdiv class=\"sm-eyebrow\"\u003eEverything you need\u003c\/div\u003e\n\u003ch3 class=\"sm-section-title\"\u003eInside the box\u003c\/h3\u003e\n\u003cdiv class=\"sm-box-list\"\u003e\n\u003cdiv class=\"sm-box-item\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e Waterproof phone case\u003c\/div\u003e\n\u003cdiv class=\"sm-box-item\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e 360° rotating bracket arm\u003c\/div\u003e\n\u003cdiv class=\"sm-box-item\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e Strong adhesive wall mount\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"sm-cta\"\u003e\n\u003ch3\u003eMake your home a little more\u003cbr\u003e\u003cspan\u003eSommer Maklik.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eLess hassle. Less worrying. More living. Give your phone a place where it's protected, visible and always within reach.\u003c\/p\u003e\n\u003cdiv class=\"sm-cta-bottom\"\u003eSlim Goed. Lekker Lewe. 🇿🇦\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"Sommer Maklik","offers":[{"title":"Default Title","offer_id":51299564355620,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0803\/8052\/6628\/files\/sommer-maklik-shower-case-studio.png?v=1787492132"}],"url":"https:\/\/sommermaklik.co.za\/collections\/shop-all.oembed","provider":"Sommer Maklik","version":"1.0","type":"link"}