{"product_id":"activeease™-handsfree-gym-bag-magnetic-gym-bag","title":"ActiveEase™ HandsFree Gym Bag (Magnetic Gym Bag)","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\u003cstyle\u003e\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nbody {\n  background: linear-gradient(180deg, #131416, #1B1C1E);\n  padding: 14px;\n  font-family: Inter, Arial, sans-serif;\n}\n\n:root {\n  --gold: #E6D0A3;\n  --gold2: #BD9860;\n  --text: #F7F8FA;\n  --muted: #D5D9E0;\n}\n\n.hero {\n  max-width: 420px;\n  margin: auto;\n  padding: 18px;\n  border-radius: 32px;\n  overflow: hidden;\n  position: relative;\n  background: linear-gradient(180deg, #212326, #2A2D31);\n  box-shadow: 0 40px 100px rgba(0,0,0,.45);\n}\n\n.hero:before {\n  content: '';\n  position: absolute;\n  right: -220px;\n  top: -220px;\n  width: 500px;\n  height: 500px;\n  background: radial-gradient(circle, rgba(230,208,163,.18), transparent 72%);\n  animation: ambient 12s infinite;\n}\n\n@keyframes ambient {\n  50% { transform: translateY(40px); }\n}\n\n.badge {\n  display: inline-block;\n  padding: 10px 16px;\n  border-radius: 999px;\n  background: rgba(230,208,163,.10);\n  border: 1px solid rgba(230,208,163,.22);\n  color: var(--gold);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 1.4px;\n}\n\nh1 {\n  margin-top: 18px;\n  font-size: 38px;\n  line-height: 1.05;\n  font-weight: 900;\n}\n\n.gold {\n  background: linear-gradient(90deg, #FFF8E6, #E6D0A3, #BD9860);\n  -webkit-background-clip: text;\n  color: transparent;\n}\n\n.subtitle {\n  margin-top: 14px;\n  font-size: 22px;\n  line-height: 1.35;\n  font-weight: 700;\n  color: var(--text);\n}\n\n.desc {\n  margin-top: 16px;\n  font-size: 15px;\n  line-height: 1.8;\n  color: var(--muted);\n}\n\n.benefits {\n  margin-top: 28px;\n  display: grid;\n  gap: 12px;\n}\n\n.benefit {\n  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid rgba(255,255,255,.05);\n  cursor: pointer;\n}\n\n.benefit.active {\n  border-color: rgba(230,208,163,.30);\n}\n\n.head {\n  padding: 18px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.left {\n  display: flex;\n  gap: 14px;\n  align-items: center;\n}\n\n.left strong {\n  color: white;\n  font-size: 15px;\n}\n\n.arrow {\n  color: var(--gold);\n  font-size: 18px;\n  transition: .3s;\n}\n\n.benefit.active .arrow {\n  transform: rotate(180deg);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  transition: .45s;\n}\n\n.content p {\n  padding: 0 18px 20px;\n  line-height: 1.7;\n  font-size: 14px;\n  color: var(--muted);\n}\n\n.benefit.active .content {\n  max-height: 170px;\n}\n\n.cta {\n  margin-top: 26px;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 999px;\n  text-decoration: none;\n  font-size: 17px;\n  font-weight: 900;\n  color: #171717;\n  background: linear-gradient(90deg, #FAE6BE, #DAB77B, #C39859);\n}\n\n.stats {\n  margin-top: 18px;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  align-items: stretch;\n}\n\n.stat {\n  background: rgba(255,255,255,.05);\n  border-radius: 18px;\n  padding: 16px 10px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  min-height: 92px;\n  text-align: center;\n}\n\n.stat strong {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 36px;\n  font-size: 16px;\n  line-height: 1.2;\n  color: var(--gold);\n  text-align: center;\n}\n\n.stat span {\n  margin-top: 6px;\n  font-size: 12px;\n  line-height: 1.2;\n  color: #F0F2F4;\n  text-align: center;\n}\n\n.include {\n  margin-top: 28px;\n  padding: 22px;\n  border-radius: 22px;\n  background: rgba(255,255,255,.05);\n}\n\n.include h3 {\n  color: white;\n  margin-bottom: 14px;\n}\n\n.include ul {\n  list-style: none;\n}\n\n.include li {\n  padding: 10px 0;\n  line-height: 1.7;\n  color: var(--muted);\n}\n\n.include li:before {\n  content: \"✓ \";\n  color: var(--gold);\n}\n\n.buy {\n  margin-top: 18px;\n  height: 58px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999px;\n  font-weight: 900;\n  text-decoration: none;\n  background: linear-gradient(90deg, #FAE6BE, #DAB77B);\n  color: #171717;\n}\n\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"hero\"\u003e\n\n  \u003cdiv class=\"badge\"\u003ePREMIUM PERFORMANCE • ACTIVEEASE™\u003c\/div\u003e\n\n  \u003ch1\u003e\u003cspan class=\"gold\"\u003eActiveEase™ HandsFree Gym Bag\u003c\/span\u003e\u003c\/h1\u003e\n\n  \u003cp class=\"subtitle\"\u003eTrain Without Limits.\u003cbr\u003eCarry Without Compromise.\u003c\/p\u003e\n\n  \u003cp class=\"desc\"\u003e\n    Keep your essentials elevated, organized and within reach\n    without interrupting your workout. Tap each feature to explore.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"benefits\"\u003e\n\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\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\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\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\n  \u003c\/div\u003e\n\n  \u003ca class=\"cta\"\u003eGET ACTIVEEASE™\u003c\/a\u003e\n\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\n  \u003cdiv class=\"include\"\u003e\n    \u003ch3\u003e📦 Included\u003c\/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eActiveEase™ HandsFree Gym Bag (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\n  \u003ca class=\"buy\"\u003eGET YOUR ACTIVEEASE™ →\u003c\/a\u003e\n\n\u003c\/section\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll(\".benefit\").forEach(card =\u003e {\n  card.onclick = () =\u003e {\n    document.querySelectorAll(\".benefit\").forEach(c =\u003e {\n      if (c !== card) c.classList.remove(\"active\");\n    });\n    card.classList.toggle(\"active\");\n  };\n});\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"ActiveEase","offers":[{"title":"Default Title","offer_id":48492023972023,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0748\/6318\/2007\/files\/bc2b941c-8419-4c9d-a3e7-4c1db0f7a9ee.png?v=1779791356","url":"https:\/\/activeease.co.za\/products\/activeease%e2%84%a2-handsfree-gym-bag-magnetic-gym-bag","provider":"ActiveEase","version":"1.0","type":"link"}