{"product_id":"northernstride™-breathing-trainer","title":"NorthernStride™ Breathing Trainer","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™ Breathing Trainer\u003c\/h1\u003e\n    \u003cp\u003eBreathe stronger. Perform longer. Recover faster.\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      \u003cbutton class=\"tab-btn active\" data-tab=\"features\"\u003eFeatures\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" data-tab=\"benefits\"\u003eBenefits\u003c\/button\u003e\n      \u003cbutton class=\"tab-btn\" data-tab=\"usecases\"\u003eUse Cases\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv id=\"features\" class=\"tab-content active\"\u003e\n      \u003cdiv class=\"tab-grid\"\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🫁 Adjustable Resistance\u003c\/h3\u003e\n          \u003cp\u003eCustomize breathing intensity to match your fitness level and training goals.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e⚙️ Second-Generation Design\u003c\/h3\u003e\n          \u003cp\u003eUpgraded diaphragmatic breathing trainer engineered for improved performance and comfort.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e📈 Lung Capacity Training\u003c\/h3\u003e\n          \u003cp\u003eHelps strengthen respiratory muscles and improve breathing efficiency over time.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🎒 Compact \u0026amp; Portable\u003c\/h3\u003e\n          \u003cp\u003eLightweight design allows you to train anywhere, anytime.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BENEFITS --\u003e\n    \u003cdiv id=\"benefits\" class=\"tab-content\"\u003e\n      \u003cdiv class=\"tab-grid\"\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e⚡ Boost Endurance\u003c\/h3\u003e\n          \u003cp\u003eTrain your respiratory muscles to support longer workouts and better stamina.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏃 Improve Performance\u003c\/h3\u003e\n          \u003cp\u003eOptimize oxygen intake to help power your runs, rides and workouts.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e💪 Strengthen Breathing Muscles\u003c\/h3\u003e\n          \u003cp\u003eTargets the diaphragm and respiratory system for more efficient breathing.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🔄 Faster Recovery\u003c\/h3\u003e\n          \u003cp\u003eSupports breathing control and recovery after intense physical activity.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- USE CASES --\u003e\n    \u003cdiv id=\"usecases\" class=\"tab-content\"\u003e\n      \u003cdiv class=\"tab-grid\"\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏃 Running\u003c\/h3\u003e\n          \u003cp\u003eImprove breathing efficiency and endurance during training and races.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🚴 Cycling\u003c\/h3\u003e\n          \u003cp\u003eBuild respiratory strength for climbs, long rides and high-intensity efforts.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🏋️ Fitness Training\u003c\/h3\u003e\n          \u003cp\u003eEnhance breathing control during gym sessions and aerobic exercise.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tab-box\"\u003e\n          \u003ch3\u003e🥾 Outdoor Adventure\u003c\/h3\u003e\n          \u003cp\u003ePerfect for hikers, athletes and active individuals looking to improve endurance.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n  const buttons = document.querySelectorAll('.tab-btn');\n\n  buttons.forEach(button =\u003e {\n    button.addEventListener('click', () =\u003e {\n\n      document.querySelectorAll('.tab-btn').forEach(btn =\u003e {\n        btn.classList.remove('active');\n      });\n\n      document.querySelectorAll('.tab-content').forEach(content =\u003e {\n        content.classList.remove('active');\n      });\n\n      button.classList.add('active');\n      document.getElementById(button.dataset.tab).classList.add('active');\n    });\n  });\n});\n\u003c\/script\u003e","brand":"NorthernStride™","offers":[{"title":"Default Title","offer_id":47747278930114,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8693\/9842\/files\/Breather_1.png?v=1781345974","url":"https:\/\/northernstride.co.za\/products\/northernstride%e2%84%a2-breathing-trainer","provider":"NorthernStride","version":"1.0","type":"link"}