{"title":"Home page","description":null,"products":[{"product_id":"step-x-apex™-4d-multi-sport-performance-insole","title":"Step X Apex™ — 4D Multi-Sport Performance Insole","description":"\u003cstyle\u003e\n  .stepx-store {\n    --black: #050608;\n    --dark: #0b0e12;\n    --card: #11151b;\n    --blue: #168cff;\n    --blue-light: #58b5ff;\n    --white: #ffffff;\n    --muted: #a8b0ba;\n    --border: rgba(255,255,255,.09);\n\n    background: var(--black);\n    color: var(--white);\n    font-family: Arial, Helvetica, sans-serif;\n    overflow: hidden;\n  }\n\n  .stepx-store * {\n    box-sizing: border-box;\n  }\n\n  .stepx-container {\n    width: min(1180px, 92%);\n    margin: auto;\n  }\n\n\n  \/* =====================================================\n     HERO\n  ===================================================== *\/\n\n  .stepx-hero {\n    min-height: 720px;\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    background:\n      radial-gradient(\n        circle at 75% 45%,\n        rgba(22,140,255,.22),\n        transparent 30%\n      ),\n      linear-gradient(\n        110deg,\n        #050608 35%,\n        #0b1017 100%\n      );\n  }\n\n  .stepx-hero-content {\n    width: 55%;\n    position: relative;\n    z-index: 2;\n  }\n\n  .stepx-eyebrow {\n    color: var(--blue-light);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n  }\n\n  .stepx-hero h1 {\n    font-size: clamp(48px, 7vw, 92px);\n    line-height: .92;\n    margin: 0 0 28px;\n    font-weight: 900;\n    letter-spacing: -4px;\n    text-transform: uppercase;\n\n    \/* FIX WORD BREAKING *\/\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    white-space: normal !important;\n  }\n\n  .stepx-hero h1 span {\n    color: var(--blue);\n\n    \/* FIX \"SOFTER\" BREAKING INTO SOFTE + R *\/\n    display: inline-block;\n    white-space: nowrap !important;\n    word-break: keep-all !important;\n    overflow-wrap: normal !important;\n  }\n\n  .stepx-hero p {\n    max-width: 570px;\n    color: var(--muted);\n    font-size: 18px;\n    line-height: 1.7;\n    margin-bottom: 35px;\n  }\n\n  .stepx-btn {\n    display: inline-block;\n    padding: 17px 30px;\n    background: var(--blue);\n    color: white !important;\n    text-decoration: none;\n    font-weight: 900;\n    font-size: 14px;\n    letter-spacing: 1px;\n    border-radius: 5px;\n    transition: .25s ease;\n    text-transform: uppercase;\n  }\n\n  .stepx-btn:hover {\n    transform: translateY(-3px);\n    background: #42a6ff;\n    box-shadow: 0 12px 35px rgba(22,140,255,.3);\n  }\n\n  .stepx-trust {\n    display: flex;\n    gap: 25px;\n    margin-top: 25px;\n    flex-wrap: wrap;\n  }\n\n  .stepx-trust span {\n    color: #d7dce2;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .stepx-product-hero {\n    position: absolute;\n    right: 3%;\n    width: 45%;\n    max-width: 620px;\n    z-index: 1;\n  }\n\n  .stepx-product-hero img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n    filter: drop-shadow(0 30px 55px rgba(0,0,0,.8));\n  }\n\n\n  \/* =====================================================\n     GENERAL SECTIONS\n  ===================================================== *\/\n\n  .stepx-section {\n    padding: 100px 0;\n  }\n\n  .stepx-section-dark {\n    background: var(--dark);\n  }\n\n  .stepx-heading {\n    max-width: 750px;\n    margin-bottom: 55px;\n  }\n\n  .stepx-heading h2 {\n    font-size: clamp(38px, 5vw, 65px);\n    line-height: 1;\n    margin: 0 0 20px;\n    font-weight: 900;\n    letter-spacing: -2px;\n    text-transform: uppercase;\n  }\n\n  .stepx-heading p {\n    color: var(--muted);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .stepx-blue {\n    color: var(--blue);\n  }\n\n\n  \/* =====================================================\n     INTERACTIVE IMPACT SECTION\n  ===================================================== *\/\n\n  .stepx-impact {\n    text-align: center;\n  }\n\n  .stepx-impact .stepx-heading {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .stepx-impact-flow {\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 14px;\n    margin-top: 40px;\n  }\n\n  .stepx-impact-item {\n    flex: 1;\n    max-width: 220px;\n  }\n\n  .stepx-impact-button {\n    width: 100%;\n    min-height: 115px;\n    padding: 22px 15px;\n\n    border: 1px solid rgba(255,255,255,.12);\n    background: var(--card);\n\n    border-radius: 10px;\n\n    color: #fff;\n    cursor: pointer;\n\n    font-size: 15px;\n    font-weight: 900;\n    letter-spacing: 1px;\n\n    transition: all .25s ease;\n  }\n\n  .stepx-impact-button:hover {\n    border-color: var(--blue);\n    transform: translateY(-3px);\n  }\n\n  .stepx-impact-button.active {\n    background: var(--blue);\n    border-color: var(--blue);\n\n    box-shadow:\n      0 10px 30px rgba(22,140,255,.25);\n\n    transform: translateY(-3px);\n  }\n\n  .stepx-impact-icon {\n    display: block;\n    font-size: 28px;\n    margin-bottom: 8px;\n  }\n\n  .stepx-arrow {\n    color: var(--blue);\n    font-size: 22px;\n    font-weight: 900;\n    padding-top: 45px;\n  }\n\n\n  \/* SHORT DESCRIPTION UNDER EACH WORD *\/\n\n  .stepx-impact-info {\n    margin-top: 10px;\n    padding: 14px 15px;\n\n    background: var(--card);\n\n    border: 1px solid rgba(22,140,255,.25);\n\n    border-radius: 8px;\n\n    text-align: center;\n\n    opacity: 0;\n    max-height: 0;\n\n    overflow: hidden;\n\n    transform: translateY(-5px);\n\n    transition:\n      opacity .25s ease,\n      max-height .3s ease,\n      transform .25s ease,\n      padding .25s ease;\n  }\n\n  .stepx-impact-info.show {\n    opacity: 1;\n    max-height: 120px;\n    transform: translateY(0);\n  }\n\n  .stepx-impact-info p {\n    color: #c2c8d0;\n    line-height: 1.5;\n    margin: 0;\n    font-size: 13px;\n  }\n\n  .stepx-impact-info strong {\n    color: var(--blue-light);\n  }\n\n\n  \/* =====================================================\n     4D TECHNOLOGY\n  ===================================================== *\/\n\n  .stepx-fourd {\n    background:\n      radial-gradient(\n        circle at 50% 20%,\n        rgba(22,140,255,.1),\n        transparent 35%\n      ),\n      var(--black);\n  }\n\n  .stepx-fourd-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n  }\n\n  .stepx-fourd-card {\n    padding: 35px 25px;\n\n    background: var(--card);\n\n    border: 1px solid var(--border);\n\n    border-radius: 10px;\n\n    transition: .25s ease;\n  }\n\n  .stepx-fourd-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(22,140,255,.5);\n  }\n\n  .stepx-number {\n    color: var(--blue);\n    font-weight: 900;\n    font-size: 13px;\n    letter-spacing: 2px;\n  }\n\n  .stepx-fourd-card h3 {\n    margin: 18px 0 12px;\n    font-size: 22px;\n    text-transform: uppercase;\n  }\n\n  .stepx-fourd-card p {\n    color: var(--muted);\n    line-height: 1.6;\n    font-size: 14px;\n  }\n\n\n  \/* =====================================================\n     SPORTS\n  ===================================================== *\/\n\n  .stepx-sports-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 15px;\n  }\n\n  .stepx-sport {\n    min-height: 300px;\n    padding: 28px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n\n    border-radius: 10px;\n\n    overflow: hidden;\n    position: relative;\n\n    background:\n      linear-gradient(\n        145deg,\n        #151a21,\n        #080a0d\n      );\n\n    border: 1px solid var(--border);\n  }\n\n  .stepx-sport::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n      radial-gradient(\n        circle at 80% 20%,\n        rgba(22,140,255,.2),\n        transparent 35%\n      );\n  }\n\n  .stepx-sport \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .stepx-sport-icon {\n    font-size: 42px;\n    margin-bottom: auto;\n  }\n\n  .stepx-sport h3 {\n    font-size: 25px;\n    margin: 0 0 8px;\n    text-transform: uppercase;\n  }\n\n  .stepx-sport p {\n    color: var(--muted);\n    line-height: 1.5;\n    margin: 0;\n    font-size: 14px;\n  }\n\n\n  \/* =====================================================\n     BENEFITS\n  ===================================================== *\/\n\n  .stepx-benefits {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n  }\n\n  .stepx-benefit-list {\n    display: grid;\n    gap: 18px;\n  }\n\n  .stepx-benefit {\n    display: flex;\n    gap: 18px;\n\n    padding: 22px;\n\n    background: var(--card);\n\n    border: 1px solid var(--border);\n\n    border-radius: 8px;\n  }\n\n  .stepx-check {\n    width: 30px;\n    height: 30px;\n\n    flex: 0 0 30px;\n\n    border-radius: 50%;\n\n    background: var(--blue);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    font-weight: 900;\n  }\n\n  .stepx-benefit h3 {\n    margin: 0 0 5px;\n    font-size: 17px;\n  }\n\n  .stepx-benefit p {\n    margin: 0;\n\n    color: var(--muted);\n\n    line-height: 1.5;\n\n    font-size: 14px;\n  }\n\n\n  \/* =====================================================\n     FINAL CTA\n  ===================================================== *\/\n\n  .stepx-cta {\n    text-align: center;\n\n    padding: 120px 20px;\n\n    background:\n      radial-gradient(\n        circle at center,\n        rgba(22,140,255,.18),\n        transparent 35%\n      ),\n      #050608;\n  }\n\n  .stepx-cta h2 {\n    font-size: clamp(45px, 7vw, 90px);\n\n    line-height: .9;\n\n    margin: 0 auto 25px;\n\n    max-width: 850px;\n\n    font-weight: 900;\n\n    letter-spacing: -4px;\n\n    text-transform: uppercase;\n  }\n\n  .stepx-cta p {\n    color: var(--muted);\n\n    font-size: 18px;\n\n    margin-bottom: 35px;\n  }\n\n\n  \/* =====================================================\n     TABLET\n  ===================================================== *\/\n\n  @media(max-width: 850px) {\n\n    .stepx-hero {\n      min-height: auto;\n\n      padding: 80px 0 50px;\n\n      display: block;\n    }\n\n    .stepx-hero-content {\n      width: 100%;\n    }\n\n    .stepx-hero h1 {\n      letter-spacing: -2px;\n    }\n\n    .stepx-product-hero {\n      position: relative;\n\n      right: auto;\n\n      width: 100%;\n\n      margin: 40px auto 0;\n    }\n\n    .stepx-fourd-grid,\n    .stepx-sports-grid {\n      grid-template-columns:\n        repeat(2, 1fr);\n    }\n\n    .stepx-benefits {\n      grid-template-columns: 1fr;\n    }\n\n    .stepx-impact-flow {\n      display: grid;\n\n      grid-template-columns:\n        1fr 1fr;\n\n      gap: 18px;\n    }\n\n    .stepx-impact-item {\n      max-width: none;\n    }\n\n    .stepx-arrow {\n      display: none;\n    }\n\n  }\n\n\n  \/* =====================================================\n     MOBILE\n  ===================================================== *\/\n\n  @media(max-width: 550px) {\n\n    .stepx-section {\n      padding: 70px 0;\n    }\n\n    .stepx-fourd-grid,\n    .stepx-sports-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .stepx-impact-flow {\n      grid-template-columns: 1fr;\n    }\n\n    .stepx-hero h1 {\n      font-size: 50px;\n    }\n\n    .stepx-impact-button {\n      min-height: 110px;\n    }\n\n    .stepx-cta {\n      padding: 80px 20px;\n    }\n\n  }\n\n\n  \/* =====================================================\n     EXTRA SHOPIFY WORD-BREAK PROTECTION\n  ===================================================== *\/\n\n  .stepx-store h1,\n  .stepx-store h2,\n  .stepx-store h3,\n  .stepx-store span {\n    overflow-wrap: normal !important;\n  }\n\n  .stepx-store .stepx-hero h1 span {\n    display: inline-block !important;\n    white-space: nowrap !important;\n    word-break: keep-all !important;\n  }\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"stepx-store\"\u003e\n\n  \u003c!-- =====================================================\n       HERO\n  ===================================================== --\u003e\n\n  \u003csection class=\"stepx-hero\"\u003e\n\n    \u003cdiv class=\"stepx-container\"\u003e\n\n      \u003cdiv class=\"stepx-hero-content\"\u003e\n\n        \u003cdiv class=\"stepx-eyebrow\"\u003e\n          STEP X PERFORMANCE\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          MOVE HARDER.\u003cbr\u003e\n          \u003cspan\u003eLAND SOFTER.\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp\u003e\n          Meet the 4D Multi-Sport Insole — engineered for running,\n          court sports, hiking and training. Responsive cushioning,\n          stability and support in every step.\n        \u003c\/p\u003e\n\n        \u003ca href=\"#stepx-shop\" class=\"stepx-btn\"\u003e\n          Shop The 4D Insole →\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"stepx-trust\"\u003e\n          \u003cspan\u003e✓ 4D SUPPORT\u003c\/span\u003e\n          \u003cspan\u003e✓ SHOCK ABSORPTION\u003c\/span\u003e\n          \u003cspan\u003e✓ MULTI-SPORT\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- =====================================================\n           REPLACE THIS WITH YOUR ACTUAL\n           STEP X BLUE INSOLE IMAGE URL\n      ===================================================== --\u003e\n\n      \u003cdiv class=\"stepx-product-hero\"\u003e\n        \u003cimg src=\"\" alt=\"STEP X 4D Multi-Sport Insole\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       INTERACTIVE IMPACT\n  ===================================================== --\u003e\n\n  \u003csection class=\"stepx-section stepx-section-dark stepx-impact\"\u003e\n\n    \u003cdiv class=\"stepx-container\"\u003e\n\n      \u003cdiv class=\"stepx-heading\"\u003e\n\n        \u003cdiv class=\"stepx-eyebrow\"\u003e\n          EVERY STEP COUNTS\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          EVERY STEP\u003cbr\u003e\n          \u003cspan class=\"stepx-blue\"\u003e\n            HAS AN IMPACT.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Tap each point below to see how STEP X is designed\n          to support your movement.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"stepx-impact-flow\"\u003e\n\n\n        \u003c!-- IMPACT --\u003e\n\n        \u003cdiv class=\"stepx-impact-item\"\u003e\n\n          \u003cbutton type=\"button\" class=\"stepx-impact-button\" onclick=\"stepXToggle(this)\"\u003e\n\n            \u003cspan class=\"stepx-impact-icon\"\u003e\n              ⚡\n            \u003c\/span\u003e\n\n            IMPACT\n\n          \u003c\/button\u003e\n\n          \u003cdiv class=\"stepx-impact-info\"\u003e\n\n            \u003cp\u003e\n              \u003cstrong\u003eShock absorption\u003c\/strong\u003e\n              helps soften impact with every step.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- FOOT --\u003e\n\n        \u003cdiv class=\"stepx-impact-item\"\u003e\n\n          \u003cbutton type=\"button\" class=\"stepx-impact-button\" onclick=\"stepXToggle(this)\"\u003e\n\n            \u003cspan class=\"stepx-impact-icon\"\u003e\n              🦶\n            \u003c\/span\u003e\n\n            FOOT\n\n          \u003c\/button\u003e\n\n          \u003cdiv class=\"stepx-impact-info\"\u003e\n\n            \u003cp\u003e\n              \u003cstrong\u003eSupport \u0026amp; cushioning\u003c\/strong\u003e\n              help keep your foot comfortable as you move.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ANKLE --\u003e\n\n        \u003cdiv class=\"stepx-impact-item\"\u003e\n\n          \u003cbutton type=\"button\" class=\"stepx-impact-button\" onclick=\"stepXToggle(this)\"\u003e\n\n            \u003cspan class=\"stepx-impact-icon\"\u003e\n              🔄\n            \u003c\/span\u003e\n\n            ANKLE\n\n          \u003c\/button\u003e\n\n          \u003cdiv class=\"stepx-impact-info\"\u003e\n\n            \u003cp\u003e\n              \u003cstrong\u003eHeel stability\u003c\/strong\u003e\n              helps keep your foot secure during movement.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- KNEE --\u003e\n\n        \u003cdiv class=\"stepx-impact-item\"\u003e\n\n          \u003cbutton type=\"button\" class=\"stepx-impact-button\" onclick=\"stepXToggle(this)\"\u003e\n\n            \u003cspan class=\"stepx-impact-icon\"\u003e\n              ⚙️\n            \u003c\/span\u003e\n\n            KNEE\n\n          \u003c\/button\u003e\n\n          \u003cdiv class=\"stepx-impact-info\"\u003e\n\n            \u003cp\u003e\n              \u003cstrong\u003eResponsive cushioning\u003c\/strong\u003e\n              helps create a smoother, more comfortable stride.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       4D TECHNOLOGY\n  ===================================================== --\u003e\n\n  \u003csection class=\"stepx-section stepx-fourd\"\u003e\n\n    \u003cdiv class=\"stepx-container\"\u003e\n\n      \u003cdiv class=\"stepx-heading\"\u003e\n\n        \u003cdiv class=\"stepx-eyebrow\"\u003e\n          STEP X TECHNOLOGY\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          4 DIMENSIONS.\u003cbr\u003e\n          \u003cspan class=\"stepx-blue\"\u003e\n            ONE SYSTEM.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Our 4D Technology combines cushioning, stability,\n          motion support and responsive energy return into\n          one multi-sport performance system.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"stepx-fourd-grid\"\u003e\n\n\n        \u003c!-- CUSHIONING --\u003e\n\n        \u003cdiv class=\"stepx-fourd-card\"\u003e\n\n          \u003cdiv class=\"stepx-number\"\u003e\n            01 \/ 04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Cushioning\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Helps absorb impact and provides a softer,\n            more comfortable landing.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- STABILITY --\u003e\n\n        \u003cdiv class=\"stepx-fourd-card\"\u003e\n\n          \u003cdiv class=\"stepx-number\"\u003e\n            02 \/ 04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Stability\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A supportive structure designed to keep\n            your foot secure during movement.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- MOTION CONTROL --\u003e\n\n        \u003cdiv class=\"stepx-fourd-card\"\u003e\n\n          \u003cdiv class=\"stepx-number\"\u003e\n            03 \/ 04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Motion Control\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed to support your foot as you run,\n            cut, jump and change direction.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- ENERGY RETURN --\u003e\n\n        \u003cdiv class=\"stepx-fourd-card\"\u003e\n\n          \u003cdiv class=\"stepx-number\"\u003e\n            04 \/ 04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Energy Return\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Responsive cushioning designed to keep\n            every step feeling lively.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       SPORTS\n  ===================================================== --\u003e\n\n  \u003csection class=\"stepx-section\"\u003e\n\n    \u003cdiv class=\"stepx-container\"\u003e\n\n      \u003cdiv class=\"stepx-heading\"\u003e\n\n        \u003cdiv class=\"stepx-eyebrow\"\u003e\n          BUILT FOR MOVEMENT\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          ONE INSOLE.\u003cbr\u003e\n          \u003cspan class=\"stepx-blue\"\u003e\n            EVERY GAME.\n          \u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          One performance system designed to move with you\n          across the sports and activities you love.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"stepx-sports-grid\"\u003e\n\n\n        \u003c!-- PADEL --\u003e\n\n        \u003cdiv class=\"stepx-sport\"\u003e\n\n          \u003cdiv class=\"stepx-sport-icon\"\u003e\n            🎾\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Padel \u0026amp; Tennis\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Quick cuts. Hard stops. Explosive movement.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- RUNNING --\u003e\n\n        \u003cdiv class=\"stepx-sport\"\u003e\n\n          \u003cdiv class=\"stepx-sport-icon\"\u003e\n            🏃\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Running\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Stride after stride. Mile after mile.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- HIKING --\u003e\n\n        \u003cdiv class=\"stepx-sport\"\u003e\n\n          \u003cdiv class=\"stepx-sport-icon\"\u003e\n            🥾\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Hiking\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Uneven terrain. Long days. Constant movement.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- TRAINING --\u003e\n\n        \u003cdiv class=\"stepx-sport\"\u003e\n\n          \u003cdiv class=\"stepx-sport-icon\"\u003e\n            🏋️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Training\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Jump. Lift. Sprint. Repeat.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       BENEFITS\n  ===================================================== --\u003e\n\n  \u003csection class=\"stepx-section stepx-section-dark\"\u003e\n\n    \u003cdiv class=\"stepx-container\"\u003e\n\n      \u003cdiv class=\"stepx-benefits\"\u003e\n\n\n        \u003cdiv class=\"stepx-heading\"\u003e\n\n          \u003cdiv class=\"stepx-eyebrow\"\u003e\n            THE STEP X DIFFERENCE\n          \u003c\/div\u003e\n\n          \u003ch2\u003e\n            YOUR FEET\u003cbr\u003e\n            \u003cspan class=\"stepx-blue\"\u003e\n              WORK HARD.\n            \u003c\/span\u003e\n          \u003c\/h2\u003e\n\n          \u003cp\u003e\n            Your footwear is only part of the equation.\n            The foundation underneath your feet matters too.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"stepx-benefit-list\"\u003e\n\n\n          \u003c!-- BENEFIT 1 --\u003e\n\n          \u003cdiv class=\"stepx-benefit\"\u003e\n\n            \u003cdiv class=\"stepx-check\"\u003e\n              ✓\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch3\u003e\n                SHOCK-ABSORBING BASE\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Designed to soften impact during every\n                stride and landing.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003c!-- BENEFIT 2 --\u003e\n\n          \u003cdiv class=\"stepx-benefit\"\u003e\n\n            \u003cdiv class=\"stepx-check\"\u003e\n              ✓\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch3\u003e\n                DEEP HEEL CUP\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Helps keep your foot positioned securely\n                inside your shoe.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003c!-- BENEFIT 3 --\u003e\n\n          \u003cdiv class=\"stepx-benefit\"\u003e\n\n            \u003cdiv class=\"stepx-check\"\u003e\n              ✓\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch3\u003e\n                MULTI-SPORT DESIGN\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Built for running, court sports,\n                hiking and training.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n          \u003c!-- BENEFIT 4 --\u003e\n\n          \u003cdiv class=\"stepx-benefit\"\u003e\n\n            \u003cdiv class=\"stepx-check\"\u003e\n              ✓\n            \u003c\/div\u003e\n\n            \u003cdiv\u003e\n\n              \u003ch3\u003e\n                SLIM ATHLETIC FIT\n              \u003c\/h3\u003e\n\n              \u003cp\u003e\n                Designed to fit comfortably into most\n                athletic footwear.\n              \u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n          \u003c\/div\u003e\n\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- =====================================================\n       FINAL CTA\n  ===================================================== --\u003e\n\n  \u003csection class=\"stepx-cta\" id=\"stepx-shop\"\u003e\n\n    \u003cdiv class=\"stepx-container\"\u003e\n\n      \u003cdiv class=\"stepx-eyebrow\"\u003e\n        STEP X 4D MULTI-SPORT INSOLE\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        YOUR NEXT STEP\u003cbr\u003e\n        \u003cspan class=\"stepx-blue\"\u003e\n          STARTS HERE.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Give every movement a better foundation.\n      \u003c\/p\u003e\n\n      \u003c!-- =====================================================\n           REPLACE THIS WITH YOUR ACTUAL\n           SHOPIFY PRODUCT URL\n      ===================================================== --\u003e\n\n      \u003ca href=\"\/products\/YOUR-PRODUCT-HANDLE\" class=\"stepx-btn\"\u003e\n        Shop The 4D Insole →\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     INTERACTIVE JAVASCRIPT\n===================================================== --\u003e\n\n\u003cscript\u003e\n  function stepXToggle(button) {\n\n    const item = button.closest(\".stepx-impact-item\");\n    const info = item.querySelector(\".stepx-impact-info\");\n\n    const allItems = document.querySelectorAll(\n      \".stepx-impact-item\"\n    );\n\n    allItems.forEach(function(otherItem) {\n\n      if (otherItem !== item) {\n\n        const otherButton =\n          otherItem.querySelector(\".stepx-impact-button\");\n\n        const otherInfo =\n          otherItem.querySelector(\".stepx-impact-info\");\n\n        otherButton.classList.remove(\"active\");\n        otherInfo.classList.remove(\"show\");\n\n      }\n\n    });\n\n\n    button.classList.toggle(\"active\");\n    info.classList.toggle(\"show\");\n\n  }\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"7 \/ 1 pair","offer_id":48431651422429,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"8 \/ 1 pair","offer_id":48431651455197,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true},{"title":"9 \/ 1 pair","offer_id":48431651487965,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0849\/4668\/2077\/files\/ChatGPTImageAug24_2026at11_05_14AM.png?v=1787635654"}],"url":"https:\/\/step-x.co.za\/collections\/frontpage.oembed","provider":"Step X","version":"1.0","type":"link"}