{"title":"Home page","description":null,"products":[{"product_id":"hydrofuel™-performance-vest","title":"HydroFuel™ Performance \u0026 Essentials Vest","description":"\u003cstyle\u003e\n  .hf-wrap {\n    position: relative !important;\n    z-index: 5 !important;\n    width: 100%;\n    max-width: 100%;\n    margin: 24px 0;\n    padding: 34px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,.12);\n    border-radius: 26px;\n    background:\n      radial-gradient(circle at 10% 0%, rgba(0,200,255,.16), transparent 32%),\n      radial-gradient(circle at 100% 100%, rgba(0,100,255,.10), transparent 38%),\n      linear-gradient(145deg,#05090d,#0a141c 55%,#04070a);\n    box-shadow:\n      0 30px 70px rgba(0,0,0,.30),\n      inset 0 1px 0 rgba(255,255,255,.08);\n    color: #fff;\n    font-family: Arial, Helvetica, sans-serif;\n    pointer-events: auto !important;\n  }\n\n  .hf-wrap *,\n  .hf-wrap *::before,\n  .hf-wrap *::after {\n    box-sizing: border-box;\n  }\n\n  .hf-wrap::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    width: 300px;\n    height: 300px;\n    top: -170px;\n    right: -100px;\n    border-radius: 50%;\n    background: #00c8ff;\n    filter: blur(80px);\n    opacity: .16;\n    pointer-events: none !important;\n    animation: hf-bg-glow 5s ease-in-out infinite alternate;\n  }\n\n  @keyframes hf-bg-glow {\n    from { transform: translate(0,0) scale(1); }\n    to { transform: translate(-35px,30px) scale(1.12); }\n  }\n\n  .hf-inner {\n    position: relative;\n    z-index: 10;\n    pointer-events: auto !important;\n  }\n\n  .hf-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    padding: 10px 20px;\n    border-radius: 100px;\n    border: 1px solid rgba(0,200,255,.30);\n    background: rgba(0,200,255,.07);\n    color: #bcefff;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: .15em;\n    text-transform: uppercase;\n  }\n\n  .hf-badge-text { display: block; line-height: 1.5; }\n\n  .hf-badge-sub {\n    display: block;\n    color: #7fd9f2;\n    font-size: 9.5px;\n    letter-spacing: .2em;\n  }\n\n  .hf-drop-stage {\n    position: relative;\n    top: 2px;\n    display: inline-block;\n    width: 26px;\n    height: 26px;\n    flex: 0 0 26px;\n  }\n\n  .hf-badge-drop {\n    position: absolute;\n    inset: 0;\n    width: 26px;\n    height: 26px;\n    transform-origin: 50% 62%;\n    stroke: none;\n    filter: drop-shadow(0 0 13px rgba(0,213,255,.9));\n    animation: hf-drop-burst 2.2s ease-in-out infinite alternate;\n  }\n\n  @keyframes hf-drop-burst {\n    0%, 6% { opacity: 1; transform: scale(1); }\n    38%    { opacity: 1; transform: scale(1.14) translateY(1px); }\n    68%    { opacity: .95; transform: scaleX(1.55) scaleY(.5) translateY(3px); }\n    100%   { opacity: 0; transform: scale(.1); }\n  }\n\n  .hf-bit {\n    position: absolute;\n    left: 50%;\n    top: 56%;\n    width: 4px;\n    height: 4px;\n    margin: -2px 0 0 -2px;\n    border-radius: 50%;\n    background: #4bdcff;\n    opacity: 0;\n    box-shadow: 0 0 7px rgba(0,210,255,.85);\n    animation-duration: 2.2s;\n    animation-timing-function: ease-out;\n    animation-iteration-count: infinite;\n    animation-direction: alternate;\n  }\n\n  .hf-bit-1 { animation-name: hf-bit-1; }\n  .hf-bit-2 { animation-name: hf-bit-2; }\n  .hf-bit-3 { animation-name: hf-bit-3; }\n  .hf-bit-4 { animation-name: hf-bit-4; }\n  .hf-bit-5 { animation-name: hf-bit-5; }\n  .hf-bit-6 { animation-name: hf-bit-6; }\n  .hf-bit-7 { animation-name: hf-bit-7; }\n  .hf-bit-8 { animation-name: hf-bit-8; }\n\n  @keyframes hf-bit-1 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(0,-12px) scale(1); }\n    100%    { opacity: .5; transform: translate(0,-15px) scale(.55); }\n  }\n  @keyframes hf-bit-2 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(9px,-9px) scale(.95); }\n    100%    { opacity: .5; transform: translate(12px,-11px) scale(.5); }\n  }\n  @keyframes hf-bit-3 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(13px,0) scale(.9); }\n    100%    { opacity: .5; transform: translate(16px,2px) scale(.5); }\n  }\n  @keyframes hf-bit-4 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(9px,9px) scale(.85); }\n    100%    { opacity: .5; transform: translate(11px,12px) scale(.45); }\n  }\n  @keyframes hf-bit-5 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(0,12px) scale(.85); }\n    100%    { opacity: .5; transform: translate(0,15px) scale(.45); }\n  }\n  @keyframes hf-bit-6 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(-9px,9px) scale(.85); }\n    100%    { opacity: .5; transform: translate(-11px,12px) scale(.45); }\n  }\n  @keyframes hf-bit-7 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(-13px,0) scale(.9); }\n    100%    { opacity: .5; transform: translate(-16px,2px) scale(.5); }\n  }\n  @keyframes hf-bit-8 {\n    0%, 60% { opacity: 0; transform: translate(0,0) scale(.3); }\n    85%     { opacity: 1; transform: translate(-9px,-9px) scale(.95); }\n    100%    { opacity: .5; transform: translate(-12px,-11px) scale(.5); }\n  }\n\n  .hf-title {\n    margin: 0 0 18px;\n    color: #fff;\n    font-size: clamp(28px,3.2vw,40px);\n    line-height: 1.05;\n    font-weight: 900;\n    letter-spacing: -.035em;\n  }\n\n  .hf-title span { color: #00c8f5; }\n\n  .hf-copy {\n    margin: 0 0 3px;\n    color: #b8c5ce;\n    font-size: 15.5px;\n    line-height: 1.75;\n  }\n\n  .hf-copy strong { color: #fff; }\n\n  .hf-built {\n    margin: 0 0 4px;\n    padding-left: 0;\n    color: #fff;\n    font-size: 15.5px;\n    font-weight: 800;\n  }\n\n  .hf-list {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 6px 20px;\n    margin: 0 0 7px 0 !important;\n    padding: 0 !important;\n    padding-left: 0 !important;\n    list-style: none !important;\n    color: #b8c5ce;\n    font-size: 15px;\n    line-height: 1.6;\n    text-indent: 0;\n  }\n\n  .hf-list li {\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n    text-indent: 0;\n  }\n\n  .hf-list li::marker { content: \"\"; }\n  .hf-list strong { color: #fff; }\n  .hf-list .hf-li-full { grid-column: 1 \/ -1; }\n\n  .hf-list svg {\n    width: 20px;\n    height: 20px;\n    vertical-align: -4px;\n    margin-right: 0;\n    fill: #6fe4ff;\n    stroke: none;\n  }\n\n  .hf-section-head {\n    position: relative;\n    display: block;\n    margin: 0 0 16px;\n    padding: 15px 18px;\n    overflow: hidden;\n    border: 1px solid rgba(0,205,255,.45);\n    border-radius: 14px;\n    background:\n      linear-gradient(120deg, rgba(0,215,255,.26), rgba(0,110,210,.10) 55%, rgba(0,215,255,.06));\n    color: #ffffff;\n    font-size: 12.5px;\n    font-weight: 900;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n    text-align: center;\n    text-shadow: 0 0 16px rgba(0,213,255,.45);\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.18),\n      0 0 22px rgba(0,200,255,.22),\n      0 12px 26px rgba(0,0,0,.24);\n  }\n\n  .hf-section-head::after {\n    content: \"\";\n    position: absolute;\n    left: 18%;\n    right: 18%;\n    bottom: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #00d7ff, transparent);\n    box-shadow: 0 0 14px rgba(0,213,255,.75);\n  }\n\n  .hf-features {\n    position: relative;\n    z-index: 20;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 8px;\n    align-items: stretch;\n    pointer-events: auto !important;\n  }\n\n  .hf-feature {\n    position: relative;\n    z-index: 21;\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    pointer-events: auto !important;\n  }\n\n  .hf-toggle {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n\n  .hf-feature-label {\n    position: relative !important;\n    z-index: 30 !important;\n    display: flex !important;\n    flex: 1 1 auto !important;\n    align-items: center;\n    gap: 9px;\n    width: 100% !important;\n    min-height: 58px;\n    padding: 10px 38px 10px 11px !important;\n    border: 1px solid rgba(0,200,255,.23) !important;\n    border-radius: 13px !important;\n    background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(0,200,255,.025)) !important;\n    color: white !important;\n    cursor: pointer !important;\n    pointer-events: auto !important;\n    touch-action: manipulation !important;\n    -webkit-tap-highlight-color: rgba(0,200,255,.15);\n    user-select: none;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 rgba(0,200,255,0);\n    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;\n  }\n\n  .hf-feature-label:hover {\n    transform: translateY(-3px);\n    border-color: rgba(0,220,255,.75) !important;\n    background: linear-gradient(145deg, rgba(0,205,255,.14), rgba(0,100,255,.04)) !important;\n    box-shadow: 0 0 18px rgba(0,200,255,.22), 0 0 38px rgba(0,150,255,.10);\n  }\n\n  .hf-feature-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 28px;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    border: 1px solid rgba(0,205,255,.38);\n    background:\n      radial-gradient(circle at 32% 26%, rgba(255,255,255,.16), transparent 58%),\n      linear-gradient(150deg, rgba(0,205,255,.18), rgba(0,90,170,.05));\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 10px rgba(0,200,255,.16);\n  }\n\n  .hf-feature-icon svg {\n    width: 16px;\n    height: 16px;\n    fill: #8beeff;\n    stroke: none;\n  }\n\n  .hf-feature-text { min-width: 0; }\n\n  .hf-feature-name {\n    display: block;\n    color: #fff;\n    font-size: 12px;\n    line-height: 1.3;\n    font-weight: 850;\n  }\n\n  .hf-feature-hint {\n    display: block;\n    margin-top: 3px;\n    color: #61daf8;\n    font-size: 8.5px;\n    font-weight: 800;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .hf-feature-label::after {\n    content: \"+\";\n    position: absolute;\n    right: 10px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 21px;\n    height: 21px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    border: 1px solid rgba(0,200,255,.28);\n    background: rgba(0,200,255,.10);\n    color: #00d6ff;\n    font-size: 15px;\n    line-height: 1;\n  }\n\n  .hf-answer {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    margin-top: 0;\n    padding: 0 12px;\n    border: 1px solid transparent;\n    border-radius: 13px;\n    color: #cae8ef;\n    font-size: 12px;\n    line-height: 1.6;\n    transition: max-height .35s ease, opacity .30s ease, padding .30s ease, margin .30s ease, border-color .30s ease;\n  }\n\n  .hf-answer strong { color: #00d7ff; }\n\n  .hf-toggle:checked + .hf-feature-label {\n    transform: translateY(-2px);\n    border-color: #00d7ff !important;\n    background: linear-gradient(145deg, rgba(0,215,255,.20), rgba(0,95,180,.08)) !important;\n    box-shadow: 0 0 16px rgba(0,213,255,.48), 0 0 38px rgba(0,170,255,.20), inset 0 0 22px rgba(0,200,255,.07);\n  }\n\n  .hf-toggle:checked + .hf-feature-label::after {\n    content: \"×\";\n    background: rgba(0,210,255,.20);\n    box-shadow: 0 0 14px rgba(0,210,255,.30);\n  }\n\n  .hf-toggle:checked + .hf-feature-label + .hf-answer {\n    max-height: 260px;\n    opacity: 1;\n    margin-top: 5px;\n    padding: 11px 12px;\n    border-color: rgba(0,200,255,.22);\n    background: linear-gradient(145deg, rgba(0,190,240,.09), rgba(0,80,140,.06));\n  }\n\n  .hf-divider {\n    height: 1px;\n    width: 100%;\n    margin: 26px 0;\n    background: linear-gradient(90deg, transparent, rgba(0,200,255,.65), rgba(255,255,255,.10), transparent);\n  }\n\n  .hf-final {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(19px,2.6vw,24px);\n    line-height: 1.3;\n    font-weight: 900;\n    letter-spacing: -.02em;\n  }\n\n  .hf-final span { color: #00c8f5; }\n\n  @media (max-width: 749px) {\n    .hf-wrap { margin: 16px 0; padding: 18px 12px; border-radius: 18px; }\n    .hf-badge { gap: 10px; margin-bottom: 14px; padding: 8px 13px; font-size: 9.5px; }\n    .hf-badge-sub { font-size: 8px; letter-spacing: .12em; }\n    .hf-title { font-size: 26px; margin-bottom: 14px; }\n    .hf-copy { font-size: 14px; line-height: 1.7; margin-bottom: 3px; }\n    .hf-built { font-size: 14px; margin-bottom: 4px; }\n    .hf-list { gap: 5px 10px; margin: 0 0 6px 0 !important; padding: 0 !important; font-size: 13px; }\n    .hf-list svg { width: 16px; height: 16px; vertical-align: -3px; }\n    .hf-section-head { margin-bottom: 12px; padding: 12px 10px; font-size: 10px; letter-spacing: .12em; }\n    .hf-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }\n    .hf-feature-label {\n      align-items: center;\n      gap: 7px;\n      min-height: 56px;\n      padding: 9px 9px 22px 9px !important;\n      border-radius: 12px !important;\n    }\n    .hf-feature-label:hover { transform: none; }\n    .hf-feature-icon { flex: 0 0 24px; width: 24px; height: 24px; }\n    .hf-feature-icon svg { width: 14px; height: 14px; }\n    .hf-feature-name { font-size: 10.5px; line-height: 1.25; }\n    .hf-feature-hint { font-size: 7.5px; margin-top: 2px; letter-spacing: .05em; }\n    .hf-feature-label::after { top: auto; right: 7px; bottom: 6px; transform: none; width: 18px; height: 18px; font-size: 13px; }\n    .hf-answer { font-size: 11.5px; border-radius: 12px; }\n    .hf-toggle:checked + .hf-feature-label { transform: none; }\n    .hf-toggle:checked + .hf-feature-label + .hf-answer { max-height: 340px; padding: 10px 10px; }\n    .hf-divider { margin: 20px 0; }\n    .hf-final { font-size: 20px; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hf-wrap::before,\n    .hf-badge-drop,\n    .hf-bit { animation: none !important; }\n    .hf-badge-drop { opacity: 1 !important; transform: none !important; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"hf-wrap\"\u003e\n\u003cdiv class=\"hf-inner\"\u003e\n\u003cdiv class=\"hf-badge\"\u003e\n\u003cspan class=\"hf-drop-stage\"\u003e\u003csvg class=\"hf-badge-drop\" viewbox=\"0 0 24 24\"\u003e\u003cdefs\u003e\u003clineargradient id=\"hfDropBody\" x1=\"6\" y1=\"1\" x2=\"18.5\" y2=\"22.5\" gradientunits=\"userSpaceOnUse\"\u003e\u003cstop offset=\"0\" stop-color=\"#eafcff\"\u003e\u003c\/stop\u003e\u003cstop offset=\".22\" stop-color=\"#9beeff\"\u003e\u003c\/stop\u003e\u003cstop offset=\".52\" stop-color=\"#32c4f8\"\u003e\u003c\/stop\u003e\u003cstop offset=\".8\" stop-color=\"#0b8cd8\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#01538f\"\u003e\u003c\/stop\u003e\u003c\/lineargradient\u003e\u003cradialgradient id=\"hfDropCore\" cx=\".36\" cy=\".7\" r=\".72\"\u003e\u003cstop offset=\"0\" stop-color=\"#ffffff\" stop-opacity=\".5\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#ffffff\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003cradialgradient id=\"hfDropDeep\" cx=\".72\" cy=\".82\" r=\".55\"\u003e\u003cstop offset=\"0\" stop-color=\"#013a68\" stop-opacity=\".55\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#013a68\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\u003clineargradient id=\"hfDropRim\" x1=\"4\" y1=\"20\" x2=\"20\" y2=\"6\" gradientunits=\"userSpaceOnUse\"\u003e\u003cstop offset=\"0\" stop-color=\"#ffffff\" stop-opacity=\".65\"\u003e\u003c\/stop\u003e\u003cstop offset=\".5\" stop-color=\"#ffffff\" stop-opacity=\".1\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#ffffff\" stop-opacity=\".5\"\u003e\u003c\/stop\u003e\u003c\/lineargradient\u003e\u003c\/defs\u003e\u003cpath fill=\"url(#hfDropBody)\" d=\"M12 1.4c4.7 5.4 7.4 9.1 7.4 12.5a7.4 7.4 0 0 1-14.8 0c0-3.4 2.7-7.1 7.4-12.5Z\"\u003e\u003c\/path\u003e\u003cpath fill=\"url(#hfDropCore)\" d=\"M12 4.4c3.4 4.1 5.3 6.9 5.3 9.5a5.3 5.3 0 0 1-10.6 0c0-2.6 1.9-5.4 5.3-9.5Z\"\u003e\u003c\/path\u003e\u003cpath fill=\"url(#hfDropDeep)\" d=\"M12 1.4c4.7 5.4 7.4 9.1 7.4 12.5a7.4 7.4 0 0 1-14.8 0c0-3.4 2.7-7.1 7.4-12.5Z\"\u003e\u003c\/path\u003e\u003cellipse cx=\"9.1\" cy=\"14.8\" rx=\"1.7\" ry=\"3\" fill=\"rgba(255,255,255,.72)\" transform=\"rotate(-18 9.1 14.8)\"\u003e\u003c\/ellipse\u003e\u003cellipse cx=\"10.4\" cy=\"8.4\" rx=\".75\" ry=\"1.5\" fill=\"rgba(255,255,255,.55)\" transform=\"rotate(-14 10.4 8.4)\"\u003e\u003c\/ellipse\u003e\u003ccircle cx=\"14.4\" cy=\"17.4\" r=\".9\" fill=\"rgba(255,255,255,.42)\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"15.6\" cy=\"14.6\" r=\".5\" fill=\"rgba(255,255,255,.3)\"\u003e\u003c\/circle\u003e\u003cpath d=\"M7.9 17.9c.9 1.6 2.4 2.5 4.2 2.6\" fill=\"none\" stroke=\"rgba(255,255,255,.4)\" stroke-width=\".8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 1.4c4.7 5.4 7.4 9.1 7.4 12.5a7.4 7.4 0 0 1-14.8 0c0-3.4 2.7-7.1 7.4-12.5Z\" fill=\"none\" stroke=\"url(#hfDropRim)\" stroke-width=\".8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan class=\"hf-bit hf-bit-1\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-2\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-3\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-4\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-5\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-6\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-7\"\u003e\u003c\/span\u003e\u003cspan class=\"hf-bit hf-bit-8\"\u003e\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"hf-badge-text\"\u003eHYDROFUEL\u003cspan class=\"hf-badge-sub\"\u003eH2O TO FUEL YOU ON THE GO\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"hf-title\"\u003e\n\u003cspan\u003eGo further\u003c\/span\u003e\u003cbr\u003eNever stop the flow\u003c\/h2\u003e\n\u003cp class=\"hf-copy\"\u003eThat last stubborn kilometre,hot days,long climbs,delayed water breaks.  \u003cstrong\u003eHydroFuel™ Performance Vest \u0026amp; Essentials\u003c\/strong\u003e carries \u003cstrong\u003e2.5 litres of water in total \u003c\/strong\u003eso you finish strong instead of running on empty,sits tight to your body with no bounce,no discomfort and nothing to fiddle with.\u003c\/p\u003e\n\u003cp class=\"hf-built\"\u003eDesigned for:\u003c\/p\u003e\n\u003cul class=\"hf-list\"\u003e\n\u003cli\u003e\u003cstrong\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9 1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.45-2.45l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eRunners\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9 7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eWalkers\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12.4\" cy=\"4\" r=\"2.6\"\u003e\u003c\/circle\u003e\u003crect x=\"3.9\" y=\"6.6\" width=\"4.8\" height=\"7.4\" rx=\"2.1\" transform=\"rotate(-8 6.3 10.3)\"\u003e\u003c\/rect\u003e\u003crect x=\"8.9\" y=\"6.4\" width=\"4.6\" height=\"8.4\" rx=\"2.3\" transform=\"rotate(-16 11.2 10.6)\"\u003e\u003c\/rect\u003e\u003crect x=\"12\" y=\"7.4\" width=\"5.9\" height=\"2.2\" rx=\"1.1\" transform=\"rotate(16 12 7.4)\"\u003e\u003c\/rect\u003e\u003crect x=\"17.7\" y=\"4.6\" width=\"1.6\" height=\"17\" rx=\".8\" transform=\"rotate(4 18.5 13.1)\"\u003e\u003c\/rect\u003e\u003crect x=\"11.5\" y=\"12.6\" width=\"2.7\" height=\"9\" rx=\"1.35\" transform=\"rotate(10 11.5 12.6)\"\u003e\u003c\/rect\u003e\u003crect x=\"7.9\" y=\"12.8\" width=\"2.7\" height=\"8.8\" rx=\"1.35\" transform=\"rotate(-28 7.9 12.8)\"\u003e\u003c\/rect\u003e\u003c\/svg\u003eHikers\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10 2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eCyclists\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli class=\"hf-li-full\"\u003e\n\u003cstrong\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5.2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 1.5 14 5.7 10 5.7Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 22.5 10 18.3 14 18.3Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M22.5 12 18.3 10 18.3 14Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M1.5 12 5.7 10 5.7 14Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19.9 4.1 18.6 8.1 15.9 5.4Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M19.9 19.9 15.9 18.6 18.6 15.9Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M4.1 19.9 5.4 15.9 8.1 18.6Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M4.1 4.1 8.1 5.4 5.4 8.1Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003eOutdoor enthusiasts\u003c\/strong\u003e who'd rather keep moving\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"hf-section-head\"\u003eHydroFuel Performance \u0026amp; Essentials Vest Details\u003c\/div\u003e\n\u003cdiv class=\"hf-features\"\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-bladder\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-bladder\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 1.6c4.8 5.5 7.5 9.2 7.5 12.7a7.5 7.5 0 0 1-15 0C4.5 10.8 7.2 7.1 12 1.6Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M9.3 14.6a2.7 2.7 0 0 0 2.7 2.7\" fill=\"none\" stroke=\"#0a141c\" stroke-width=\"1.6\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003e2L Hydration Reservoir\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eHours of hydration on your back.\u003c\/strong\u003e Sip on the move and skip the water stops, the detours and the dry-mouth finish.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-bottle\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-bottle\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"9.4\" y=\"1.3\" width=\"5.2\" height=\"2.8\" rx=\"1.2\"\u003e\u003c\/rect\u003e\u003cpath d=\"M9.2 4.6h5.6v2.2l1.4 2.2c.3.5.4 1 .4 1.6v8.5c0 1.6-1.3 2.8-2.8 2.8h-3.6c-1.6 0-2.8-1.3-2.8-2.8v-8.5c0-.6.1-1.1.4-1.6l1.4-2.2V4.6Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003e500ml Flexible Bottle\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eA quick sip up front, no stopping.\u003c\/strong\u003e The soft bite-valve bottle sits on your chest and collapses as you drink, so it never sloshes or bounces.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-pockets\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-pockets\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4.6 5h14.8c1 0 1.8.8 1.8 1.8v13.4c0 1-.8 1.8-1.8 1.8H4.6c-1 0-1.8-.8-1.8-1.8V6.8c0-1 .8-1.8 1.8-1.8Z\"\u003e\u003c\/path\u003e\u003crect x=\"3.6\" y=\"8.2\" width=\"16.8\" height=\"1.8\" fill=\"#0a141c\"\u003e\u003c\/rect\u003e\u003crect x=\"5.2\" y=\"6.4\" width=\"1.4\" height=\"1.6\" fill=\"#0a141c\"\u003e\u003c\/rect\u003e\u003crect x=\"8\" y=\"6.4\" width=\"1.4\" height=\"1.6\" fill=\"#0a141c\"\u003e\u003c\/rect\u003e\u003crect x=\"14.6\" y=\"6.4\" width=\"1.4\" height=\"1.6\" fill=\"#0a141c\"\u003e\u003c\/rect\u003e\u003crect x=\"17.4\" y=\"6.4\" width=\"1.4\" height=\"1.6\" fill=\"#0a141c\"\u003e\u003c\/rect\u003e\u003crect x=\"10.6\" y=\"6.2\" width=\"2.8\" height=\"4\" rx=\".8\"\u003e\u003c\/rect\u003e\u003crect x=\"11.4\" y=\"10\" width=\"1.2\" height=\"4.2\" rx=\".6\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003ePockets For Phone \u0026amp; Belongings\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003ePhone, keys, snacks, all within reach.\u003c\/strong\u003e Multiple storage pockets keep your belongings secure and rattle-free so your hands stay completely free.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-lightweight\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-lightweight\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8beeff\" stroke-width=\"2.1\" stroke-linecap=\"round\"\u003e\u003cpath d=\"M2 7.5h11.2a2.6 2.6 0 1 0-2.6-2.6\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12.4h15.6a2.6 2.6 0 1 1-2.6 2.6\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17.6h8.4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003eWaterproof Lightweight Breathable Vest Material\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eYou'll forget you're wearing it.\u003c\/strong\u003e The waterproof, lightweight and breathable material lets air flow through and carries the load without weighing down your stride.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-clips\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-clips\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M1.6 7.6h6.6c.8 0 1.4.6 1.4 1.4v6c0 .8-.6 1.4-1.4 1.4H1.6V7.6Zm14.2 0h6.6v8.8h-6.6c-.8 0-1.4-.6-1.4-1.4V9c0-.8.6-1.4 1.4-1.4Z\"\u003e\u003c\/path\u003e\u003crect x=\"10.3\" y=\"10.6\" width=\"3.4\" height=\"2.8\" rx=\"1.2\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003eAdjustable Clips\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eOne vest, your exact fit.\u003c\/strong\u003e Set the clips once and it locks in place: no bounce, no rubbing, no mid-run fiddling.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-bungee\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-bungee\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"3.6\" y=\"5.7\" width=\"16.8\" height=\"2.3\" rx=\"1.15\" transform=\"rotate(33 12 6.85)\"\u003e\u003c\/rect\u003e\u003crect x=\"3.6\" y=\"5.7\" width=\"16.8\" height=\"2.3\" rx=\"1.15\" transform=\"rotate(-33 12 6.85)\"\u003e\u003c\/rect\u003e\u003crect x=\"3.6\" y=\"16\" width=\"16.8\" height=\"2.3\" rx=\"1.15\" transform=\"rotate(33 12 17.15)\"\u003e\u003c\/rect\u003e\u003crect x=\"3.6\" y=\"16\" width=\"16.8\" height=\"2.3\" rx=\"1.15\" transform=\"rotate(-33 12 17.15)\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003eBungee Cord System\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eStrap on a jacket in seconds.\u003c\/strong\u003e The bungee system cinches extra layers tight to the vest, so the weather can change but your pace doesn't.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-whistle\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-whistle\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8.4 6.6h12.2c.8 0 1.4.6 1.4 1.4v2.4c0 .8-.6 1.4-1.4 1.4h-4.9a5.3 5.3 0 1 1-7.3-5.2Zm.6 3.1a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2Z\"\u003e\u003c\/path\u003e\u003crect x=\"2\" y=\"4.6\" width=\"5.4\" height=\"2.1\" rx=\"1\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003eEmergency Whistle\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eGo further with confidence.\u003c\/strong\u003e A built-in whistle means help is one breath away on remote trails.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-feature\"\u003e\n\u003cinput class=\"hf-toggle\" type=\"checkbox\" id=\"hf-reflectors\"\u003e \u003clabel class=\"hf-feature-label\" for=\"hf-reflectors\"\u003e\u003cspan class=\"hf-feature-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M10 2.2 11.8 8 17.6 9.8 11.8 11.6 10 17.4 8.2 11.6 2.4 9.8 8.2 8Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M18 12.6 19 15.6 22 16.6 19 17.6 18 20.6 17 17.6 14 16.6 17 15.6Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M5.4 17.2 6 19.1 7.9 19.7 6 20.3 5.4 22.2 4.8 20.3 2.9 19.7 4.8 19.1Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cspan class=\"hf-feature-text\"\u003e\u003cspan class=\"hf-feature-name\"\u003eReflectors\u003c\/span\u003e \u003cspan class=\"hf-feature-hint\"\u003eTap to discover\u003c\/span\u003e\u003c\/span\u003e\u003c\/label\u003e\n\u003cdiv class=\"hf-answer\"\u003e\n\u003cstrong\u003eBe seen before sunrise and after dark.\u003c\/strong\u003e Reflective detailing lights up under headlights, so early starts and evening sessions feel far safer.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hf-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"hf-final\"\u003eCarry more. Stop less. \u003cspan\u003eFinish stronger.\u003c\/span\u003e ⚡\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":49244537815210,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0711\/7042\/5002\/files\/WhatsAppImage2026-09-22at14.29.14_a0e676dd-c8b9-4fe9-b2f3-641f2440a07a.jpg?v=1790081444"}],"url":"https:\/\/hydrofuel.co.za\/collections\/frontpage.oembed","provider":"HydroFuel","version":"1.0","type":"link"}