{"product_id":"activeease™-handsfree-gym-bag-promagnetic-gym-bag","title":"ActiveEase™ HandsFree Gym Bag Pro(Magnetic Gym Bag)","description":"\u003cstyle\u003e\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { background: linear-gradient(180deg, #131416, #1B1C1E); padding: 14px; font-family: Inter, Arial, sans-serif; }\n:root { --gold: #E6D0A3; --gold2: #BD9860; --text: #F7F8FA; --muted: #D5D9E0; }\n.hero { max-width: 420px; margin: auto; padding: 18px; border-radius: 32px; overflow: hidden; position: relative; background: linear-gradient(180deg, #212326, #2A2D31); box-shadow: 0 40px 100px rgba(0,0,0,.45); }\n.hero:before { content: ''; position: absolute; right: -220px; top: -220px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(230,208,163,.18), transparent 72%); animation: ambient 12s infinite; }\n@keyframes ambient { 50% { transform: translateY(40px); } }\n.badge { display: inline-block; padding: 10px 16px; border-radius: 999px; background: rgba(230,208,163,.10); border: 1px solid rgba(230,208,163,.22); color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: 1.4px; }\nh1 { margin-top: 18px; font-size: 38px; line-height: 1.05; font-weight: 900; }\n.gold { background: linear-gradient(90deg, #FFF8E6, #E6D0A3, #BD9860); -webkit-background-clip: text; color: transparent; }\n.subtitle { margin-top: 14px; font-size: 22px; line-height: 1.35; font-weight: 700; color: var(--text); }\n.desc { margin-top: 16px; font-size: 15px; line-height: 1.8; color: var(--muted); }\n.benefits { margin-top: 28px; display: grid; gap: 12px; }\n.benefit { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.05); cursor: pointer; }\n.benefit.active { border-color: rgba(230,208,163,.30); }\n.head { padding: 18px; display: flex; justify-content: space-between; align-items: center; }\n.left { display: flex; gap: 14px; align-items: center; }\n.left strong { color: white; font-size: 15px; }\n.arrow { color: var(--gold); font-size: 18px; transition: .3s; }\n.benefit.active .arrow { transform: rotate(180deg); }\n.content { max-height: 0; overflow: hidden; transition: .45s; }\n.content p { padding: 0 18px 20px; line-height: 1.7; font-size: 14px; color: var(--muted); }\n.benefit.active .content { max-height: 170px; }\n.cta { margin-top: 26px; height: 58px; display: flex; justify-content: center; align-items: center; border-radius: 999px; text-decoration: none; font-size: 17px; font-weight: 900; color: #171717; background: linear-gradient(90deg, #FAE6BE, #DAB77B, #C39859); }\n.stats { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: stretch; }\n.stat { background: rgba(255,255,255,.05); border-radius: 18px; padding: 16px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 92px; text-align: center; }\n.stat strong { display: flex; align-items: center; justify-content: center; min-height: 36px; font-size: 16px; line-height: 1.2; color: var(--gold); text-align: center; }\n.stat span { margin-top: 6px; font-size: 12px; line-height: 1.2; color: #F0F2F4; text-align: center; }\n.include { margin-top: 28px; padding: 22px; border-radius: 22px; background: rgba(255,255,255,.05); }\n.include h3 { color: white; margin-bottom: 14px; }\n.include ul { list-style: none; }\n.include li { padding: 10px 0; line-height: 1.7; color: var(--muted); }\n.include li:before { content: \"✓ \"; color: var(--gold); }\n.buy { margin-top: 18px; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 999px; font-weight: 900; text-decoration: none; background: linear-gradient(90deg, #FAE6BE, #DAB77B); color: #171717; }\n\u003c\/style\u003e\n\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"badge\"\u003ePREMIUM PERFORMANCE • ACTIVEEASE™\u003c\/div\u003e\n  \u003ch1\u003e\u003cspan class=\"gold\"\u003eActiveEase™ HandsFree Gym Bag Pro\u003c\/span\u003e\u003c\/h1\u003e\n  \u003cp class=\"subtitle\"\u003eTrain Without Limits.\u003cbr\u003eCarry Without Compromise.\u003c\/p\u003e\n  \u003cp class=\"desc\"\u003eKeep your essentials elevated, organized and within reach without interrupting your workout. Tap each feature to explore.\u003c\/p\u003e\n  \u003cdiv class=\"benefits\"\u003e\n    \u003cdiv class=\"benefit active\"\u003e\n      \u003cdiv class=\"head\"\u003e\n        \u003cdiv class=\"left\"\u003e\n\u003cdiv\u003e🧲\u003c\/div\u003e\n\u003cstrong\u003eMagnetic Mount\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"content\"\u003e\u003cp\u003eAttaches to compatible gym equipment so your essentials stay accessible and off the floor.\u003c\/p\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit\"\u003e\n      \u003cdiv class=\"head\"\u003e\n        \u003cdiv class=\"left\"\u003e\n\u003cdiv\u003e🏋️\u003c\/div\u003e\n\u003cstrong\u003eStay Focused\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"content\"\u003e\u003cp\u003eSpend less time reaching for gear and more time moving through your workout.\u003c\/p\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit\"\u003e\n      \u003cdiv class=\"head\"\u003e\n        \u003cdiv class=\"left\"\u003e\n\u003cdiv\u003e💧\u003c\/div\u003e\n\u003cstrong\u003ePremium Durability\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"content\"\u003e\u003cp\u003eWater-resistant construction designed for everyday training.\u003c\/p\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"benefit\"\u003e\n      \u003cdiv class=\"head\"\u003e\n        \u003cdiv class=\"left\"\u003e\n\u003cdiv\u003e🎒\u003c\/div\u003e\n\u003cstrong\u003eOrganized Carry\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"arrow\"\u003e⌄\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"content\"\u003e\u003cp\u003eFits bottles, phone, cards, keys and daily essentials.\u003c\/p\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003ca class=\"cta\"\u003eGET ACTIVEEASE™\u003c\/a\u003e\n  \u003cdiv class=\"stats\"\u003e\n    \u003cdiv class=\"stat\"\u003e\n\u003cstrong\u003e300–1500ml\u003c\/strong\u003e\u003cspan\u003eBottle Fit\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat\"\u003e\n\u003cstrong\u003eHands-Free\u003c\/strong\u003e\u003cspan\u003eAccess\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat\"\u003e\n\u003cstrong\u003eWater\u003c\/strong\u003e\u003cspan\u003eResistant\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"include\"\u003e\n    \u003ch3\u003e📦 Included\u003c\/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eActiveEase™ HandsFree Gym Bag Pro (Magnetic)\u003c\/li\u003e\n      \u003cli\u003eAdjustable shoulder strap for comfortable hands-free carrying\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n  \u003ca class=\"buy\"\u003eGET YOUR ACTIVEEASE™ →\u003c\/a\u003e\n\n  \u003cscript\u003e\n    document.querySelectorAll('.benefit').forEach(function(b) {\n      b.addEventListener('click', function() {\n        b.classList.toggle('active');\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/section\u003e","brand":"ActiveEase","offers":[{"title":"Default Title","offer_id":48623229501623,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0748\/6318\/2007\/files\/activeease-gym-bag-with-packaging.png?v=1781773514","url":"https:\/\/activeease.co.za\/products\/activeease%e2%84%a2-handsfree-gym-bag-promagnetic-gym-bag","provider":"ActiveEase","version":"1.0","type":"link"}