{"title":"MagNevo All-in-One","description":"```html\n\u003cstyle\u003e\n\/* =========================================================\n MAGNEVO — PREMIUM BRAND STATEMENT\n Luxury Tech \/ Apple-Inspired\n========================================================= *\/\n\n.magnevo-statement {\n position: relative;\n overflow: hidden;\n padding: 120px 24px;\n background:\n radial-gradient(\n circle at 50% 50%,\n rgba(0, 210, 255, 0.12) 0%,\n rgba(0, 210, 255, 0.035) 28%,\n transparent 58%\n ),\n radial-gradient(\n circle at 10% 90%,\n rgba(80, 60, 255, 0.10),\n transparent 35%\n ),\n #05070b;\n color: #fff;\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n}\n\n\/* =========================================================\n ANIMATED BACKGROUND GLOW\n========================================================= *\/\n\n.magnevo-statement::before {\n content: \"\";\n position: absolute;\n\n width: 650px;\n height: 650px;\n\n left: 50%;\n top: 50%;\n\n transform: translate(-50%, -50%);\n\n border-radius: 50%;\n\n background:\n radial-gradient(\n circle,\n rgba(0, 220, 255, 0.12),\n transparent 65%\n );\n\n filter: blur(45px);\n\n animation:\n magnevoCoreGlow 7s ease-in-out infinite alternate;\n\n pointer-events: none;\n}\n\n\/* =========================================================\n MOVING LIGHT SWEEP\n========================================================= *\/\n\n.magnevo-light {\n position: absolute;\n\n top: -20%;\n left: -40%;\n\n width: 30%;\n height: 140%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.045),\n rgba(0,220,255,.035),\n transparent\n );\n\n transform: skewX(-18deg);\n\n animation:\n magnevoLightSweep 7s ease-in-out infinite;\n\n pointer-events: none;\n}\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.magnevo-statement-inner {\n position: relative;\n z-index: 5;\n\n max-width: 950px;\n\n margin: auto;\n\n text-align: center;\n}\n\n\n\/* =========================================================\n BRAND LABEL\n========================================================= *\/\n\n.magnevo-label {\n display: inline-flex;\n\n align-items: center;\n\n gap: 10px;\n\n padding: 9px 18px;\n\n border-radius: 100px;\n\n border: 1px solid rgba(255,255,255,.12);\n\n background:\n rgba(255,255,255,.035);\n\n backdrop-filter: blur(20px);\n\n -webkit-backdrop-filter: blur(20px);\n\n color: #a8f1ff;\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 3px;\n\n text-transform: uppercase;\n\n box-shadow:\n 0 0 35px rgba(0,220,255,.08);\n\n animation:\n magnevoReveal .9s ease both;\n}\n\n.magnevo-label-dot {\n position: relative;\n\n width: 6px;\n height: 6px;\n\n border-radius: 50%;\n\n background: #00dcff;\n\n box-shadow:\n 0 0 8px #00dcff,\n 0 0 18px rgba(0,220,255,.8);\n\n animation:\n magnevoDotPulse 2s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n MAIN HEADLINE\n========================================================= *\/\n\n.magnevo-statement-title {\n margin: 30px auto 30px;\n\n max-width: 900px;\n\n font-size:\n clamp(40px, 6.5vw, 76px);\n\n line-height: 1.02;\n\n letter-spacing: -4px;\n\n font-weight: 800;\n\n background:\n linear-gradient(\n 105deg,\n #ffffff 15%,\n #d9fbff 38%,\n #7deaff 50%,\n #ffffff 68%\n );\n\n background-size: 250% auto;\n\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n animation:\n magnevoReveal 1s .15s ease both,\n magnevoTextShine 6s linear infinite;\n}\n\n\n\/* =========================================================\n HIGHLIGHT WORD\n========================================================= *\/\n\n.magnevo-highlight {\n position: relative;\n\n display: inline-block;\n\n color: #ffffff;\n}\n\n.magnevo-highlight::after {\n content: \"\";\n\n position: absolute;\n\n left: 10%;\n right: 10%;\n bottom: -9px;\n\n height: 2px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n #00dcff,\n transparent\n );\n\n box-shadow:\n 0 0 15px rgba(0,220,255,.8);\n\n transform: scaleX(0);\n\n transform-origin: center;\n\n animation:\n magnevoUnderline 1.4s 1s ease forwards;\n}\n\n\n\/* =========================================================\n BODY TEXT\n========================================================= *\/\n\n.magnevo-statement-copy {\n max-width: 720px;\n\n margin: auto;\n\n color: #9ca6b6;\n\n font-size: 18px;\n\n line-height: 1.85;\n\n font-weight: 400;\n\n animation:\n magnevoReveal 1s .35s ease both;\n}\n\n.magnevo-statement-copy strong {\n color: #e9fbff;\n\n font-weight: 600;\n\n text-shadow:\n 0 0 20px rgba(0,220,255,.12);\n}\n\n\n\/* =========================================================\n POWER LINE\n========================================================= *\/\n\n.magnevo-power-line {\n position: relative;\n\n width: 180px;\n\n height: 1px;\n\n margin: 48px auto 34px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(0,220,255,.9),\n transparent\n );\n\n box-shadow:\n 0 0 18px rgba(0,220,255,.5);\n\n animation:\n magnevoLinePulse 3s ease-in-out infinite;\n}\n\n\n\/* Glowing center point *\/\n\n.magnevo-power-line::after {\n content: \"\";\n\n position: absolute;\n\n width: 5px;\n height: 5px;\n\n border-radius: 50%;\n\n left: 50%;\n top: 50%;\n\n transform:\n translate(-50%, -50%);\n\n background: #dfffff;\n\n box-shadow:\n 0 0 8px #00dcff,\n 0 0 20px #00dcff,\n 0 0 35px rgba(0,220,255,.8);\n\n animation:\n magnevoPointPulse 2s infinite;\n}\n\n\n\/* =========================================================\n TAGLINE\n========================================================= *\/\n\n.magnevo-tagline {\n margin: 0;\n\n font-size:\n clamp(19px, 3vw, 28px);\n\n line-height: 1.4;\n\n font-weight: 650;\n\n letter-spacing: .5px;\n\n color: #ffffff;\n\n animation:\n magnevoReveal 1s .55s ease both;\n}\n\n.magnevo-tagline span {\n color: #8defff;\n\n text-shadow:\n 0 0 18px rgba(0,220,255,.4);\n}\n\n\n\/* =========================================================\n FLOATING PARTICLES\n========================================================= *\/\n\n.magnevo-particle {\n position: absolute;\n\n width: 3px;\n height: 3px;\n\n border-radius: 50%;\n\n background: #00dcff;\n\n box-shadow:\n 0 0 10px #00dcff,\n 0 0 20px rgba(0,220,255,.5);\n\n opacity: 0;\n\n animation:\n magnevoParticle 6s linear infinite;\n\n pointer-events: none;\n}\n\n.magnevo-particle:nth-child(1) {\n left: 12%;\n bottom: 15%;\n animation-delay: .4s;\n}\n\n.magnevo-particle:nth-child(2) {\n left: 24%;\n top: 20%;\n animation-delay: 1.5s;\n}\n\n.magnevo-particle:nth-child(3) {\n left: 39%;\n bottom: 12%;\n animation-delay: 2.4s;\n}\n\n.magnevo-particle:nth-child(4) {\n right: 30%;\n top: 18%;\n animation-delay: 3.2s;\n}\n\n.magnevo-particle:nth-child(5) {\n right: 17%;\n bottom: 20%;\n animation-delay: 4s;\n}\n\n.magnevo-particle:nth-child(6) {\n right: 8%;\n top: 35%;\n animation-delay: 5s;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes magnevoReveal {\n\n from {\n opacity: 0;\n transform: translateY(35px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n\n}\n\n@keyframes magnevoCoreGlow {\n\n 0% {\n transform:\n translate(-50%, -50%)\n scale(.85);\n\n opacity: .55;\n }\n\n 100% {\n transform:\n translate(-50%, -50%)\n scale(1.15);\n\n opacity: 1;\n }\n\n}\n\n@keyframes magnevoLightSweep {\n\n 0% {\n left: -40%;\n opacity: 0;\n }\n\n 15% {\n opacity: 1;\n }\n\n 55% {\n opacity: .8;\n }\n\n 100% {\n left: 130%;\n opacity: 0;\n }\n\n}\n\n@keyframes magnevoTextShine {\n\n 0% {\n background-position: 0% center;\n }\n\n 100% {\n background-position: 250% center;\n }\n\n}\n\n@keyframes magnevoDotPulse {\n\n 0%, 100% {\n transform: scale(.75);\n opacity: .45;\n }\n\n 50% {\n transform: scale(1.25);\n opacity: 1;\n }\n\n}\n\n@keyframes magnevoUnderline {\n\n to {\n transform: scaleX(1);\n }\n\n}\n\n@keyframes magnevoLinePulse {\n\n 0%, 100% {\n opacity: .45;\n transform: scaleX(.75);\n }\n\n 50% {\n opacity: 1;\n transform: scaleX(1.15);\n }\n\n}\n\n@keyframes magnevoPointPulse {\n\n 0%, 100% {\n transform:\n translate(-50%, -50%)\n scale(.7);\n }\n\n 50% {\n transform:\n translate(-50%, -50%)\n scale(1.5);\n }\n\n}\n\n@keyframes magnevoParticle {\n\n 0% {\n transform:\n translateY(30px)\n scale(.4);\n\n opacity: 0;\n }\n\n 20% {\n opacity: .8;\n }\n\n 70% {\n opacity: .35;\n }\n\n 100% {\n transform:\n translateY(-100px)\n scale(1);\n\n opacity: 0;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n .magnevo-statement {\n padding: 85px 18px;\n }\n\n .magnevo-statement-title {\n letter-spacing: -2.5px;\n\n font-size:\n clamp(36px, 10vw, 55px);\n }\n\n .magnevo-statement-copy {\n font-size: 15.5px;\n\n line-height: 1.8;\n }\n\n .magnevo-power-line {\n margin-top: 38px;\n margin-bottom: 28px;\n }\n\n .magnevo-tagline {\n font-size: 20px;\n }\n\n .magnevo-label {\n font-size: 9px;\n letter-spacing: 2.2px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"magnevo-statement\"\u003e\n\n \u003c!-- Moving light --\u003e\n \u003cdiv class=\"magnevo-light\"\u003e\u003c\/div\u003e\n\n\n \u003c!-- Floating particles --\u003e\n \u003cdiv class=\"magnevo-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"magnevo-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"magnevo-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"magnevo-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"magnevo-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"magnevo-particle\"\u003e\u003c\/div\u003e\n\n\n \u003cdiv class=\"magnevo-statement-inner\"\u003e\n\n \u003c!-- Brand label --\u003e\n\n \u003cdiv class=\"magnevo-label\"\u003e\n\n \u003cspan class=\"magnevo-label-dot\"\u003e\u003c\/span\u003e\n\n MAGNEVO • POWER WITHOUT LIMITS\n\n \u003c\/div\u003e\n\n\n \u003c!-- Main statement --\u003e\n\n \u003ch2 class=\"magnevo-statement-title\"\u003e\n\n No Cables.\u003cbr\u003e\n\n No Compromise.\u003cbr\u003e\n\n Just Seamless Power.\n\n \u003c\/h2\u003e\n\n\n \u003c!-- Description --\u003e\n\n \u003cp class=\"magnevo-statement-copy\"\u003e\n\n Seamless wireless power —\n \u003cstrong\u003eat home, on your nightstand, and in your car.\u003c\/strong\u003e\n\n \u003cbr\u003e\u003cbr\u003e\n\n Every MagNevo charger is engineered for one purpose:\n\n \u003cstrong\u003e\n to keep you powered without breaking your flow.\n \u003c\/strong\u003e\n\n \u003c\/p\u003e\n\n\n \u003c!-- Glowing divider --\u003e\n\n \u003cdiv class=\"magnevo-power-line\"\u003e\u003c\/div\u003e\n\n\n \u003c!-- Final tagline --\u003e\n\n \u003cp class=\"magnevo-tagline\"\u003e\n\n \u003cspan\u003ePower.\u003c\/span\u003e\n Anywhere.\n \u003cspan\u003eAnytime.\u003c\/span\u003e\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n```\n","products":[{"product_id":"magnevo","title":"MagNevo SnapCharge™ (Powerbank - 10 000mAh\/22W)","description":"```html\n\u003cstyle\u003e\n .mag-nevo-product {\n --green: #78e63c;\n --blue: #29a9ff;\n --purple: #7257ff;\n --dark: #080a0d;\n --card: #11151a;\n --text: #f5f7fa;\n --muted: #a9b0b8;\n font-family: Arial, Helvetica, sans-serif;\n color: var(--text);\n background:\n radial-gradient(circle at 85% 5%, rgba(41,169,255,.16), transparent 28%),\n radial-gradient(circle at 10% 25%, rgba(120,230,60,.10), transparent 30%),\n linear-gradient(145deg,#050608,#0c1015 55%,#07090c);\n border-radius: 24px;\n overflow: hidden;\n padding: 0;\n margin: 10px 0;\n box-shadow: 0 20px 60px rgba(0,0,0,.35);\n }\n\n .mag-nevo-inner {\n padding: 38px 24px;\n }\n\n .mag-nevo-badge {\n display: inline-block;\n padding: 8px 14px;\n border: 1px solid rgba(120,230,60,.5);\n border-radius: 999px;\n color: var(--green);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n background: rgba(120,230,60,.07);\n animation: pulseGlow 2.5s infinite;\n }\n\n .mag-nevo-title {\n font-size: clamp(30px,6vw,52px);\n line-height: 1.05;\n margin: 18px 0 12px;\n font-weight: 800;\n letter-spacing: -1.5px;\n }\n\n .mag-nevo-gradient {\n background: linear-gradient(90deg,var(--green),var(--blue),var(--purple));\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .mag-nevo-subtitle {\n color: var(--muted);\n font-size: 17px;\n line-height: 1.7;\n max-width: 720px;\n margin-bottom: 28px;\n }\n\n .mag-nevo-divider {\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg,transparent,var(--green),var(--blue),transparent);\n margin: 28px 0;\n opacity: .7;\n }\n\n .mag-nevo-bundle-strip {\n display: flex;\n align-items: center;\n gap: 16px;\n background: rgba(255,255,255,.04);\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 16px;\n padding: 14px 18px;\n margin-bottom: 24px;\n }\n\n .mag-nevo-bundle-strip img {\n width: 46px;\n height: auto;\n border-radius: 8px;\n flex-shrink: 0;\n }\n\n .mag-nevo-bundle-labels {\n display: flex;\n gap: 14px;\n flex-wrap: wrap;\n font-size: 13px;\n color: var(--muted);\n }\n\n .mag-nevo-bundle-labels b {\n color: #fff;\n }\n\n .mag-nevo-features {\n display: grid;\n grid-template-columns: repeat(2,1fr);\n gap: 14px;\n }\n\n .mag-nevo-card {\n position: relative;\n background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 18px;\n padding: 20px 16px;\n min-height: 135px;\n overflow: hidden;\n transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease;\n }\n\n .mag-nevo-card:hover {\n transform: translateY(-5px);\n border-color: rgba(120,230,60,.5);\n box-shadow: 0 12px 35px rgba(120,230,60,.10);\n }\n\n .mag-nevo-card:before {\n content:\"\";\n position:absolute;\n width:100px;\n height:100px;\n right:-45px;\n top:-45px;\n background:var(--green);\n filter:blur(45px);\n opacity:.13;\n }\n\n .mag-nevo-icon {\n font-size: 28px;\n margin-bottom: 10px;\n display: block;\n }\n\n .mag-nevo-card h3 {\n font-size: 16px;\n margin: 0 0 7px;\n color: #fff;\n }\n\n .mag-nevo-card p {\n margin: 0;\n color: #aeb5bd;\n font-size: 13px;\n line-height: 1.5;\n }\n\n .mag-nevo-highlight {\n margin-top: 26px;\n padding: 22px;\n border-radius: 20px;\n background:\n linear-gradient(135deg,rgba(120,230,60,.12),rgba(41,169,255,.08)),\n rgba(255,255,255,.03);\n border: 1px solid rgba(120,230,60,.22);\n text-align: center;\n }\n\n .mag-nevo-highlight h2 {\n margin: 0 0 8px;\n font-size: 25px;\n }\n\n .mag-nevo-highlight p {\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n }\n\n .mag-nevo-cta {\n margin-top: 25px;\n text-align: center;\n }\n\n .mag-nevo-cta span {\n display: inline-block;\n padding: 13px 24px;\n border-radius: 999px;\n background: linear-gradient(90deg,var(--green),var(--blue));\n color: #061006;\n font-weight: 800;\n font-size: 15px;\n box-shadow: 0 0 30px rgba(120,230,60,.22);\n animation: floatButton 3s ease-in-out infinite;\n }\n\n .mag-nevo-compat {\n margin-top: 26px;\n padding: 22px;\n border-radius: 20px;\n background: rgba(255,255,255,.04);\n border: 1px solid rgba(41,169,255,.25);\n }\n\n .mag-nevo-compat h3 {\n margin: 0 0 14px;\n font-size: 18px;\n color: var(--blue);\n }\n\n .mag-nevo-compat-grid {\n display: grid;\n grid-template-columns: repeat(2,1fr);\n gap: 8px;\n font-size: 13px;\n color: var(--muted);\n }\n\n .mag-nevo-compat-item {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .mag-nevo-compat-item::before {\n content: \"✓\";\n color: var(--green);\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .mag-nevo-specs {\n margin-top: 16px;\n padding-top: 16px;\n border-top: 1px solid rgba(255,255,255,.08);\n display: flex;\n gap: 16px;\n flex-wrap: wrap;\n font-size: 13px;\n color: var(--muted);\n }\n\n .mag-nevo-specs span b {\n color: #fff;\n }\n\n .mag-nevo-delivery {\n margin-top: 26px;\n padding: 22px;\n border-radius: 20px;\n background: rgba(255,255,255,.04);\n border: 1px solid rgba(120,230,60,.25);\n }\n\n .mag-nevo-delivery h3 {\n margin: 0 0 14px;\n font-size: 18px;\n color: var(--green);\n }\n\n .mag-nevo-delivery-row {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--muted);\n margin-bottom: 10px;\n }\n\n .mag-nevo-delivery-row:last-child {\n margin-bottom: 0;\n }\n\n .mag-nevo-delivery-row .flag {\n font-size: 20px;\n flex-shrink: 0;\n }\n\n .mag-nevo-delivery-row b {\n color: #fff;\n }\n\n .mag-nevo-note {\n margin-top: 18px;\n text-align:center;\n color:#777f88;\n font-size:11px;\n }\n\n @keyframes pulseGlow {\n 0%,100% { box-shadow:0 0 0 rgba(120,230,60,0); }\n 50% { box-shadow:0 0 20px rgba(120,230,60,.18); }\n }\n\n @keyframes floatButton {\n 0%,100% { transform:translateY(0); }\n 50% { transform:translateY(-3px); }\n }\n\n @media (max-width:600px) {\n .mag-nevo-inner {\n padding: 28px 16px;\n }\n\n .mag-nevo-title {\n font-size: 34px;\n }\n\n .mag-nevo-subtitle {\n font-size: 15px;\n line-height: 1.6;\n }\n\n .mag-nevo-features {\n grid-template-columns: 1fr;\n }\n\n .mag-nevo-card {\n min-height: auto;\n }\n\n .mag-nevo-compat-grid {\n grid-template-columns: 1fr;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"mag-nevo-product\"\u003e\n \u003cdiv class=\"mag-nevo-inner\"\u003e\n\n \u003cspan class=\"mag-nevo-badge\"\u003e⚡ MAGNEVO POWER TECHNOLOGY\u003c\/span\u003e\n\n \u003ch1 class=\"mag-nevo-title\"\u003e\n MagNevo \u003cspan class=\"mag-nevo-gradient\"\u003ePowerSnap™\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"mag-nevo-subtitle\"\u003e\n Stay powered wherever life takes you. 🔋\n The sleek magnetic wireless power bank designed to give your compatible phone\n convenient, cable-free power whenever you need it.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mag-nevo-bundle-strip\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/1004\/8311\/files\/IMG-7608.heic?v=1787905907\" alt=\"MagNevo PowerSnap\"\u003e\n \u003cdiv class=\"mag-nevo-bundle-labels\"\u003e\n \u003cspan\u003e\u003cb\u003e1\u003c\/b\u003e — R799 + Free Delivery\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003e2\u003c\/b\u003e — Save R100 + Free Delivery\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003e3\u003c\/b\u003e — Save R300 + Free Delivery\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-divider\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-features\"\u003e\n\n \u003cdiv class=\"mag-nevo-card\"\u003e\n \u003cspan class=\"mag-nevo-icon\"\u003e🧲\u003c\/span\u003e\n \u003ch3\u003eMagnetic Snap-On Charging\u003c\/h3\u003e\n \u003cp\u003eSimply snap it onto your compatible phone and charge with ease.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-card\"\u003e\n \u003cspan class=\"mag-nevo-icon\"\u003e🔋\u003c\/span\u003e\n \u003ch3\u003ePower When You Need It\u003c\/h3\u003e\n \u003cp\u003ePortable extra power that helps keep your device going throughout the day.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-card\"\u003e\n \u003cspan class=\"mag-nevo-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eWireless Charging\u003c\/h3\u003e\n \u003cp\u003eEnjoy convenient cable-free charging wherever you are.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-card\"\u003e\n \u003cspan class=\"mag-nevo-icon\"\u003e📱\u003c\/span\u003e\n \u003ch3\u003eBuilt-In Kickstand\u003c\/h3\u003e\n \u003cp\u003eWatch videos, take calls or browse hands-free while your device charges.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-card\"\u003e\n \u003cspan class=\"mag-nevo-icon\"\u003e✈️\u003c\/span\u003e\n \u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n \u003cp\u003eCompact and easy to carry in your pocket, backpack or travel bag.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-card\"\u003e\n \u003cspan class=\"mag-nevo-icon\"\u003e🛡️\u003c\/span\u003e\n \u003ch3\u003eSmart Protection\u003c\/h3\u003e\n \u003cp\u003eDesigned with everyday charging protection in mind.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-compat\"\u003e\n \u003ch3\u003e📱 Compatible Devices\u003c\/h3\u003e\n\n \u003cdiv class=\"mag-nevo-compat-grid\"\u003e\n \u003cdiv class=\"mag-nevo-compat-item\"\u003eiPhone 12\u003c\/div\u003e\n \u003cdiv class=\"mag-nevo-compat-item\"\u003eiPhone 13 \/ 13 Pro \/ 13 Pro Max\u003c\/div\u003e\n \u003cdiv class=\"mag-nevo-compat-item\"\u003eiPhone 14 \/ 14 Pro \/ 14 Pro Max\u003c\/div\u003e\n \u003cdiv class=\"mag-nevo-compat-item\"\u003eiPhone 15 \/ 15 Pro \/ 15 Pro Max\u003c\/div\u003e\n \u003cdiv class=\"mag-nevo-compat-item\"\u003eiPhone 16 \/ 16 Pro \/ 16 Pro Max\u003c\/div\u003e\n \u003cdiv class=\"mag-nevo-compat-item\"\u003eAny Qi-enabled Android (via case)\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-specs\"\u003e\n \u003cspan\u003e\u003cb\u003eCapacity:\u003c\/b\u003e 10,000mAh\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003ePower Output:\u003c\/b\u003e 22W PD\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003ePowerbank:\u003c\/b\u003e Magnetic PD Powerbank\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003eCharging Standard:\u003c\/b\u003e MagSafe-compatible magnetic + Qi wireless\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003eConnector:\u003c\/b\u003e USB-C recharge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-delivery\"\u003e\n \u003ch3\u003e🙩 Delivery Information\u003c\/h3\u003e\n\n \u003cdiv class=\"mag-nevo-delivery-row\"\u003e\n \u003cspan class=\"flag\"\u003e🇿🇦\u003c\/span\u003e\n \u003cspan\u003e\u003cb\u003eSouth Africa:\u003c\/b\u003e 5–7 business days — Free delivery on all orders\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-delivery-row\"\u003e\n \u003cspan class=\"flag\"\u003e📦\u003c\/span\u003e\n \u003cspan\u003eOrders are processed and dispatched within 1–2 business days of payment confirmation.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-highlight\"\u003e\n \u003ch2\u003e✨ Snap. Charge. Go.\u003c\/h2\u003e\n \u003cp\u003e\n Your everyday power companion — designed for work, travel,\n weekends and everything in between.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-cta\"\u003e\n \u003cspan\u003e⚡ POWER UP WITH MAGNEVO\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mag-nevo-note\"\u003e\n Ordering 2 or 3? Leave your color preference (Black\/White) in the order notes at checkout.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n```\n","brand":"MagNevo","offers":[{"title":"Buy 1 - R799 + Free Delivery \/ Black","offer_id":52910835958071,"sku":"MAGNEVO-1PK-BLK","price":799.0,"currency_code":"ZAR","in_stock":true},{"title":"Buy 1 - R799 + Free Delivery \/ White","offer_id":52910871937335,"sku":"MAGNEVO-1PK-WHT","price":799.0,"currency_code":"ZAR","in_stock":true},{"title":"Buy 2 - Save R100 + Free Delivery \/ Black","offer_id":52910835990839,"sku":"MAGNEVO-2PK-BLK","price":1499.0,"currency_code":"ZAR","in_stock":true},{"title":"Buy 2 - Save R100 + Free Delivery \/ White","offer_id":52910871970103,"sku":"MAGNEVO-2PK-WHT","price":1499.0,"currency_code":"ZAR","in_stock":true},{"title":"Buy 3 - Save R300 + Free Delivery \/ Black","offer_id":52910836023607,"sku":"MAGNEVO-3PK-BLK","price":2099.0,"currency_code":"ZAR","in_stock":true},{"title":"Buy 3 - Save R300 + Free Delivery \/ White","offer_id":52910872002871,"sku":"MAGNEVO-3PK-WHT","price":2099.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/1004\/8311\/files\/ChatGPT_Image_Aug_26_2026_01_08_28_PM_d31b636d-6a04-4362-a689-e461b4e6737c.png?v=1787906479"},{"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"},{"product_id":"magnevo-powermat™","title":"MagNevo PowerMat™ (15w Fast Charging)","description":"```html\n\u003cstyle\u003e\n\/* =========================================\n MAGNEVO POWERMAT™\n PREMIUM AUTOMOTIVE CHARGING SECTION\n========================================= *\/\n\n.magnevo-powermat {\n position: relative;\n overflow: hidden;\n padding: 90px 22px;\n background:\n radial-gradient(circle at 10% 15%, rgba(0, 210, 255, .10), transparent 28%),\n radial-gradient(circle at 90% 80%, rgba(90, 60, 255, .11), transparent 30%),\n #06080c;\n color: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\/* Ambient background glow *\/\n\n.magnevo-powermat::before {\n content: \"\";\n position: absolute;\n width: 550px;\n height: 550px;\n left: -300px;\n top: -200px;\n border-radius: 50%;\n background: rgba(0, 210, 255, .14);\n filter: blur(120px);\n animation: pmGlow 9s ease-in-out infinite alternate;\n pointer-events: none;\n}\n\n.magnevo-powermat::after {\n content: \"\";\n position: absolute;\n width: 500px;\n height: 500px;\n right: -280px;\n bottom: -250px;\n border-radius: 50%;\n background: rgba(100, 70, 255, .13);\n filter: blur(120px);\n animation: pmGlow 11s ease-in-out infinite alternate-reverse;\n pointer-events: none;\n}\n\n.pm-container {\n max-width: 1120px;\n margin: auto;\n position: relative;\n z-index: 2;\n}\n\n\n\/* =========================================\n HERO\n========================================= *\/\n\n.pm-hero {\n text-align: center;\n animation: pmFadeUp 1s ease both;\n}\n\n.pm-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 9px 17px;\n border-radius: 100px;\n border: 1px solid rgba(255,255,255,.12);\n background: rgba(255,255,255,.035);\n backdrop-filter: blur(12px);\n color: #a9efff;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n box-shadow: 0 0 35px rgba(0,210,255,.08);\n}\n\n.pm-badge-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #00d9ff;\n box-shadow: 0 0 14px #00d9ff;\n animation: pmPulse 2s infinite;\n}\n\n\n\/* =========================================\n 15W FAST CHARGING BADGE\n========================================= *\/\n\n.pm-fast-charge {\n position: relative;\n\n display: inline-flex;\n align-items: center;\n gap: 10px;\n\n margin-top: 20px;\n padding: 11px 20px;\n\n border-radius: 100px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,210,255,.12),\n rgba(100,70,255,.12)\n );\n\n border: 1px solid rgba(0,220,255,.30);\n\n color: #d9fbff;\n\n font-size: 11px;\n font-weight: 800;\n\n letter-spacing: 2px;\n text-transform: uppercase;\n\n backdrop-filter: blur(15px);\n\n box-shadow:\n 0 0 25px rgba(0,210,255,.10),\n inset 0 0 20px rgba(0,210,255,.04);\n\n overflow: hidden;\n\n animation:\n pmFastFloat 3s ease-in-out infinite,\n pmFastGlow 2.5s ease-in-out infinite alternate;\n}\n\n\n\/* Animated light sweep *\/\n\n.pm-fast-charge::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -120%;\n\n width: 80%;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.28),\n transparent\n );\n\n transform: skewX(-20deg);\n\n animation: pmFastSweep 3.2s ease-in-out infinite;\n\n pointer-events: none;\n}\n\n\n\/* Charging icon *\/\n\n.pm-fast-icon {\n position: relative;\n z-index: 2;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 24px;\n height: 24px;\n\n border-radius: 50%;\n\n background: rgba(0,220,255,.14);\n\n color: #00d9ff;\n\n font-size: 14px;\n\n text-shadow:\n 0 0 12px #00d9ff;\n\n animation: pmFastIcon 1.8s ease-in-out infinite;\n}\n\n.pm-fast-text {\n position: relative;\n z-index: 2;\n}\n\n.pm-fast-text strong {\n color: #fff;\n\n text-shadow:\n 0 0 15px rgba(0,220,255,.55);\n}\n\n\n\/* =========================================\n TITLE\n========================================= *\/\n\n.pm-title {\n margin: 28px auto 20px;\n max-width: 900px;\n font-size: clamp(43px, 7vw, 82px);\n line-height: .96;\n letter-spacing: -4px;\n font-weight: 850;\n\n background: linear-gradient(\n 110deg,\n #ffffff 20%,\n #baf5ff 45%,\n #ffffff 65%\n );\n\n background-size: 220% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n animation: pmShine 5s linear infinite;\n}\n\n.pm-subtitle {\n max-width: 720px;\n margin: auto;\n color: #9ca6b6;\n font-size: 18px;\n line-height: 1.75;\n}\n\n\n\/* =========================================\n POWER MAT VISUAL\n========================================= *\/\n\n.pm-visual {\n position: relative;\n max-width: 760px;\n height: 250px;\n margin: 65px auto 75px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.pm-mat {\n position: relative;\n width: 430px;\n height: 125px;\n border-radius: 22px;\n transform: perspective(700px) rotateX(58deg) rotateZ(-2deg);\n\n background:\n linear-gradient(\n 145deg,\n #151922,\n #080a0f\n );\n\n border: 1px solid rgba(255,255,255,.14);\n\n box-shadow:\n 0 45px 70px rgba(0,0,0,.65),\n inset 0 1px 0 rgba(255,255,255,.08),\n 0 0 45px rgba(0,210,255,.06);\n\n animation: pmFloat 4s ease-in-out infinite;\n}\n\n.pm-mat::before {\n content: \"MAGNEVO\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n color: rgba(255,255,255,.18);\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 4px;\n}\n\n.pm-mat::after {\n content: \"\";\n position: absolute;\n inset: 15px;\n border-radius: 14px;\n border: 1px solid rgba(0,210,255,.08);\n}\n\n\n\/* Charging ring *\/\n\n.pm-ring {\n position: absolute;\n width: 150px;\n height: 150px;\n border-radius: 50%;\n border: 1px solid rgba(0,220,255,.45);\n box-shadow:\n 0 0 20px rgba(0,210,255,.15),\n inset 0 0 20px rgba(0,210,255,.08);\n\n animation: pmRing 2.8s ease-in-out infinite;\n}\n\n.pm-ring::before,\n.pm-ring::after {\n content: \"\";\n position: absolute;\n inset: 17px;\n border-radius: 50%;\n border: 1px solid rgba(0,220,255,.20);\n}\n\n.pm-ring::after {\n inset: 38px;\n border-color: rgba(0,220,255,.35);\n}\n\n\n\/* Floating energy particles *\/\n\n.pm-particle {\n position: absolute;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #00d9ff;\n box-shadow: 0 0 14px #00d9ff;\n animation: pmParticle 3s linear infinite;\n}\n\n.pm-particle:nth-child(1) {\n left: 28%;\n top: 40%;\n animation-delay: .2s;\n}\n\n.pm-particle:nth-child(2) {\n right: 27%;\n top: 45%;\n animation-delay: 1s;\n}\n\n.pm-particle:nth-child(3) {\n left: 40%;\n top: 18%;\n animation-delay: 1.8s;\n}\n\n.pm-particle:nth-child(4) {\n right: 40%;\n bottom: 20%;\n animation-delay: 2.3s;\n}\n\n\n\/* =========================================\n INTRO CARD\n========================================= *\/\n\n.pm-intro {\n padding: 42px;\n border-radius: 28px;\n border: 1px solid rgba(255,255,255,.09);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.07),\n rgba(255,255,255,.025)\n );\n\n backdrop-filter: blur(18px);\n\n box-shadow:\n 0 30px 80px rgba(0,0,0,.35),\n inset 0 1px 0 rgba(255,255,255,.07);\n\n margin-bottom: 75px;\n\n animation: pmFadeUp 1s .2s ease both;\n}\n\n.pm-intro h2 {\n margin: 0 0 15px;\n font-size: 31px;\n letter-spacing: -1px;\n}\n\n.pm-intro p {\n margin: 0;\n color: #a3acba;\n font-size: 16px;\n line-height: 1.8;\n}\n\n\n\/* =========================================\n SECTION TITLE\n========================================= *\/\n\n.pm-section-title {\n text-align: center;\n margin-bottom: 38px;\n}\n\n.pm-section-title h2 {\n margin: 0 0 12px;\n font-size: clamp(31px, 5vw, 49px);\n letter-spacing: -2px;\n}\n\n.pm-section-title p {\n color: #8e98a8;\n margin: 0;\n}\n\n\n\/* =========================================\n FEATURES\n========================================= *\/\n\n.pm-features {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n margin-bottom: 75px;\n}\n\n.pm-feature {\n position: relative;\n min-height: 190px;\n padding: 30px;\n\n border-radius: 25px;\n border: 1px solid rgba(255,255,255,.08);\n\n background: rgba(255,255,255,.035);\n\n backdrop-filter: blur(14px);\n\n overflow: hidden;\n\n transition:\n transform .45s ease,\n border-color .45s ease,\n box-shadow .45s ease;\n}\n\n.pm-feature::before {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n right: -120px;\n top: -130px;\n border-radius: 50%;\n background: rgba(0,210,255,.08);\n filter: blur(50px);\n transition: .5s ease;\n}\n\n.pm-feature:hover {\n transform: translateY(-9px);\n border-color: rgba(0,210,255,.35);\n\n box-shadow:\n 0 25px 65px rgba(0,0,0,.38),\n 0 0 30px rgba(0,210,255,.05);\n}\n\n.pm-feature:hover::before {\n transform: scale(1.5);\n}\n\n.pm-icon {\n width: 49px;\n height: 49px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 15px;\n\n margin-bottom: 21px;\n\n font-size: 22px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,210,255,.17),\n rgba(100,70,255,.15)\n );\n\n border: 1px solid rgba(255,255,255,.1);\n\n box-shadow:\n 0 0 25px rgba(0,210,255,.07);\n}\n\n.pm-feature h3 {\n margin: 0 0 9px;\n font-size: 19px;\n}\n\n.pm-feature p {\n margin: 0;\n color: #959eac;\n line-height: 1.65;\n font-size: 14px;\n}\n\n\n\/* =========================================\n ROAD READY SECTION\n========================================= *\/\n\n.pm-road {\n position: relative;\n padding: 65px 35px;\n margin-bottom: 70px;\n\n text-align: center;\n\n border-radius: 32px;\n\n border: 1px solid rgba(0,210,255,.14);\n\n background:\n radial-gradient(\n circle at center,\n rgba(0,210,255,.08),\n transparent 60%\n ),\n rgba(255,255,255,.025);\n\n overflow: hidden;\n}\n\n.pm-road-line {\n position: absolute;\n left: -10%;\n width: 120%;\n height: 1px;\n top: 50%;\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(0,210,255,.45),\n transparent\n );\n\n animation: pmScan 4s linear infinite;\n}\n\n.pm-road h2 {\n position: relative;\n z-index: 2;\n\n margin: 0 0 18px;\n\n font-size: clamp(35px, 6vw, 59px);\n letter-spacing: -2px;\n}\n\n.pm-road p {\n position: relative;\n z-index: 2;\n\n max-width: 690px;\n margin: auto;\n\n color: #a0a9b8;\n\n font-size: 17px;\n line-height: 1.8;\n}\n\n\n\/* =========================================\n FINAL CTA\n========================================= *\/\n\n.pm-final {\n text-align: center;\n padding-bottom: 15px;\n}\n\n.pm-final h2 {\n margin: 0 0 12px;\n\n font-size: clamp(29px, 5vw, 46px);\n letter-spacing: -1.5px;\n}\n\n.pm-final p {\n margin: 0;\n color: #8d96a5;\n}\n\n\n\/* =========================================\n ANIMATIONS\n========================================= *\/\n\n@keyframes pmFadeUp {\n\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n\n}\n\n@keyframes pmShine {\n\n to {\n background-position: 220% center;\n }\n\n}\n\n@keyframes pmPulse {\n\n 0%,100% {\n opacity: .45;\n transform: scale(.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.2);\n }\n\n}\n\n@keyframes pmGlow {\n\n from {\n transform: translate(0,0) scale(1);\n }\n\n to {\n transform: translate(60px,45px) scale(1.2);\n }\n\n}\n\n@keyframes pmFloat {\n\n 0%,100% {\n transform:\n perspective(700px)\n rotateX(58deg)\n rotateZ(-2deg)\n translateY(0);\n }\n\n 50% {\n transform:\n perspective(700px)\n rotateX(58deg)\n rotateZ(-2deg)\n translateY(-12px);\n }\n\n}\n\n@keyframes pmRing {\n\n 0%,100% {\n transform: scale(.85);\n opacity: .35;\n }\n\n 50% {\n transform: scale(1.08);\n opacity: 1;\n }\n\n}\n\n@keyframes pmParticle {\n\n 0% {\n transform: translateY(35px) scale(.5);\n opacity: 0;\n }\n\n 30% {\n opacity: 1;\n }\n\n 100% {\n transform: translateY(-55px) scale(1);\n opacity: 0;\n }\n\n}\n\n@keyframes pmScan {\n\n 0% {\n transform: translateY(-170px);\n opacity: 0;\n }\n\n 30% {\n opacity: 1;\n }\n\n 100% {\n transform: translateY(170px);\n opacity: 0;\n }\n\n}\n\n\n\/* =========================================\n 15W FAST CHARGING ANIMATIONS\n========================================= *\/\n\n@keyframes pmFastFloat {\n\n 0%,100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n\n}\n\n@keyframes pmFastGlow {\n\n from {\n box-shadow:\n 0 0 20px rgba(0,210,255,.08),\n inset 0 0 15px rgba(0,210,255,.03);\n }\n\n to {\n box-shadow:\n 0 0 35px rgba(0,210,255,.22),\n inset 0 0 25px rgba(0,210,255,.07);\n }\n\n}\n\n@keyframes pmFastSweep {\n\n 0% {\n left: -120%;\n }\n\n 45%,100% {\n left: 140%;\n }\n\n}\n\n@keyframes pmFastIcon {\n\n 0%,100% {\n transform: scale(1);\n filter: brightness(1);\n }\n\n 50% {\n transform: scale(1.18);\n filter: brightness(1.5);\n }\n\n}\n\n\n\/* =========================================\n MOBILE\n========================================= *\/\n\n@media (max-width: 700px) {\n\n .magnevo-powermat {\n padding: 60px 16px;\n }\n\n .pm-title {\n letter-spacing: -2.5px;\n }\n\n .pm-subtitle {\n font-size: 15px;\n }\n\n .pm-fast-charge {\n margin-top: 18px;\n padding: 10px 16px;\n font-size: 10px;\n letter-spacing: 1.5px;\n }\n\n .pm-visual {\n height: 210px;\n margin: 45px auto 55px;\n }\n\n .pm-mat {\n width: 310px;\n height: 100px;\n }\n\n .pm-ring {\n width: 110px;\n height: 110px;\n }\n\n .pm-intro {\n padding: 28px 22px;\n }\n\n .pm-features {\n grid-template-columns: 1fr;\n }\n\n .pm-feature {\n min-height: auto;\n }\n\n .pm-road {\n padding: 50px 22px;\n }\n\n .pm-road p {\n font-size: 15px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"magnevo-powermat\"\u003e\n\n \u003cdiv class=\"pm-container\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cdiv class=\"pm-hero\"\u003e\n\n \u003cdiv class=\"pm-badge\"\u003e\n \u003cspan class=\"pm-badge-dot\"\u003e\u003c\/span\u003e\n MagNevo Automotive\n \u003c\/div\u003e\n\n\n \u003c!-- 15W FAST CHARGING --\u003e\n\n \u003cdiv class=\"pm-fast-charge\"\u003e\n\n \u003cspan class=\"pm-fast-icon\"\u003e\n ⚡\n \u003c\/span\u003e\n\n \u003cspan class=\"pm-fast-text\"\u003e\n \u003cstrong\u003e15W\u003c\/strong\u003e Fast Charging\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch1 class=\"pm-title\"\u003e\n Your Car.\u003cbr\u003e\n Now a Charging Station.\n \u003c\/h1\u003e\n\n \u003cp class=\"pm-subtitle\"\u003e\n Meet the \u003cstrong\u003eMagNevo PowerMat™\u003c\/strong\u003e —\n a sleek wireless charging solution designed to keep\n your phone powered wherever the road takes you.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ANIMATED PRODUCT VISUAL --\u003e\n\n \u003cdiv class=\"pm-visual\"\u003e\n\n \u003cdiv class=\"pm-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pm-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pm-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pm-particle\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"pm-ring\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"pm-mat\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- INTRO --\u003e\n\n \u003cdiv class=\"pm-intro\"\u003e\n\n \u003ch2\u003eNo Cables. No Clutter. Just Power.\u003c\/h2\u003e\n\n \u003cp\u003e\n Say goodbye to tangled cords and low-battery anxiety on the road.\n The MagNevo PowerMat™ sits neatly on your dashboard or centre\n console, delivering convenient Qi wireless charging while you drive.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FEATURES --\u003e\n\n \u003cdiv class=\"pm-section-title\"\u003e\n\n \u003ch2\u003eBuilt for the Road.\u003c\/h2\u003e\n\n \u003cp\u003e\n Smart charging technology designed around your drive.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"pm-features\"\u003e\n\n \u003cdiv class=\"pm-feature\"\u003e\n\n \u003cdiv class=\"pm-icon\"\u003e🚗\u003c\/div\u003e\n\n \u003ch3\u003ePlug \u0026amp; Play USB Powered\u003c\/h3\u003e\n\n \u003cp\u003e\n Connect directly to your vehicle's USB port and\n start charging instantly.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"pm-feature\"\u003e\n\n \u003cdiv class=\"pm-icon\"\u003e📲\u003c\/div\u003e\n\n \u003ch3\u003eUniversal Qi Charging\u003c\/h3\u003e\n\n \u003cp\u003e\n Designed for smartphones and other devices that\n support Qi wireless charging.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"pm-feature\"\u003e\n\n \u003cdiv class=\"pm-icon\"\u003e⚡\u003c\/div\u003e\n\n \u003ch3\u003e15W Fast Charge Technology\u003c\/h3\u003e\n\n \u003cp\u003e\n Up to 15W wireless power delivery for compatible\n devices, keeping your phone powered while you're on the move.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"pm-feature\"\u003e\n\n \u003cdiv class=\"pm-icon\"\u003e🛡️\u003c\/div\u003e\n\n \u003ch3\u003eAnti-Slip Surface\u003c\/h3\u003e\n\n \u003cp\u003e\n A secure textured surface helps keep your phone\n in place through corners, bumps and everyday driving.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"pm-feature\"\u003e\n\n \u003cdiv class=\"pm-icon\"\u003e🌡️\u003c\/div\u003e\n\n \u003ch3\u003eSmart Heat Management\u003c\/h3\u003e\n\n \u003cp\u003e\n Designed for reliable continuous use while helping\n manage heat during charging.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"pm-feature\"\u003e\n\n \u003cdiv class=\"pm-icon\"\u003e📏\u003c\/div\u003e\n\n \u003ch3\u003eSlim \u0026amp; Compact\u003c\/h3\u003e\n\n \u003cp\u003e\n Minimalist dimensions allow the PowerMat™ to blend\n naturally into virtually any vehicle interior.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ROAD SECTION --\u003e\n\n \u003cdiv class=\"pm-road\"\u003e\n\n \u003cdiv class=\"pm-road-line\"\u003e\u003c\/div\u003e\n\n \u003ch2\u003ePower. Anywhere. Anytime.\u003c\/h2\u003e\n\n \u003cp\u003e\n Whether you're commuting, road-tripping, or running between\n meetings, the MagNevo PowerMat™ helps keep your device ready\n when you need it most.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL --\u003e\n\n \u003cdiv class=\"pm-final\"\u003e\n\n \u003ch2\u003ePlug In. Power Up. Drive On.\u003c\/h2\u003e\n\n \u003cp\u003e\n Less cable clutter. More freedom. More power for the journey.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n```\n","brand":"MagNevo","offers":[{"title":"Default Title","offer_id":52967691419959,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/1004\/8311\/files\/22340935-24d0-4acb-bf1c-c7a0d6ea3d63_3ba81747-a016-4253-9182-fa02b01a3217.png?v=1788949988"},{"product_id":"magnevo-chargegrip™-wireless-car-charger-phone-mount","title":"MagNevo ChargeGrip™ (Wireless Car Charger \u0026 Phone Mount - 15w Fast Charging)","description":"```html\n\u003cstyle\u003e\n\/* =====================================================\n MAGNEVO CHARGEGRIP™\n PREMIUM AUTOMOTIVE WIRELESS CHARGER\n===================================================== *\/\n\n.magnevo-chargegrip {\n position: relative;\n overflow: hidden;\n padding: 90px 20px;\n background:\n radial-gradient(circle at 15% 10%, rgba(0, 220, 255, .12), transparent 30%),\n radial-gradient(circle at 90% 85%, rgba(100, 60, 255, .13), transparent 32%),\n #05070b;\n color: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n}\n\n\/* Ambient background *\/\n\n.magnevo-chargegrip::before {\n content: \"\";\n position: absolute;\n width: 600px;\n height: 600px;\n left: -350px;\n top: -250px;\n border-radius: 50%;\n background: rgba(0, 210, 255, .13);\n filter: blur(130px);\n animation: cgAmbient 9s ease-in-out infinite alternate;\n pointer-events: none;\n}\n\n.magnevo-chargegrip::after {\n content: \"\";\n position: absolute;\n width: 550px;\n height: 550px;\n right: -350px;\n bottom: -300px;\n border-radius: 50%;\n background: rgba(95, 65, 255, .13);\n filter: blur(130px);\n animation: cgAmbient 11s ease-in-out infinite alternate-reverse;\n pointer-events: none;\n}\n\n.cg-container {\n max-width: 1120px;\n margin: auto;\n position: relative;\n z-index: 2;\n}\n\n\n\/* =====================================================\n HERO\n===================================================== *\/\n\n.cg-hero {\n text-align: center;\n animation: cgFadeUp 1s ease both;\n}\n\n.cg-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n padding: 9px 17px;\n border-radius: 50px;\n border: 1px solid rgba(255,255,255,.12);\n background: rgba(255,255,255,.035);\n backdrop-filter: blur(15px);\n color: #aaf3ff;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n box-shadow:\n 0 0 35px rgba(0,210,255,.08);\n}\n\n.cg-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #00dcff;\n box-shadow:\n 0 0 7px #00dcff,\n 0 0 18px #00dcff;\n animation: cgPulse 2s infinite;\n}\n\n\n\/* =====================================================\n 15W FAST CHARGING PREMIUM BADGE\n===================================================== *\/\n\n.cg-fast-charge {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n\n margin-top: 22px;\n padding: 11px 20px;\n\n border-radius: 50px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,220,255,.12),\n rgba(100,70,255,.12)\n );\n\n border: 1px solid rgba(0,220,255,.32);\n\n color: #d9fbff;\n\n font-size: 12px;\n font-weight: 800;\n\n letter-spacing: 2px;\n text-transform: uppercase;\n\n box-shadow:\n 0 0 25px rgba(0,220,255,.10),\n inset 0 0 20px rgba(0,220,255,.04);\n\n backdrop-filter: blur(18px);\n\n overflow: hidden;\n\n animation:\n cgFastChargeFloat 3s ease-in-out infinite,\n cgFastChargeGlow 2.5s ease-in-out infinite alternate;\n}\n\n\/* Animated light sweep *\/\n\n.cg-fast-charge::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -120%;\n\n width: 80%;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.28),\n transparent\n );\n\n transform: skewX(-20deg);\n\n animation: cgChargeSweep 3.2s ease-in-out infinite;\n\n pointer-events: none;\n}\n\n\/* Small charging icon *\/\n\n.cg-fast-icon {\n position: relative;\n z-index: 2;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 24px;\n height: 24px;\n\n border-radius: 50%;\n\n background:\n rgba(0,220,255,.14);\n\n color: #00dcff;\n\n font-size: 14px;\n\n text-shadow:\n 0 0 12px #00dcff;\n\n animation: cgFastIcon 1.8s ease-in-out infinite;\n}\n\n.cg-fast-text {\n position: relative;\n z-index: 2;\n}\n\n.cg-fast-text strong {\n color: #ffffff;\n\n text-shadow:\n 0 0 15px rgba(0,220,255,.55);\n}\n\n\n\/* =====================================================\n HERO TITLE\n===================================================== *\/\n\n.cg-title {\n margin: 28px auto 20px;\n\n max-width: 900px;\n\n font-size: clamp(45px, 7vw, 82px);\n\n line-height: .96;\n\n letter-spacing: -4px;\n\n font-weight: 850;\n\n background:\n linear-gradient(\n 110deg,\n #ffffff 20%,\n #b9f6ff 43%,\n #ffffff 62%\n );\n\n background-size: 220% auto;\n\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n animation: cgShine 5s linear infinite;\n}\n\n.cg-subtitle {\n max-width: 720px;\n\n margin: auto;\n\n color: #9da7b6;\n\n font-size: 18px;\n\n line-height: 1.75;\n}\n\n\n\/* =====================================================\n ANIMATED CHARGER VISUAL\n===================================================== *\/\n\n.cg-visual {\n position: relative;\n\n height: 390px;\n\n max-width: 800px;\n\n margin: 55px auto 75px;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n}\n\n\n\/* Charger body *\/\n\n.cg-device {\n position: relative;\n\n width: 170px;\n height: 210px;\n\n border-radius: 32px;\n\n background:\n linear-gradient(\n 145deg,\n #1c2029,\n #080a0f 65%\n );\n\n border: 1px solid rgba(255,255,255,.15);\n\n box-shadow:\n 0 40px 70px rgba(0,0,0,.65),\n inset 0 1px 0 rgba(255,255,255,.10),\n 0 0 55px rgba(0,210,255,.09);\n\n transform:\n perspective(800px)\n rotateY(-14deg)\n rotateX(5deg);\n\n animation: cgFloat 4s ease-in-out infinite;\n}\n\n\n\/* Device highlight *\/\n\n.cg-device::before {\n content: \"\";\n\n position: absolute;\n\n left: 12px;\n right: 12px;\n top: 12px;\n\n height: 55px;\n\n border-radius: 22px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,.09),\n transparent\n );\n}\n\n\n\/* Charging coil *\/\n\n.cg-coil {\n position: absolute;\n\n width: 95px;\n height: 95px;\n\n left: 50%;\n top: 50%;\n\n transform: translate(-50%,-50%);\n\n border-radius: 50%;\n\n border: 1px solid rgba(0,220,255,.55);\n\n box-shadow:\n 0 0 20px rgba(0,220,255,.25),\n inset 0 0 20px rgba(0,220,255,.08);\n\n animation: cgCoil 2.6s ease-in-out infinite;\n}\n\n.cg-coil::before {\n content: \"\";\n\n position: absolute;\n\n inset: 13px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(0,220,255,.28);\n}\n\n.cg-coil::after {\n content: \"\";\n\n position: absolute;\n\n inset: 29px;\n\n border-radius: 50%;\n\n border: 2px solid rgba(0,220,255,.65);\n\n box-shadow:\n 0 0 15px rgba(0,220,255,.45);\n}\n\n\n\/* Center power symbol *\/\n\n.cg-power {\n position: absolute;\n\n left: 50%;\n top: 50%;\n\n transform: translate(-50%,-50%);\n\n font-size: 24px;\n\n color: #baf7ff;\n\n text-shadow:\n 0 0 15px rgba(0,220,255,.9);\n\n animation: cgPower 2s infinite;\n}\n\n\n\/* Charging waves *\/\n\n.cg-wave {\n position: absolute;\n\n width: 100px;\n height: 100px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(0,220,255,.45);\n\n animation: cgWave 3s ease-out infinite;\n}\n\n.cg-wave:nth-child(1) {\n animation-delay: 0s;\n}\n\n.cg-wave:nth-child(2) {\n animation-delay: 1s;\n}\n\n.cg-wave:nth-child(3) {\n animation-delay: 2s;\n}\n\n\n\/* Floating particles *\/\n\n.cg-particle {\n position: absolute;\n\n width: 5px;\n height: 5px;\n\n border-radius: 50%;\n\n background: #00dcff;\n\n box-shadow:\n 0 0 15px #00dcff;\n\n animation:\n cgParticle 4s linear infinite;\n}\n\n.cg-particle:nth-child(4) {\n left: 25%;\n top: 55%;\n animation-delay: .5s;\n}\n\n.cg-particle:nth-child(5) {\n right: 24%;\n top: 45%;\n animation-delay: 1.2s;\n}\n\n.cg-particle:nth-child(6) {\n left: 35%;\n top: 25%;\n animation-delay: 2s;\n}\n\n.cg-particle:nth-child(7) {\n right: 35%;\n bottom: 25%;\n animation-delay: 2.7s;\n}\n\n\n\/* =====================================================\n INTRO\n===================================================== *\/\n\n.cg-intro {\n padding: 42px;\n\n margin-bottom: 75px;\n\n border-radius: 28px;\n\n border: 1px solid rgba(255,255,255,.09);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.07),\n rgba(255,255,255,.025)\n );\n\n backdrop-filter: blur(18px);\n\n box-shadow:\n 0 30px 80px rgba(0,0,0,.38),\n inset 0 1px 0 rgba(255,255,255,.07);\n\n animation:\n cgFadeUp 1s .2s ease both;\n}\n\n.cg-intro h2 {\n margin: 0 0 15px;\n\n font-size: 31px;\n\n letter-spacing: -1px;\n}\n\n.cg-intro p {\n margin: 0;\n\n color: #a3acba;\n\n font-size: 16px;\n\n line-height: 1.8;\n}\n\n\n\/* =====================================================\n SECTION TITLE\n===================================================== *\/\n\n.cg-section-title {\n text-align: center;\n\n margin-bottom: 38px;\n}\n\n.cg-section-title h2 {\n margin: 0 0 12px;\n\n font-size: clamp(31px, 5vw, 49px);\n\n letter-spacing: -2px;\n}\n\n.cg-section-title p {\n margin: 0;\n\n color: #8e98a8;\n}\n\n\n\/* =====================================================\n FEATURE GRID\n===================================================== *\/\n\n.cg-features {\n display: grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap: 18px;\n\n margin-bottom: 75px;\n}\n\n.cg-feature {\n position: relative;\n\n min-height: 190px;\n\n padding: 30px;\n\n border-radius: 25px;\n\n border: 1px solid rgba(255,255,255,.08);\n\n background:\n rgba(255,255,255,.035);\n\n backdrop-filter: blur(14px);\n\n overflow: hidden;\n\n transition:\n transform .45s ease,\n border-color .45s ease,\n box-shadow .45s ease;\n}\n\n.cg-feature::before {\n content: \"\";\n\n position: absolute;\n\n width: 220px;\n height: 220px;\n\n right: -120px;\n top: -130px;\n\n border-radius: 50%;\n\n background:\n rgba(0,210,255,.08);\n\n filter: blur(50px);\n\n transition: .5s ease;\n}\n\n.cg-feature:hover {\n transform: translateY(-9px);\n\n border-color:\n rgba(0,220,255,.38);\n\n box-shadow:\n 0 25px 65px rgba(0,0,0,.4),\n 0 0 35px rgba(0,210,255,.05);\n}\n\n.cg-feature:hover::before {\n transform: scale(1.5);\n}\n\n\n\/* Icons *\/\n\n.cg-icon {\n width: 49px;\n height: 49px;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n border-radius: 15px;\n\n margin-bottom: 21px;\n\n font-size: 22px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(0,210,255,.17),\n rgba(100,70,255,.15)\n );\n\n border:\n 1px solid rgba(255,255,255,.10);\n\n box-shadow:\n 0 0 25px rgba(0,210,255,.07);\n\n transition:\n transform .4s ease,\n box-shadow .4s ease;\n}\n\n.cg-feature:hover .cg-icon {\n transform:\n rotate(-5deg)\n scale(1.08);\n\n box-shadow:\n 0 0 30px rgba(0,210,255,.18);\n}\n\n.cg-feature h3 {\n margin: 0 0 9px;\n\n font-size: 19px;\n}\n\n.cg-feature p {\n margin: 0;\n\n color: #959eac;\n\n font-size: 14px;\n\n line-height: 1.65;\n}\n\n\n\/* =====================================================\n ROAD SECTION\n===================================================== *\/\n\n.cg-road {\n position: relative;\n\n padding: 65px 35px;\n\n margin-bottom: 70px;\n\n text-align: center;\n\n border-radius: 32px;\n\n border:\n 1px solid rgba(0,210,255,.15);\n\n background:\n radial-gradient(\n circle at center,\n rgba(0,210,255,.09),\n transparent 60%\n ),\n rgba(255,255,255,.025);\n\n overflow: hidden;\n}\n\n.cg-road::before {\n content: \"\";\n\n position: absolute;\n\n width: 100%;\n height: 1px;\n\n left: 0;\n top: 50%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(0,220,255,.45),\n transparent\n );\n\n animation:\n cgScan 4s linear infinite;\n}\n\n.cg-road h2 {\n position: relative;\n\n z-index: 2;\n\n margin: 0 0 18px;\n\n font-size:\n clamp(35px, 6vw, 59px);\n\n letter-spacing: -2px;\n}\n\n.cg-road p {\n position: relative;\n\n z-index: 2;\n\n max-width: 690px;\n\n margin: auto;\n\n color: #a0a9b8;\n\n font-size: 17px;\n\n line-height: 1.8;\n}\n\n\n\/* =====================================================\n FINAL CTA\n===================================================== *\/\n\n.cg-final {\n text-align: center;\n\n padding-bottom: 15px;\n}\n\n.cg-final h2 {\n margin: 0 0 12px;\n\n font-size:\n clamp(30px, 5vw, 47px);\n\n letter-spacing: -1.5px;\n}\n\n.cg-final p {\n margin: 0;\n\n color: #8d96a5;\n}\n\n\n\/* =====================================================\n ANIMATIONS\n===================================================== *\/\n\n@keyframes cgFadeUp {\n\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n\n}\n\n@keyframes cgShine {\n\n to {\n background-position: 220% center;\n }\n\n}\n\n@keyframes cgPulse {\n\n 0%,100% {\n opacity: .45;\n transform: scale(.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.2);\n }\n\n}\n\n@keyframes cgAmbient {\n\n from {\n transform: translate(0,0) scale(1);\n }\n\n to {\n transform: translate(60px,50px) scale(1.2);\n }\n\n}\n\n@keyframes cgFloat {\n\n 0%,100% {\n transform:\n perspective(800px)\n rotateY(-14deg)\n rotateX(5deg)\n translateY(0);\n }\n\n 50% {\n transform:\n perspective(800px)\n rotateY(-14deg)\n rotateX(5deg)\n translateY(-14px);\n }\n\n}\n\n@keyframes cgCoil {\n\n 0%,100% {\n transform:\n translate(-50%,-50%)\n scale(.9);\n\n opacity: .5;\n }\n\n 50% {\n transform:\n translate(-50%,-50%)\n scale(1.08);\n\n opacity: 1;\n }\n\n}\n\n@keyframes cgPower {\n\n 0%,100% {\n opacity: .6;\n transform:\n translate(-50%,-50%)\n scale(.9);\n }\n\n 50% {\n opacity: 1;\n transform:\n translate(-50%,-50%)\n scale(1.12);\n }\n\n}\n\n@keyframes cgWave {\n\n 0% {\n transform: scale(.4);\n opacity: .8;\n }\n\n 100% {\n transform: scale(2.5);\n opacity: 0;\n }\n\n}\n\n@keyframes cgParticle {\n\n 0% {\n transform:\n translateY(40px)\n scale(.4);\n\n opacity: 0;\n }\n\n 25% {\n opacity: 1;\n }\n\n 100% {\n transform:\n translateY(-80px)\n scale(1);\n\n opacity: 0;\n }\n\n}\n\n@keyframes cgScan {\n\n 0% {\n transform: translateY(-180px);\n opacity: 0;\n }\n\n 30% {\n opacity: 1;\n }\n\n 100% {\n transform: translateY(180px);\n opacity: 0;\n }\n\n}\n\n\n\/* =====================================================\n 15W FAST CHARGING ANIMATIONS\n===================================================== *\/\n\n@keyframes cgFastChargeFloat {\n\n 0%,100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n\n}\n\n@keyframes cgFastChargeGlow {\n\n from {\n box-shadow:\n 0 0 20px rgba(0,220,255,.08),\n inset 0 0 15px rgba(0,220,255,.03);\n }\n\n to {\n box-shadow:\n 0 0 35px rgba(0,220,255,.22),\n inset 0 0 25px rgba(0,220,255,.07);\n }\n\n}\n\n@keyframes cgChargeSweep {\n\n 0% {\n left: -120%;\n }\n\n 45%,100% {\n left: 140%;\n }\n\n}\n\n@keyframes cgFastIcon {\n\n 0%,100% {\n transform: scale(1);\n filter: brightness(1);\n }\n\n 50% {\n transform: scale(1.18);\n filter: brightness(1.5);\n }\n\n}\n\n\n\/* =====================================================\n MOBILE\n===================================================== *\/\n\n@media (max-width: 700px) {\n\n .magnevo-chargegrip {\n padding: 60px 16px;\n }\n\n .cg-title {\n letter-spacing: -2.5px;\n }\n\n .cg-subtitle {\n font-size: 15px;\n }\n\n .cg-fast-charge {\n margin-top: 18px;\n padding: 10px 16px;\n font-size: 10px;\n letter-spacing: 1.5px;\n }\n\n .cg-visual {\n height: 330px;\n margin: 40px auto 50px;\n }\n\n .cg-device {\n width: 140px;\n height: 180px;\n }\n\n .cg-coil {\n width: 78px;\n height: 78px;\n }\n\n .cg-intro {\n padding: 28px 22px;\n }\n\n .cg-features {\n grid-template-columns: 1fr;\n }\n\n .cg-feature {\n min-height: auto;\n }\n\n .cg-road {\n padding: 50px 22px;\n }\n\n .cg-road p {\n font-size: 15px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"magnevo-chargegrip\"\u003e\n\n \u003cdiv class=\"cg-container\"\u003e\n\n\n \u003c!-- =========================================\n HERO\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-hero\"\u003e\n\n \u003cdiv class=\"cg-badge\"\u003e\n \u003cspan class=\"cg-dot\"\u003e\u003c\/span\u003e\n MagNevo Automotive\n \u003c\/div\u003e\n\n\n \u003c!-- 15W FAST CHARGING --\u003e\n\n \u003cdiv class=\"cg-fast-charge\"\u003e\n\n \u003cspan class=\"cg-fast-icon\"\u003e\n ⚡\n \u003c\/span\u003e\n\n \u003cspan class=\"cg-fast-text\"\u003e\n \u003cstrong\u003e15W\u003c\/strong\u003e Fast Charging\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003ch1 class=\"cg-title\"\u003e\n Mount It.\u003cbr\u003e\n Charge It.\u003cbr\u003e\n Drive.\n \u003c\/h1\u003e\n\n \u003cp class=\"cg-subtitle\"\u003e\n Meet the \u003cstrong\u003eMagNevo ChargeGrip™\u003c\/strong\u003e —\n a precision wireless charger and phone mount engineered\n to keep your device secure, visible and powered on every drive.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================================\n ANIMATED CHARGER\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-visual\"\u003e\n\n \u003cdiv class=\"cg-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cg-wave\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cg-wave\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cg-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cg-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cg-particle\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cg-particle\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cg-device\"\u003e\n\n \u003cdiv class=\"cg-coil\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"cg-power\"\u003e\n ⚡\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================================\n INTRO\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-intro\"\u003e\n\n \u003ch2\u003e\n One Click. Full Control.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n The auto-grip mechanism securely holds your device the moment\n it makes contact, while the built-in Qi charging pad gets to work.\n Keep your phone visible, stable and powered while you navigate,\n commute or cruise the open road.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================================\n SECTION TITLE\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-section-title\"\u003e\n\n \u003ch2\u003e\n Precision Built for the Road.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Smart technology. Secure grip. Effortless charging.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================================\n FEATURE GRID\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-features\"\u003e\n\n\n \u003cdiv class=\"cg-feature\"\u003e\n\n \u003cdiv class=\"cg-icon\"\u003e\n ⚡\n \u003c\/div\u003e\n\n \u003ch3\u003e\n 15W Fast Wireless Qi Charging\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Up to 15W wireless charging for compatible devices,\n keeping your phone powered throughout the journey.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cg-feature\"\u003e\n\n \u003cdiv class=\"cg-icon\"\u003e\n 📱\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Auto-Clamping Mount\n \u003c\/h3\u003e\n\n \u003cp\u003e\n One-handed operation with an automatic grip that\n securely holds your phone in place.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cg-feature\"\u003e\n\n \u003cdiv class=\"cg-icon\"\u003e\n 🔧\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Universal Air Vent Clip\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed to fit virtually all standard vehicle\n air vents for quick and convenient installation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cg-feature\"\u003e\n\n \u003cdiv class=\"cg-icon\"\u003e\n 🔄\n \u003c\/div\u003e\n\n \u003ch3\u003e\n 360° Rotation\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Easily switch between portrait and landscape\n orientation for navigation, calls and media.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cg-feature\"\u003e\n\n \u003cdiv class=\"cg-icon\"\u003e\n 🛡️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Case Friendly\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed to charge through most phone cases\n up to approximately 3mm thick.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"cg-feature\"\u003e\n\n \u003cdiv class=\"cg-icon\"\u003e\n 🌡️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Intelligent Heat Dissipation\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Optimised airflow helps manage heat during\n continuous wireless charging on longer drives.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================================\n ROAD SECTION\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-road\"\u003e\n\n \u003ch2\u003e\n Power. Anywhere. Anytime.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Whether you're navigating rush hour, heading to work or\n cruising the open road, the MagNevo ChargeGrip™ keeps your\n phone right where you need it — secure, visible and powered.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =========================================\n FINAL CTA\n ========================================== --\u003e\n\n \u003cdiv class=\"cg-final\"\u003e\n\n \u003ch2\u003e\n Grip It. Charge It. Own the Road.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Upgrade your dashboard with smarter charging technology.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n```\n","brand":"MagNevo","offers":[{"title":"Default Title","offer_id":52967694598455,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/1004\/8311\/files\/image2_94ab3523-d23a-4af6-8913-42f988d8289c.jpg?v=1788950343"}],"url":"https:\/\/magnevo.co.za\/collections\/magnevo-all-in-one.oembed","provider":"MagNevo","version":"1.0","type":"link"}