{"product_id":"northernstride-8l-running-hydration-vest-backpack","title":"NorthernStride™ 8L Hydration Backpack + Free Water Bladder","description":"\u003cstyle\u003e\n  .wrels-container {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: #111;\n    line-height: 1.6;\n    width: 100%;\n  }\n\n  \/* HERO *\/\n  .wrels-hero {\n    text-align: center;\n    padding: 50px 20px 20px;\n  }\n\n  .wrels-hero h1 {\n    font-size: 34px;\n    font-weight: 800;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n    color: #111;\n  }\n\n  .wrels-hero p {\n    font-size: 18px;\n    color: #555;\n    margin: 0;\n  }\n\n  \/* TABS *\/\n  .wrels-tabs {\n    max-width: 1000px;\n    margin: 40px auto;\n    padding: 0 20px;\n  }\n\n  .tab-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-bottom: 30px;\n    flex-wrap: wrap;\n  }\n\n  .tab-btn {\n    padding: 14px 24px;\n    border: none;\n    background: #f1f5f9;\n    border-radius: 50px;\n    cursor: pointer;\n    font-weight: 700;\n    font-size: 15px;\n    transition: all 0.3s ease;\n  }\n\n  .tab-btn:hover {\n    transform: translateY(-2px);\n  }\n\n  .tab-btn.active {\n    background: linear-gradient(135deg, #1e3a8a, #2563eb);\n    color: #fff;\n    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);\n  }\n\n  \/* TAB CONTENT *\/\n  .tab-content {\n    display: none;\n    animation: fadeIn 0.3s ease;\n  }\n\n  .tab-content.active {\n    display: block;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(5px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* GRID *\/\n  .tab-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 20px;\n  }\n\n  \/* BOXES *\/\n  .tab-box {\n    background: #fff;\n    padding: 28px;\n    border-radius: 18px;\n    border: 1px solid #e5e7eb;\n    transition: all 0.3s ease;\n  }\n\n  .tab-box:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 30px rgba(0,0,0,0.08);\n  }\n\n  .tab-box h3 {\n    color: #1e3a8a;\n    margin-bottom: 12px;\n    font-size: 18px;\n  }\n\n  .tab-box p {\n    font-size: 14px;\n    color: #555;\n    margin: 0;\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 768px) {\n\n    .wrels-hero h1 {\n      font-size: 28px;\n    }\n\n    .wrels-hero p {\n      font-size: 16px;\n    }\n\n    .tab-btn {\n      width: 100%;\n      text-align: center;\n    }\n\n    .tab-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"wrels-container\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"wrels-hero\"\u003e\n    \u003ch1\u003eNorthernStride™ 8L Hydration Backpack\u003c\/h1\u003e\n    \u003cp\u003eMaximum performance. Smart storage. Built for endurance.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TABS --\u003e\n  \u003cdiv class=\"wrels-tabs\"\u003e\n\n    \u003c!-- BUTTONS --\u003e\n    \u003cdiv class=\"tab-buttons\"\u003e\n\n      \u003cbutton class=\"tab-btn active\" data-tab=\"features\"\u003e\n        Features\n      \u003c\/button\u003e\n\n      \u003cbutton class=\"tab-btn\" data-tab=\"benefits\"\u003e\n        Benefits\n      \u003c\/button\u003e\n\n      \u003cbutton class=\"tab-btn\" data-tab=\"usecases\"\u003e\n        Use Cases\n      \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv id=\"features\" class=\"tab-content active\"\u003e\n\n      \u003cdiv class=\"tab-grid\"\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🎒 8L Storage Capacity\u003c\/h3\u003e\n          \u003cp\u003e\n            Carry hydration, snacks and essentials without unnecessary bulk.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e💧 Hydration Compatible\u003c\/h3\u003e\n          \u003cp\u003e\n            Designed to work seamlessly with hydration bladders and bottles.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🪶 Ultralight Build\u003c\/h3\u003e\n          \u003cp\u003e\n            Lightweight construction helps maximise comfort and endurance.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🔒 Secure Fit System\u003c\/h3\u003e\n          \u003cp\u003e\n            Adjustable straps minimise bounce during intense movement.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv id=\"benefits\" class=\"tab-content\"\u003e\n\n      \u003cdiv class=\"tab-grid\"\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏃 Go Further\u003c\/h3\u003e\n          \u003cp\u003e\n            Extended storage and hydration support longer adventures.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e⚡ Stay Focused\u003c\/h3\u003e\n          \u003cp\u003e\n            Stable fit keeps your attention on the trail ahead.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🎯 Perform Better\u003c\/h3\u003e\n          \u003cp\u003e\n            Balanced weight distribution improves overall comfort and movement.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏔️ Built For Extremes\u003c\/h3\u003e\n          \u003cp\u003e\n            Designed for demanding terrain and endurance activities.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- USE CASES --\u003e\n    \u003cdiv id=\"usecases\" class=\"tab-content\"\u003e\n\n      \u003cdiv class=\"tab-grid\"\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏃 Trail Running\u003c\/h3\u003e\n          \u003cp\u003e\n            Ideal for endurance runs and mountain trail sessions.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🥾 Hiking\u003c\/h3\u003e\n          \u003cp\u003e\n            Carry hydration and gear comfortably on outdoor adventures.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🚴 Cycling\u003c\/h3\u003e\n          \u003cp\u003e\n            Lightweight and secure for road and mountain biking.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏕️ Outdoor Adventures\u003c\/h3\u003e\n          \u003cp\u003e\n            Perfect for camping, exploration and active lifestyles.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const buttons = document.querySelectorAll(\".tab-btn\");\n  const contents = document.querySelectorAll(\".tab-content\");\n\n  buttons.forEach(button =\u003e {\n\n    button.addEventListener(\"click\", function () {\n\n      const target = this.getAttribute(\"data-tab\");\n\n      \/\/ Remove active states\n      buttons.forEach(btn =\u003e {\n        btn.classList.remove(\"active\");\n      });\n\n      contents.forEach(content =\u003e {\n        content.classList.remove(\"active\");\n      });\n\n      \/\/ Add active states\n      this.classList.add(\"active\");\n\n      const targetContent = document.getElementById(target);\n\n      if (targetContent) {\n        targetContent.classList.add(\"active\");\n      }\n\n    });\n\n  });\n\n});\n\u003c\/script\u003e","brand":"NorthernStride™","offers":[{"title":"Default Title","offer_id":47658288775362,"sku":null,"price":1399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8693\/9842\/files\/8L_Backpack_logo_done.png?v=1781346162","url":"https:\/\/northernstride.co.za\/products\/northernstride-8l-running-hydration-vest-backpack","provider":"NorthernStride","version":"1.0","type":"link"}