{"product_id":"motionfit-versa-mat™","title":"MotionFit Versa Mat™","description":"\u003cstyle\u003e\n:root{\n--bg:#0f0f0f;\n--card:#181818;\n--primary:#B8925A;\n--primary2:#D8C09A;\n--accent:#6C8C5D;\n--text:#F8F8F8;\n--muted:#BEBEBE;\n--border:rgba(216,192,154,.18);\n}\n\n.motionfit{\nmax-width:100%;\nmargin:auto;\npadding:16px;\nfont-family:Inter,Arial,sans-serif;\ncolor:var(--text);\n}\n\n.motionfit *{\nbox-sizing:border-box;\n}\n\n.motionfit .hero{\nposition:relative;\noverflow:hidden;\npadding:26px 20px;\nborder-radius:22px;\nbackground:\nradial-gradient(circle at top right,rgba(184,146,90,.18),transparent 35%),\nradial-gradient(circle at bottom left,rgba(108,140,93,.18),transparent 40%),\nlinear-gradient(135deg,#121212,#1b1b1b);\nborder:1px solid var(--border);\nanimation:fadeUp .8s ease;\n}\n\n.motionfit .hero:before{\ncontent:\"\";\nposition:absolute;\ntop:-90px;\nright:-90px;\nwidth:180px;\nheight:180px;\nbackground:rgba(184,146,90,.08);\nborder-radius:50%;\nfilter:blur(25px);\nanimation:float 7s ease-in-out infinite;\n}\n\n.motionfit .tag{\ndisplay:inline-block;\npadding:7px 14px;\nborder-radius:30px;\nbackground:rgba(184,146,90,.12);\nborder:1px solid rgba(184,146,90,.28);\nfont-size:11px;\nfont-weight:700;\nletter-spacing:.8px;\nmargin-bottom:14px;\ntext-transform:uppercase;\n}\n\n.motionfit h1{\nfont-size:30px;\nline-height:1.1;\nfont-weight:900;\nmargin:0;\nletter-spacing:-.5px;\n}\n\n.motionfit .gold{\nbackground:linear-gradient(90deg,var(--primary),var(--primary2));\n-webkit-background-clip:text;\n-webkit-text-fill-color:transparent;\n}\n\n.motionfit p{\nmargin-top:16px;\nfont-size:15px;\nline-height:1.7;\ncolor:var(--muted);\n}\n\n.motionfit .highlight{\ncolor:#fff;\nfont-weight:700;\n}\n\n.motionfit .grid{\ndisplay:grid;\ngrid-template-columns:1fr;\ngap:14px;\nmargin-top:22px;\n}\n\n.motionfit .card{\nbackground:rgba(255,255,255,.03);\nborder:1px solid var(--border);\npadding:18px;\nborder-radius:18px;\ntransition:.35s;\nbackdrop-filter:blur(10px);\nanimation:fadeUp .8s ease;\n}\n\n.motionfit .card:hover{\ntransform:translateY(-5px);\nborder-color:rgba(184,146,90,.45);\nbox-shadow:0 14px 30px rgba(0,0,0,.35);\n}\n\n.motionfit .icon{\nfont-size:28px;\nmargin-bottom:10px;\ndisplay:inline-block;\nanimation:bounce 4s infinite;\n}\n\n.motionfit h3{\nmargin:0 0 8px;\nfont-size:18px;\nfont-weight:800;\n}\n\n.motionfit .card p{\nmargin:0;\nfont-size:14px;\nline-height:1.6;\n}\n\n.motionfit .features{\nmargin-top:24px;\nbackground:#171717;\nborder-radius:20px;\npadding:22px;\nborder:1px solid var(--border);\n}\n\n.motionfit .features h2{\nfont-size:24px;\nmargin:0 0 18px;\n}\n\n.motionfit ul{\nlist-style:none;\npadding:0;\nmargin:0;\ndisplay:grid;\ngrid-template-columns:1fr;\ngap:10px;\n}\n\n.motionfit li{\nbackground:rgba(255,255,255,.03);\npadding:14px;\nborder-radius:12px;\nborder:1px solid rgba(255,255,255,.05);\nfont-size:14px;\nline-height:1.5;\ntransition:.3s;\n}\n\n.motionfit li:hover{\nborder-color:rgba(184,146,90,.35);\ntransform:translateX(3px);\n}\n\n.motionfit .cta{\nmargin-top:24px;\ntext-align:center;\npadding:24px 20px;\nborder-radius:20px;\nbackground:linear-gradient(135deg,#181818,#101010);\nborder:1px solid var(--border);\n}\n\n.motionfit .cta h2{\nfont-size:26px;\nmargin:0;\n}\n\n.motionfit .cta p{\nmargin:14px auto;\nfont-size:15px;\nline-height:1.7;\n}\n\n.motionfit .button{\ndisplay:block;\nwidth:100%;\nmax-width:320px;\nmargin:18px auto 0;\npadding:15px 20px;\nborder-radius:50px;\nbackground:linear-gradient(90deg,var(--primary),var(--primary2));\ncolor:#111;\nfont-weight:900;\ntext-decoration:none;\nfont-size:15px;\ntext-align:center;\ntransition:.3s;\nbox-shadow:0 10px 28px rgba(184,146,90,.28);\n}\n\n.motionfit .button:hover{\ntransform:scale(1.03);\nbox-shadow:0 16px 38px rgba(184,146,90,.4);\n}\n\n@keyframes fadeUp{\nfrom{\nopacity:0;\ntransform:translateY(30px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@keyframes float{\n50%{\ntransform:translateY(15px);\n}\n}\n\n@keyframes bounce{\n50%{\ntransform:translateY(-5px);\n}\n}\n\n\/* Desktop *\/\n\n@media(min-width:768px){\n\n.motionfit{\npadding:28px;\nmax-width:1050px;\n}\n\n.motionfit .hero{\npadding:42px 36px;\n}\n\n.motionfit h1{\nfont-size:48px;\n}\n\n.motionfit p{\nfont-size:18px;\nmax-width:720px;\n}\n\n.motionfit .grid{\ngrid-template-columns:repeat(3,1fr);\ngap:18px;\nmargin-top:35px;\n}\n\n.motionfit .card{\npadding:24px;\n}\n\n.motionfit .features{\npadding:34px;\n}\n\n.motionfit ul{\ngrid-template-columns:repeat(2,1fr);\ngap:14px;\n}\n\n.motionfit .features h2{\nfont-size:32px;\n}\n\n.motionfit .cta{\npadding:35px;\n}\n\n.motionfit .cta h2{\nfont-size:34px;\n}\n\n.motionfit .button{\ndisplay:inline-block;\nwidth:auto;\npadding:16px 34px;\n}\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"motionfit\"\u003e\n\n\u003cdiv class=\"hero\"\u003e\n\n\u003cdiv class=\"tag\"\u003e🌿 Premium Outdoor • Fitness • Lifestyle\u003c\/div\u003e\n\n\u003ch1\u003eTrain Anywhere.\u003cbr\u003e\u003cspan class=\"gold\"\u003ePerform Everywhere.\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp\u003e\nMeet the \u003cspan class=\"highlight\"\u003eMotionFit Versa Mat™\u003c\/span\u003e — the premium all-in-one mat built for fitness, yoga, stretching, camping and outdoor adventures. Experience superior comfort, reliable grip and lasting durability wherever life takes you.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid\"\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"icon\"\u003e🏕️\u003c\/div\u003e\n\u003ch3\u003eOutdoor Ready\u003c\/h3\u003e\n\u003cp\u003eBuilt for camping, parks, beaches and every adventure.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eWorkout Performance\u003c\/h3\u003e\n\u003cp\u003ePerfect for yoga, HIIT, strength training and stretching.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"icon\"\u003e🎒\u003c\/div\u003e\n\u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n\u003cp\u003eLightweight, foldable and easy to carry anywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"features\"\u003e\n\n\u003ch2\u003e✨ Why You'll Love It\u003c\/h2\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e✔ Premium anti-slip surface.\u003c\/li\u003e\n\u003cli\u003e✔ Thick cushioning for joint comfort.\u003c\/li\u003e\n\u003cli\u003e✔ Waterproof \u0026amp; easy to clean.\u003c\/li\u003e\n\u003cli\u003e✔ Durable everyday construction.\u003c\/li\u003e\n\u003cli\u003e✔ Lightweight \u0026amp; portable.\u003c\/li\u003e\n\u003cli\u003e✔ Indoor \u0026amp; outdoor ready.\u003c\/li\u003e\n\u003cli\u003e✔ Elegant premium black finish.\u003c\/li\u003e\n\u003cli\u003e✔ Fitness, yoga, camping \u0026amp; more.\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cta\"\u003e\n\n\u003ch2\u003eUpgrade Every Workout.\u003c\/h2\u003e\n\n\u003cp\u003e\nWhether you're training at home, enjoying nature or preparing for your next adventure, \u003cstrong\u003eMotionFit Versa Mat™\u003c\/strong\u003e gives you the comfort, grip and confidence to perform at your best.\n\u003c\/p\u003e\n\n\u003ca href=\"#\" class=\"button\"\u003eShop MotionFit Versa Mat™\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"motionfit","offers":[{"title":"Default Title","offer_id":53572497441133,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1013\/6843\/0957\/files\/ChatGPT_Image_Jul_17_2026_06_12_27_PM.png?v=1784314029","url":"https:\/\/motionfit.co.za\/products\/motionfit-versa-mat%e2%84%a2","provider":"motionfit","version":"1.0","type":"link"}