{"product_id":"magnevo-chargeclock™-smart-wireless-charging-alarm-clock","title":"MagNevo ChargeClock™ (Smart Wireless Charging Alarm Clock - 15w, 10w and 5w Wireless charging)","description":"\u003cstyle\u003e\n\/* ================================\n   MAGNEVO CHARGECLOCK™\n   PREMIUM PRODUCT SECTION\n================================ *\/\n\n.magnevo-premium {\n  position: relative;\n  overflow: hidden;\n  padding: 80px 24px;\n  background:\n    radial-gradient(circle at 15% 20%, rgba(0, 210, 255, 0.10), transparent 30%),\n    radial-gradient(circle at 85% 70%, rgba(100, 70, 255, 0.10), transparent 30%),\n    #07090d;\n  color: #fff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\/* Ambient glow *\/\n.magnevo-premium::before,\n.magnevo-premium::after {\n  content: \"\";\n  position: absolute;\n  width: 450px;\n  height: 450px;\n  border-radius: 50%;\n  filter: blur(100px);\n  opacity: .15;\n  pointer-events: none;\n}\n\n.magnevo-premium::before {\n  background: #00d9ff;\n  top: -200px;\n  left: -200px;\n  animation: floatGlow 8s ease-in-out infinite alternate;\n}\n\n.magnevo-premium::after {\n  background: #6d4aff;\n  bottom: -250px;\n  right: -200px;\n  animation: floatGlow 10s ease-in-out infinite alternate-reverse;\n}\n\n.magnevo-container {\n  max-width: 1100px;\n  margin: auto;\n  position: relative;\n  z-index: 2;\n}\n\n\/* HERO *\/\n.magnevo-hero {\n  text-align: center;\n  margin-bottom: 70px;\n  animation: fadeUp 1s ease forwards;\n}\n\n.magnevo-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 15px;\n  border: 1px solid rgba(255,255,255,.12);\n  background: rgba(255,255,255,.04);\n  border-radius: 50px;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #a9efff;\n  backdrop-filter: blur(10px);\n  box-shadow: 0 0 30px rgba(0,210,255,.08);\n}\n\n.magnevo-eyebrow span {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #00d9ff;\n  box-shadow: 0 0 12px #00d9ff;\n  animation: pulse 2s infinite;\n}\n\n\/* WIRELESS CHARGING BADGE *\/\n.magnevo-charging {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 18px;\n  padding: 11px 20px;\n  border-radius: 50px;\n  border: 1px solid rgba(0,217,255,.30);\n  background:\n    linear-gradient(\n      135deg,\n      rgba(0,217,255,.12),\n      rgba(109,74,255,.10)\n    );\n  color: #c8f8ff;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  backdrop-filter: blur(14px);\n  box-shadow:\n    0 0 25px rgba(0,217,255,.10),\n    inset 0 1px 0 rgba(255,255,255,.10);\n  overflow: hidden;\n  animation: chargingFloat 3s ease-in-out infinite;\n}\n\n.magnevo-charging::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -120%;\n  width: 80%;\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.25),\n    transparent\n  );\n  transform: skewX(-20deg);\n  animation: chargingSweep 3.5s ease-in-out infinite;\n}\n\n.magnevo-charging-icon {\n  position: relative;\n  z-index: 2;\n  font-size: 17px;\n  color: #00d9ff;\n  text-shadow: 0 0 12px rgba(0,217,255,.8);\n  animation: chargingPulse 2s ease-in-out infinite;\n}\n\n.magnevo-charging-text {\n  position: relative;\n  z-index: 2;\n}\n\n.magnevo-charging-text strong {\n  color: #ffffff;\n}\n\n\/* TITLE *\/\n.magnevo-title {\n  margin: 25px auto 18px;\n  max-width: 850px;\n  font-size: clamp(42px, 7vw, 78px);\n  line-height: .98;\n  font-weight: 800;\n  letter-spacing: -3px;\n  background: linear-gradient(\n    110deg,\n    #ffffff 20%,\n    #bdf7ff 45%,\n    #ffffff 65%\n  );\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: shine 5s linear infinite;\n}\n\n.magnevo-subtitle {\n  max-width: 680px;\n  margin: auto;\n  color: #9ba5b5;\n  font-size: 18px;\n  line-height: 1.7;\n}\n\n\/* INTRO CARD *\/\n.magnevo-intro {\n  position: relative;\n  padding: 40px;\n  margin-bottom: 60px;\n  border: 1px solid rgba(255,255,255,.10);\n  border-radius: 28px;\n  background: linear-gradient(\n    145deg,\n    rgba(255,255,255,.07),\n    rgba(255,255,255,.025)\n  );\n  backdrop-filter: blur(18px);\n  box-shadow:\n    0 30px 80px rgba(0,0,0,.35),\n    inset 0 1px 0 rgba(255,255,255,.08);\n  animation: fadeUp 1s .2s ease both;\n}\n\n.magnevo-intro h2 {\n  margin: 0 0 15px;\n  font-size: 30px;\n  letter-spacing: -1px;\n}\n\n.magnevo-intro p {\n  margin: 0;\n  color: #aab2c0;\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* SECTION TITLE *\/\n.magnevo-section-title {\n  text-align: center;\n  margin-bottom: 35px;\n}\n\n.magnevo-section-title h2 {\n  font-size: clamp(30px, 5vw, 48px);\n  margin: 0 0 12px;\n  letter-spacing: -1.5px;\n}\n\n.magnevo-section-title p {\n  color: #8f98a8;\n  margin: 0;\n}\n\n\/* FEATURE GRID *\/\n.magnevo-features {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n  margin-bottom: 75px;\n}\n\n.magnevo-feature {\n  position: relative;\n  padding: 30px;\n  min-height: 190px;\n  border-radius: 24px;\n  border: 1px solid rgba(255,255,255,.09);\n  background: rgba(255,255,255,.035);\n  backdrop-filter: blur(14px);\n  overflow: hidden;\n  transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease;\n}\n\n.magnevo-feature::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  background: rgba(0,210,255,.08);\n  border-radius: 50%;\n  filter: blur(55px);\n  top: -100px;\n  right: -80px;\n  transition: .5s ease;\n}\n\n.magnevo-feature:hover {\n  transform: translateY(-8px);\n  border-color: rgba(0,210,255,.35);\n  box-shadow: 0 20px 60px rgba(0,0,0,.35);\n}\n\n.magnevo-feature:hover::before {\n  transform: scale(1.5);\n}\n\n.magnevo-icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 15px;\n  margin-bottom: 22px;\n  font-size: 22px;\n  background: linear-gradient(\n    135deg,\n    rgba(0,210,255,.18),\n    rgba(100,70,255,.15)\n  );\n  border: 1px solid rgba(255,255,255,.1);\n  box-shadow: 0 0 25px rgba(0,210,255,.08);\n}\n\n.magnevo-feature h3 {\n  margin: 0 0 9px;\n  font-size: 19px;\n}\n\n.magnevo-feature p {\n  margin: 0;\n  color: #969fac;\n  line-height: 1.65;\n  font-size: 14px;\n}\n\n\/* POWER SECTION *\/\n.magnevo-power {\n  position: relative;\n  padding: 65px 40px;\n  margin-bottom: 70px;\n  text-align: center;\n  border-radius: 32px;\n  border: 1px solid rgba(0,210,255,.16);\n  background:\n    radial-gradient(circle at center, rgba(0,210,255,.09), transparent 55%),\n    rgba(255,255,255,.025);\n  overflow: hidden;\n}\n\n.magnevo-power::after {\n  content: \"\";\n  position: absolute;\n  width: 700px;\n  height: 1px;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%);\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(0,210,255,.5),\n    transparent\n  );\n  animation: scan 4s linear infinite;\n}\n\n.magnevo-power h2 {\n  position: relative;\n  z-index: 2;\n  font-size: clamp(34px, 6vw, 58px);\n  margin: 0 0 18px;\n  letter-spacing: -2px;\n}\n\n.magnevo-power p {\n  position: relative;\n  z-index: 2;\n  max-width: 680px;\n  margin: auto;\n  color: #a2a9b7;\n  font-size: 17px;\n  line-height: 1.8;\n}\n\n\/* FINAL CTA *\/\n.magnevo-final {\n  text-align: center;\n  padding: 25px 0 10px;\n}\n\n.magnevo-final h2 {\n  font-size: clamp(28px, 5vw, 44px);\n  margin: 0 0 12px;\n  letter-spacing: -1px;\n}\n\n.magnevo-final p {\n  color: #8e97a7;\n  margin: 0;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes fadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes shine {\n  to {\n    background-position: 200% center;\n  }\n}\n\n@keyframes pulse {\n  0%, 100% {\n    opacity: .5;\n    transform: scale(.8);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n}\n\n@keyframes floatGlow {\n  from {\n    transform: translate(0,0) scale(1);\n  }\n  to {\n    transform: translate(60px,40px) scale(1.2);\n  }\n}\n\n@keyframes scan {\n  0% {\n    transform: translateX(-50%) translateY(-250px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(-50%) translateY(250px);\n    opacity: 0;\n  }\n}\n\n\/* CHARGING ANIMATIONS *\/\n\n@keyframes chargingFloat {\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-4px);\n  }\n}\n\n@keyframes chargingPulse {\n  0%, 100% {\n    opacity: .65;\n    transform: scale(.95);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.12);\n  }\n}\n\n@keyframes chargingSweep {\n  0% {\n    left: -120%;\n  }\n  55%, 100% {\n    left: 140%;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 700px) {\n\n  .magnevo-premium {\n    padding: 55px 16px;\n  }\n\n  .magnevo-title {\n    letter-spacing: -2px;\n  }\n\n  .magnevo-subtitle {\n    font-size: 15px;\n  }\n\n  .magnevo-charging {\n    font-size: 10px;\n    letter-spacing: 1px;\n    padding: 10px 15px;\n  }\n\n  .magnevo-charging-icon {\n    font-size: 15px;\n  }\n\n  .magnevo-intro {\n    padding: 28px 22px;\n  }\n\n  .magnevo-features {\n    grid-template-columns: 1fr;\n  }\n\n  .magnevo-feature {\n    min-height: auto;\n  }\n\n  .magnevo-power {\n    padding: 50px 24px;\n  }\n\n  .magnevo-power p {\n    font-size: 15px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"magnevo-premium\"\u003e\n\n  \u003cdiv class=\"magnevo-container\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"magnevo-hero\"\u003e\n\n      \u003cdiv class=\"magnevo-eyebrow\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n        MagNevo Innovation\n      \u003c\/div\u003e\n\n      \u003c!-- WIRELESS CHARGING SPEC --\u003e\n      \u003cdiv class=\"magnevo-charging\"\u003e\n        \u003cdiv class=\"magnevo-charging-icon\"\u003e⚡\u003c\/div\u003e\n\n        \u003cdiv class=\"magnevo-charging-text\"\u003e\n          Wireless Charging  •  \n          \u003cstrong\u003e15W\u003c\/strong\u003e  •  \n          \u003cstrong\u003e10W\u003c\/strong\u003e  •  \n          \u003cstrong\u003e5W\u003c\/strong\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003ch1 class=\"magnevo-title\"\u003e\n        Wake Up Powered.\u003cbr\u003e\n        Every Single Day.\n      \u003c\/h1\u003e\n\n      \u003cp class=\"magnevo-subtitle\"\u003e\n        Meet the \u003cstrong\u003eMagNevo ChargeClock™\u003c\/strong\u003e —\n        where precision timekeeping meets intelligent wireless charging.\n        Designed for the modern nightstand, desk and workspace.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- INTRO --\u003e\n    \u003cdiv class=\"magnevo-intro\"\u003e\n\n      \u003ch2\u003eOne Device. Everything You Need.\u003c\/h2\u003e\n\n      \u003cp\u003e\n        The MagNevo ChargeClock™ combines a premium digital alarm clock\n        with effortless wireless charging. Simply place your compatible\n        smartphone on the charging pad and wake up ready for the day —\n        without tangled cables or fumbling around in the dark.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"magnevo-section-title\"\u003e\n\n      \u003ch2\u003eEngineered for the Detail-Oriented.\u003c\/h2\u003e\n\n      \u003cp\u003e\n        Smart features. Clean design. Effortless power.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"magnevo-features\"\u003e\n\n      \u003cdiv class=\"magnevo-feature\"\u003e\n\n        \u003cdiv class=\"magnevo-icon\"\u003e📡\u003c\/div\u003e\n\n        \u003ch3\u003eWireless Qi Charging\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Supports wireless charging at\n          \u003cstrong\u003e15W, 10W and 5W\u003c\/strong\u003e for compatible devices,\n          delivering convenient power without the need for cables.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"magnevo-feature\"\u003e\n\n        \u003cdiv class=\"magnevo-icon\"\u003e⏰\u003c\/div\u003e\n\n        \u003ch3\u003eSmart Alarm Clock\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A clean, modern digital display with customisable alarm\n          settings to start every morning on your terms.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"magnevo-feature\"\u003e\n\n        \u003cdiv class=\"magnevo-icon\"\u003e🔋\u003c\/div\u003e\n\n        \u003ch3\u003eHigh-Efficiency Charging\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Designed for efficient wireless power delivery while\n          helping prevent unnecessary heat buildup.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"magnevo-feature\"\u003e\n\n        \u003cdiv class=\"magnevo-icon\"\u003e🌙\u003c\/div\u003e\n\n        \u003ch3\u003eNight Mode Display\u003c\/h3\u003e\n\n        \u003cp\u003e\n          The display automatically dims for a more comfortable,\n          distraction-free environment while you sleep.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"magnevo-feature\"\u003e\n\n        \u003cdiv class=\"magnevo-icon\"\u003e✨\u003c\/div\u003e\n\n        \u003ch3\u003ePremium Build\u003c\/h3\u003e\n\n        \u003cp\u003e\n          A sleek minimalist design created to look at home on\n          modern desks, bedside tables and workspaces.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"magnevo-feature\"\u003e\n\n        \u003cdiv class=\"magnevo-icon\"\u003e⚡\u003c\/div\u003e\n\n        \u003ch3\u003ePower Without the Mess\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Less cable clutter. Less hassle. Just place your phone\n          down and let MagNevo handle the charging.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- POWER --\u003e\n    \u003cdiv class=\"magnevo-power\"\u003e\n\n      \u003ch2\u003ePower. Anywhere. Anytime.\u003c\/h2\u003e\n\n      \u003cp\u003e\n        The MagNevo ChargeClock™ isn't just a clock.\n        It's a seamless fusion of technology, convenience and\n        minimalist design — keeping you connected from the moment\n        you wake up to the moment you rest.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FINAL --\u003e\n    \u003cdiv class=\"magnevo-final\"\u003e\n\n      \u003ch2\u003eUpgrade Your Nightstand.\u003c\/h2\u003e\n\n      \u003cp\u003e\n        Upgrade your mornings. Upgrade the way you charge.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"MagNevo","offers":[{"title":"Default Title","offer_id":52967684145463,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/1004\/8311\/files\/99c30db1-1b50-42da-952c-dc8c4ea25fa5.png?v=1788949530","url":"https:\/\/magnevo.co.za\/products\/magnevo-chargeclock%e2%84%a2-smart-wireless-charging-alarm-clock","provider":"MagNevo","version":"1.0","type":"link"}