{"product_id":"clearsling-pro-multi-functional-sling-bag","title":"ClearSling Pro (Multi-Functional Sling Bag)","description":"\u003cstyle\u003e\n#cl-product{\nmax-width:1200px;\nmargin:auto;\nfont-family:Inter,Arial,sans-serif;\ncolor:#1a1a1a;\n}\n\n#cl-product *{\nbox-sizing:border-box;\n}\n\n#cl-product .cl-hero{\ntext-align:center;\npadding:50px 20px;\nborder-radius:24px;\nbackground:linear-gradient(135deg,#ffffff,#f8f8f8);\nbox-shadow:0 20px 60px rgba(0,0,0,.08);\n}\n\n#cl-product .cl-hero h1{\nfont-size:42px;\nfont-weight:800;\nline-height:1.1;\nmargin-bottom:18px;\n}\n\n#cl-product .cl-green{\ncolor:#0b6d4f;\n}\n\n#cl-product .cl-hero p{\nmax-width:760px;\nmargin:auto;\nfont-size:16px;\nline-height:1.75;\ncolor:#666;\n}\n\n#cl-product .cl-grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(220px,1fr));\ngap:20px;\nmargin:50px 0;\n}\n\n#cl-product .cl-card{\nbackground:#fff;\npadding:28px 22px;\nborder-radius:20px;\ntext-align:center;\nbox-shadow:0 15px 35px rgba(0,0,0,.08);\n}\n\n#cl-product .cl-icon{\nfont-size:42px;\nmargin-bottom:16px;\n}\n\n#cl-product .cl-card h3{\nmargin-bottom:10px;\nfont-size:20px;\n}\n\n#cl-product .cl-card p{\ncolor:#666;\nfont-size:15px;\n}\n\n#cl-product .cl-story{\nbackground:#fff;\npadding:40px 25px;\nborder-radius:24px;\nbox-shadow:0 15px 35px rgba(0,0,0,.08);\nmargin-bottom:50px;\n}\n\n#cl-product .cl-story h2{\ntext-align:center;\nfont-size:32px;\nmargin-bottom:20px;\n}\n\n#cl-product .cl-story p{\nmax-width:850px;\nmargin:auto;\ntext-align:center;\ncolor:#666;\nfont-size:16px;\nline-height:1.85;\n}\n\n#cl-product .cl-features{\nmargin-bottom:50px;\n}\n\n#cl-product .cl-features h2{\ntext-align:center;\nfont-size:32px;\nmargin-bottom:28px;\n}\n\n#cl-product .cl-list{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(240px,1fr));\ngap:14px;\n}\n\n#cl-product .cl-item{\nbackground:#f5f5f5;\npadding:16px 18px;\nborder-radius:14px;\nfont-weight:600;\nfont-size:15px;\n}\n\n#cl-product .cl-stats{\ndisplay:grid;\ngrid-template-columns:repeat(2,1fr);\ngap:16px;\nmargin-bottom:30px;\n}\n\n#cl-product .cl-stat{\nbackground:#fff;\npadding:26px 16px;\nborder-radius:20px;\ntext-align:center;\nbox-shadow:0 15px 35px rgba(0,0,0,.08);\n}\n\n#cl-product .cl-number{\nfont-size:38px;\nfont-weight:800;\ncolor:#0b6d4f;\nmargin-bottom:8px;\n}\n\n#cl-product .cl-stat p{\nfont-size:14px;\ncolor:#666;\nmargin:0;\n}\n\n\/* CSS-only fade-up animation (Shopify strips \u003cscript\u003e tags, so no JS observer) *\/\n#cl-product .fade{\nopacity:0;\nanimation:cl-fade-up .8s ease forwards;\n}\n\n#cl-product .cl-grid.fade{ animation-delay:.1s; }\n#cl-product .cl-story.fade{ animation-delay:.2s; }\n#cl-product .cl-features.fade{ animation-delay:.3s; }\n#cl-product .cl-stats.fade{ animation-delay:.4s; }\n\n@keyframes cl-fade-up{\nfrom{\nopacity:0;\ntransform:translateY(30px);\n}\nto{\nopacity:1;\ntransform:translateY(0);\n}\n}\n\n@media(max-width:600px){\n\n#cl-product .cl-hero{\npadding:35px 16px;\nborder-radius:18px;\n}\n\n#cl-product .cl-hero h1{\nfont-size:30px;\n}\n\n#cl-product .cl-hero p{\nfont-size:15px;\n}\n\n#cl-product .cl-grid{\ngrid-template-columns:1fr 1fr;\ngap:12px;\nmargin:35px 0;\n}\n\n#cl-product .cl-card{\npadding:20px 14px;\nborder-radius:16px;\n}\n\n#cl-product .cl-icon{\nfont-size:34px;\nmargin-bottom:10px;\n}\n\n#cl-product .cl-card h3{\nfont-size:16px;\n}\n\n#cl-product .cl-card p{\nfont-size:13px;\n}\n\n#cl-product .cl-story{\npadding:26px 18px;\nborder-radius:18px;\nmargin-bottom:35px;\n}\n\n#cl-product .cl-story h2,\n#cl-product .cl-features h2{\nfont-size:24px;\n}\n\n#cl-product .cl-story p{\nfont-size:15px;\n}\n\n#cl-product .cl-list{\ngrid-template-columns:1fr;\ngap:10px;\n}\n\n#cl-product .cl-item{\nfont-size:14px;\npadding:14px 16px;\n}\n\n#cl-product .cl-stats{\ngrid-template-columns:1fr 1fr;\ngap:10px;\n}\n\n#cl-product .cl-stat{\npadding:18px 10px;\nborder-radius:16px;\n}\n\n#cl-product .cl-number{\nfont-size:28px;\n}\n\n}\n\u003c\/style\u003e\n\n\u003cdiv id=\"cl-product\"\u003e\n\n\u003cdiv class=\"cl-hero fade\"\u003e\n\n\u003ch1\u003e\n\nYour Gym.\u003cbr\u003e\n\nYour Station.\u003cbr\u003e\n\n\u003cspan class=\"cl-green\"\u003eAnywhere.\u003c\/span\u003e\n\n\u003c\/h1\u003e\n\n\u003cp\u003e\n\nYou've been there — your water bottle rolling across the floor, your phone face-down on a dirty bench, and your keys buried somewhere in your gym bag.\n\n\u003cstrong\u003eClearSling Pro\u003c\/strong\u003e keeps everything exactly where you need it so you can focus on your workout instead of your gear.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-grid fade\"\u003e\n\n\u003cdiv class=\"cl-card\"\u003e\n\n\u003cdiv class=\"cl-icon\"\u003e🧲\u003c\/div\u003e\n\n\u003ch3\u003eMagnetic Mount\u003c\/h3\u003e\n\n\u003cp\u003e\n\nPowerful magnets attach securely to gym racks, benches and machines.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-card\"\u003e\n\n\u003cdiv class=\"cl-icon\"\u003e📱\u003c\/div\u003e\n\n\u003ch3\u003eEverything Within Reach\u003c\/h3\u003e\n\n\u003cp\u003e\n\nYour phone, wallet, keys and earbuds stay clean, organised and easy to access.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-card\"\u003e\n\n\u003cdiv class=\"cl-icon\"\u003e💧\u003c\/div\u003e\n\n\u003ch3\u003eLarge Bottle Holder\u003c\/h3\u003e\n\n\u003cp\u003e\n\nBuilt to carry large capacity water bottles without getting in the way.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-card\"\u003e\n\n\u003cdiv class=\"cl-icon\"\u003e🎒\u003c\/div\u003e\n\n\u003ch3\u003eBeyond The Gym\u003c\/h3\u003e\n\n\u003cp\u003e\n\nPerfect for training, commuting, travelling and everyday carry.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-story fade\"\u003e\n\n\u003ch2\u003e\n\nBuilt For People Who Move\n\n\u003c\/h2\u003e\n\n\u003cp\u003e\n\nImagine walking into the gym, clipping your ClearSling Pro onto the nearest squat rack and instantly creating your own workout station.\n\nNo clutter.\n\nNo dirty floors.\n\nNo searching through your backpack between sets.\n\nEverything stays exactly where you need it so you can focus on pushing your limits.\n\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-features fade\"\u003e\n\n\u003ch2\u003e\n\nWhy You'll Love It\n\n\u003c\/h2\u003e\n\n\u003cdiv class=\"cl-list\"\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Magnetic attachment to metal surfaces\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Mesh phone pocket\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Large water bottle compartment\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Internal card \u0026amp; accessory pockets\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Adjustable crossbody strap\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Premium carry handle\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Lightweight \u0026amp; durable construction\u003c\/div\u003e\n\n\u003cdiv class=\"cl-item\"\u003e✔ Gym, travel \u0026amp; everyday use\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-stats fade\"\u003e\n\n\u003cdiv class=\"cl-stat\"\u003e\n\n\u003cdiv class=\"cl-number\"\u003e10+\u003c\/div\u003e\n\n\u003cp\u003eDaily Essentials\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-stat\"\u003e\n\n\u003cdiv class=\"cl-number\"\u003e40oz\u003c\/div\u003e\n\n\u003cp\u003eBottle Ready\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-stat\"\u003e\n\n\u003cdiv class=\"cl-number\"\u003e100%\u003c\/div\u003e\n\n\u003cp\u003eHands-Free Convenience\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"cl-stat\"\u003e\n\n\u003cdiv class=\"cl-number\"\u003e24\/7\u003c\/div\u003e\n\n\u003cp\u003eReady To Move\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"ClearLift","offers":[{"title":"Default Title","offer_id":66864447455277,"sku":null,"price":699.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6490\/7565\/files\/clearlift-hero-shot_0c0e4284-0f3d-47ad-bcd1-60b9ca40bdca.png?v=1781037243","url":"https:\/\/clearlift.co.za\/products\/clearsling-pro-multi-functional-sling-bag","provider":"ClearLift","version":"1.0","type":"link"}