<!doctype html>
<html lang="nl">
<head >
    <meta charset="utf-8"/>
<meta name="title" content="De beste hardloopschoenen voor winter runs - Bekijk de lijst hier! - Blog"/>
<meta name="description" content="Ook al is het koud, nat en glad buiten, dat betekent niet dat de loopband je enige optie is. Deze vijf winterhardloopschoenen zijn je redding! Koop hier voor de beste prijs!"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>De beste hardloopschoenen voor winter runs - Bekijk de lijst hier! - Blog</title>
        <link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Blog/css/mpBlogIcon.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/css/styles.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Aheadworks_Faq/css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Lipscore_RatingsReviews/css/lipscore.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/TRIC_ShippingProgressBar/css/style.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Hyva_Widgets/css/splide.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Core/css/grid-mageplaza.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Core/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Core/css/owl.carousel.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Core/css/owl.theme.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Blog/css/splide.min.css" />
<link rel="stylesheet" type="text/css" media="all" href="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/TRIC_OSearch/css/osearch.css" />
<script type="text/javascript" src="https://embed.cloudflarestream.com/embed/sdk.latest.js"></script>
<script type="text/javascript" src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Hyva_Widgets/js/splide.min.js"></script>
<script type="text/javascript" src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Mageplaza_Blog/js/splide.min.js"></script>
<script type="text/javascript" src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/TRIC_OSearch/js/osearch.js"></script>
<script type="text/javascript" src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/TRIC_Widgets/js/osearch-product-slider.js"></script>
<script type="text/javascript" src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/WeltPixel_GoogleTagManager/js/hyva/gtm.js"></script>
<link rel="canonical" href="https://www.runningxpert.com/nl/inspiration/running-shoes-for-fall-and-winter" />
<link rel="icon" type="image/x-icon" href="https://www.runningxpert.com/media/favicon/stores/6/favicon_1.png" />
<link rel="shortcut icon" type="image/x-icon" href="https://www.runningxpert.com/media/favicon/stores/6/favicon_1.png" />
<style>
    .checkout-cart-index #osearch-last-seen {
        overflow:hidden;
    }
</style>            <script>
        window.getWpCookie = function(name) {
            match = document.cookie.match(new RegExp(name + '=([^;]+)'));
            if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ;
        };

        window.dataLayer = window.dataLayer || [];
                var wpCookies = ['wp_customerId','wp_customerGroup'];
        wpCookies.map(function(cookieName) {
            var cookieValue = window.getWpCookie(cookieName);
            if (cookieValue) {
                var dlObject = {};
                dlObject[cookieName.replace('wp_', '')] = cookieValue;
                window.dataLayer.push(dlObject);
            }
        });
    </script>

    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WJ2GRFQ');</script>
<!-- End Google Tag Manager -->        <link rel="alternate" hreflang="nl-nl" href="https://www.runningxpert.com/nl/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="da-dk" href="https://www.loebeshop.dk/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="nb-no" href="https://www.loepeshop.no/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="sv-se" href="https://www.loparshop.se/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="en-gb" href="https://www.runningxpert.com/en/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="en-ie" href="https://www.runningxpert.com/eu/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="de-de" href="https://www.runningxpert.com/de/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="de-at" href="https://www.runningxpert.com/at/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="it-it" href="https://www.runningxpert.com/it/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="pl-pl" href="https://www.runningxpert.com/pl/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="fi-fi" href="https://www.runningxpert.com/fi/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="fr-fr" href="https://www.runningxpert.com/fr/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="es-es" href="https://www.runningxpert.com/es/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="de-ch" href="https://www.runningxpert.com/ch/inspiration/running-shoes-for-fall-and-winter" />
    <link rel="alternate" hreflang="pt-pt" href="https://www.runningxpert.com/pt/inspiration/running-shoes-for-fall-and-winter" />
    
    <script data-cfasync="false" type="text/javascript">
    //<![CDATA[
    window.lipscoreInit = function() {
        lipscore.init({
            apiKey: "5eddb30e82f2a67568a85d54"
        });
    };
    (function() {
        var scr = document.createElement('script'); scr.async = 1; scr.setAttribute('data-cfasync', false);
        scr.charset = "utf-8";
        scr.src = "https://static.lipscore.com/assets/nl/lipscore-v1.js";
        document.getElementsByTagName('head')[0].appendChild(scr);
    })();
    //]]>
    </script>
    <script type="text/javascript"
            src="https://api.reaktion.com/assets/tracking/store.js?s=o4dHrG9G8YY2tpJP1jGyBodCQ6Fyvk5W"
            async></script>
    <script>
        (function () {
            var events = {
                chat_open: [],
                chat_response: ['response_latency_ms'],
                chat_recommendation: [],
                chat_product_click: [],
                chat_contact_form_shown: [],
                chat_conversation_classified: ['classification']
            };

            Object.keys(events).forEach(function (name) {
                window.addEventListener(name, function (chatEvent) {
                    var data = {event: name, chat_type: 'shopping_assistant'};

                    events[name].forEach(function (key) {
                        if (chatEvent.detail && chatEvent.detail[key] !== undefined) {
                            data[key] = chatEvent.detail[key];
                        }
                    });

                    window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push(data);
                });
            });
        })();
    </script>
    <script src="https://scripts.dialogintelligens.dk/universal-chatbot.js?id=runningxpert-nl"></script>
    <style>iframe#launcher {display:none;}</style>

        <script type="text&#x2F;javascript">var script = document.createElement('script');
script.src = 'https://integrations.etrusted.com/applications/widget.js/v2';
script.async = true;
script.defer = true;
document.head.appendChild(script);</script><script>
    var BASE_URL = 'https://www.runningxpert.com/nl/';
    var THEME_PATH = 'https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL';
    var COOKIE_CONFIG = {
        "expires": null,
        "path": "\u002Fnl",
        "domain": ".www.runningxpert.com",
        "secure": true,
        "lifetime": "259200",
        "cookie_restriction_enabled": false    };
    var CURRENT_STORE_CODE = 'nl';
    var CURRENT_WEBSITE_ID = '6';

    window.hyva = window.hyva || {}

    window.cookie_consent_groups = window.cookie_consent_groups || {}
    window.cookie_consent_groups['necessary'] = true;

    window.cookie_consent_config = window.cookie_consent_config || {};
    window.cookie_consent_config['necessary'] = [].concat(
        window.cookie_consent_config['necessary'] || [],
        [
            'user_allowed_save_cookie',
            'form_key',
            'mage-messages',
            'private_content_version',
            'mage-cache-sessid',
            'last_visited_store',
            'section_data_ids'
        ]
    );
    //# sourceURL=hyva-variables.js
</script>
<script>
    (function( hyva, undefined ) {

        function lifetimeToExpires(options, defaults) {

            const lifetime = options.lifetime || defaults.lifetime;

            if (lifetime) {
                const date = new Date;
                date.setTime(date.getTime() + lifetime * 1000);
                return date;
            }

            return null;
        }

        function generateRandomString() {

            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
                length = 16;

            let formKey = '',
                charactersLength = allowedCharacters.length;

            for (let i = 0; i < length; i++) {
                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
            }

            return formKey;
        }

        const sessionCookieMarker = {noLifetime: true}

        const cookieTempStorage = {};

        const internalCookie = {
            get(name) {
                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
                return v ? v[2] : null;
            },
            set(name, value, days, skipSetDomain) {
                let expires,
                    path,
                    domain,
                    secure,
                    samesite;

                const defaultCookieConfig = {
                    expires: null,
                    path: '/',
                    domain: null,
                    secure: false,
                    lifetime: null,
                    samesite: 'lax'
                };

                const cookieConfig = window.COOKIE_CONFIG || {};

                expires = days && days !== sessionCookieMarker
                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;

                path = cookieConfig.path || defaultCookieConfig.path;
                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
                secure = cookieConfig.secure || defaultCookieConfig.secure;
                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;

                document.cookie = name + "=" + encodeURIComponent(value) +
                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '') +
                    (samesite ? '; samesite=' + samesite : 'lax');
            },
            isWebsiteAllowedToSaveCookie() {
                const allowedCookies = this.get('user_allowed_save_cookie');
                if (allowedCookies) {
                    const allowedWebsites = JSON.parse(unescape(allowedCookies));

                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
                }
                return false;
            },
            getGroupByCookieName(name) {
                const cookieConsentConfig = window.cookie_consent_config || {};
                let group = null;
                for (let prop in cookieConsentConfig) {
                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
                    if (cookieConsentConfig[prop].includes(name)) {
                        group = prop;
                        break;
                    }
                }
                return group;
            },
            isCookieAllowed(name) {
                const cookieGroup = this.getGroupByCookieName(name);
                return cookieGroup
                    ? window.cookie_consent_groups[cookieGroup]
                    : this.isWebsiteAllowedToSaveCookie();
            },
            saveTempStorageCookies() {
                for (const [name, data] of Object.entries(cookieTempStorage)) {
                    if (this.isCookieAllowed(name)) {
                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
                        delete cookieTempStorage[name];
                    }
                }
            }
        };

        hyva.getCookie = (name) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
            }

            return internalCookie.get(name);
        }

        hyva.setCookie = (name, value, days, skipSetDomain) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                cookieTempStorage[name] = {value, days, skipSetDomain};
                return;
            }
            return internalCookie.set(name, value, days, skipSetDomain);
        }


        hyva.setSessionCookie = (name, value, skipSetDomain) => {
            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
        }

        hyva.getBrowserStorage = () => {
            const browserStorage = window.localStorage || window.sessionStorage;
            if (!browserStorage) {
                console.warn('Browser Storage is unavailable');
                return false;
            }
            try {
                browserStorage.setItem('storage_test', '1');
                browserStorage.removeItem('storage_test');
            } catch (error) {
                console.warn('Browser Storage is not accessible', error);
                return false;
            }
            return browserStorage;
        }

        hyva.postForm = (postParams) => {
            const form = document.createElement("form");

            let data = postParams.data;

            if (! postParams.skipUenc && ! data.uenc) {
                data.uenc = btoa(window.location.href);
            }
            form.method = "POST";
            form.action = postParams.action;

            Object.keys(postParams.data).map(key => {
                const field = document.createElement("input");
                field.type = 'hidden'
                field.value = postParams.data[key];
                field.name = key;
                form.appendChild(field);
            });

            const form_key = document.createElement("input");
            form_key.type = 'hidden';
            form_key.value = hyva.getFormKey();
            form_key.name="form_key";
            form.appendChild(form_key);

            document.body.appendChild(form);

            form.submit();
        }

        hyva.getFormKey = function () {
            let formKey = hyva.getCookie('form_key');

            if (!formKey) {
                formKey = generateRandomString();
                hyva.setCookie('form_key', formKey);
            }

            return formKey;
        }

        hyva.formatPrice = (value, showSign, options = {}) => {
            const groupSeparator = options.groupSeparator;
            const decimalSeparator = options.decimalSeparator
            delete options.groupSeparator;
            delete options.decimalSeparator;
            const formatter = new Intl.NumberFormat(
                'nl\u002DNL',
                Object.assign({
                    style: 'currency',
                    currency: 'EUR',
                    signDisplay: showSign ? 'always' : 'auto'
                }, options)
            );
            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
                formatter.formatToParts(value).map(({type, value}) => {
                    switch (type) {
                        case 'currency':
                            return '\u20AC' || value;
                        case 'minusSign':
                            return '- ';
                        case 'plusSign':
                            return '+ ';
                        case 'group':
                            return groupSeparator !== undefined ? groupSeparator : value;
                        case 'decimal':
                            return decimalSeparator !== undefined ? decimalSeparator : value;
                        default :
                            return value;
                    }
                }).reduce((string, part) => string + part) :
                formatter.format(value);
        }

        const formatStr = function (str, nStart) {
            const args = Array.from(arguments).slice(2);

            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
                const idx = parseInt(n) - nStart;

                if (args[idx] === null || args[idx] === void 0) {
                    return m;
                }
                return p.length % 2
                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
                    : p.replace('%%', '%') + n;
            })
        }

        hyva.str = function (string) {
            const args = Array.from(arguments);
            args.splice(1, 0, 1);

            return formatStr.apply(undefined, args);
        }

        hyva.strf = function () {
            const args = Array.from(arguments);
            args.splice(1, 0, 0);

            return formatStr.apply(undefined, args);
        }

        /**
         * Take a html string as `content` parameter and
         * extract an element from the DOM to replace in
         * the current page under the same selector,
         * defined by `targetSelector`
         */
        hyva.replaceDomElement = (targetSelector, content) => {
            // Parse the content and extract the DOM node using the `targetSelector`
            const parser = new DOMParser();
            const doc = parser.parseFromString(content, 'text/html');
            const contentNode = doc.querySelector(targetSelector);

            // Bail if content or target can't be found
            if (!contentNode || !document.querySelector(targetSelector)) {
                return;
            }

                        hyva.activateScripts(contentNode);
            
            // Replace the old DOM node with the new content
            document.querySelector(targetSelector).replaceWith(contentNode);

            // Reload customerSectionData and display cookie-messages if present
            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
            hyva.initMessages();
        }

        hyva.removeScripts = (contentNode) => {
            const scripts = contentNode.getElementsByTagName('script');
            for (let i = 0; i < scripts.length; i++) {
                scripts[i].parentNode.removeChild(scripts[i]);
            }
            const templates = contentNode.getElementsByTagName('template');
            for (let i = 0; i < templates.length; i++) {
                const container = document.createElement('div');
                container.innerHTML = templates[i].innerHTML;
                hyva.removeScripts(container);
                templates[i].innerHTML = container.innerHTML;
            }
        }

        hyva.activateScripts = (contentNode) => {
            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
            const scripts = Array.from(contentNode.getElementsByTagName('script'));

            // Iterate over all script tags to duplicate+inject each into the head
            for (const original of scripts) {
                const script = document.createElement('script');
                original.type && (script.type = original.type);
                script.innerHTML = original.innerHTML;

                // Remove the original (non-executing) script from the contentNode
                original.parentNode.removeChild(original)

                // Add script to head
                document.head.appendChild(script);
            }

            return contentNode;
        }

        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);

        let currentTrap;

        const focusableElements = (rootElement) => {
            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
            return Array.from(rootElement.querySelectorAll(selector))
                .filter(el => {
                    return el.style.display !== 'none'
                        && !el.disabled
                        && el.tabIndex !== -1
                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
                })
        }

        const focusTrap = (e) => {
            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
            if (!isTabPressed) return;

            const focusable = focusableElements(currentTrap)
            const firstFocusableElement = focusable[0]
            const lastFocusableElement = focusable[focusable.length - 1]

            e.shiftKey
                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
        };

        hyva.releaseFocus = (rootElement) => {
            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
                currentTrap.removeEventListener('keydown', focusTrap)
                currentTrap = null
            }
        }
        hyva.trapFocus = (rootElement) => {
            if (!rootElement) return;
            hyva.releaseFocus()
            currentTrap = rootElement
            rootElement.addEventListener('keydown', focusTrap)
            const firstElement = focusableElements(rootElement)[0]
            firstElement && firstElement.focus()
        }

        hyva.safeParseNumber = (rawValue) => {
            const number = rawValue ? parseFloat(rawValue) : null;

            return Array.isArray(number) || isNaN(number) ? rawValue : number;
        }

        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {

            const camelCase = toCamelCase(name);
            const key = '__hyva_bool_' + name

            return new Proxy(Object.assign(
                additionalMethods,
                {
                    [key]: !!value,
                    [name]() {return !!this[key]},
                    ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine
                    ['not' + camelCase]() {return !this[key]},
                    ['toggle' + camelCase]() {this[key] = !this[key]},
                    [`set${camelCase}True`]() {this[key] = true},
                    [`set${camelCase}False`]() {this[key] = false},
                }
            ), {
                set(target, prop, value) {
                    return prop === name
                        ? (target[key] = !!value)
                        : Reflect.set(...arguments);
                }
            })
        }

                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())

    }( window.hyva = window.hyva || {} ));
    //# sourceURL=hyva.js
</script>
<script type="speculationrules">
{
    "tag": "Hyva Theme",
    "prefetch": [{
        "source": "document",
        "where": {
            "and": [
                { "href_matches": "/*" },
                { "not": {
                    "href_matches": ["/nl/customer/*","/nl/search/*","/nl/sales/*","/nl/wishlist/*","/nl/checkout/*","/nl/paypal/*","/nl/newsletter/*","/nl/stores/store/redirect/*"]                }},
                { "not": {
                    "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"]
                }}
            ]
        },
        "eagerness": "moderate"
    }]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!--Open Graph Meta tags by Mageplaza-->
<meta property="og:url"             content="https://www.runningxpert.com/nl/inspiration/running-shoes-for-fall-and-winter" />
<meta property="og:title"           content="De beste hardloopschoenen voor herfst en winter runs" />
<meta property="og:image"           content="https://www.runningxpert.com/media/mageplaza/blog/post/t/h/thumb_listvinter.jpg" />
<meta property="og:description"    content="We hebben onze keuzes voor schoenen verzameld die je veilig door het winterweer loodsen. Bekijk hier de beste hardloopschoenen voor kou, sneeuw, ijs en natte wegen." />
<!--End Open Graph Meta tags by Mageplaza-->
</head>
<body id="html-body" class="mpblog-post-view page-layout-1column">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WJ2GRFQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><input name="form_key" type="hidden" value="LxRE8NwR10Zta6y7" />
    <noscript>
        <section
            class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"
            aria-labelledby="messageGlobalNoScriptMessage"
        >
            <div class="container text-center">
                <p id="messageGlobalNoScriptMessage">
                    <strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong>
                    <span>
                        Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser.                    </span>
                </p>
            </div>
        </section>
    </noscript>


<script>
    document.body.addEventListener('touchstart', () => {}, {passive: true})
</script>



	    <script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="NL" data-gcm-version="2.0" type="text/javascript"></script>
<script>
UltimateLang = 'nl';
// on-click of the web widget the following code will run
var addZendeskChatStyleInterval = setInterval(function() {
    if(typeof zE != 'undefined') {
        clearTimeout(addZendeskChatStyleTimeout);
        clearInterval(addZendeskChatStyleInterval);

        zE('messenger:on', 'open', function() {
            var addStyleInterval = setInterval(function() {

                if(parent.document.querySelector('iframe[name="Messaging-vindue"]')) {
                    clearTimeout(addStyleTimeout);
                    clearInterval(addStyleInterval);
                    // creates any CSS to be added to the Web Widget
                    var style = document.createElement('style');
                    style.innerHTML = `
                        /* hides the zendesk branding */
                        .eJNOcI {
                            visibility: hidden !important;
                        }
                        /* style buttons */
                        .distqQ { flex-direction: column; }
                        .distqQ button {
                            background-color: rgb(26, 103, 255) !important;
                            color: rgb(255, 255, 255) !important;
                            font-weight: bold;
                        }
                    `;
                    parent.document.querySelector('iframe[name="Messaging-vindue"]').contentDocument.head.appendChild(style);
                }
            },100);
            var addStyleTimeout = setTimeout(function() {
                if(addStyleInterval) {
                    clearInterval(addStyleInterval);
                }
            },2000);
            zE('messenger:set', 'locale', 'nl');
            zE('messenger:set', 'conversationFields',[{"id":"13073175093660","value":"nl"},{"id":"13073220993308","value":"https:\/\/www.runningxpert.com\/nl\/inspiration\/running-shoes-for-fall-and-winter"}]);
        });
        zE('messenger:set', 'locale', 'nl');
        zE('messenger:set', 'conversationFields',[{"id":"13073175093660","value":"nl"},{"id":"13073220993308","value":"https:\/\/www.runningxpert.com\/nl\/inspiration\/running-shoes-for-fall-and-winter"}]);
    }
},100);
var addZendeskChatStyleTimeout = setTimeout(function() {
    if(addZendeskChatStyleInterval) {
        clearInterval(addZendeskChatStyleInterval);
    }
},2000);

</script>

	<script type="application/ld+json">
	{
	  "@context": "https://schema.org",
	  "@graph": [
		
			  ]
	}
	</script>
<div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
   contentarea"
   href="#contentarea">
    <span>
        Ga naar de inhoud    </span>
</a>
<script>
    function notificationsBar(id) {
        return {
            id: id,
            hide: window.location.href.indexOf('tric.dev') !== -1 ? false : (!hyva.getCookie('CookieInformationConsent') || parseInt(localStorage.getItem('notificationbar-'+id))+4*60*60*1000 >= Date.now()),
            closeNotificationsBar() {
                this.hide = true;
                localStorage.setItem('notificationbar-'+this.id, Date.now());
            }
        }
    }

    function notificationBarTerms() {
        return {
            open: false,
            closeTimer: null,
            position() {
                // Vertical placement is left to CSS (top-full on the panel) - it tracks the content
                // row's actual bottom edge automatically, wrapped lines included, with no JS needed.
                // Only the horizontal position is computed: it depends on the button's runtime
                // position and the .container grid clamp, neither of which CSS alone can know.
                this.$nextTick(() => {
                    const trigger = this.$refs.trigger;
                    const panel = this.$refs.panel;
                    if (!trigger || !panel) return;
                    // panel.offsetParent - not a hardcoded selector - so this keeps working
                    // regardless of how many wrapper elements sit between the panel and its
                    // positioned ancestor. It's safe now that the panel is only hidden via
                    // opacity/visibility rather than display:none (offsetParent is only null for
                    // display:none, not for visibility:hidden). That ancestor is also already the
                    // .container-matched, centered box (see the wrapper markup around the panel),
                    // so clamping x to its own clientWidth is enough - no need to separately
                    // reverse-engineer the grid's max-width/inset here anymore.
                    const container = panel.offsetParent;
                    if (!container) return;
                    const triggerRect = trigger.getBoundingClientRect();
                    const containerRect = container.getBoundingClientRect();
                    let x = (triggerRect.left - containerRect.left) + (triggerRect.width / 2) - (panel.offsetWidth / 2);
                    x = Math.max(0, Math.min(x, container.clientWidth - panel.offsetWidth));
                    panel.style.transform = `translateX(${Math.round(x)}px)`;
                });
            }
        }
    }
</script>
    <script src="https://storage.googleapis.com/gowish-button-prod/js/gowish-iframe.js" data-use-btn="true" type="application/javascript" id="gowish-iframescript" defer="true"></script>
    <link rel="stylesheet" href="https://storage.googleapis.com/gowish-button-prod/css/gowish-iframe.css">
    <script src='https://tag.heylink.com/9669cd5f-44ee-4fbf-a643-cf3fd94796b5/script.js' defer></script>
    <script type="application/javascript" async
            src="https://static.klaviyo.com/onsite/js/VfKqpa/klaviyo.js"></script>

    <div x-data="initKlaviyoCustomerTracking()"
         @private-content-loaded.window="sendCustomerDataToKlaviyo(event.detail.data)"></div>
    <script>
        !function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();

        function initKlaviyoCustomerTracking() {
            return {
                sendCustomerDataToKlaviyo(data) {
                    window.klaviyo = window.klaviyo || [];
                    const customer = data.customer;

                    window.klaviyo.isIdentified().then((identified)=> {
                        if(customer && customer.email && !identified) {
                            window.klaviyo.identify({
                                '$email': customer.email,
                                '$first_name': customer.firstname ? customer.firstname : '',
                                '$last_name':  customer.lastname ? customer.lastname : ''
                            });
                        }
                    });
                }
            }
        }
    </script>
<script>
    document.addEventListener('alpine:init', () => {
        Alpine.store('menu', {
            active: localStorage.getItem('active-menu') ? localStorage.getItem('active-menu') : false,
            setActive(id) {
                this.active = id;
                localStorage.setItem('active-menu', id);
            }
        });
    });

    function initHeader () {
        return {
            searchOpen: false,
            cart: {},
            cartCountAnnouncement: '',
            wishlist: {},
            isCartOpen: false,
            isLoggedIn: false,
            isMobile: false,
            isMobileMenuOpen: false,
            fixed: false,
            scrollUp: true,
            previousScroll: 0,
            init() {
                Alpine.store('header', {
                    visible: false,
                    height: 0,
                    isCartOpen: false,
                    isSearchOpen: false
                });

                this.$nextTick(() => {
                    this.checkIsMobile();
                    this.setPageHeaderTopHeight();
                })

                this.$watch('cart.summary_count', (value, oldValue) => {
                    if (oldValue === undefined) {
                        return;
                    }
                    this.cartCountAnnouncement = !value
                        ? 'Winkelwagen\u0020is\u0020leeg'
                        : value > 1
                            ? hyva.str('\u00251\u0020artikelen\u0020in\u0020winkelwagen', value)
                            : hyva.str('\u00251\u0020artikel\u0020in\u0020winkelwagen', value);
                });
            },
            getData(data) {
                if (data.cart) { this.cart = data.cart };
                this.isLoggedIn = data.customer.firstname ? true : false;
                if (data.wishlist) {this.wishlist = data.wishlist };
            },
            isCartEmpty() {
                return !this.cart.summary_count
            },
            toggleCart(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    this.isCartOpen = event.detail.isOpen;
                    this.$store.header.isCartOpen = event.detail.isOpen;
                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
                        this.$refs.cartButton.focus()
                    }
                } else {
                                        this.isCartOpen = true
                }
            },
            handleWishlistClick() {
                if (this.isLoggedIn) {
                    window.location.href = 'https://www.runningxpert.com/nl/wishlist/'
                } else {
                    window.dispatchEvent(new CustomEvent('toggle-authentication'));
                    window.dispatchEvent(new CustomEvent('login-message',
                        {detail: {message: 'Inloggen\u0020of\u0020registreren\u0020om\u0020aan\u0020de\u0020verlanglijst\u0020toe\u0020te\u0020voegen.'}}
                    ));
                }
            },
            checkIsMobile() {
                this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
            },
            setPageHeaderTopHeight() {
                var headerHeight = document.querySelector('#header #usp-bar').offsetHeight + document.querySelector('#header #main-wrapper').offsetHeight;
                document.querySelector('#header').style.height = headerHeight + 'px';

                this.$store.header.height = document.querySelector('#header #main-wrapper').offsetHeight + 24;
            },
            checkScroll() {
                var body = document.getElementsByTagName('body')[0],
                    computedStyles = getComputedStyle(body);

                var currentScroll = window.pageYOffset;

                if (computedStyles.position == 'fixed') {
                    currentScroll = this.previousScroll;
                }

                var body = document.body,
                    html = document.documentElement;
                var documentHeight = Math.max( body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight );

                var windowHeight = window.innerHeight;

                var headerHeight = document.querySelector('#header').offsetHeight;
                var headerOffsetTop = document.querySelector('#header > div').offsetHeight;

                if (this.searchOpen) { // if search open always show header on scroll
                    this.scrollUp = true;
                    this.fixed = true;
                    this.$store.header.visible = true;

                    return;
                }

                if (currentScroll == 0) {
                    this.scrollUp = true;
                    this.fixed = false;
                } else if (currentScroll > 0 && currentScroll < (documentHeight - windowHeight)) {
                    if (currentScroll > this.previousScroll) { // on scroll down
                        if (this.searchOpen) { // if search open always show header on scroll
                            this.scrollUp = true;
                            this.fixed = true;
                            this.$store.header.visible = true;
                        } else {
                            if (currentScroll > headerHeight) {
                                this.fixed = true;
                                this.scrollUp = false;
                                this.$store.header.visible = false;
                            }
                        }
                    } else if (currentScroll == this.previousScroll) { // on no scroll
                        this.scrollUp = false;
                    } else { // on scroll up
                        if (currentScroll <= headerOffsetTop) {
                            this.fixed = false;
                            this.$store.header.visible = false;
                        } else {
                            this.$store.header.visible = true;
                        }
                        this.scrollUp = true;
                    }
                    this.previousScroll = currentScroll;

                    if (this.$store.header.visible) {
                        document.querySelector('.page.messages').style.top = document.querySelector('#header #main-wrapper').offsetHeight + 'px';
                    } else {
                        document.querySelector('.page.messages').style.top = '';
                    }
                }
            },
            searchIsOpen () {
                this.searchOpen = true;
                this.$store.header.isSearchOpen = true;
            },
            searchIsClosed() {
                this.searchOpen = false;
                this.$store.header.isSearchOpen = false;
            },
            setFixed() {
                var currentScroll = window.pageYOffset;
                var headerHeight = document.querySelector('#header').offsetHeight;

                if (currentScroll > headerHeight) {
                    this.fixed = true;
                    this.$store.header.visible = true;
                    this.scrollUp = true;
                }
            },
        }
    }
    function initCompareHeader() {
        return {
            compareProducts: null,
            itemCount: 0,
            receiveCompareData(data) {
                if (data['compare-products']) {
                    this.compareProducts = data['compare-products'];
                    this.itemCount = this.compareProducts.count;
                }
            }
        }
    }

    function topbarUsps() {
        return {
            init() {
                if (document.querySelector('.header--topbar-usps .splide')) {
                    var slider = new Splide('.header--topbar-usps .splide', {
                        mediaQuery: 'min',
                        arrows: false,
                        type: 'loop',
                        autoplay: true,
                        pagination: false,
                        breakpoints: {
                            1024: {
                                destroy: true,
                            },
                        }
                    }).mount();
                }
            }
        }
    }
</script>
<div id="header"
     class="relative z-40 w-full bg-container-lighter"
     :class="{ 'z-50' : isCartOpen || searchOpen || fixed, 'z-40' : !isCartOpen && !searchOpen && !fixed }"
     x-data="initHeader()"
     @private-content-loaded.window="getData(event.detail.data)"
     @resize.window="checkIsMobile(); $nextTick(() => setPageHeaderTopHeight());"
     @visibilitychange.window="checkIsMobile(); $nextTick(() => setPageHeaderTopHeight());"
     @set-header-height.window="setPageHeaderTopHeight()"
     @scroll.window="checkScroll()"
     @search-is-open.window="searchIsOpen();"
     @search-is-closed.window="searchIsClosed();"
     @set-fixed.window="$nextTick(() => setFixed());"
     @mobile-menu-open.window="isMobileMenuOpen = true"
     @mobile-menu-close.window="isMobileMenuOpen = false"
>
        <div class="bg-container" id="usp-bar">
            <div class="container flex justify-between items-center flex-col lg:flex-row">
                <div class="header--topbar-usps w-full lg:w-auto [&>*]:!w-full"
                     x-data="topbarUsps()"
                >
                    <esi:include src="http://www.runningxpert.com/nl/page_cache/block/esi/blocks/%5B%22header_top_left_block%22%5D/handles/WyJkZWZhdWx0IiwiY2F0YWxvZ19wcm9kdWN0X3ZpZXciLCJjYXRhbG9nX3Byb2R1Y3Rfdmlld190eXBlX2NvbmZpZ3VyYWJsZSIsImNhdGFsb2dfcHJvZHVjdF92aWV3X2F0dHJpYnV0ZV9zZXRfNCIsImh5dmFfZGVmYXVsdCIsImh5dmFfY2F0YWxvZ19wcm9kdWN0X3ZpZXciLCJoeXZhX2NhdGFsb2dfcHJvZHVjdF92aWV3X3R5cGVfY29uZmlndXJhYmxlIiwiaHl2YV9jYXRhbG9nX3Byb2R1Y3Rfdmlld19hdHRyaWJ1dGVfc2V0XzQiXQ%3D%3D/" />                </div>
                <div class="header--topbar-links hidden lg:flex items-center">
                    <esi:include src="http://www.runningxpert.com/nl/page_cache/block/esi/blocks/%5B%22header_top_right_block%22%5D/handles/WyJkZWZhdWx0IiwiY2F0YWxvZ19wcm9kdWN0X3ZpZXciLCJjYXRhbG9nX3Byb2R1Y3Rfdmlld190eXBlX2NvbmZpZ3VyYWJsZSIsImNhdGFsb2dfcHJvZHVjdF92aWV3X2F0dHJpYnV0ZV9zZXRfNCIsImh5dmFfZGVmYXVsdCIsImh5dmFfY2F0YWxvZ19wcm9kdWN0X3ZpZXciLCJoeXZhX2NhdGFsb2dfcHJvZHVjdF92aWV3X3R5cGVfY29uZmlndXJhYmxlIiwiaHl2YV9jYXRhbG9nX3Byb2R1Y3Rfdmlld19hdHRyaWJ1dGVfc2V0XzQiXQ%3D%3D/" />                    <div>
                        <ul>
                            <li>
                                                                    <a href="/customer/account/login"
                                       class="trigger-ajax-login"
                                       @click.prevent="$dispatch('toggle-authentication')"
                                    >
                                        Log in                                    </a>
                                                            </li>
                        </ul>
                    </div>
                                                <!-- Languages Switch -->

    <div class="header--topbar-links-lang-selector relative flex items-center z-10" x-data="storeSwitcher" @keydown.escape="closeAndFocus" @click.outside="close">
                <button type="button" x-ref="trigger" class="switcher-language-trigger action toggle switcher-trigger" data-storelanguage="nl" @click="toggle" aria-haspopup="true" :aria-expanded="open">
            <span class="active-language !flex items-center pr-2 pl-5 mb-0 pb-0 text-sm font-light">
                <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px]" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/nl.svg');"></span>
                <span class="lang font-semibold">Nederlands&nbsp;(NL)</span>
            </span>
        </button>
        <ul x-cloak class="absolute float-left flex-col items-start top-5 h-auto overflow-visible bg-container -left-2.5 w-[calc(100%_+_80px)] mb-0" :class="{ 'hidden' : !open }">
                                                                                                                <li class="view-dk switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="dk">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;dk&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/dk.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Dansk&nbsp;(DK)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-no switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="no">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;no&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/no.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Norsk Bokmål&nbsp;(NO)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-se switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="se">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;se&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/se.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Svenska&nbsp;(SE)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-gb switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="gb">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;gb&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/gb.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    English&nbsp;(GB)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-ie switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="ie">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;ie&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/ie.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    English&nbsp;(IE)                                 </span>
                            </a>
                        </li>
                                                                                                                                                                                                                                    <li class="view-de switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="de">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;de&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/de.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Deutsch&nbsp;(DE)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-at switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="at">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;at&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/at.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Deutsch&nbsp;(AT)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-it switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="it">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;it&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/it.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Italiano&nbsp;(IT)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-pl switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="pl">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;pl&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/pl.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Polski&nbsp;(PL)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-fi switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="fi">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;fi&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/fi.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Suomi&nbsp;(FI)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-fr switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="fr">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;fr&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/fr.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Français&nbsp;(FR)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-es switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="es">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;es&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/es.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Español&nbsp;(ES)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-ch switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="ch">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;ch&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/ch.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Deutsch&nbsp;(CH)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-pt switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="pt">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;pt&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/pt.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Português&nbsp;(PT)                                 </span>
                            </a>
                        </li>
                                                                                                                                                                                                                                                            </ul>
        <svg xmlns="http://www.w3.org/2000/svg" width="5.901" height="3.105" viewBox="0 0 5.901 3.105">
            <path id="Path_10" data-name="Path 10" d="M0-7.268a.17.17,0,0,1,.011-.059.122.122,0,0,1,.035-.05.149.149,0,0,1,.109-.045.149.149,0,0,1,.109.045L2.951-4.694,5.634-7.377a.151.151,0,0,1,.111-.045.151.151,0,0,1,.111.045.149.149,0,0,1,.045.109.149.149,0,0,1-.045.109l-2.8,2.8a.149.149,0,0,1-.109.045.149.149,0,0,1-.109-.045l-2.8-2.8a.122.122,0,0,1-.035-.05A.17.17,0,0,1,0-7.268Z" transform="translate(0 7.423)" opacity="0.998"/>
        </svg>
    </div>

<script>
    function storeSwitcher() {
        return {
            open: false,
            toggle() {
                this.open = !this.open
            },
            close() {
                this.open = false
            },
            closeAndFocus() {
                this.open = false
                this.$refs.trigger?.focus()
            },
            handleClick(event) {
                const dataPost = JSON.parse(event.currentTarget.dataset.post);

                const formTemplate = (data) => `
                    <form action="${data.action}" method="post">
                        ${Object.entries(data.data).map(([index, value]) => `
                            <input name="${index}" value="${value}">
                        `).join('')}
                    </form>`;

                const formKeyInputSelector = 'input[name="form_key"]';
                const formKeyElement = document.querySelector(formKeyInputSelector);
                const formKey = formKeyElement ? formKeyElement.value : null;

                if (formKey) {
                    dataPost.data['form_key'] = formKey;
                }
                let alternateLink = document.querySelector('link[rel="alternate"][hreflang*="-'+dataPost.data.___store+'"]');
                if(alternateLink) {
                    dataPost.data['uenc'] = btoa(alternateLink.href)
                        .replace(/\+/g, '-')
                        .replace(/\//g, '_')
                        .replace(/=/g, ',');
                }

                const formHtml = formTemplate(dataPost);
                const tempDiv = document.createElement('div');
                tempDiv.innerHTML = formHtml.trim();
                const form = tempDiv.firstChild;

                document.body.appendChild(form).submit();

                if (window.location.href.indexOf("utm_campaign=some") !== -1 && event.target.closest('#some-modal-content')) {
                    localStorage.setItem('runningxpert-language-redirect', event.target.parentElement.dataset.storelanguage);
                }
            }
        }
    }
</script>

                </div>
            </div>
        </div>
        <div id="main-wrapper" class="z-40 transition-[top] ease-in-out duration-300 max-w-screen py-2.5 lg:py-0 flex flex-col gap-2.5 lg:gap-0"
             :class="{
                 'bg-white fixed w-full transform' : fixed,
                 '-top-80' : fixed && !scrollUp,
                 'top-0' : (fixed && scrollUp) || isMobileMenuOpen
             }"
        >
                        <div class="container flex items-center justify-between w-full px-6 py-0 mx-auto mt-0">
                <!--Logo-->
                <div class="order-2 lg:order-1 w-full sm:w-auto flex-1 flex justify-center lg:justify-start">
    <a
        class="flex items-center justify-center w-40 lg:w-17.5 xl:w-40"
        :class="{ 'w-40 lg:w-17.5 xl:w-40' : !searchOpen, 'w-17.5 xl:w-40' : searchOpen }"
        href="https://www.runningxpert.com/nl/"
        aria-label="Go&#x20;to&#x20;Home&#x20;page"
    >
                <div class="w-full hidden lg:block xl:hidden" :class="{ 'hidden lg:block xl:hidden' : !searchOpen, 'block xl:hidden' : searchOpen }">
            <img src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Magento_Theme/logos/brand-mark.svg"
                 alt=""
                 loading="eager"
            />
        </div>

                        <div class="w-full lg:hidden xl:block" :class="{ 'lg:hidden xl:block' : !searchOpen, 'hidden xl:block' : searchOpen }">
            <img src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Magento_Theme/logos/global_logo.svg"
                 alt=""
                 loading="eager"
            />
        </div>
    </a>
</div>

                <!--Main Navigation-->

                <esi:include src="http://www.runningxpert.com/nl/page_cache/block/esi/blocks/%5B%22topmenu_generic%22%5D/handles/WyJkZWZhdWx0IiwiY2F0YWxvZ19wcm9kdWN0X3ZpZXciLCJjYXRhbG9nX3Byb2R1Y3Rfdmlld190eXBlX2NvbmZpZ3VyYWJsZSIsImNhdGFsb2dfcHJvZHVjdF92aWV3X2F0dHJpYnV0ZV9zZXRfNCIsImh5dmFfZGVmYXVsdCIsImh5dmFfY2F0YWxvZ19wcm9kdWN0X3ZpZXciLCJoeXZhX2NhdGFsb2dfcHJvZHVjdF92aWV3X3R5cGVfY29uZmlndXJhYmxlIiwiaHl2YV9jYXRhbG9nX3Byb2R1Y3Rfdmlld19hdHRyaWJ1dGVfc2V0XzQiXQ%3D%3D/" />
                <div class="flex items-center order-3 flex-1 justify-end">
                    <!--Search-->
                    
<div class="text-black hidden lg:block"
     x-data="initMirasvitSearch()"
     :class="{ 'fixed inset-0 z-30' : isOpen, 'hidden' : !isOpen }"
     @highlight-search-query.window="$nextTick(() => {
                                        highlightMatch(
                                            '#mirasvitSearchResults .item-name',
                                            $refs.searchInput.value,
                                            'font-black'
                                        )
                                     })"
     @resize.window="checkIsMobile()"
     @visibilitychange.window="checkIsMobile()"
     @open-search-mobile.window="openSearch(); $nextTick(() => { document.querySelector('#search').focus() })"
     @keydown.escape.window="isOpen && closeSearch()"
     @keydown.arrow-down="focusOption(1, $event)"
     @keydown.arrow-up="focusOption(-1, $event)"
>
    <div x-cloak x-show="isOpen" class="absolute inset-0 h-[100dvh]" @click.self="closeSearch"
         style="background-color: rgba(18, 18, 18, .36); backdrop-filter: blur(4px);"></div>
    <div class="relative" :class="{ 'bg-white max-h-[100dvh] overflow-hidden flex' : isOpen }">
        <div :class="{ 'container py-6 pb-0 max-h-full overflow-hidden flex flex-col' : isOpen }">
            <div :class="{'flex items-center justify-between gap-1 lg:gap-10 mb-6' : isOpen}">
                <template x-if="isOpen">
                    <div>
                        <div class="order-2 lg:order-1 w-full sm:w-auto flex-1 flex justify-center lg:justify-start">
    <a
        class="flex items-center justify-center w-40 lg:w-17.5 xl:w-40"
        :class="{ 'w-40 lg:w-17.5 xl:w-40' : !searchOpen, 'w-17.5 xl:w-40' : searchOpen }"
        href="https://www.runningxpert.com/nl/"
        aria-label="Go&#x20;to&#x20;Home&#x20;page"
    >
                <div class="w-full hidden lg:block xl:hidden" :class="{ 'hidden lg:block xl:hidden' : !searchOpen, 'block xl:hidden' : searchOpen }">
            <img src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Magento_Theme/logos/brand-mark.svg"
                 alt=""
                 loading="eager"
            />
        </div>

                        <div class="w-full lg:hidden xl:block" :class="{ 'lg:hidden xl:block' : !searchOpen, 'hidden xl:block' : searchOpen }">
            <img src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Magento_Theme/logos/global_logo.svg"
                 alt=""
                 loading="eager"
            />
        </div>
    </a>
</div>
                    </div>
                </template>
                <form class="form minisearch relative" id="search_mini_form"
                      action="https://www.runningxpert.com/nl/catalogsearch/result/" method="get" autocomplete="off"
                    :class="{ 'flex-1 max-w-screen-lg' : isOpen }">
                    <label class="sr-only" for="search" data-role="minisearch-label">
                        <span>Zoek</span>
                    </label>
                    <input id="search" x-ref="searchInput" type="search"
                           name="q"
                           value=""
                           placeholder="Zoek"
                           maxlength="128"
                           class="w-full px-5 p-2.5 pr-10 md:pr-12 leading-normal transition appearance-none text-grey-800 rounded-full border-0 bg-container
                focus:outline-none focus:border-transparent"
                           role="combobox"
                           aria-autocomplete="list"
                           aria-haspopup="listbox"
                           aria-controls="mirasvitSearchResults"
                           :aria-expanded="isOpen"
                           x-on:keyup.debounce.500="doSearch($refs.searchInput.value)"
                           x-on:click.debounce.150="openSearch"
                           x-on:focus.debounce.150="openSearch"
                           x-on:keydown.debounce.100="startSearch($refs.searchInput.value)"/>
                    <a class="absolute right-0 top-1/2 transform -translate-y-1/2 -translate-x-1/2" :href="numberResultsUrl" aria-label="Zoek">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
</svg>
                    </a>
                </form>
                <template x-if="isOpen">
                    <div class="relative">
                        <div class="invisible">
                            <div class="order-2 lg:order-1 w-full sm:w-auto flex-1 flex justify-center lg:justify-start">
    <a
        class="flex items-center justify-center w-40 lg:w-17.5 xl:w-40"
        :class="{ 'w-40 lg:w-17.5 xl:w-40' : !searchOpen, 'w-17.5 xl:w-40' : searchOpen }"
        href="https://www.runningxpert.com/nl/"
        aria-label="Go&#x20;to&#x20;Home&#x20;page"
    >
                <div class="w-full hidden lg:block xl:hidden" :class="{ 'hidden lg:block xl:hidden' : !searchOpen, 'block xl:hidden' : searchOpen }">
            <img src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Magento_Theme/logos/brand-mark.svg"
                 alt=""
                 loading="eager"
            />
        </div>

                        <div class="w-full lg:hidden xl:block" :class="{ 'lg:hidden xl:block' : !searchOpen, 'hidden xl:block' : searchOpen }">
            <img src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Magento_Theme/logos/global_logo.svg"
                 alt=""
                 loading="eager"
            />
        </div>
    </a>
</div>
                        </div>
                        <button type="button" @click="closeSearch" aria-label="Zoeken&#x20;sluiten" class="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>x</title></svg>
                        </button>
                    </div>
                </template>
            </div>

            <div x-cloak x-show="isOpen" id="mirasvitSearchResults" class="w-full pb-6 scrollbar-hide overflow-x-hidden text-lg leading-normal transition appearance-none text-grey-800 lg:text-xl relative">
                <div class="flex flex-row justify-center items-center w-full h-full absolute select-none z-40"
     style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);"
     x-show="isLoading"
     x-transition:enter="ease-out duration-200"
     x-transition:enter-start="opacity-0"
     x-transition:enter-end="opacity-100"
     x-transition:leave="ease-in duration-200"
     x-transition:leave-start="opacity-100"
     x-transition:leave-end="opacity-0">
    <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
    <svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff"
         class="stroke-current text-primary">
        <g fill="none" fill-rule="evenodd">
            <g transform="translate(1 1)" stroke-width="2">
                <circle cx="5" cy="50" r="5">
                    <animate attributeName="cy"
                             begin="0s" dur="2.2s"
                             values="50;5;50;50"
                             calcMode="linear"
                             repeatCount="indefinite"/>
                    <animate attributeName="cx"
                             begin="0s" dur="2.2s"
                             values="5;27;49;5"
                             calcMode="linear"
                             repeatCount="indefinite"/>
                </circle>
                <circle cx="27" cy="5" r="5">
                    <animate attributeName="cy"
                             begin="0s" dur="2.2s"
                             from="5" to="5"
                             values="5;50;50;5"
                             calcMode="linear"
                             repeatCount="indefinite"/>
                    <animate attributeName="cx"
                             begin="0s" dur="2.2s"
                             from="27" to="27"
                             values="27;49;5;27"
                             calcMode="linear"
                             repeatCount="indefinite"/>
                </circle>
                <circle cx="49" cy="50" r="5">
                    <animate attributeName="cy"
                             begin="0s" dur="2.2s"
                             values="50;50;5;50"
                             calcMode="linear"
                             repeatCount="indefinite"/>
                    <animate attributeName="cx"
                             from="49" to="49"
                             begin="0s" dur="2.2s"
                             values="49;5;27;49"
                             calcMode="linear"
                             repeatCount="indefinite"/>
                </circle>
            </g>
        </g>
    </svg>
    <div class="ml-10 text-primary text-xl">
        Bezig met laden...    </div>
</div>

                <template x-if="hotSearch">
                    <div>
                        <p class="text-sm leading-normal font-normal transition appearance-none text-[#aaa] flex">
                            Anderen zochten naar                        </p>
                        <div class="my-2 flex flex-wrap gap-2" role="listbox" aria-label="Anderen&#x20;zochten&#x20;naar">
                                                                                                <button type="button" x-on:click="hotSearchClickEvent" role="option" class="flex gap-2 items-center justify-between text-sm px-3 py-2 rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">Garmin</button>
                                                                    <button type="button" x-on:click="hotSearchClickEvent" role="option" class="flex gap-2 items-center justify-between text-sm px-3 py-2 rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">Saucony</button>
                                                                    <button type="button" x-on:click="hotSearchClickEvent" role="option" class="flex gap-2 items-center justify-between text-sm px-3 py-2 rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">Hoka</button>
                                                                    <button type="button" x-on:click="hotSearchClickEvent" role="option" class="flex gap-2 items-center justify-between text-sm px-3 py-2 rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">Brooks</button>
                                                                    <button type="button" x-on:click="hotSearchClickEvent" role="option" class="flex gap-2 items-center justify-between text-sm px-3 py-2 rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">Asics</button>
                                                                                    </div>
                    </div>
                </template>

                                                    
                <template x-if="searchResults">
                    <div class="text-base grid gap-4 lg:grid-cols-12">
                                                <div class="col-span-12 lg:col-span-8 lg:order-1">
                                                        <p class="text-sm leading-normal font-normal transition appearance-none text-[#aaa] flex">
                                Producten                                <template x-if="searchProducts != ''">
                                    <small class="ml-1 hidden">(<span x-html="searchProductsTotal"></span>)</small>
                                </template>
                            </p>
                            <div class="my-2 p-0 container flex flex-wrap mb-6 gap-y-2" :class="{ '-mx-[5px] lg:-mx-2.5 w-[calc(100%_+_10px)] lg:w-[calc(100%_+_20px)]' : searchProducts != '' }">
                                <template x-for="item in searchProducts">
                                    <div class="item flex w-1/2 md:w-1/3 px-[5px] lg:px-2.5">
                                                                                    <form class="w-full product_addtocart_form item product product-item flex flex-col group transition-all"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="search" />
    <input type="hidden" name="added_from_info" value="catalog_product_view" />

    <div class="relative bg-container-darker mb-5">
        <template x-if="item.product_label">
            <div x-html="item.product_label"></div>
        </template>
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-7.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
        <div class="hidden lg:block absolute bottom-0 w-full overflow-hidden max-h-[0] z-10 group-hover:max-h-[500px] bg-white" style="transition: max-height 0.35s ease-in-out;">
            <template x-if="item.available_sizes && item.available_sizes.renderSizes && window.matchMedia('(min-width: 768px)').matches">                 <div class="text-base font-normal">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="m-2 p-0 list-none flex flex-wrap gap-x-2.5 gap-y-1">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="m-2 p-0 !text-base !leading-normal" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </template>
            <template x-if="item.variant_images.length && window.matchMedia('(min-width: 768px)').matches">                 <ul class="flex p-0 m-2 flex-wrap list-none gap-x-2.5 gap-y-1">
                    <template x-for="image in item.variant_images">
                        <li class="border border-[#e2e2e2] flex grow-0 shrink-0 basis-[15.3%] aspect-square mb-0 hover:border-[#8b8b8b] transition" :class="{'border-black' : image.id == item.id }">
                            <a :href="image.link" :aria-label="image.name + ' ' + image.color" class="cursor-pointer w-full h-full flex justify-center items-center p-1">
                                <img fetchpriority="low" loading="lazy" width="45" height="45"
                                     :src="image.base_image" class="object-cover" :alt="image.name + ' ' + image.color" />
                            </a>
                        </li>
                    </template>
                </ul>
            </template>
        </div>

        <button x-data="initWishlist(item.id)"
                @reinit-wishlist.window="reinitWishlist(item.id);"
                @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
                @click.prevent="handleClick($event)"
                :data-product="item.name"
                class="hover:text-black p-1 absolute top-2 right-2 z-20"
                type="button" aria-label="Toevoegen aan verlanglijst">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" x-show="!active" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
<title>heart</title></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="24" height="24" x-cloak="" x-show="active" role="img">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
        </button>
    </div>

    <div class="product-info flex flex-col grow relative">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-base leading-tight font-thin uppercase block text-primary-lighter mb-2.5 lg:max-w-[calc(100%_-_40px)]"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-lg text-black block leading-none lg:max-w-[calc(100%_-_40px)]"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-lg text-black block pt-1 leading-tight"></span>
        </a>

        <template x-if="item.tier_prices">
            <div class="mt-2">
                <ul class="gap-2 flex flex-col m-0 p-0 list-none">
                    <template x-for="tierPrice in item.tier_prices">
                        <li x-data="{
                                qty: tierPrice.qty,
                                translation: 'Koop %1 vore %2/st.,',
                                getPrice() {
                                    if (tierPrice.percentage_value) {
                                        return item.max_price * (1 - (tierPrice.percentage_value / 100));
                                    }
                                    return tierPrice.price;
                                },
                                getPercentage() {
                                    return Math.max(0, Math.round((1 - (this.getPrice() / item.price)) * 100));
                                }
                            }"
                            class="item inline-block bg-[#f5f5f5] py-1.5 px-2 m-0 text-sm"
                            x-show="getPercentage() > 0"
                        >
                            <span>
                                <span x-html="translation.replace('%1', qty).replace('%2', `<span class='text-secondary font-black'>`+hyva.formatPrice(getPrice())+`</span>`)"></span>
                                bewaar                                <span class="percent font-black" x-text="getPercentage() + '%'"></span>
                            </span>
                        </li>
                    </template>
                </ul>
            </div>
        </template>

        <div class="price-box mt-2.5 grow flex flex-col lg:flex-row justify-end lg:justify-between text-base lg:flex-wrap lg:items-end gap-y-2">
            <div class="flex flex-col items-baseline h-auto justify-end">
                <div class="retail-price-wrapper" :class="{ 'invisible': !(item.max_price && item.max_price > item.price) }">
                    <div class="retail-price">
                        <span class="price-container">
                            <span class="price-label">Verkoopprijs</span>
                            <span class="price-wrapper">
                                <span class="price" x-text="hyva.formatPrice(item.max_price || item.price)"></span>
                            </span>
                        </span>
                    </div>
                </div>

                <template x-if="item.max_price && item.max_price > item.price && item.non_member_price && (item.non_member_price != item.max_price) && (((1 - item.price / item.non_member_price ) * 100) > 2)">
                    <div class="non-member-price-wrapper">
                        <div class="non-member-price">
                            <span class="price-container">
                                <span class="price-label">Geen lid</span>
                                <span class="price-wrapper">
                                    <span class="price" x-text="hyva.formatPrice(item.non_member_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>
                </template>

                <span :class="item.max_price && item.max_price > item.price ? 'normal-price special-price' : 'normal-price'">
                    <span class="price-container">
                        <span class="price-label">As low as</span>
                        <template x-if="item.max_price && item.max_price > item.price && item.non_member_price">
                            <span class="block text-xs uppercase font-extrabold text-loebeshopplus">
                                Jouw ledenprijs                            </span>
                        </template>
                        <span class="price-wrapper">
                            <span :id="'product-price-'+item.id" class="price" :class="{ '!text-loebeshopplus' : item.max_price && item.max_price > item.price && item.non_member_price }" x-text="hyva.formatPrice(item.price)"></span>
                        </span>
                    </span>
                </span>
            </div>
            <template x-if="item.member_price">
                <div class="flex h-auto items-end">
                    <span class="member-price flex p-2 border-2 border-loebeshopplus text-loebeshopplus">
                        <span class="price-container !flex flex-col">
                            <span class="price-label flex items-center justify-between gap-1.5">
                                Ledenprijs                                <template x-if="document.querySelectorAll('#memberprice-modal').length">
                                    <span class="cursor-pointer" @click="$dispatch('open-memberprice-modal')">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>Click for info</title></svg>
                                    </span>
                                </template>
                            </span>
                            <span class="price-wrapper flex">
                                <span :id="'product-member-price-'+item.id" class="price !text-loebeshopplus" x-text="hyva.formatPrice(item.member_price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="item.available_sizes && item.available_sizes.renderSizes && isMobile">             <div class="mobile-sizes lg:hidden pt-2.5">
                <div class="border-t font-normal leading-normal border-container">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="mt-2.5 mb-0 p-0 list-none flex flex-wrap gap-x-1.5 gap-y-1 text-[10px] text-primary-lighter">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="mt-2.5 p-0 !text-[10px] text-primary-lighter !leading-normal !mb-0" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </div>
        </template>
        <template x-if="(item.available_sizes.length == 0 || !item.available_sizes.renderSizes) && isMobile">
            <div class="mobile-sizes h-9"></div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 pb-0.5 lg:pb-1 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020aan\u0020winkelwagen\u0020toevoegen'.replace('%1', item.name)"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
</svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020bekijken'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-5 lg:w-5" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020binnenkort\u0020verkrijgbaar'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-10 pb-0.5 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020alleen\u0020verkrijgbaar\u0020in\u0020de\u0020winkel'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
</svg>
            </button>
        </template>
    </div>
</form>
                                                                            </div>
                                </template>
                                <template x-if="searchProducts == ''">
                                    <p>No results found.</p>
                                </template>
                            </div>
                                                    </div>
                        <div class="col-span-12 lg:col-span-4">
                            
                            <template x-if="searchCategories != ''">
                                <div class="mb-6">
                                    <p class="text-sm leading-normal font-normal transition appearance-none text-[#aaa] flex">
                                        Categorieëen                                        <small class="ml-1 hidden">(<span x-html="searchCategoriesTotal"></span>)</small>
                                    </p>
                                    <div class="my-2 flex flex-wrap gap-2" role="listbox" aria-label="Categorie&#xEB;en">
                                        <template x-for="category in searchCategories">
                                            <a x-bind:href="`${category.url}`" role="option">
                                                <div class="flex gap-2 items-center justify-between text-sm px-3 py-2 cursor-pointer rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">
                                                    <span class="cursor-pointer item-name" x-html="category.name"></span>
                                                </div>
                                            </a>
                                        </template>
                                    </div>
                                </div>
                            </template>

                            <template x-if="searchPages != ''">
                                <div class="mb-6">
                                    <p class="text-sm leading-normal font-normal transition appearance-none text-[#aaa] flex">
                                        Pagina's                                        <small class="ml-1 hidden">(<span x-html="searchPagesTotal"></span>)</small>
                                    </p>
                                    <div class="my-2 flex flex-wrap gap-2" role="listbox" aria-label="Pagina&#x27;s">
                                        <template x-for="page in searchPages">
                                            <a x-bind:href="`${page.url}`" role="option">
                                                <div class="flex gap-2 items-center justify-between text-sm px-3 py-2 cursor-pointer rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">
                                                    <span class="cursor-pointer item-name" x-html="page.name"></span>
                                                </div>
                                            </a>
                                        </template>
                                    </div>
                                </div>
                            </template>

                            <template x-if="searchPosts != ''">
                                <div class="mb-6">
                                    <p class="text-sm leading-normal font-normal transition appearance-none text-[#aaa] flex">
                                        Berichten                                        <small class="ml-1 hidden">(<span x-html="searchPostsTotal"></span>)</small>
                                    </p>
                                    <div class="my-2 flex flex-wrap gap-2" role="listbox" aria-label="Berichten">
                                        <template x-for="item in searchPosts">
                                            <a x-bind:href="`${item.url}`" role="option">
                                                <div class="flex gap-2 items-center justify-between text-sm px-3 py-2 cursor-pointer rounded
                                 border border-container hover:bg-container transition hover:border-container-dark">
                                                    <span class="cursor-pointer item-name" x-html="item.name"></span>
                                                </div>
                                            </a>
                                        </template>
                                    </div>
                                </div>
                            </template>
                                                    </div>
                    
                        <div class="p-4 w-full order-2 col-span-12 bg-gray-100">
                            <div class="flex items-center justify-center">
                                <a x-bind:href="numberResultsUrl">
                                    <p class="text-gray-900 transition duration-300 hover:text-gray-500 font-bold text-base lg:text-lg mb-0" x-html="numberResults"></p>
                                </a>
                            </div>
                        </div>
                    </div>
                </template>

                <template x-if="noResults">
                    <div class="bg-gray-100 p-2">
                                                    <p class="text-lg leading-normal transition appearance-none text-grey-800 lg:text-xl" x-html="noResultsText"></p>
                                            </div>
                </template>
            </div>
        </div>
    </div>

</div>
<style>
    i {
        margin: 5px;
    }
</style>
<script>
    function initMirasvitSearch() {
        return {
            //initialize Variables
            hotSearch:             false,
            showBestsellers:       false,
            searchResults:         false,
            noResults:             false,
            isLoading:             false,
            isOpen:                false,
            blockConfig:           {"query":"","priceFormat":{"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/www.runningxpert.com\/nl\/searchautocomplete\/ajax\/suggest\/","storeId":"6","delay":300,"isAjaxCartButton":false,"isShowCartButton":false,"isShowImage":true,"isShowPrice":true,"isShowSku":false,"isShowRating":false,"isShowDescription":false,"isShowStockStatus":false,"layout":"2columns","popularTitle":"Popular Suggestions","popularSearches":["Garmin","Saucony","Hoka","Brooks","Asics"],"isTypeaheadEnabled":false,"typeaheadUrl":"https:\/\/www.runningxpert.com\/nl\/searchautocomplete\/ajax\/typeahead\/","minSuggestLength":2,"currency":"EUR","limit":90},
            xhttp:                 false,
            noResultsText:         '',
            numberResults:         '',
            numberResultsUrl:      '',
            searchProductsTotal:   '',
            searchCategoriesTotal: '',
            searchPagesTotal:      '',

            searchProducts:   [],
            searchCategories: [],
            searchPages:      [],
            searchPosts:      [],

            searchMap: {
                'magento_cms_page':         'Pages',
                'magento_catalog_category': 'Categories',
                'magento_catalog_product':  'Products',
                'mageplaza_blog_post': 'Posts'
            },

            scrollPos: 0,
            isFiltersOpen: false,
            isMobile: false,

            init() {
                this.checkIsMobile();
            },

            checkIsMobile: function () {
                this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
            },

            hotSearchClickEvent: function (ev) {
                var hotSearchClick = event.currentTarget.innerText;
                document.getElementById("search").value = hotSearchClick;

                this.doSearch(hotSearchClick);
            },

            focusOption: function (direction, event) {
                if (!this.isOpen) {
                    return;
                }

                var container = document.getElementById('mirasvitSearchResults');
                if (!container) {
                    return;
                }

                var options = Array.from(container.querySelectorAll('[role="option"]'));
                if (!options.length) {
                    return;
                }

                event.preventDefault();

                var currentIndex = options.indexOf(document.activeElement);

                if (currentIndex === -1) {
                    options[direction > 0 ? 0 : options.length - 1].focus();
                    return;
                }

                var nextIndex = currentIndex + direction;

                if (nextIndex < 0) {
                    this.$refs.searchInput.focus();
                    return;
                }

                options[nextIndex % options.length].focus();
            },

            openSearch: function () {
                this.isOpen = true;
                var searchValue = document.getElementById("search").value.length;

                if (searchValue >= this.blockConfig.minSearchLength) {
                    this.hideHotSearch();
                } else {
                    this.showHotSearch();
                    this.hideSearchResults();
                }

                this.disableBodyScroll();

                window.dispatchEvent(new CustomEvent("search-is-open"));

                window.dispatchEvent(new CustomEvent("highlight-search-query"));
            },

            startSearch: function (e) {
                if (e) {
                    this.isOpen = true;
                }
            },

            closeSearch: function () {
                this.isOpen = false;
                this.enableBodyScroll();
                window.dispatchEvent(new CustomEvent("search-is-closed"));

                setTimeout( function () {
                    window.dispatchEvent(new CustomEvent("set-fixed"));
                }, 10);

                if (this.isMobile) {
                    document.getElementById('mobile-search-trigger').value = document.getElementById("search").value;
                }
            },

            getScrollPos: function () {
                this.scrollPos = document.getElementsByTagName('html')[0].scrollTop;
            },

            disableBodyScroll: function () {
                this.getScrollPos();
                document.getElementsByTagName('body')[0].style.overflowY = 'hidden';
                document.getElementsByTagName('body')[0].style.zIndex = '0';
                document.getElementsByTagName('body')[0].style.position = '';
                if (this.isMobile) {
                    document.getElementsByTagName('body')[0].style.position = 'fixed';
                }
                document.getElementsByTagName('body')[0].style.left = '0';
                document.getElementsByTagName('body')[0].style.right = '0';
                document.getElementsByTagName('body')[0].style.top = '-'+ this.scrollPos +'px';
            },

            enableBodyScroll: function () {
                document.getElementsByTagName('body')[0].style.overflow = 'auto';
                document.getElementsByTagName('body')[0].style.position = 'static';
                window.scrollTo({top: this.scrollPos, behavior: "instant"});
            },

            showHotSearch: function () {
                this.hotSearch = true;
                this.showBestsellers = true;
            },

            hideHotSearch: function () {
                this.hotSearch = false;
                this.showBestsellers = false;
            },

            showSearchResults: function () {
                this.searchResults = true;
            },

            hideSearchResults: function () {
                this.searchResults = false;
            },

            showNoResults: function () {
                this.noResults = true;
            },

            hideNoResults: function () {
                this.noResults = false;
            },

            setNoResultsText(text) {
                if (!text) {
                    return;
                }

                this.noResultsText = text;
            },

            setNumberResults(text) {
                this.numberResults = text;
            },

            setNumberResultsUrl(text) {
                this.numberResultsUrl = text;
            },

            resetSearchData: function () {
                // Reinitialize Variables to avoid wrong search results.
                this.searchPages = [];
                this.searchPagesTotal = 0;
                this.searchCategories = [];
                this.searchCategoriesTotal = 0;
                this.searchProducts = [];
                this.searchProductsTotal = 0;
                this.searchPosts = [];
                this.searchPostsTotal = 0;
            },

            highlightMatch: function (element, query, cssClass) {
                let arQuery = query.split(' ');
                let arSpecialChars = [
                    {'key': 'a', 'value': '(à|â|ą|a)'},
                    {'key': 'c', 'value': '(ç|č|c)'},
                    {'key': 'e', 'value': '(è|é|ė|ê|ë|ę|e)'},
                    {'key': 'i', 'value': '(î|ï|į|i)'},
                    {'key': 'o', 'value': '(ô|o)'},
                    {'key': 's', 'value': '(š|s)'},
                    {'key': 'u', 'value': '(ù|ü|û|ū|ų|u)'}
                ];

                if (!document.querySelectorAll(element).length) {
                    return;
                }

                document.querySelectorAll(element).forEach(function (item, index) {
                    let html = item.innerHTML;

                    arQuery.forEach(function (word, key) {
                        word = word.trim();

                        if (word) {
                            word = word.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&');
                            arSpecialChars.forEach(function (match, idx) {
                                word = word.replace(new RegExp(match.key, 'g'), match.value);
                            });

                            if ("span".indexOf(word.toLowerCase()) === -1) {
                                html = html.replace(new RegExp('(' + word + '(?![^<>]*>))', 'ig'), function ($1, match) {
                                    return '<span class="' + cssClass + '">' + match + '</span>';
                                });
                            }
                        }
                    });
                    item.innerHTML = html;
                });
            },

            doSearch: function (query) {
                var self = this;
                // Min search length
                var allowedShortQueries = ['on', 'ur', 'bh'];
                if (query.length < this.blockConfig.minSearchLength && !allowedShortQueries.includes(query.toLowerCase().trim())) {
                    this.showHotSearch();
                    this.isLoading = false;
                    this.hideSearchResults();
                    this.hideNoResults();
                    this.$dispatch('highlight-search-query');
                    this.$dispatch('reinit-wishlist');

                    return;
                } else {
                    this.hideHotSearch();
                    this.isLoading = true;
                    this.resetSearchData();
                    this.showSearchResults();
                    this.hideNoResults();
                }

                // AJAX for searchautocomplete/ajax/suggest/
                if (this.xhttp) {
                    try {
                        this.xhttp.abort();
                    } catch {

                    }
                }
                this.xhttp = new XMLHttpRequest();
                var xhttp = this.xhttp;

                var queryEncoded = encodeURIComponent(query);
                var url = this.blockConfig.url.replace(/\/$/, "") + "/?q=" + queryEncoded + "&store_id=" + this.blockConfig.storeId + "&cat=false";

                xhttp.open("GET", url, true);
                xhttp.setRequestHeader("Content-Type", "application/json");

                xhttp.onreadystatechange = function () {
                    if (this.readyState === 4 && this.status === 200) {
                        // Response from ajax call in JSON.
                        var response = JSON.parse(this.responseText);

                        self.resetSearchData();

                        // Product Search Results
                        for (index in response.indexes) {

                            if (response.indexes[index].items.length > 0) {
                                var res = response.indexes[index];
                                var map = null;

                                if (self.searchMap[res.identifier]) {
                                    map = self.searchMap[res.identifier];
                                    self['search' + map] = res.items;
                                    self['search' + map + 'Total'] = res.totalItems;
                                }
                            }
                        }

                        self.isLoading = false;
                        self.hideNoResults();
                        self.setNumberResults(response.textAll);
                        self.setNumberResultsUrl(response.urlAll);

                        if (response.noResults) {
                            self.setNoResultsText(response.textEmpty);
                            self.hideSearchResults();
                            self.showNoResults();
                        }

                        self.$nextTick( () => {
                            self.addAjaxCartEvents();
                            self.$dispatch('highlight-search-query');
                            self.$dispatch('reinit-wishlist');
                        });
                    }
                };
                xhttp.send();
            },
            addAjaxCartEvents() {
                if(typeof window.setAjaxCart == 'function') {
                    window.setAjaxCart();
                }
            },
            addToCartClick(elem, event) {
                var form = elem.closest('form'),
                    overlay = form.querySelector('.overlay');

                if (form.querySelector('select')) {
                    if (!form.querySelector('select').value) {
                        event.preventDefault();
                        var select = form.querySelector('select');
                        select.classList.remove('hidden', 'opacity-0');
                        overlay.classList.remove('hidden', 'opacity-0');
                        select.focus();
                        return false;
                    }
                }

                form.dispatchEvent(new CustomEvent('submit', {}));
            },
            addToCartOptionSelected(elem) {
                var form = elem.closest('form'),
                    overlay = form.querySelector('.overlay');

                form.querySelector('select').classList.add('hidden', 'opacity-0');
                overlay.classList.add('hidden', 'opacity-0');

                setTimeout(() => {
                    form.querySelector('select').value = '';
                }, 500)

                form.querySelector('button[type="submit"]').click();
            },
            hideOverlayAndSelect(elem) {
                var form = elem.closest('form'),
                    overlay = form.querySelector('.overlay');

                form.querySelector('select').classList.add('hidden', 'opacity-0');
                overlay.classList.add('hidden', 'opacity-0');
            },
            showSpinner(elem) {
                const button = elem;
                const loader = document.createElement('div');

                loader.className = 'absolute inset-0 flex justify-center items-center loader';
                loader.innerHTML = `
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" width="32" height="32">
                    <path fill="#fff"
                        d="M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50">
                        <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
                            from="0 50 50" to="360 50 50"
                            repeatCount="indefinite"/>
                    </path>
                </svg>
            `;

                button.prepend(loader);
                button.classList.add('relative', 'is-loading');
                button.disabled = true;
            }
        }
    }
</script>

                    <!--Wishlist icon-->
                    <a type="button"
                       id="wishlist-icon"
                       class="relative inline-block ml-1 no-underline sm:ml-3 hover:text-black"
                       aria-label="Mijn&#x20;verlanglijst"
                       @click.prevent="handleWishlistClick()"
                       href="https://www.runningxpert.com/nl/wishlist/"
                    >
                        <span
                            x-text="parseInt(wishlist.counter)"
                            x-show="parseInt(wishlist.counter)"
                            x-cloak
                            class=" h-5 w-5 aspect-square flex justify-center items-center
                        absolute top-0 right-0 -mt-5 -mr-4 text-xs font-semibold
                        leading-none text-center text-white uppercase transform -translate-x-1
                        translate-y-1/2 rounded-full bg-primary
                    "
                            aria-hidden="true"
                        ></span>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="max-lg:p-1 lg:h-6 lg:w-6 text-[#333]" width="32" height="32" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
</svg>
                        <span class="sr-only">
                            Mijn verlanglijst                        </span>
                    </a>

                    <!--Cart Icon-->
                                        <button
                                            id="menu-cart-icon"
                        class="relative inline-block ml-1 no-underline sm:ml-3 hover:text-black"
                        x-ref="cartButton"
                        :aria-disabled="isCartEmpty()"
                        :aria-label="`
                            Toggle&#x20;minicart,
                            ${isCartEmpty()
                                ? 'Winkelwagen&#x20;is&#x20;leeg'
                                : cart.summary_count > 1
                                    ? hyva.str('&#x25;1&#x20;producten', cart.summary_count)
                                    : hyva.str('&#x25;1&#x20;item', cart.summary_count)
                            }`"
                                                    @click.prevent="() => {
                                $dispatch('toggle-cart', { isOpen: true })
                            }"
                            @toggle-cart.window="toggleCart($event)"
                            :aria-expanded="isCartOpen"
                            aria-haspopup="dialog"
                                            >
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 md:h-6 md:w-6 hover:text-black" width="25" height="25" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
<title>shopping-bag</title></svg>

                        <span
                            x-text="cart.summary_count"
                            x-show="!isCartEmpty()"
                            x-cloak
                            class=" h-5 w-5 aspect-square flex justify-center items-center
                                absolute top-0 right-0 -mt-5 -mr-4 text-xs font-semibold
                                leading-none text-center text-white uppercase transform -translate-x-1
                                translate-y-1/2 rounded-full bg-primary
                            "
                            aria-hidden="true"
                        ></span>
                                        </button>
                                        <span class="sr-only" aria-live="polite" aria-atomic="true" x-text="cartCountAnnouncement"></span>
                </div>
            </div>
            <div class="container w-full lg:hidden">
                <input id="mobile-search-trigger" type="search"
                       name="mobile-q"
                       value=""
                       placeholder="Zoek"
                       class="w-full px-5 p-2.5 leading-normal transition appearance-none text-grey-800 rounded-full border-0 bg-container
                focus:outline-none focus:border-transparent" @click="$dispatch('open-search-mobile')" @focus="$dispatch('open-search-mobile')"/>
            </div>
        </div>


    <!--Cart Drawer-->
    <script>
    function initCartDrawer() {
        const displayError = (error) => {
            console.error(error);
            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                [{
                    type: "error",
                    text: "Er\u0020ging\u0020iets\u0020mis.\u0020Probeer\u0020opnieuw."
                }], 10000
            );
        };

        return {
            open: false,
            isLoading: false,
            cart: {},
            maxItemsToDisplay: 10,
            itemsCount: 0,
            cartItemsHeight: false,
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart;
                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
                    this.setCartItems();
                    window.dispatchEvent(new CustomEvent('cart-data-updated', {detail: {cart: this.cart}}));
                }
                this.isLoading = false;
            },
            cartItems: [],
            getItemCountTitle() {
                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount)
            },
            setCartItems() {
                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];

                if (this.maxItemsToDisplay > 0) {
                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
                }

                this.$nextTick( () => { this.setCartItemsHeight() })
            },
            setCartItemsHeight() {
                if (document.querySelector('.cart-items-wrapper')) {
                    var cartHeight = document.querySelectorAll('.cart-items-wrapper > div')[0].offsetHeight + 48;

                    if (this.itemsCount > 1) {
                        cartHeight += document.querySelectorAll('.cart-items-wrapper > div')[1].offsetHeight + 24;
                    }
                    if (this.itemsCount > 2) {
                        if (window.matchMedia("(min-width: 768px)").matches) {
                            cartHeight += (document.querySelectorAll('.cart-items-wrapper > div')[2].offsetHeight / 2) + 24;
                        }
                    }

                    this.cartItemsHeight = cartHeight + 'px';
                }
            },
            postSidebar(url, body, successMessage = '') {
                this.isLoading = true;

                return fetch(url, {
                    method: 'POST',
                    headers: {
                        'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'
                    },
                    body: body,
                    mode: 'cors',
                    credentials: 'include'
                }).then(response => {
                    if (response.redirected) {
                        window.location.href = response.url;
                        return null;
                    }
                    if (!response.ok) {
                        throw new Error(response.statusText);
                    }
                    return response.json();
                }).then(result => {
                    if (!result) {
                        return null;
                    }

                    if (!result.success) {
                        window.dispatchMessages && window.dispatchMessages(
                            [{type: 'error', text: result.error_message}], 5000
                        );
                    } else if (successMessage) {
                        window.dispatchMessages && window.dispatchMessages(
                            [{type: 'success', text: successMessage}], 5000
                        );
                    }

                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
                    this.$nextTick( () => { this.setCartItemsHeight() })

                    return result;
                }).catch(displayError).finally(() => {
                    this.isLoading = false;
                });
            },
            updateItemQty(itemId, qty) {
                const newQty = parseFloat(qty);

                if (!newQty || newQty < 1) {
                    return this.deleteItemFromCart(itemId);
                }

                return this.postSidebar(
                    BASE_URL + 'checkout/sidebar/updateItemQty/',
                    'form_key=' + hyva.getFormKey() + '&item_id=' + itemId + '&item_qty=' + newQty
                );
            },
            deleteItemFromCart(itemId) {
                const itemData = this.cart.items.filter((item) => item['item_id'] === itemId);

                return this.postSidebar(
                    BASE_URL + 'checkout/sidebar/removeItem/',
                    'form_key=' + hyva.getFormKey() + '&item_id=' + itemId,
                    'U\u0020heeft\u0020het\u0020product\u0020verwijderd.'
                ).then(result => {
                    if (result && result.success && itemData) {
                        window.dispatchEvent(new CustomEvent('cart-item-removed', {detail: itemData}));
                    }
                });
            },
            toggleCartDrawer(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    if (event.detail.isOpen) {
                        this.openCartDrawer()
                    } else {
                        this.open = false
                        this.setScrollLock(false)
                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent)
                    }
                } else {
                                        this.openCartDrawer()
                }
            },
            openCartDrawer() {
                this.open = true;
                this.setScrollLock(window.matchMedia('(max-width: 767px)').matches);
                this.$nextTick( () => { this.setCartItemsHeight() })
                this.$nextTick(() => hyva.trapFocus(this.$refs.cartDialogContent))
            },
            setScrollLock(lock) {
                document.documentElement.classList.toggle('overflow-hidden', lock);
                document.body.classList.toggle('overflow-hidden', lock);
            },
            closeCartDrawer() {
                this.$dispatch('toggle-cart', { isOpen: false })
            }
        }
    }
</script>
<section x-cloak
         x-show="cart"
         id="cart-drawer"
         x-data="initCartDrawer()"
         @private-content-loaded.window="getData($event.detail.data)"
         @toggle-cart.window="toggleCartDrawer($event)"
         @keydown.escape="closeCartDrawer"
>
    <div role="dialog"
         aria-labelledby="cart-drawer-title"
         aria-modal="true"
         :aria-hidden="!open"
         class="fixed inset-y-0 right-0 z-40 flex max-w-full">
        <div class="backdrop"
             x-show="open"
             x-transition:enter="ease-in-out duration-500"
             x-transition:enter-start="opacity-0"
             x-transition:enter-end="opacity-100"
             x-transition:leave="ease-in-out duration-500"
             x-transition:leave-start="opacity-100"
             x-transition:leave-end="opacity-0"
             @click="closeCartDrawer"
             aria-hidden="true"></div>
        <div class="relative w-screen max-w-screen-sm shadow-2xl"
             x-show="open"
             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:enter-start="translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="translate-x-full"
             x-ref="cartDialogContent"
             :tabindex="open ? 0 : -1"
        >

            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl">
                
                <header class="relative px-4 pt-6 sm:px-6">
                    <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">
                        <strong>Winkelwagen</strong>
                        <span class="items-total text-xs"
                              x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
                              x-text="getItemCountTitle()">
                        </span>
                    </p>
                </header>

                <section id="cart-messages"
                         x-data="initMessages()"
                         x-bind="eventListeners"
                         aria-live="assertive"
                         role="alert"
                >
                    <template x-if="!isEmpty()">
                        <div class="w-full">
                            <div class="messages container mx-auto">
                                <template x-for="(message, index) in messages" :key="index">
                                    <div>
                                        <template x-if="message && message.type == 'error'">
                                            <div class="message" :class="message.type"
                                                 :ui-id="'message-' + message.type"
                                            >
                                                <span x-html="message.text"></span>
                                                <button
                                                    type="button"
                                                    class="text-gray-600 hover:text-black"
                                                    aria-label="Close message"
                                                    @click.prevent="removeMessage(index)"
                                                >
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                                                </button>
                                            </div>
                                        </template>
                                    </div>
                                </template>
                            </div>
                        </div>
                    </template>
                </section>

                
                <template x-if="!itemsCount">
                    <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container">
                        Winkelwagen is leeg                    </div>
                </template>

                <template x-if="itemsCount">
                    <div class="cart-items-wrapper relative grid gap-6 px-4 py-6 overflow-x-hidden overscroll-y-contain bg-white sm:px-6"
                         :style="cartItemsHeight ? 'min-height:' + cartItemsHeight : ''">
                        <template x-for="item in cartItems">
                            <div class="border-b last:border-b-0 border-container pb-2.5 md:border-b-0 md:pb-0">
                                <div class="flex items-start md:items-center gap-4">
                                    <template x-if="item.product_has_url && item.is_visible_in_site_visibility">
                                        <a :href="item.product_url"
                                           class="h-20 w-20 bg-container-darker mix-blend-darken p-px"
                                           :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)"
                                        >
                                            <img
                                                :src="item.product_image.src"
                                                :width="item.product_image.width"
                                                :height="item.product_image.height"
                                                loading="lazy"
                                                :alt="item.product_name"
                                                class="w-full h-full object-contain mix-blend-darken"
                                            />
                                        </a>
                                    </template>
                                    <template x-if="!item.product_has_url || !item.is_visible_in_site_visibility">
                                        <div class="h-20 w-20 bg-container-darker mix-blend-darken p-px">
                                            <img
                                                :src="item.product_image.src"
                                                :width="item.product_image.width"
                                                :height="item.product_image.height"
                                                loading="lazy"
                                                :alt="item.product_name"
                                                class="w-full h-full object-contain mix-blend-darken"
                                            />
                                        </div>
                                    </template>
                                    <div class="flex-1 max-md:basis-full grid grid-flow-col auto-cols-auto grid-cols-[1fr] gap-x-4">
                                        <a class="font-bold block hover:underline hover:text-current col-span-3 md:col-span-1" :href="item.product_url">
                                            <span x-html="item.product_name"></span>
                                        </a>
                                        <div class="md:row-start-2 col-span-3 md:col-span-1">
                                            <template x-for="option in item.options">
                                                <p class="text-sm my-2">
                                                    <span class="font-bold" x-html="option.label"></span>: <span class="" x-html="option.value"></span>
                                                </p>
                                            </template>
                                        </div>

                                        <div class="flex gap-2 md:row-start-3" x-data="{ hasChanged: false }">
                                            <fieldset class="flex border-solid border-container border place-content-between items-center px-2 rounded h-8 md:h-10">
                                                <button @click.debounce.100ms="updateItemQty(item.item_id, item.qty - 1);"
                                                        class="cursor-pointer text-xs md:text-sm text-cart-actions"
                                                        :class="{ 'invisible' : item.is_use_points}"
                                                        :aria-label="hyva.strf('Aantal\u0020van\u0020\u0022\u00250\u0022\u0020verlagen', item.product_name)">
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"/>
</svg>
                                                </button>
                                                <input type="number" :value="item.qty" :id="'cartItemQty'+item.item_id"
                                                       class="qty w-8 h-full text-center font-bold border-none lg:text-sm p-0 appearance-none"
                                                       :aria-label="hyva.strf('Aantal\u0020voor\u0020\u0022\u00250\u0022', item.product_name)"
                                                       @input.debounce="hasChanged = $el.value != item.qty" />
                                                <button @click.debounce.100ms="updateItemQty(item.item_id, item.qty + 1);"
                                                        class="cursor-pointer text-xs md:text-sm text-cart-actions"
                                                        :class="{ 'invisible' : item.is_use_points}"
                                                        :aria-label="hyva.strf('Aantal\u0020van\u0020\u0022\u00250\u0022\u0020verhogen', item.product_name)">
                                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"/>
</svg>
                                                </button>
                                            </fieldset>
                                            <button x-cloak x-show="hasChanged"
                                                    :aria-label="hyva.strf('Nieuw\u0020aantal\u0020voor\u0020\u0022\u00250\u0022\u0020bevestigen', item.product_name)"
                                                    @click="updateItemQty(item.item_id, $root.querySelector('#cartItemQty'+item.item_id).value); hasChanged = false;">
                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
</svg>
                                            </button>
                                        </div>

                                        <span class="font-black self-center row-start-3 justify-self-end md:row-span-3" x-html="hyva.formatPrice(item.qty * item.product_price_value)"></span>

                                        <button type="button"
                                                class="inline-flex self-center row-start-3 md:row-span-3 justify-self-end"
                                                @click="deleteItemFromCart(item.item_id)"
                                                :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
</svg>
                                        </button>
                                    </div>
                                </div>
                                <template x-if="item.message">
                                    <div class="col-span-full row-start-4 mt-5 sm:pl-24">
                                        <div class="cart item message notice !mb-0">
                                            <span x-text="item.message"></span>
                                        </div>
                                    </div>
                                </template>
                            </div>
                        </template>
                    </div>
                </template>

                <template x-if="itemsCount">
                    <div>
                        
                        <div class="relative px-4 pb-6 md:pb-8 bg-white sm:px-6">
                            <div class="w-full space-x-4 flex justify-end font-black border-t border-container pt-6">
                                <p class="text-lg">
                                    <span class="uppercase">Subtotaal</span>:
                                    <span x-html="cart.subtotal"></span>
                                </p>
                            </div>
                        </div>
                    </div>
                </template>

                <template x-if="itemsCount">
                    <div class="cart-drawer--checkout relative grid gap-6 shrink-0 px-4 pb-6 bg-white sm:gap-8 sm:px-6">
                        <div class="w-full flex flex-col items-center space-y-2.5">
                            <a href="https://www.runningxpert.com/nl/checkout/cart/"
                               class="flex justify-center btn btn-primary uppercase w-full py-4 px-5 text-xl
                               bg-action_green border-action_green hover:bg-action_green-lighter shadow-none hover:shadow-none hover:opacity-100"
                            >
                                Winkelmandje                            </a>
                        </div>
                                            </div>
                </template>

                <div class="cart-drawer--bottom">    <script>
        OsearchInitialParamsosearchcartdrawerrelated = {"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"bestsellers":"desc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"_id":[-1]},"pageSize":24};
        OsearchInitialDataosearchcartdrawerrelated = {"params":{"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"bestsellers":"desc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"_id":[-1]},"pageSize":24,"website":"6","currentPage":1},"initial":1,"items_count":0,"pages":0,"current_page":1,"append":0,"items":[],"filters":[],"state":{"l":24,"sort":{"bestsellers":"desc"}},"tracking":{"item_list_id":"category_2","item_list_name":"","items":[]},"schema":false};
    </script>
    <div x-data="OSearch(OsearchInitialParamsosearchcartdrawerrelated,OsearchInitialDataosearchcartdrawerrelated)"
         class="osearch-container osearch-related-products flex flex-col"
         @resize.window="checkIsMobile();"
         @visibilitychange.window="checkIsMobile();"
                     @private-content-loaded.window="updateProductItems($event.detail.data.cart.cartRelatedItems)"
             >
        <select class="hidden" name="osearch-items-sort" id="osearch-items-sort">
            <option value="bestsellers-desc" data-sort-order="bestsellers" data-sort-dir="desc">Bestsellers</option>
        </select>
        <select class="hidden" name="osearch-items-limit" id="osearch-items-limit">
            <option value="24" data-limit="24">24</option>
        </select>
        <template x-if="1 && productItems && productItems.length">
            <span class="heading font-black mb-2.5">Lees artikelen</span>
        </template>

        <div class="osearch-product-list products-list-view flex flex-col w-full gap-5"
>
    <template x-for="(item,index) in productItems">
        <div class="item flex w-full">
            <template x-if="item.item_type == 'product'">
                <form class="w-full product_addtocart_form item product product-item flex gap-4 items-center
 group transition-all relative"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="cart_related" />
    <input type="hidden" name="added_from_info" value="catalog_product_view" />

    <div class="relative bg-container-darker max-w-[90px]">
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-2.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
    </div>

    <div class="product-info flex flex-col grow">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-sm leading-tight lg:leading-tight font-thin uppercase block text-primary-lighter mb-1"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-base text-black block leading-none"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-base text-black block leading-tight lg:leading-tight"></span>
        </a>

        <div class="price-box mt-1.5 grow flex flex-col lg:flex-row lg:justify-between text-base">
            <template x-if="item.max_price && item.max_price > item.price">
                <div class="flex flex-row-reverse gap-2 items-baseline justify-end h-full">
                    <div class="retail-price-wrapper">
                        <div class="retail-price">
                            <span class="price-container">
                                <span class="price-wrapper">
                                    <span class="price line-through" x-text="hyva.formatPrice(item.max_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>

                    <span class="normal-price special-price">
                        <span class="price-container">
                            <span class="price-label">As low as</span>
                            <template x-if="item.non_member_price">
                                <span class="block text-xs uppercase font-extrabold text-secondary">
                                    Jouw ledenprijs                                </span>
                            </template>
                            <span class="price-wrapper">
                                <span :id="'product-price-'+item.id" class="price" x-text="hyva.formatPrice(item.price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
            <template x-if="(item.max_price && item.max_price == item.price) || !item.max_price">
                <div class="flex h-full items-end">
                    <span class="normal-price">
                        <span class="price-container">
                            <span class="price-label">As low as</span>
                            <span class="price-wrapper">
                                <span :id="'product-price-'+item.id" class="price" x-text="hyva.formatPrice(item.price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button type="submit"
                    class="!absolute top-0 right-0 bg-primary rounded-full h-7 lg:h-9 pb-0.5 aspect-square flex items-center justify-center text-white"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-5 lg:w-5" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
<title>In winkelmandje</title></svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute top-0 right-0 bg-primary rounded-full h-7 lg:h-9 aspect-square flex items-center justify-center text-white"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-4.5 w-4.5" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>In winkelmandje</title></svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button type="button"
                    class="!absolute top-0 right-0 bg-primary rounded-full h-7 lg:h-9 aspect-square flex items-center justify-center text-white"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-5 lg:w-5" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>In winkelmandje</title></svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button type="button"
                    class="!absolute top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-9 pb-0.5 aspect-square flex items-center justify-center text-white"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-5 lg:w-5" width="20" height="20" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
<title>In winkelmandje</title></svg>
            </button>
        </template>
    </div>
</form>
            </template>
        </div>
    </template>
</div>
    </div>

</div>            </div>

            <button
                type="button"
                @click="closeCartDrawer"
                aria-label="Close&#x20;minicart"
                class="absolute top-0 right-0 p-4 mt-2 text-gray-300 transition-colors hover:text-black"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
            </button>
        </div>
        <div
    class="z-50 fixed inset-0 flex justify-center items-center bg-white/70 select-none"
    x-show="isLoading"
    x-cloak
    x-transition.opacity.duration.200ms
>
    <div class="flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" class="animate-spin" aria-hidden="true">
    <circle style="opacity: .3;" cx="12" cy="12" r="10"/>
    <path fill="none" stroke-width="2" d="M12,2 a10,10 0 0,1 10,10"/>
</svg>
        <div class="ml-10 text-xl">
            Bezig met laden...        </div>
    </div>
</div>
    </div>

</section>

    <!--Authentication Pop-Up-->
    <!-- BLOCK authentication-popup --><script>
    function initAuthentication() {
        return {
            open: false,
            lastFocusedElement: null,
            init() {
                this.$watch('open', (isOpen) => {
                    if (isOpen) {
                        this.lastFocusedElement = document.activeElement;
                        this.$nextTick(() => hyva.trapFocus(this.$refs.authDialog));
                    } else {
                        hyva.releaseFocus(this.$refs.authDialog);
                        this.lastFocusedElement && this.lastFocusedElement.focus();
                        this.lastFocusedElement = null;
                    }
                });
            },
            close() {
                this.open = false;
                document.getElementsByTagName('body')[0].style.overflow = 'auto';
                document.getElementsByTagName('body')[0].style.position = 'static';
                window.scrollTo(0, this.scrollPos);
            },
            forceAuthentication: false,
            checkoutUrl: 'https://www.runningxpert.com/nl/checkout/index/',
            errors: 0,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            scrollPos: 0,
            toggleLoginModal() {
                this.open = !this.open;
                if (this.open) {
                    this.getScrollPos();
                    document.getElementsByTagName('body')[0].style.overflowY = 'scroll';
                    document.getElementsByTagName('body')[0].style.position = 'fixed';
                    document.getElementsByTagName('body')[0].style.left = '0';
                    document.getElementsByTagName('body')[0].style.right = '0';
                    document.getElementsByTagName('body')[0].style.top = '-'+ this.scrollPos +'px';
                } else if (!this.open) {
                    document.getElementsByTagName('body')[0].style.overflow = 'auto';
                    document.getElementsByTagName('body')[0].style.position = 'static';
                    window.scrollTo(0, this.scrollPos);
                }
            },
            getScrollPos() {
                this.scrollPos = document.getElementsByTagName('html')[0].scrollTop;
            },
            setErrorMessages: function setErrorMessages(message) {
                this.errorMessages = [message];
                this.displayErrorMessage = true;
            },
            clearErrorMessages: function () {
                this.errorMessages = [];
                this.displayErrorMessage = this.errorMessages.length;
            },
            submitForm: function () {
                // Do not rename $form, the variable is expected to be declared in the recaptcha output
                const $form = document.querySelector('#login-form');
                
                if (this.errors === 0) {
                    this.dispatchLoginRequest($form);
                }
            },
            onPrivateContentLoaded() {
                const data = this.$event.detail.data;
                const isLoggedIn = data.customer && data.customer.firstname;
                if (data.cart && !isLoggedIn) {
                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
                }
            },
            redirectIfAuthenticated() {
                const event = this.$event;
                this.open = this.forceAuthentication;

                if (event.detail && event.detail.url) {
                    this.checkoutUrl = event.detail.url;
                }
                if (!this.forceAuthentication) {
                    window.location.href = this.checkoutUrl;
                }
            },
            resetErrors() {
                this.errors = 0;
            },
            dispatchLoginRequest: function(form) {
                this.isLoading = true;
                const username = this.$refs['customer-email'].value;
                const password = this.$refs['customer-password'].value;
                const formKey = document.querySelector('input[name=form_key]').value;
                const bodyFields = {
                    'username': username,
                    'password': password,
                    'formKey': formKey
                };
                const recaptchaField = form.querySelector('input[name=g-recaptcha-response]');
                if (recaptchaField != null) {
                    bodyFields['g-recaptcha-response'] = recaptchaField.value;
                }
                fetch('https://www.runningxpert.com/nl/customer/ajax/login/', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: JSON.stringify(bodyFields)
                    }
                ).then(response => {
                        return response.json()
                    }
                ).then(data => {
                    this.isLoading = false;
                    if (data.errors) {
                        this.setErrorMessages(data.message);
                        this.errors = 1;
                        this.hasCaptchaToken = 0;
                    } else {
                        // const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                        // window.dispatchEvent(reloadCustomerDataEvent);
                        // this.close();
                        window.location.reload();
                    }
                });
            },
            eventListeners: {
                ['@private-content-loaded.window']() {
                    this.onPrivateContentLoaded();
                },
                ['@toggle-authentication.window']() {
                    this.clearErrorMessages();
                    this.toggleLoginModal();
                },
                ['@login-message.window'](event) {
                    this.setErrorMessages(event.detail.message);
                },
                ['@pageshow.window'](event) {
                    if (event.persisted) {
                        this.close();
                    }
                },
                ['@keydown.window.escape']() {
                    this.close();
                },
                ['@close-auth.window']() {
                    this.close();
                }
            }
        }
    }

    window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true})
</script>
<section id="authentication-popup"
         x-data="initAuthentication()"
         x-bind="eventListeners"
>
    <div
        class="backdrop"
        aria-hidden="true"
        x-cloak
        x-show="open"
        x-transition:enter="ease-in-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in-out duration-500"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        @click="close"
    ></div>
    <div role="dialog"
         aria-modal="true"
         x-ref="authDialog"
         x-show="open"
         class="z-30 fixed flex top-1/2 left-1/2 h-fit transform -translate-x-1/2 justify-center -translate-y-1/2 w-full lg:w-4/5 xl:w-3/5 max-w-full inset-0"
         x-cloak
    >
        <div class="relative rounded-lg overflow-auto max-w-5xl w-full h-min bg-white"
             x-show="open"
             x-cloak
             x-transition:enter="ease-in-out duration-500"
             x-transition:enter-start="opacity-0"
             x-transition:enter-end="opacity-100"
             x-transition:leave="ease-in-out duration-500"
             x-transition:leave-start="opacity-100"
             x-transition:leave-end="opacity-0"
        >
            <div
                x-show="open"
                x-cloak
                x-transition:enter="ease-in-out duration-500"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="ease-in-out duration-500"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2">
                <button @click="close" aria-label="Close panel"
                        class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>x</title></svg>
                </button>
            </div>

            <template x-if="displayErrorMessage">
                <div class="pt-5 px-7.5">
                    <template x-for="(message, index) in errorMessages" :key="index">
                        <div class="message error mt-2 lg:mt-1 relative pr-8">
                            <span x-html="message"></span>
                            <button type="button" @click="clearErrorMessages()"
                                    class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>x</title></svg>
                            </button>
                        </div>
                    </template>
                </div>
            </template>

            <div class="flex flex-col lg:flex-row lg:h-full px-7.5 py-10 bg-white shadow-xl overflow-y-auto gap-x-12 ">
                <div class="block-new-customer lg:flex-1">
                    <p id="authenticate-new-customer" class="text-lg lg:text-4xl font-black font-vitesse italic !mb-5 uppercase leading-7 lg:leading-10 text-gray-900">
                        Account aanmaken                    </p>

                    <div class="block-content">
                                                                            <p class="mb-1">
                                Het aanmaken van een account heeft vele voordelen:                            </p>
                            <ul class="pl-3">
                                <li> Bekijk bestelling en verzendstatus</li>
                                <li> Bekijk bestelgeschiedenis</li>
                                <li> Reken sneller af</li>
                            </ul>
                        
                        <div class="flex justify-end mt-6 mb-2 items-center">
                            <a href="https://www.runningxpert.com/nl/customer/account/create/"
                               class="inline-flex w-full lg:w-auto btn btn-black-transparent">
                                Account aanmaken                            </a>
                        </div>
                    </div>
                </div>
                <div  data-text="of" class="my-10 lg:my-0 relative border-b lg:border-b-0 lg:border-l after:font-vitesse after:font-bold after:absolute after:top-1/2 after:transform after:bg-white after:rounded-[50%] after:px-1 after:py-0.5 after:uppercase after:italic after:border after:border-container after:-translate-y-1/2 after:left-1/2 after:-translate-x-1/2 after:content-[attr(data-text)] border-container"></div>
                <div class="block-customer-login lg:flex-1">
                    <p id="authenticate-customer-login" class="text-lg lg:text-4xl mb-5 font-black font-vitesse italic uppercase leading-7 lg:leading-10 text-gray-900">
                        Log in                    </p>

                    <form class="form form-login"
                          method="post"
                          @submit.prevent="submitForm"
                          id="login-form"
                    >
                                                <div class="fieldset login">
                            <div class="field email required">
                                <label class="label" for="form-login-username" form="login-form" >
                                    <span>E-mail adres</span>
                                </label>
                                <div class="control">
                                    <input name="username"
                                           id="form-login-username"
                                           x-ref="customer-email"
                                           @change="resetErrors"
                                           type="email"
                                           required
                                           autocomplete="off"
                                           class="form-input input-text w-full"
                                    >
                                </div>
                            </div>
                            <div class="field password required">
                                <label for="form-login-password" class="label" form="login-form">
                                    <span>Wachtwoord</span>
                                </label>
                                <div class="control">
                                    <input name="password"
                                           id="form-login-password"
                                           type="password"
                                           class="form-input input-text w-full"
                                           required
                                           autocomplete="off"
                                           x-ref="customer-password"
                                           @change="resetErrors"
                                    >
                                </div>
                            </div>

                            <input name="context" type="hidden" value="checkout" />
                            <div class="flex flex-col gap-5 lg:flex-row-reverse justify-between pt-6 pb-2 items-center">
                                <button type="submit"                                        class="inline-flex w-full lg:w-auto btn btn-primary disabled:opacity-75"
                                >
                                    Inloggen                                </button>
                                <a href="https://www.runningxpert.com/nl/customer/account/forgotpassword/"
                                >
                                    Wachtwoord vergeten?                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /BLOCK authentication-popup --></div>

</header><div class="post--top video-wrap">    <img src="https://www.runningxpert.com/media/mageplaza/blog/post/v/i/vinterlob-hero_8.jpg" />
<div class="post--top-info">
                            <div class="blue-label">
                Artikel            </div>
                <h1>
        De beste hardloopschoenen voor herfst en winter runs    </h1>
    <div class="post--top-info-shortdescription">
        We hebben onze keuzes voor schoenen verzameld die je veilig door het winterweer loodsen. Bekijk hier de beste hardloopschoenen voor kou, sneeuw, ijs en natte wegen.    </div>
    </div>
</div><div x-data="postHeadlines()"
     class="post--headlines-wrap"
     :class="{ 'active': headings.length }"
>
    <div class="post--headlines-inner" :class="{ 'stick': sticky }">
        <ul class="post--headlines" x-ref="list">
            <template x-for="item in headings" :key="item.id">
                <li>
                    <a
                        :href="'#' + item.id"
                        :class="{ 'active': activeId === item.id }"
                        @click.prevent="scrollTo(item.id)"
                        x-text="item.label"
                    ></a>
                </li>
            </template>
        </ul>

        <div class="post--progressbar" :style="`width: ${progress}%`"></div>
    </div>
</div>

<script>
    function postHeadlines() {
        return {
            headings: [],
            activeId: null,
            sticky: false,
            progress: 0,
            init() {
                const content = document.querySelector('.post--content');
                if (!content) return;

                const h2s = [...content.querySelectorAll('h2')];
                if (!h2s.length) return;

                this.headings = h2s.map((h2, i) => {
                    const label = h2.dataset.headline?.trim() || h2.textContent.trim();
                    const id = h2.id || `headline-${i}`;
                    h2.id = id;
                    return { id, label, el: h2 };
                });

                this.initObserver();
                this.bindScroll(content);

                this.$nextTick(() => {
                    this.setHeadlinesHeight();
                });
            },
            setHeadlinesHeight() {
                this.$root.style.height = this.$root.children[0].offsetHeight + 'px';
            },
            scrollTo(id) {
                const target = document.getElementById(id);
                if (!target) return;

                window.scrollTo({
                    top: target.offsetTop - 85,
                    behavior: 'smooth'
                });
            },
            initObserver() {
                const observer = new IntersectionObserver((entries) => {
                    entries.forEach(entry => {
                        if (!entry.isIntersecting) return;

                        this.activeId = entry.target.id;
                        this.scrollNavIntoView();
                    });
                }, {
                    rootMargin: '-40% 0px -45% 0px'
                });

                this.headings.forEach(h => observer.observe(h.el));
            },
            scrollNavIntoView() {
                this.$nextTick(() => {
                    const link = this.$refs.list.querySelector(`a[href="#${this.activeId}"]`);
                    if (!link) return;

                    const offset = link.offsetLeft - this.$refs.list.offsetWidth / 2;
                    this.$refs.list.scrollTo({ left: offset, behavior: 'smooth' });
                });
            },
            bindScroll(content) {
                const footer = document.querySelector('.page-footer');
                const wrap = this.$root.querySelector('.post--headlines-inner');

                window.addEventListener('scroll', () => {
                    const scrollY = window.scrollY;
                    const wrapTop = this.$root.offsetTop;

                    // Sticky
                    this.sticky = scrollY > wrapTop;

                    // Progress bar
                    const contentTop = content.offsetTop;
                    const max = content.offsetHeight - (footer?.offsetHeight || 0);
                    const scrolled = scrollY - contentTop;

                    this.progress = Math.min(100, Math.max(0, (scrolled / max) * 100));
                }, { passive: true });
            }
        }
    }
</script>

<div class="post--author">
    <div class="post--author-inner">
        <div class="post--author-left">
            <img class="img-responsive"
                 src="https://www.runningxpert.com/media/mageplaza/blog/auth/resize/50x/t/i/tine.jpg" />
            <div class="post--author-left-info">
                <span class="author-title">
                    Tine Thomsen                </span>
                <span class="author-work">
                    RunningXpert                </span>
            </div>
        </div>
        <div class="post--author-right">
            <span>
                Laatst geactualiseerd            </span>
            <span class="post--updated">
                6 januari 2026            </span>
        </div>
    </div>
</div>

<main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div>
<div class="page messages"><script>
        window.defaultSuccessMessageTimeout = 3000;
        function initMessages() {
        "use strict";
        return {
            messages: window.mageMessages || [],
            isEmpty() {
                return this.messages.reduce(
                    function (isEmpty, message) {
                        return isEmpty && message === undefined
                    }, true
                )
            },
            hasMessages() {
                return !this.isEmpty();
            },
            hasMessage() {
                return !!this.message;
            },
            removeMessage() {
                this.messages[this.index] = undefined;
            },
            addMessages(messages, hideAfter) {
                messages.map((message) => {
                    if (!message.text || !message.text.trim()) return;
                    this.messages = this.messages.concat(message);
                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
                        hideAfter = window.defaultSuccessMessageTimeout;
                    }
                    if (hideAfter) {
                        this.setHideTimeOut(this.messages.length -1, hideAfter);
                    }
                });
            },
            setHideTimeOut(messageIndex, hideAfter) {
                setTimeout((messageIndex) => {
                    this.messages[messageIndex] = undefined;
                }, hideAfter, messageIndex);
            },
            eventListeners: {
                ['@messages-loaded.window'](event) {
                    this.addMessages(event.detail.messages, event.detail.hideAfter)
                },
                ['@private-content-loaded.window'](event) {
                    const data = event.detail.data;
                    if (
                        data.messages &&
                        data.messages.messages &&
                        data.messages.messages.length
                    ) {
                        this.addMessages(data.messages.messages);
                    }
                },
                ['@clear-messages.window']() {
                    this.messages = [];
                },
                ['@pageshow.window'](event) {
                    if (event.persisted) {
                        this.messages = [];
                    };
                }
            },
            getMessageUiId() {
                return 'message-' + this.message.type;
            }
        }
    }

    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
</script>
<section id="messages"
         x-data="initMessages"
         x-bind="eventListeners"
         role="alert"
>
    <template x-if="hasMessages">
        <div class="w-full">
            <div class="messages container mx-auto py-3">
                <template x-for="(message, index) in messages" :key="index">
                    <div>
                        <template x-if="hasMessage">
                            <div class="message"
                                 :class="message.type"
                                 :ui-id="getMessageUiId"
                            >
                                <span x-html="message.text"></span>
                                <button
                                    type="button"
                                    class="text-gray-600 hover:text-black"
                                    aria-label="Close message"
                                    @click.prevent="removeMessage"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                                </button>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>
</section>
</div><div class="columns"><div class="column main"><style>
	#post-container {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;khtml-user-select: none;user-select: none;}
</style>
<div class="post">
    <div id="post-container">
        <div class="post--content">
            <p><span style="font-size: 28px;">Hardlopen moet het hele jaar door kunnen. Maar als de omstandigheden uitdagend zijn in herfst en winter, is het belangrijk om de juiste uitrusting te hebben. Warme <a title="Winter hardloopkleding" href="/lobetoj.html" target="_blank" rel="noopener">hardloopkleding</a> voor de winter is natuurlijk vanzelfsprekend, maar veel lopers onderschatten schoenen die passen bij het seizoen.</span></p>
<p> </p>
<p>Met winterhardloopschoenen heb je extra grip en verhoog je je veiligheid tijdens het lopen in donkere, natte, gladde en koude omgevingen. Winterhardloopschoenen beschermen bovendien je voeten tegen de barre weersomstandigheden, zodat je je training in stijl en comfort kunt voortzetten gedurende de winter.</p>
<p dir="ltr">We hebben een blik geworpen op de beste hardloopschoenen van het seizoen en geven je hier onze favorieten voor herfst en winter runs.</p>
<p dir="ltr">
<div class="post--large-image post--img-animation">
    <div class="post--large-image-inner">
        <div style="display: flex;">
            <img src="https://www.runningxpert.com/media/wysiwyg/Artikler/2025/bedste-lobesko-2025/Alm_billedeasfvwivju.jpg" class="animation--img" alt=""/>
            <span class="post--large-image-credits">
                            </span>
        </div>
    </div>
</div>
</p>
<h2 dir="ltr">New Balance Fresh Foam X Hierro v9</h2>
<p dir="ltr"><strong>– Neutrale schoen voor wintertraining</strong></p>
<p><span class="widget block-category-link inline">
    <a href="https://www.runningxpert.com/nl/brands/new-balance/running-shoes/new-balance-trail/hierro.html" title="Hierro v9"><span>Hierro v9</span></a>
</span>
 heeft alles wat je zoekt in een winterhardloopschoen voor duurtraining: Comfortabel, ademend en een uitstekende buitenzool. Laatstgenoemde is gemaakt in samenwerking met Vibram, wat je grip geeft op zowel bosgrond als nat asfalt.</p>
<p>De tussenzool is bijgewerkt met nog meer van het superzachte schuimmateriaal Fresh Foam X, zodat je zowel in het bos als op asfalt kunt lopen.</p>
<p><div class="post--products">
            <div class="container">
                <div class="w-full productslider mt-7.5 mb-20 relative  pt-[70px]"
                     x-data="oSearchProductSlider($el)" :id="$id('osearch-slider')"
                     x-defer="intersect" x-show="isActive"
                                                                               >
                                        <script>
    OsearchInitialParams6ae1e834a7d69 = {"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["1616"],"must_not":{"filter_generelt_kon":["146"]}},"pageSize":"16"};
    OsearchInitialData6ae1e834a7d69 = {"params":{"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["1616"],"must_not":{"filter_generelt_kon":["146"]}},"pageSize":"16","website":"6","currentPage":1},"initial":1,"items_count":15,"pages":1,"current_page":1,"append":0,"items":[{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam X Hierro v9","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier8r9-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/h\/mhier8r9_nb_02_i.jpg","price":128,"max_price":160,"tier_prices":[],"style_reference":"MTHIER9","sku":"1000000051338","qty_increments":1,"available_sizes":{"sizes":["43","44"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1837","label":"43"},{"value":"1782","label":"44"}]}],"is_one_size":false},"variant_images":[{"id":"384664","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier8r9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier8r9_nb_02_i.jpg","name":"Fresh Foam X Hierro v9","color":"Groen","_misc":"Fresh Foam X Hierro v9"},{"id":"371197","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6ei-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6ei_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371209","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6y6-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6y6_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371223","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mthierz9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/t\/mthierz9_2.jpg","name":"Fresh Foam X Hierro v9","color":"Zwart","_misc":"Fresh Foam X Hierro v9"}],"launch_date":null,"in_stock_in_stores":"web","id":"384664","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam X Hierro v9","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mthierz9-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/t\/mthierz9_2.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"MTHIER9","sku":"1000000049447","qty_increments":1,"available_sizes":{"sizes":["40\u00bd","41\u00bd","42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46\u00bd","47"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1823","label":"40\u00bd"},{"value":"1829","label":"41\u00bd"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"}]}],"is_one_size":false},"variant_images":[{"id":"371223","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mthierz9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/t\/mthierz9_2.jpg","name":"Fresh Foam X Hierro v9","color":"Zwart","_misc":"Fresh Foam X Hierro v9"},{"id":"371197","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6ei-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6ei_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371209","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6y6-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6y6_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"384664","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier8r9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier8r9_nb_02_i.jpg","name":"Fresh Foam X Hierro v9","color":"Groen","_misc":"Fresh Foam X Hierro v9"}],"launch_date":null,"in_stock_in_stores":"web","id":"371223","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"FreshFoam Hierro v9 Goretex","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-whig5g3-b.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/w\/h\/whig5g3_2.jpg","price":180,"max_price":180,"tier_prices":[],"style_reference":"WTHIGV9","sku":"1000000049483","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd","39","40\u00bd","41","41\u00bd","43"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1813","label":"39"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1829","label":"41\u00bd"},{"value":"1837","label":"43"}]}],"is_one_size":false},"variant_images":[{"id":"371468","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-whig5g3-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whig5g3_2.jpg","name":"FreshFoam Hierro v9 Goretex","color":"Purper","_misc":"FreshFoam Hierro v9 Goretex"},{"id":"371470","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-wthiglb9-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/t\/wthiglb9_2.jpg","name":"FreshFoam Hierro v9 Goretex","color":"Zwart","_misc":"FreshFoam Hierro v9 Goretex"}],"launch_date":null,"in_stock_in_stores":"web","id":"371468","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Fresh Foam X Hierro v9","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier4a5-b.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/w\/h\/whier4a5_2.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"WTHIERV9","sku":"1000000049486","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd","38","39","40","40\u00bd","41","41\u00bd","42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1813","label":"39"},{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1829","label":"41\u00bd"},{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371494","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier4a5-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whier4a5_2.jpg","name":"Fresh Foam X Hierro v9","color":"Wit","_misc":"Fresh Foam X Hierro v9"},{"id":"371488","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier25j-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whier25j_2.jpg","name":"Fresh Foam X Hierro v9","color":"Rood","_misc":"Fresh Foam X Hierro v9"}],"launch_date":null,"in_stock_in_stores":"web","id":"371494","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Fresh Foam X Hierro v9","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier25j-b.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/w\/h\/whier25j_2.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"WTHIERV9","sku":"1000000049485","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd","38","39","40","40\u00bd","41","41\u00bd","42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1813","label":"39"},{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1829","label":"41\u00bd"},{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371488","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier25j-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whier25j_2.jpg","name":"Fresh Foam X Hierro v9","color":"Rood","_misc":"Fresh Foam X Hierro v9"},{"id":"371494","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier4a5-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whier4a5_2.jpg","name":"Fresh Foam X Hierro v9","color":"Wit","_misc":"Fresh Foam X Hierro v9"}],"launch_date":null,"in_stock_in_stores":"web","id":"371488","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"FreshFoam Hierro v9 Goretex","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-wthiglb9-b.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/w\/t\/wthiglb9_2.jpg","price":180,"max_price":180,"tier_prices":[],"style_reference":"WTHIGV9","sku":"1000000049484","qty_increments":0,"available_sizes":{"sizes":["38"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1757","label":"38"}]}],"is_one_size":false},"variant_images":[{"id":"371470","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-wthiglb9-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/t\/wthiglb9_2.jpg","name":"FreshFoam Hierro v9 Goretex","color":"Zwart","_misc":"FreshFoam Hierro v9 Goretex"},{"id":"371468","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-whig5g3-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whig5g3_2.jpg","name":"FreshFoam Hierro v9 Goretex","color":"Purper","_misc":"FreshFoam Hierro v9 Goretex"}],"launch_date":null,"in_stock_in_stores":"web","id":"371470","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Fresh Foam Hierro Trek","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet90m-b.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/w\/h\/whiet90m_2.jpg","price":141,"max_price":170,"tier_prices":[],"style_reference":"WHIETV9","sku":"1000000049480","qty_increments":1,"available_sizes":{"sizes":["37\u00bd","38","39","40","40\u00bd","41","41\u00bd","42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1813","label":"39"},{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1829","label":"41\u00bd"},{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371435","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet90m-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whiet90m_2.jpg","name":"Fresh Foam Hierro Trek","color":"Grijs","_misc":"Fresh Foam Hierro Trek"},{"id":"371426","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet50s-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whiet50s_nb_02_i.jpg","name":"Fresh Foam Hierro Trek","color":"Bruin","_misc":"Fresh Foam Hierro Trek"}],"launch_date":null,"in_stock_in_stores":"web","id":"371435","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam Hierro Trek","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet8t2-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/h\/mhiet8t2_nb_02_i.jpg","price":141,"max_price":170,"tier_prices":[],"style_reference":"MHIETV9","sku":"1000000049478","qty_increments":1,"available_sizes":{"sizes":["43","44","44\u00bd","45","45\u00bd","46\u00bd","47","47\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"},{"value":"1862","label":"47\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371407","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet8t2-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhiet8t2_nb_02_i.jpg","name":"Fresh Foam Hierro Trek","color":"Groen","_misc":"Fresh Foam Hierro Trek"},{"id":"371405","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet296-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhiet296_nb_02_i.jpg","name":"Fresh Foam Hierro Trek","color":"Blauw","_misc":"Fresh Foam Hierro Trek"}],"launch_date":null,"in_stock_in_stores":"web","id":"371407","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"FreshFoam Hierro v9 Goretex","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-freshfoam-hierro-v9-goretex-mhig2zn-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/h\/mhig2zn_2.jpg","price":180,"max_price":180,"tier_prices":[],"style_reference":"MTHIGV9","sku":"1000000049481","qty_increments":1,"available_sizes":{"sizes":["41\u00bd","42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46\u00bd","47"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1829","label":"41\u00bd"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"}]}],"is_one_size":false},"variant_images":[{"id":"371439","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-freshfoam-hierro-v9-goretex-mhig2zn-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhig2zn_2.jpg","name":"FreshFoam Hierro v9 Goretex","color":"Geel","_misc":"FreshFoam Hierro v9 Goretex"}],"launch_date":null,"in_stock_in_stores":"web","id":"371439","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam Hierro Trek","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet296-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/h\/mhiet296_nb_02_i.jpg","price":130,"max_price":170,"tier_prices":[],"style_reference":"MHIETV9","sku":"1000000049477","qty_increments":1,"available_sizes":{"sizes":["41\u00bd","42","43","44","44\u00bd","45"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1829","label":"41\u00bd"},{"value":"1772","label":"42"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"}]}],"is_one_size":false},"variant_images":[{"id":"371405","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet296-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhiet296_nb_02_i.jpg","name":"Fresh Foam Hierro Trek","color":"Blauw","_misc":"Fresh Foam Hierro Trek"},{"id":"371407","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet8t2-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhiet8t2_nb_02_i.jpg","name":"Fresh Foam Hierro Trek","color":"Groen","_misc":"Fresh Foam Hierro Trek"}],"launch_date":null,"in_stock_in_stores":"web","id":"371405","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Fresh Foam Hierro Trek","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet50s-b.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/w\/h\/whiet50s_nb_02_i.jpg","price":127,"max_price":170,"tier_prices":[],"style_reference":"WHIETV9","sku":"1000000049479","qty_increments":1,"available_sizes":{"sizes":["39","41","41\u00bd","42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1813","label":"39"},{"value":"1826","label":"41"},{"value":"1829","label":"41\u00bd"},{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371426","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet50s-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whiet50s_nb_02_i.jpg","name":"Fresh Foam Hierro Trek","color":"Bruin","_misc":"Fresh Foam Hierro Trek"},{"id":"371435","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet90m-b.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/w\/h\/whiet90m_2.jpg","name":"Fresh Foam Hierro Trek","color":"Grijs","_misc":"Fresh Foam Hierro Trek"}],"launch_date":null,"in_stock_in_stores":"web","id":"371426","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam X Hierro v9","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6y6-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/h\/mhier6y6_2.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"MTHIER9","sku":"1000000049446","qty_increments":1,"available_sizes":{"sizes":["41\u00bd","42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46\u00bd","47","47\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1829","label":"41\u00bd"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"},{"value":"1862","label":"47\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371209","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6y6-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6y6_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371197","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6ei-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6ei_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371223","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mthierz9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/t\/mthierz9_2.jpg","name":"Fresh Foam X Hierro v9","color":"Zwart","_misc":"Fresh Foam X Hierro v9"},{"id":"384664","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier8r9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier8r9_nb_02_i.jpg","name":"Fresh Foam X Hierro v9","color":"Groen","_misc":"Fresh Foam X Hierro v9"}],"launch_date":null,"in_stock_in_stores":"web","id":"371209","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam X Hierro v9","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6ei-d.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/h\/mhier6ei_2.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"MTHIER9","sku":"1000000049445","qty_increments":0,"available_sizes":{"sizes":["41\u00bd","42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46\u00bd","47","47\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1829","label":"41\u00bd"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"},{"value":"1862","label":"47\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"371197","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6ei-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6ei_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371209","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6y6-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier6y6_2.jpg","name":"Fresh Foam X Hierro v9","color":"Beige","_misc":"Fresh Foam X Hierro v9"},{"id":"371223","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mthierz9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/t\/mthierz9_2.jpg","name":"Fresh Foam X Hierro v9","color":"Zwart","_misc":"Fresh Foam X Hierro v9"},{"id":"384664","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier8r9-d.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/m\/h\/mhier8r9_nb_02_i.jpg","name":"Fresh Foam X Hierro v9","color":"Groen","_misc":"Fresh Foam X Hierro v9"}],"launch_date":null,"in_stock_in_stores":"web","id":"371197","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Fresh Foam X Trail Hierro GTX v7","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-trail-hierro-gtx-v7-wthigk7.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/n\/e\/new_balance_hierro_7_gtx_black_womens_5_.jpg","price":108,"max_price":180,"tier_prices":[],"style_reference":"WTHIERGTXV7","sku":"1000000030823","qty_increments":1,"available_sizes":{"sizes":["37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"232936","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-trail-hierro-gtx-v7-wthigk7.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/n\/e\/new_balance_hierro_7_gtx_black_womens_5_.jpg","name":"Fresh Foam X Trail Hierro GTX v7","color":"Zwart","_misc":"Fresh Foam X Trail Hierro GTX v7"}],"launch_date":null,"in_stock_in_stores":"web","id":"232936","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":4,"brand_value":"New Balance","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Fresh Foam X Hierro V9 Gore-Tex","product_url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-gore-tex-mthigla9.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/m\/t\/mthigla9_green.jpg","price":180,"max_price":180,"tier_prices":[],"style_reference":"MTHIER9-GT","sku":"1000000040624","qty_increments":1,"available_sizes":{"sizes":["46\u00bd"],"renderSizes":true,"manySizesLabel":"Available in many sizes","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1855","label":"46\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"309729","link":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-gore-tex-mthigla9.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/m\/t\/mthigla9_green.jpg","name":"Fresh Foam X Hierro V9 Gore-Tex","color":"Groen","_misc":"Fresh Foam X Hierro V9 Gore-Tex"}],"launch_date":null,"in_stock_in_stores":null,"id":"309729","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""}],"filters":[{"id":14,"prop":"filter_generelt_kon","label":"Geslacht","type":"checkbox","multiselect":true,"options":[{"id":1,"value":"144","label":"Dames","count":7,"selected":false,"sort_order":2},{"id":0,"value":"145","label":"Heren","count":8,"selected":false,"sort_order":3}],"position":0,"show_limit":4,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":false,"open":true},{"id":13,"prop":"colour_filter","label":"Kleur","type":"checkbox","multiselect":true,"options":[{"id":9,"value":"572478","label":"Blauw","count":1,"selected":false,"sort_order":1},{"id":8,"value":"572476","label":"Bruin","count":1,"selected":false,"sort_order":2},{"id":1,"value":"572477","label":"Groen","count":3,"selected":false,"sort_order":3},{"id":3,"value":"572474","label":"Grijs","count":2,"selected":false,"sort_order":4},{"id":6,"value":"572472","label":"Geel","count":1,"selected":false,"sort_order":5},{"id":4,"value":"572468","label":"Wit","count":1,"selected":false,"sort_order":7},{"id":7,"value":"572475","label":"Purper","count":1,"selected":false,"sort_order":10},{"id":5,"value":"572470","label":"Rood","count":1,"selected":false,"sort_order":11},{"id":0,"value":"572469","label":"Zwart","count":3,"selected":false,"sort_order":12},{"id":2,"value":"3134280","label":"Beige","count":2,"selected":false,"sort_order":16}],"position":2,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":3,"prop":"filter_kategorier_loebesko","label":"Schoentype","type":"checkbox","multiselect":true,"options":[{"id":2,"value":"680","label":"Hardloopschoenen","count":2,"selected":false,"sort_order":1},{"id":0,"value":"684","label":"Trailschoenen","count":11,"selected":false,"sort_order":2},{"id":1,"value":"3077380","label":"Wandelschoenen","count":5,"selected":false,"sort_order":5}],"position":4,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":8,"prop":"filter_sko_brug","label":"Het best voor","type":"checkbox","multiselect":true,"options":[{"id":0,"value":"41","label":"Trailrunning","count":11,"selected":false,"sort_order":4},{"id":1,"value":"3131184","label":"Hiken","count":6,"selected":false,"sort_order":5}],"position":7,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":0,"prop":"funktioner_sko","label":"Schoenkenmerken","type":"checkbox","multiselect":false,"options":[{"id":2,"value":"3130990","label":"Maximale demping","count":4,"selected":false,"sort_order":2},{"id":0,"value":"3131002","label":"Versterkte neus","count":13,"selected":false,"sort_order":12},{"id":1,"value":"3131001","label":"Trailnoppen, agressieve grip","count":5,"selected":false,"sort_order":14}],"position":10,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":5,"prop":"haeldrop_shoefinder","label":"Hakval","type":"checkbox","multiselect":false,"options":[{"id":0,"value":3074674,"label":"0-4 mm.","count":12,"selected":false,"sort_order":1},{"id":1,"value":3074675,"label":"5-8 mm.","count":1,"selected":false,"sort_order":2}],"position":26,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":16,"prop":"folelse_under_foden_shoefinder","label":"Demping","type":"checkbox","multiselect":true,"options":[{"id":1,"value":3074668,"label":"Zacht","count":3,"selected":false,"sort_order":1},{"id":0,"value":3074669,"label":"Gebalanceerd","count":12,"selected":false,"sort_order":2}],"position":27,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":11,"prop":"mellemsalshojde_shoefinder","label":"Tussenzoolhoogte","type":"checkbox","multiselect":true,"options":[{"id":0,"value":3074665,"label":"Hoog","count":11,"selected":false,"sort_order":1},{"id":1,"value":3074666,"label":"Gemiddeld","count":4,"selected":false,"sort_order":2}],"position":28,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":false},{"id":2,"prop":"filter_shoe","label":"Schoenmaat (EU)","type":"checkbox","multiselect":true,"options":[{"id":17,"value":1878,"label":"37","count":3,"selected":false,"sort_order":0},{"id":13,"value":1881,"label":"37\u00bd","count":5,"selected":false,"sort_order":0},{"id":14,"value":1758,"label":"38","count":4,"selected":false,"sort_order":0},{"id":8,"value":1814,"label":"39","count":5,"selected":false,"sort_order":0},{"id":15,"value":1821,"label":"40","count":3,"selected":false,"sort_order":0},{"id":9,"value":1824,"label":"40\u00bd","count":5,"selected":false,"sort_order":0},{"id":10,"value":1827,"label":"41","count":5,"selected":false,"sort_order":0},{"id":0,"value":1830,"label":"41\u00bd","count":10,"selected":false,"sort_order":0},{"id":7,"value":1773,"label":"42","count":5,"selected":false,"sort_order":0},{"id":1,"value":1835,"label":"42\u00bd","count":8,"selected":false,"sort_order":0},{"id":2,"value":1838,"label":"43","count":8,"selected":false,"sort_order":0},{"id":3,"value":1783,"label":"44","count":7,"selected":false,"sort_order":0},{"id":4,"value":1846,"label":"44\u00bd","count":6,"selected":false,"sort_order":0},{"id":5,"value":1849,"label":"45","count":6,"selected":false,"sort_order":0},{"id":11,"value":1852,"label":"45\u00bd","count":5,"selected":false,"sort_order":0},{"id":6,"value":1856,"label":"46\u00bd","count":6,"selected":false,"sort_order":0},{"id":12,"value":1860,"label":"47","count":5,"selected":false,"sort_order":0},{"id":16,"value":1863,"label":"47\u00bd","count":3,"selected":false,"sort_order":0}],"position":35,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false},{"id":4,"prop":"filter_shoe_us","label":"Schoenmaat US","type":"checkbox","multiselect":true,"options":[{"id":1,"value":1839,"label":"US10","count":12,"selected":false,"sort_order":0},{"id":3,"value":1842,"label":"US10\u00bd","count":10,"selected":false,"sort_order":0},{"id":6,"value":1847,"label":"US11","count":7,"selected":false,"sort_order":0},{"id":10,"value":1850,"label":"US11\u00bd","count":5,"selected":false,"sort_order":0},{"id":7,"value":1853,"label":"US12","count":6,"selected":false,"sort_order":0},{"id":11,"value":3078852,"label":"us12\u00bd","count":5,"selected":false,"sort_order":0},{"id":12,"value":1861,"label":"US13","count":3,"selected":false,"sort_order":0},{"id":13,"value":1882,"label":"US6\u00bd","count":3,"selected":false,"sort_order":0},{"id":8,"value":1819,"label":"US7","count":5,"selected":false,"sort_order":0},{"id":9,"value":1822,"label":"US7\u00bd","count":5,"selected":false,"sort_order":0},{"id":2,"value":1825,"label":"US8","count":10,"selected":false,"sort_order":0},{"id":4,"value":1828,"label":"US8\u00bd","count":8,"selected":false,"sort_order":0},{"id":5,"value":1833,"label":"US9","count":8,"selected":false,"sort_order":0},{"id":0,"value":1836,"label":"US9\u00bd","count":12,"selected":false,"sort_order":0}],"position":36,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false},{"id":9,"prop":"filter_shoe_uk","label":"Schoenmaat UK","type":"checkbox","multiselect":true,"options":[{"id":5,"value":1790,"label":"UK10","count":6,"selected":false,"sort_order":0},{"id":6,"value":1793,"label":"UK10\u00bd","count":6,"selected":false,"sort_order":0},{"id":10,"value":1796,"label":"UK11","count":5,"selected":false,"sort_order":0},{"id":7,"value":1799,"label":"UK11\u00bd","count":6,"selected":false,"sort_order":0},{"id":11,"value":1802,"label":"UK12","count":5,"selected":false,"sort_order":0},{"id":15,"value":1805,"label":"UK12\u00bd","count":3,"selected":false,"sort_order":0},{"id":14,"value":1756,"label":"UK4\u00bd","count":3,"selected":false,"sort_order":0},{"id":12,"value":3065825,"label":"Uk5","count":5,"selected":false,"sort_order":0},{"id":13,"value":1762,"label":"UK5\u00bd","count":4,"selected":false,"sort_order":0},{"id":8,"value":1765,"label":"UK6","count":5,"selected":false,"sort_order":0},{"id":16,"value":3065998,"label":"Uk6\u00bd","count":3,"selected":false,"sort_order":0},{"id":9,"value":1771,"label":"UK7","count":5,"selected":false,"sort_order":0},{"id":0,"value":1774,"label":"UK7\u00bd","count":10,"selected":false,"sort_order":0},{"id":1,"value":1777,"label":"UK8","count":10,"selected":false,"sort_order":0},{"id":2,"value":1780,"label":"UK8\u00bd","count":8,"selected":false,"sort_order":0},{"id":3,"value":1784,"label":"UK9","count":8,"selected":false,"sort_order":0},{"id":4,"value":1787,"label":"UK9\u00bd","count":7,"selected":false,"sort_order":0}],"position":37,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false}],"state":{"l":"16"},"tracking":{"item_list_id":"category_2","item_list_name":"L\u00f8beshop","items":[{"index":0,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"384664","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro v9","quantity":1,"discount":32,"price":128},{"index":1,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371223","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro v9","quantity":1,"discount":0,"price":160},{"index":2,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371468","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"FreshFoam Hierro v9 Goretex","quantity":1,"discount":0,"price":180},{"index":3,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371494","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro v9","quantity":1,"discount":0,"price":160},{"index":4,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371488","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro v9","quantity":1,"discount":0,"price":160},{"index":5,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371470","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"FreshFoam Hierro v9 Goretex","quantity":1,"discount":0,"price":180},{"index":6,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371435","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam Hierro Trek","quantity":1,"discount":29,"price":141},{"index":7,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371407","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam Hierro Trek","quantity":1,"discount":29,"price":141},{"index":8,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371439","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"FreshFoam Hierro v9 Goretex","quantity":1,"discount":0,"price":180},{"index":9,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371405","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam Hierro Trek","quantity":1,"discount":40,"price":130},{"index":10,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371426","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam Hierro Trek","quantity":1,"discount":43,"price":127},{"index":11,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371209","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro v9","quantity":1,"discount":0,"price":160},{"index":12,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"371197","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro v9","quantity":1,"discount":0,"price":160},{"index":13,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"232936","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Trail Hierro GTX v7","quantity":1,"discount":72,"price":108},{"index":14,"item_brand":"New Balance","item_category":"L\u00f8beshop","item_id":"309729","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Fresh Foam X Hierro V9 Gore-Tex","quantity":1,"discount":0,"price":180}]},"schema":{"@context":"https:\/\/schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier8r9-d.html","position":0},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mthierz9-d.html","position":1},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-whig5g3-b.html","position":2},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier4a5-b.html","position":3},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-hierro-v9-whier25j-b.html","position":4},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-freshfoam-hierro-v9-goretex-wthiglb9-b.html","position":5},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet90m-b.html","position":6},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet8t2-d.html","position":7},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-freshfoam-hierro-v9-goretex-mhig2zn-d.html","position":8},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-hierro-trek-mhiet296-d.html","position":9},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-hierro-trek-whiet50s-b.html","position":10},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6y6-d.html","position":11},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-mhier6ei-d.html","position":12},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-women-s-fresh-foam-x-trail-hierro-gtx-v7-wthigk7.html","position":13},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/new-balance-men-s-fresh-foam-x-hierro-v9-gore-tex-mthigla9.html","position":14}],"numberOfItems":15}};
    </script>
<div x-data="OSearch(OsearchInitialParams6ae1e834a7d69,OsearchInitialData6ae1e834a7d69);"
     class="osearch-container w-full snap-slider product-slider"
    x-snap-slider.auto-pager.group-pager data-content-type="products" data-appearance="carousel" data-show-dots="true" data-show-arrows="true"     @resize.window="checkIsMobile();"
     @visibilitychange.window="checkIsMobile();"
    >
        <div class="flex-1 transition max-w-full">
                                        <div class="osearch-product-list w-[100dvw] [--container-size:calc((100dvw_-_100cqw)_/_2)] mx-[calc((100dvw_-_100%)_*_-0.5)] scroll-px-(--container-size) px-(--container-size) snap-track [--snap-cols:1.5] md:[--snap-cols:2] lg:[--snap-cols:3] xl:[--snap-cols:4]"
    data-track>
            
                    
                    
                    
            
    <template x-for="(item,index) in productItems">
                                            <form class="w-full product_addtocart_form item product product-item flex flex-col group transition-all"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="product_slider" />
    <input type="hidden" name="added_from_info" value="mpblog_post_view" />

    <div class="relative bg-container-darker mb-5">
        <template x-if="item.product_label">
            <div x-html="item.product_label"></div>
        </template>
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-7.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
        <div class="hidden lg:block absolute bottom-0 w-full overflow-hidden max-h-[0] z-10 group-hover:max-h-[500px] bg-white" style="transition: max-height 0.35s ease-in-out;">
            <template x-if="item.available_sizes && item.available_sizes.renderSizes && window.matchMedia('(min-width: 768px)').matches">                 <div class="text-base font-normal">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="m-2 p-0 list-none flex flex-wrap gap-x-2.5 gap-y-1">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="m-2 p-0 !text-base !leading-normal" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </template>
            <template x-if="item.variant_images.length && window.matchMedia('(min-width: 768px)').matches">                 <ul class="flex p-0 m-2 flex-wrap list-none gap-x-2.5 gap-y-1">
                    <template x-for="image in item.variant_images">
                        <li class="border border-[#e2e2e2] flex grow-0 shrink-0 basis-[15.3%] aspect-square mb-0 hover:border-[#8b8b8b] transition" :class="{'border-black' : image.id == item.id }">
                            <a :href="image.link" :aria-label="image.name + ' ' + image.color" class="cursor-pointer w-full h-full flex justify-center items-center p-1">
                                <img fetchpriority="low" loading="lazy" width="45" height="45"
                                     :src="image.base_image" class="object-cover" :alt="image.name + ' ' + image.color" />
                            </a>
                        </li>
                    </template>
                </ul>
            </template>
        </div>

        <button x-data="initWishlist(item.id)"
                @reinit-wishlist.window="reinitWishlist(item.id);"
                @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
                @click.prevent="handleClick($event)"
                :data-product="item.name"
                class="hover:text-black p-1 absolute top-2 right-2 z-20"
                type="button" aria-label="Toevoegen aan verlanglijst">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" x-show="!active" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
<title>heart</title></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="24" height="24" x-cloak="" x-show="active" role="img">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
        </button>
    </div>

    <div class="product-info flex flex-col grow relative">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-base leading-tight font-thin uppercase block text-primary-lighter mb-2.5 lg:max-w-[calc(100%_-_40px)]"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-lg text-black block leading-none lg:max-w-[calc(100%_-_40px)]"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-lg text-black block pt-1 leading-tight"></span>
        </a>

        <template x-if="item.tier_prices">
            <div class="mt-2">
                <ul class="gap-2 flex flex-col m-0 p-0 list-none">
                    <template x-for="tierPrice in item.tier_prices">
                        <li x-data="{
                                qty: tierPrice.qty,
                                translation: 'Koop %1 vore %2/st.,',
                                getPrice() {
                                    if (tierPrice.percentage_value) {
                                        return item.max_price * (1 - (tierPrice.percentage_value / 100));
                                    }
                                    return tierPrice.price;
                                },
                                getPercentage() {
                                    return Math.max(0, Math.round((1 - (this.getPrice() / item.price)) * 100));
                                }
                            }"
                            class="item inline-block bg-[#f5f5f5] py-1.5 px-2 m-0 text-sm"
                            x-show="getPercentage() > 0"
                        >
                            <span>
                                <span x-html="translation.replace('%1', qty).replace('%2', `<span class='text-secondary font-black'>`+hyva.formatPrice(getPrice())+`</span>`)"></span>
                                bewaar                                <span class="percent font-black" x-text="getPercentage() + '%'"></span>
                            </span>
                        </li>
                    </template>
                </ul>
            </div>
        </template>

        <div class="price-box mt-2.5 grow flex flex-col lg:flex-row justify-end lg:justify-between text-base lg:flex-wrap lg:items-end gap-y-2">
            <div class="flex flex-col items-baseline h-auto justify-end">
                <div class="retail-price-wrapper" :class="{ 'invisible': !(item.max_price && item.max_price > item.price) }">
                    <div class="retail-price">
                        <span class="price-container">
                            <span class="price-label">Verkoopprijs</span>
                            <span class="price-wrapper">
                                <span class="price" x-text="hyva.formatPrice(item.max_price || item.price)"></span>
                            </span>
                        </span>
                    </div>
                </div>

                <template x-if="item.max_price && item.max_price > item.price && item.non_member_price && (item.non_member_price != item.max_price) && (((1 - item.price / item.non_member_price ) * 100) > 2)">
                    <div class="non-member-price-wrapper">
                        <div class="non-member-price">
                            <span class="price-container">
                                <span class="price-label">Geen lid</span>
                                <span class="price-wrapper">
                                    <span class="price" x-text="hyva.formatPrice(item.non_member_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>
                </template>

                <span :class="item.max_price && item.max_price > item.price ? 'normal-price special-price' : 'normal-price'">
                    <span class="price-container">
                        <span class="price-label">As low as</span>
                        <template x-if="item.max_price && item.max_price > item.price && item.non_member_price">
                            <span class="block text-xs uppercase font-extrabold text-loebeshopplus">
                                Jouw ledenprijs                            </span>
                        </template>
                        <span class="price-wrapper">
                            <span :id="'product-price-'+item.id" class="price" :class="{ '!text-loebeshopplus' : item.max_price && item.max_price > item.price && item.non_member_price }" x-text="hyva.formatPrice(item.price)"></span>
                        </span>
                    </span>
                </span>
            </div>
            <template x-if="item.member_price">
                <div class="flex h-auto items-end">
                    <span class="member-price flex p-2 border-2 border-loebeshopplus text-loebeshopplus">
                        <span class="price-container !flex flex-col">
                            <span class="price-label flex items-center justify-between gap-1.5">
                                Ledenprijs                                <template x-if="document.querySelectorAll('#memberprice-modal').length">
                                    <span class="cursor-pointer" @click="$dispatch('open-memberprice-modal')">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>Click for info</title></svg>
                                    </span>
                                </template>
                            </span>
                            <span class="price-wrapper flex">
                                <span :id="'product-member-price-'+item.id" class="price !text-loebeshopplus" x-text="hyva.formatPrice(item.member_price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="item.available_sizes && item.available_sizes.renderSizes && isMobile">             <div class="mobile-sizes lg:hidden pt-2.5">
                <div class="border-t font-normal leading-normal border-container">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="mt-2.5 mb-0 p-0 list-none flex flex-wrap gap-x-1.5 gap-y-1 text-[10px] text-primary-lighter">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="mt-2.5 p-0 !text-[10px] text-primary-lighter !leading-normal !mb-0" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </div>
        </template>
        <template x-if="(item.available_sizes.length == 0 || !item.available_sizes.renderSizes) && isMobile">
            <div class="mobile-sizes h-9"></div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 pb-0.5 lg:pb-1 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020aan\u0020winkelwagen\u0020toevoegen'.replace('%1', item.name)"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
</svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020bekijken'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-5 lg:w-5" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020binnenkort\u0020verkrijgbaar'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-10 pb-0.5 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020alleen\u0020verkrijgbaar\u0020in\u0020de\u0020winkel'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
</svg>
            </button>
        </template>
    </div>
</form>
            </template>
</div>
                    </div>

            <div class="flex gap-2" x-show="productItems && productItems.length > 4" x-cloak>
            <button class="flex justify-center items-center absolute !left-[unset] !right-10 !top-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow" aria-label="Previous Slide" data-prev="" disabled="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !scale-x-100&#9;!fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
<title>arrow-left</title></svg>
            </button>
            <button class="flex justify-center items-center absolute !top-0 !right-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow-md" aria-label="Next Slide" data-next="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>arrow-right</title></svg>
            </button>
        </div>
        <div class="snap-pager" data-pager></div>
    </div>
                </div>
            </div>
        </div></p>
<div>
<h2><strong>
<div class="post--large-image post--img-animation">
    <div class="post--large-image-inner">
        <div style="display: flex;">
            <img src="https://www.runningxpert.com/media/wysiwyg/Artikler/2023/November/Nike_PEgasus_Trail_5.jpg" class="animation--img" alt=""/>
            <span class="post--large-image-credits">
                            </span>
        </div>
    </div>
</div>
</strong></h2>
<h2>Nike Pegasus Trail 5</h2>
</div>
<p dir="ltr"><strong>– Neutrale hardloopschoen met extra respons voor koude intervallen</strong></p>
<p><span class="widget block-category-link inline">
    <a href="https://www.runningxpert.com/nl/brands/nike/trail-running-shoes/pegasus-trail.html" title="Nike Pegasus Trail 5"><span>Nike Pegasus Trail 5</span></a>
</span>
 is een uitstekende schoen voor bospaden en erger. De React-tussenzool is responsief, wat niet alleen meer energieteruggave biedt: het helpt ook met een beter gevoel met de ondergrond, zodat je elke keer veilig kunt afzetten.</p>
<p>De Nike Trail ATC-buitenzool draagt verder bij aan de veiligheid van de afzet, en je kunt gemakkelijk lichte intervallen lopen in de schoen.</p>
<p>De verhoogde enkellijn zorgt ervoor dat stenen en andere ongemakken buiten de schoen blijven.</p>
<p dir="ltr"><div class="post--products">
            <div class="container">
                <div class="w-full productslider mt-7.5 mb-20 relative  pt-[70px]"
                     x-data="oSearchProductSlider($el)" :id="$id('osearch-slider')"
                     x-defer="intersect" x-show="isActive"
                                                                               >
                                        <script>
    OsearchInitialParams6ae1e834db3df = {"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["1160"],"must_not":{"filter_generelt_kon":["146"]}},"pageSize":"16"};
    OsearchInitialData6ae1e834db3df = {"params":{"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["1160"],"must_not":{"filter_generelt_kon":["146"]}},"pageSize":"16","website":"6","currentPage":1},"initial":1,"items_count":11,"pages":1,"current_page":1,"append":0,"items":[{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"ACG Pegasus Trail GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-001.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_iq1084-001_phsrh000-1500.jpg","price":121,"max_price":169.99,"tier_prices":[],"style_reference":"IQ1084","sku":"1000000051396","qty_increments":0,"available_sizes":{"sizes":["42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46","47","47\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1791","label":"46"},{"value":"1859","label":"47"},{"value":"1862","label":"47\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"384917","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-001.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-001_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"},{"id":"376492","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/i\/q\/iq1084-002_4_.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"},{"id":"376503","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-200.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-200_phsrh000-1500.jfif.jpg","name":"ACG Pegasus Trail GTX","color":"Grijs","_misc":"ACG Pegasus Trail GTX"},{"id":"376513","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-600.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-600_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Rood","_misc":"ACG Pegasus Trail GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"384917","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"ACG Pegasus Trail GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-600.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_iq1084-600_phsrh000-1500.jpg","price":121,"max_price":169.99,"tier_prices":[],"style_reference":"IQ1084","sku":"1000000050075","qty_increments":1,"available_sizes":{"sizes":["42\u00bd","43","44\u00bd","45","45\u00bd","47"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1859","label":"47"}]}],"is_one_size":false},"variant_images":[{"id":"376513","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-600.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-600_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Rood","_misc":"ACG Pegasus Trail GTX"},{"id":"376492","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/i\/q\/iq1084-002_4_.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"},{"id":"376503","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-200.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-200_phsrh000-1500.jfif.jpg","name":"ACG Pegasus Trail GTX","color":"Grijs","_misc":"ACG Pegasus Trail GTX"},{"id":"384917","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-001.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-001_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"}],"launch_date":null,"in_stock_in_stores":null,"id":"376513","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"ACG Pegasus Trail GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-200.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_iq1084-200_phsrh000-1500.jfif.jpg","price":121,"max_price":169.99,"tier_prices":[],"style_reference":"IQ1084","sku":"1000000050074","qty_increments":1,"available_sizes":{"sizes":["42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46","47","47\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1791","label":"46"},{"value":"1859","label":"47"},{"value":"1862","label":"47\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"376503","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-200.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-200_phsrh000-1500.jfif.jpg","name":"ACG Pegasus Trail GTX","color":"Grijs","_misc":"ACG Pegasus Trail GTX"},{"id":"376492","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/i\/q\/iq1084-002_4_.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"},{"id":"376513","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-600.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-600_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Rood","_misc":"ACG Pegasus Trail GTX"},{"id":"384917","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-001.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-001_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"}],"launch_date":null,"in_stock_in_stores":null,"id":"376503","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Pegasus Trail 5 Gore-Tex","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-002.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_fq0912-002_phsrh000-1500.jpg","price":87,"max_price":159.99,"tier_prices":[],"style_reference":"FQ0912","sku":"1000000044563","qty_increments":1,"available_sizes":{"sizes":["42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"338334","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_fq0912-002_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Zwart","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"324167","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_fq0912-012_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"","_misc":"Pegasus Trail 5 Gore-Tex"}],"launch_date":null,"in_stock_in_stores":"web","id":"338334","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Pegasus Trail 5 Gore-Tex","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-012.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_fq0908-012_phsrh000-1500.jpeg","price":159.99,"max_price":159.99,"tier_prices":[],"style_reference":"FQ0908","sku":"1000000042695","qty_increments":1,"available_sizes":{"sizes":["47"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1859","label":"47"}]}],"is_one_size":false},"variant_images":[{"id":"324493","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_fq0908-012_phsrh000-1500.jpeg","name":"Pegasus Trail 5 Gore-Tex","color":"Bruin","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"311308","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-104.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_fq0908-104_phsrh000-1500_1_.jpeg","name":"Pegasus Trail 5 Gore-Tex","color":"Wit","_misc":"Pegasus Trail 5 Gore-Tex"}],"launch_date":null,"in_stock_in_stores":"","id":"324493","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Pegasus Trail 5 Gore-Tex","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-012.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_fq0912-012_phsrh000-1500.jpg","price":159.99,"max_price":159.99,"tier_prices":[],"style_reference":"FQ0912","sku":"1000000042662","qty_increments":1,"available_sizes":{"sizes":["41"],"renderSizes":true,"manySizesLabel":"Available in many sizes","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1826","label":"41"}]}],"is_one_size":false},"variant_images":[{"id":"324167","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0912-012_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"312274","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-011.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0912-011_phsrh000-1500.jpeg","name":"Pegasus Trail 5 Gore-Tex","color":"Grijs","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"338334","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0912-002_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Zwart","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"339061","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-503.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/f\/q\/fq0912-503_blue.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Blauw","_misc":"Pegasus Trail 5 Gore-Tex"}],"launch_date":null,"in_stock_in_stores":null,"id":"324167","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"ACG Pegasus Trail GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-002.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/i\/q\/iq1084-002_4_.jpg","price":121,"max_price":169.99,"tier_prices":[],"style_reference":"IQ1084","sku":"1000000050073","qty_increments":1,"available_sizes":{"sizes":["41","42","42\u00bd","43","44","44\u00bd","45","45\u00bd","46","47","48\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1826","label":"41"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1851","label":"45\u00bd"},{"value":"1791","label":"46"},{"value":"1859","label":"47"},{"value":"1866","label":"48\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"376492","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/i\/q\/iq1084-002_4_.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"},{"id":"376503","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-200.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-200_phsrh000-1500.jfif.jpg","name":"ACG Pegasus Trail GTX","color":"Grijs","_misc":"ACG Pegasus Trail GTX"},{"id":"376513","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-600.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-600_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Rood","_misc":"ACG Pegasus Trail GTX"},{"id":"384917","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-001.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_iq1084-001_phsrh000-1500.jpg","name":"ACG Pegasus Trail GTX","color":"Zwart","_misc":"ACG Pegasus Trail GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"376492","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"ACG Pegasus Trail GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-acg-pegasus-trail-gtx-iq1394-002.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/i\/q\/iq1394-002_4_.jpg","price":121,"max_price":169.99,"tier_prices":[],"style_reference":"IQ1394","sku":"1000000050076","qty_increments":1,"available_sizes":{"sizes":["38","38\u00bd","39","40","40\u00bd","41","42","42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1757","label":"38"},{"value":"1883","label":"38\u00bd"},{"value":"1813","label":"39"},{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"376522","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-acg-pegasus-trail-gtx-iq1394-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/i\/q\/iq1394-002_4_.jpg","name":"ACG Pegasus Trail GTX","color":"Blauw","_misc":"ACG Pegasus Trail GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"376522","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Pegasus Trail 5","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-dv3864-302.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_dv3864-302_phsrh000-1500.jpeg","price":88,"max_price":139.99,"tier_prices":[],"style_reference":"DV3864","sku":"1000000040737","qty_increments":1,"available_sizes":{"sizes":["49\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"2232","label":"49\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"310697","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-dv3864-302.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_dv3864-302_phsrh000-1500.jpeg","name":"Pegasus Trail 5","color":"Groen","_misc":"Pegasus Trail 5"}],"launch_date":null,"in_stock_in_stores":"web","id":"310697","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Pegasus Trail 5 Gore-Tex","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-104.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_fq0908-104_phsrh000-1500_1_.jpeg","price":159.99,"max_price":159.99,"tier_prices":[],"style_reference":"FQ0908","sku":"1000000040788","qty_increments":1,"available_sizes":{"sizes":["45\u00bd"],"renderSizes":true,"manySizesLabel":"Available in many sizes","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1851","label":"45\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"311308","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-104.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0908-104_phsrh000-1500_1_.jpeg","name":"Pegasus Trail 5 Gore-Tex","color":"Wit","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"265113","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-002.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/n\/i\/nike.pegasus.trail-yderside.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Zwart","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"324431","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-013.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0908-013_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Groen","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"324493","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0908-012_phsrh000-1500.jpeg","name":"Pegasus Trail 5 Gore-Tex","color":"Bruin","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"332695","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-009.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0908-009_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Grijs","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"338347","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-001.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/f\/q\/fq0908-001.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Zwart","_misc":"Pegasus Trail 5 Gore-Tex"},{"id":"338772","link":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-403.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/9fa59a6cd446c60783a1f3ade2cb512b\/a\/u\/aurora_fq0908-403_phsrh000-1500.jpg","name":"Pegasus Trail 5 Gore-Tex","color":"Blauw","_misc":"Pegasus Trail 5 Gore-Tex"}],"launch_date":null,"in_stock_in_stores":null,"id":"311308","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":5,"brand_value":"Nike","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Pegasus Trail 5","product_url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-dv3865-001.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/a\/u\/aurora_dv3865-001_phsrh000-1500.jpeg","price":88,"max_price":139.99,"tier_prices":[],"style_reference":"DV3865","sku":"1000000035785","qty_increments":1,"available_sizes":{"sizes":["40\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1823","label":"40\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"277056","link":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-dv3865-001.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/a\/u\/aurora_dv3865-001_phsrh000-1500.jpeg","name":"Pegasus Trail 5","color":"Zwart","_misc":"Pegasus Trail 5"}],"launch_date":null,"in_stock_in_stores":"web","id":"277056","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""}],"filters":[{"id":14,"prop":"filter_generelt_kon","label":"Geslacht","type":"checkbox","multiselect":true,"options":[{"id":1,"value":"144","label":"Dames","count":4,"selected":false,"sort_order":2},{"id":0,"value":"145","label":"Heren","count":7,"selected":false,"sort_order":3}],"position":0,"show_limit":4,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":false,"open":true},{"id":13,"prop":"colour_filter","label":"Kleur","type":"checkbox","multiselect":true,"options":[{"id":6,"value":"572478","label":"Blauw","count":1,"selected":false,"sort_order":1},{"id":4,"value":"572476","label":"Bruin","count":1,"selected":false,"sort_order":2},{"id":5,"value":"572477","label":"Groen","count":1,"selected":false,"sort_order":3},{"id":3,"value":"572474","label":"Grijs","count":1,"selected":false,"sort_order":4},{"id":1,"value":"572468","label":"Wit","count":1,"selected":false,"sort_order":7},{"id":2,"value":"572470","label":"Rood","count":1,"selected":false,"sort_order":11},{"id":0,"value":"572469","label":"Zwart","count":4,"selected":false,"sort_order":12}],"position":2,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":5,"prop":"haeldrop_shoefinder","label":"Hakval","type":"checkbox","multiselect":false,"options":[{"id":1,"value":3074675,"label":"5-8 mm.","count":5,"selected":false,"sort_order":2},{"id":0,"value":3074676,"label":"9-14 mm.","count":6,"selected":false,"sort_order":3}],"position":26,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":12,"prop":"vigtigste_egenskab_sko","label":"Belangrijkste kenmerken","type":"checkbox","multiselect":true,"options":[{"id":1,"value":"3074637","label":"Comfortabel","count":1,"selected":false,"sort_order":1},{"id":0,"value":"3074638","label":"Veelzijdig","count":10,"selected":false,"sort_order":2}],"position":27,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":2,"prop":"filter_shoe","label":"Schoenmaat (EU)","type":"checkbox","multiselect":true,"options":[{"id":13,"value":1758,"label":"38","count":1,"selected":false,"sort_order":0},{"id":16,"value":1884,"label":"38\u00bd","count":1,"selected":false,"sort_order":0},{"id":14,"value":1814,"label":"39","count":1,"selected":false,"sort_order":0},{"id":9,"value":1821,"label":"40","count":2,"selected":false,"sort_order":0},{"id":10,"value":1824,"label":"40\u00bd","count":2,"selected":false,"sort_order":0},{"id":11,"value":1827,"label":"41","count":2,"selected":false,"sort_order":0},{"id":1,"value":1773,"label":"42","count":5,"selected":false,"sort_order":0},{"id":0,"value":1835,"label":"42\u00bd","count":7,"selected":false,"sort_order":0},{"id":3,"value":1838,"label":"43","count":4,"selected":false,"sort_order":0},{"id":7,"value":1783,"label":"44","count":3,"selected":false,"sort_order":0},{"id":4,"value":1846,"label":"44\u00bd","count":4,"selected":false,"sort_order":0},{"id":5,"value":1849,"label":"45","count":4,"selected":false,"sort_order":0},{"id":2,"value":1852,"label":"45\u00bd","count":5,"selected":false,"sort_order":0},{"id":8,"value":1792,"label":"46","count":3,"selected":false,"sort_order":0},{"id":6,"value":1860,"label":"47","count":4,"selected":false,"sort_order":0},{"id":12,"value":1863,"label":"47\u00bd","count":2,"selected":false,"sort_order":0},{"id":15,"value":1867,"label":"48\u00bd","count":1,"selected":false,"sort_order":0},{"id":17,"value":2233,"label":"49\u00bd","count":1,"selected":false,"sort_order":0}],"position":35,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false},{"id":4,"prop":"filter_shoe_us","label":"Schoenmaat US","type":"checkbox","multiselect":true,"options":[{"id":5,"value":1839,"label":"US10","count":4,"selected":false,"sort_order":0},{"id":2,"value":1842,"label":"US10\u00bd","count":6,"selected":false,"sort_order":0},{"id":6,"value":1847,"label":"US11","count":4,"selected":false,"sort_order":0},{"id":4,"value":1850,"label":"US11\u00bd","count":5,"selected":false,"sort_order":0},{"id":8,"value":1853,"label":"US12","count":3,"selected":false,"sort_order":0},{"id":7,"value":3078852,"label":"us12\u00bd","count":4,"selected":false,"sort_order":0},{"id":10,"value":1861,"label":"US13","count":2,"selected":false,"sort_order":0},{"id":13,"value":1865,"label":"US14","count":1,"selected":false,"sort_order":0},{"id":14,"value":1944,"label":"US15","count":1,"selected":false,"sort_order":0},{"id":11,"value":1819,"label":"US7","count":1,"selected":false,"sort_order":0},{"id":12,"value":1822,"label":"US7\u00bd","count":1,"selected":false,"sort_order":0},{"id":9,"value":1825,"label":"US8","count":2,"selected":false,"sort_order":0},{"id":1,"value":1828,"label":"US8\u00bd","count":6,"selected":false,"sort_order":0},{"id":0,"value":1833,"label":"US9","count":7,"selected":false,"sort_order":0},{"id":3,"value":1836,"label":"US9\u00bd","count":5,"selected":false,"sort_order":0}],"position":36,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false},{"id":9,"prop":"filter_shoe_uk","label":"Schoenmaat UK","type":"checkbox","multiselect":true,"options":[{"id":5,"value":1790,"label":"UK10","count":4,"selected":false,"sort_order":0},{"id":2,"value":1793,"label":"UK10\u00bd","count":5,"selected":false,"sort_order":0},{"id":8,"value":1796,"label":"UK11","count":3,"selected":false,"sort_order":0},{"id":6,"value":1799,"label":"UK11\u00bd","count":4,"selected":false,"sort_order":0},{"id":11,"value":1802,"label":"UK12","count":2,"selected":false,"sort_order":0},{"id":17,"value":3098998,"label":"uk13","count":1,"selected":false,"sort_order":0},{"id":15,"value":1945,"label":"UK14","count":1,"selected":false,"sort_order":0},{"id":13,"value":1756,"label":"UK4\u00bd","count":1,"selected":false,"sort_order":0},{"id":16,"value":3065825,"label":"Uk5","count":1,"selected":false,"sort_order":0},{"id":14,"value":1762,"label":"UK5\u00bd","count":1,"selected":false,"sort_order":0},{"id":9,"value":1765,"label":"UK6","count":2,"selected":false,"sort_order":0},{"id":12,"value":3065998,"label":"Uk6\u00bd","count":2,"selected":false,"sort_order":0},{"id":10,"value":1771,"label":"UK7","count":2,"selected":false,"sort_order":0},{"id":1,"value":1774,"label":"UK7\u00bd","count":5,"selected":false,"sort_order":0},{"id":0,"value":1777,"label":"UK8","count":7,"selected":false,"sort_order":0},{"id":3,"value":1780,"label":"UK8\u00bd","count":4,"selected":false,"sort_order":0},{"id":7,"value":1784,"label":"UK9","count":3,"selected":false,"sort_order":0},{"id":4,"value":1787,"label":"UK9\u00bd","count":4,"selected":false,"sort_order":0}],"position":37,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false}],"state":{"l":"16"},"tracking":{"item_list_id":"category_2","item_list_name":"L\u00f8beshop","items":[{"index":0,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"384917","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"ACG Pegasus Trail GTX","quantity":1,"discount":48.99,"price":121},{"index":1,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"376513","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"ACG Pegasus Trail GTX","quantity":1,"discount":48.99,"price":121},{"index":2,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"376503","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"ACG Pegasus Trail GTX","quantity":1,"discount":48.99,"price":121},{"index":3,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"338334","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Pegasus Trail 5 Gore-Tex","quantity":1,"discount":72.99,"price":87},{"index":4,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"324493","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Pegasus Trail 5 Gore-Tex","quantity":1,"discount":0,"price":159.99},{"index":5,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"324167","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Pegasus Trail 5 Gore-Tex","quantity":1,"discount":0,"price":159.99},{"index":6,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"376492","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"ACG Pegasus Trail GTX","quantity":1,"discount":48.99,"price":121},{"index":7,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"376522","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"ACG Pegasus Trail GTX","quantity":1,"discount":48.99,"price":121},{"index":8,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"310697","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Pegasus Trail 5","quantity":1,"discount":51.99,"price":88},{"index":9,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"311308","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Pegasus Trail 5 Gore-Tex","quantity":1,"discount":0,"price":159.99},{"index":10,"item_brand":"Nike","item_category":"L\u00f8beshop","item_id":"277056","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Pegasus Trail 5","quantity":1,"discount":51.99,"price":88}]},"schema":{"@context":"https:\/\/schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-001.html","position":0},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-600.html","position":1},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-200.html","position":2},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-002.html","position":3},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-012.html","position":4},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-gore-tex-fq0912-012.html","position":5},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-acg-pegasus-trail-gtx-iq1084-002.html","position":6},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-acg-pegasus-trail-gtx-iq1394-002.html","position":7},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-dv3864-302.html","position":8},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-men-s-pegasus-trail-5-gore-tex-fq0908-104.html","position":9},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/nike-women-s-pegasus-trail-5-dv3865-001.html","position":10}],"numberOfItems":11}};
    </script>
<div x-data="OSearch(OsearchInitialParams6ae1e834db3df,OsearchInitialData6ae1e834db3df);"
     class="osearch-container w-full snap-slider product-slider"
    x-snap-slider.auto-pager.group-pager data-content-type="products" data-appearance="carousel" data-show-dots="true" data-show-arrows="true"     @resize.window="checkIsMobile();"
     @visibilitychange.window="checkIsMobile();"
    >
        <div class="flex-1 transition max-w-full">
                                        <div class="osearch-product-list w-[100dvw] [--container-size:calc((100dvw_-_100cqw)_/_2)] mx-[calc((100dvw_-_100%)_*_-0.5)] scroll-px-(--container-size) px-(--container-size) snap-track [--snap-cols:1.5] md:[--snap-cols:2] lg:[--snap-cols:3] xl:[--snap-cols:4]"
    data-track>
            
                    
                    
                    
            
    <template x-for="(item,index) in productItems">
                                            <form class="w-full product_addtocart_form item product product-item flex flex-col group transition-all"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="product_slider" />
    <input type="hidden" name="added_from_info" value="mpblog_post_view" />

    <div class="relative bg-container-darker mb-5">
        <template x-if="item.product_label">
            <div x-html="item.product_label"></div>
        </template>
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-7.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
        <div class="hidden lg:block absolute bottom-0 w-full overflow-hidden max-h-[0] z-10 group-hover:max-h-[500px] bg-white" style="transition: max-height 0.35s ease-in-out;">
            <template x-if="item.available_sizes && item.available_sizes.renderSizes && window.matchMedia('(min-width: 768px)').matches">                 <div class="text-base font-normal">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="m-2 p-0 list-none flex flex-wrap gap-x-2.5 gap-y-1">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="m-2 p-0 !text-base !leading-normal" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </template>
            <template x-if="item.variant_images.length && window.matchMedia('(min-width: 768px)').matches">                 <ul class="flex p-0 m-2 flex-wrap list-none gap-x-2.5 gap-y-1">
                    <template x-for="image in item.variant_images">
                        <li class="border border-[#e2e2e2] flex grow-0 shrink-0 basis-[15.3%] aspect-square mb-0 hover:border-[#8b8b8b] transition" :class="{'border-black' : image.id == item.id }">
                            <a :href="image.link" :aria-label="image.name + ' ' + image.color" class="cursor-pointer w-full h-full flex justify-center items-center p-1">
                                <img fetchpriority="low" loading="lazy" width="45" height="45"
                                     :src="image.base_image" class="object-cover" :alt="image.name + ' ' + image.color" />
                            </a>
                        </li>
                    </template>
                </ul>
            </template>
        </div>

        <button x-data="initWishlist(item.id)"
                @reinit-wishlist.window="reinitWishlist(item.id);"
                @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
                @click.prevent="handleClick($event)"
                :data-product="item.name"
                class="hover:text-black p-1 absolute top-2 right-2 z-20"
                type="button" aria-label="Toevoegen aan verlanglijst">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" x-show="!active" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
<title>heart</title></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="24" height="24" x-cloak="" x-show="active" role="img">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
        </button>
    </div>

    <div class="product-info flex flex-col grow relative">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-base leading-tight font-thin uppercase block text-primary-lighter mb-2.5 lg:max-w-[calc(100%_-_40px)]"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-lg text-black block leading-none lg:max-w-[calc(100%_-_40px)]"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-lg text-black block pt-1 leading-tight"></span>
        </a>

        <template x-if="item.tier_prices">
            <div class="mt-2">
                <ul class="gap-2 flex flex-col m-0 p-0 list-none">
                    <template x-for="tierPrice in item.tier_prices">
                        <li x-data="{
                                qty: tierPrice.qty,
                                translation: 'Koop %1 vore %2/st.,',
                                getPrice() {
                                    if (tierPrice.percentage_value) {
                                        return item.max_price * (1 - (tierPrice.percentage_value / 100));
                                    }
                                    return tierPrice.price;
                                },
                                getPercentage() {
                                    return Math.max(0, Math.round((1 - (this.getPrice() / item.price)) * 100));
                                }
                            }"
                            class="item inline-block bg-[#f5f5f5] py-1.5 px-2 m-0 text-sm"
                            x-show="getPercentage() > 0"
                        >
                            <span>
                                <span x-html="translation.replace('%1', qty).replace('%2', `<span class='text-secondary font-black'>`+hyva.formatPrice(getPrice())+`</span>`)"></span>
                                bewaar                                <span class="percent font-black" x-text="getPercentage() + '%'"></span>
                            </span>
                        </li>
                    </template>
                </ul>
            </div>
        </template>

        <div class="price-box mt-2.5 grow flex flex-col lg:flex-row justify-end lg:justify-between text-base lg:flex-wrap lg:items-end gap-y-2">
            <div class="flex flex-col items-baseline h-auto justify-end">
                <div class="retail-price-wrapper" :class="{ 'invisible': !(item.max_price && item.max_price > item.price) }">
                    <div class="retail-price">
                        <span class="price-container">
                            <span class="price-label">Verkoopprijs</span>
                            <span class="price-wrapper">
                                <span class="price" x-text="hyva.formatPrice(item.max_price || item.price)"></span>
                            </span>
                        </span>
                    </div>
                </div>

                <template x-if="item.max_price && item.max_price > item.price && item.non_member_price && (item.non_member_price != item.max_price) && (((1 - item.price / item.non_member_price ) * 100) > 2)">
                    <div class="non-member-price-wrapper">
                        <div class="non-member-price">
                            <span class="price-container">
                                <span class="price-label">Geen lid</span>
                                <span class="price-wrapper">
                                    <span class="price" x-text="hyva.formatPrice(item.non_member_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>
                </template>

                <span :class="item.max_price && item.max_price > item.price ? 'normal-price special-price' : 'normal-price'">
                    <span class="price-container">
                        <span class="price-label">As low as</span>
                        <template x-if="item.max_price && item.max_price > item.price && item.non_member_price">
                            <span class="block text-xs uppercase font-extrabold text-loebeshopplus">
                                Jouw ledenprijs                            </span>
                        </template>
                        <span class="price-wrapper">
                            <span :id="'product-price-'+item.id" class="price" :class="{ '!text-loebeshopplus' : item.max_price && item.max_price > item.price && item.non_member_price }" x-text="hyva.formatPrice(item.price)"></span>
                        </span>
                    </span>
                </span>
            </div>
            <template x-if="item.member_price">
                <div class="flex h-auto items-end">
                    <span class="member-price flex p-2 border-2 border-loebeshopplus text-loebeshopplus">
                        <span class="price-container !flex flex-col">
                            <span class="price-label flex items-center justify-between gap-1.5">
                                Ledenprijs                                <template x-if="document.querySelectorAll('#memberprice-modal').length">
                                    <span class="cursor-pointer" @click="$dispatch('open-memberprice-modal')">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>Click for info</title></svg>
                                    </span>
                                </template>
                            </span>
                            <span class="price-wrapper flex">
                                <span :id="'product-member-price-'+item.id" class="price !text-loebeshopplus" x-text="hyva.formatPrice(item.member_price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="item.available_sizes && item.available_sizes.renderSizes && isMobile">             <div class="mobile-sizes lg:hidden pt-2.5">
                <div class="border-t font-normal leading-normal border-container">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="mt-2.5 mb-0 p-0 list-none flex flex-wrap gap-x-1.5 gap-y-1 text-[10px] text-primary-lighter">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="mt-2.5 p-0 !text-[10px] text-primary-lighter !leading-normal !mb-0" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </div>
        </template>
        <template x-if="(item.available_sizes.length == 0 || !item.available_sizes.renderSizes) && isMobile">
            <div class="mobile-sizes h-9"></div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 pb-0.5 lg:pb-1 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020aan\u0020winkelwagen\u0020toevoegen'.replace('%1', item.name)"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
</svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020bekijken'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-5 lg:w-5" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020binnenkort\u0020verkrijgbaar'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-10 pb-0.5 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020alleen\u0020verkrijgbaar\u0020in\u0020de\u0020winkel'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
</svg>
            </button>
        </template>
    </div>
</form>
            </template>
</div>
                    </div>

            <div class="flex gap-2" x-show="productItems && productItems.length > 4" x-cloak>
            <button class="flex justify-center items-center absolute !left-[unset] !right-10 !top-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow" aria-label="Previous Slide" data-prev="" disabled="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !scale-x-100&#9;!fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
<title>arrow-left</title></svg>
            </button>
            <button class="flex justify-center items-center absolute !top-0 !right-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow-md" aria-label="Next Slide" data-next="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>arrow-right</title></svg>
            </button>
        </div>
        <div class="snap-pager" data-pager></div>
    </div>
                </div>
            </div>
        </div></p>
<p dir="ltr"><strong>
<div class="post--large-image post--img-animation">
    <div class="post--large-image-inner">
        <div style="display: flex;">
            <img src="https://www.runningxpert.com/media/wysiwyg/Artikler/2025/bedste-lobesko-2025/Alm_billedeasfvwivju_.jpg" class="animation--img" alt=""/>
            <span class="post--large-image-credits">
                            </span>
        </div>
    </div>
</div>
</strong></p>
<h2 dir="ltr">Saucony Peregrine 15</h2>
<p dir="ltr"><strong>– Neutrale schoen voor technischer terrein</strong></p>
<p>Sauconys populaire <span class="widget block-category-link inline">
    <a href="https://www.runningxpert.com/nl/brands/saucony/trail-running-shoes/peregrine.html" title="Peregrineschoenen"><span>Peregrineschoenen</span></a>
</span>
 serie heeft een stevigere tussenzool, vergeleken met andere schoenen in deze categorie, gecombineerd met grof profiel: Een gevaarlijke combinatie die uitnodigt tot snelheid en techniek.</p>
<p>De PWR-TRAC-buitenzool levert solide grip en tussen de buitenzool en tussenzool vind je een laag schokabsorberend net, dat ervoor zorgt dat je geen scherpe stenen door de zool voelt.</p>
<p><div class="post--products">
            <div class="container">
                <div class="w-full productslider mt-7.5 mb-20 relative  pt-[70px]"
                     x-data="oSearchProductSlider($el)" :id="$id('osearch-slider')"
                     x-defer="intersect" x-show="isActive"
                                                                               >
                                        <script>
    OsearchInitialParams6ae1e835195bd = {"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["1622"],"must_not":{"filter_generelt_kon":["146"]}},"pageSize":"16"};
    OsearchInitialData6ae1e835195bd = {"params":{"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["1622"],"must_not":{"filter_generelt_kon":["146"]}},"pageSize":"16","website":"6","currentPage":1},"initial":1,"items_count":22,"pages":2,"current_page":1,"append":0,"items":[{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-130.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/2\/s21066-130_5_.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"21066","sku":"1000000043618","qty_increments":1,"available_sizes":{"sizes":["42"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1772","label":"42"}]}],"is_one_size":false},"variant_images":[{"id":"330789","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/2\/s21066-130_5_.jpg","name":"Peregrine 16","color":"Oranje","_misc":"Peregrine 16"},{"id":"373525","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1013.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101555-1013_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"},{"id":"373541","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1014.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101555-1014_1.jpg","name":"Peregrine 16","color":"Oranje","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"","id":"330789","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine Ice+ 3","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-ice-3-10791-30.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/p\/e\/peregrine_ice_3_gravel_black_womens.jpg","price":59.99,"max_price":189.99,"tier_prices":[],"style_reference":"10791","sku":"1000000038259","qty_increments":1,"available_sizes":{"sizes":["36","37","37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1748","label":"36"},{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"293346","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-ice-3-10791-30.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/p\/e\/peregrine_ice_3_gravel_black_womens.jpg","name":"Peregrine Ice+ 3","color":"Grijs","_misc":"Peregrine Ice+ 3"},{"id":"179390","link":"https:\/\/www.runningxpert.com\/nl\/peregrine-ice-3-10791-10.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/a\/saucony_peregrine_ice_3_womens_black_1_.jpg","name":"Peregrine Ice+ 3","color":"Zwart","_misc":"Peregrine Ice+ 3"}],"launch_date":null,"in_stock_in_stores":"web","id":"293346","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-130.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/1\/1\/11066-130_5_.jpg","price":160,"max_price":160,"tier_prices":[],"style_reference":"11066","sku":"1000000043620","qty_increments":1,"available_sizes":{"sizes":["40\u00bd"],"renderSizes":true,"manySizesLabel":"Available in many sizes","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1823","label":"40\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"330809","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/1\/11066-130_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"},{"id":"330837","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-141.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/1\/11066-141.jpg","name":"Peregrine 16","color":"Purper","_misc":"Peregrine 16"},{"id":"332220","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-100.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043709_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"},{"id":"373637","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101577-1012_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"","id":"330809","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 15","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-249.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/1\/s10990-249_1.jpg","price":64.99,"max_price":150,"tier_prices":[],"style_reference":"10990","sku":"1000000041050","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"313770","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-249.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s10990-249_1.jpg","name":"Peregrine 15","color":"Groen","_misc":"Peregrine 15"},{"id":"289150","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-150.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/a\/saucony_peregrine_15_women_gr_n.jpg","name":"Peregrine 15","color":"Groen","_misc":"Peregrine 15"},{"id":"324052","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-246.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/10990-246_4_.jpg","name":"Peregrine 15","color":"Violet","_misc":"Peregrine 15"}],"launch_date":null,"in_stock_in_stores":null,"id":"313770","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-100.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/1\/0\/1000000043709_5_.jpg","price":88,"max_price":160,"tier_prices":[],"style_reference":"11066","sku":"1000000043708","qty_increments":1,"available_sizes":{"sizes":["36","37","37\u00bd","38","38\u00bd","39","40"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1748","label":"36"},{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1883","label":"38\u00bd"},{"value":"1813","label":"39"},{"value":"1820","label":"40"}]}],"is_one_size":false},"variant_images":[{"id":"332220","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-100.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043709_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"},{"id":"330809","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/1\/11066-130_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"},{"id":"373621","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1005.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101577-1005_1.jpg","name":"Peregrine 16","color":"Violet","_misc":"Peregrine 16"},{"id":"373637","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101577-1012_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"web","id":"332220","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 15","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-246.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/1\/0\/10990-246_4_.jpg","price":74.99,"max_price":150,"tier_prices":[],"style_reference":"10990","sku":"1000000042652","qty_increments":1,"available_sizes":{"sizes":["36","37","37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1748","label":"36"},{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"324052","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-246.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/10990-246_4_.jpg","name":"Peregrine 15","color":"Violet","_misc":"Peregrine 15"},{"id":"289150","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-150.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/a\/saucony_peregrine_15_women_gr_n.jpg","name":"Peregrine 15","color":"Groen","_misc":"Peregrine 15"},{"id":"313770","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-249.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s10990-249_1.jpg","name":"Peregrine 15","color":"Groen","_misc":"Peregrine 15"}],"launch_date":null,"in_stock_in_stores":"web","id":"324052","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1012.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/1\/0\/101577-1012_5_.jpg","price":118,"max_price":160,"tier_prices":[],"style_reference":"11066","sku":"1000000049654","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd","38","38\u00bd","40","40\u00bd","41","42\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1883","label":"38\u00bd"},{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1834","label":"42\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"373637","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101577-1012_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"},{"id":"330809","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/1\/11066-130_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"},{"id":"332220","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-100.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043709_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"},{"id":"373621","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1005.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101577-1005_1.jpg","name":"Peregrine 16","color":"Violet","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"web","id":"373637","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 15","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-150.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/a\/saucony_peregrine_15_women_gr_n.jpg","price":69.99,"max_price":150,"tier_prices":[],"style_reference":"10990","sku":"1000000037567","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"289150","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-150.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/a\/saucony_peregrine_15_women_gr_n.jpg","name":"Peregrine 15","color":"Groen","_misc":"Peregrine 15"},{"id":"313770","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-249.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s10990-249_1.jpg","name":"Peregrine 15","color":"Groen","_misc":"Peregrine 15"},{"id":"324052","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-246.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/10990-246_4_.jpg","name":"Peregrine 15","color":"Violet","_misc":"Peregrine 15"}],"launch_date":null,"in_stock_in_stores":"web","id":"289150","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1005.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/1\/s101577-1005_1.jpg","price":116,"max_price":160,"tier_prices":[],"style_reference":"11066","sku":"1000000049653","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd","38","42"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1772","label":"42"}]}],"is_one_size":false},"variant_images":[{"id":"373621","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1005.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101577-1005_1.jpg","name":"Peregrine 16","color":"Violet","_misc":"Peregrine 16"},{"id":"330809","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/1\/11066-130_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"},{"id":"332220","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-100.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043709_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"},{"id":"373637","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1012.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101577-1012_5_.jpg","name":"Peregrine 16","color":"Blauw","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"web","id":"373621","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Peregrine 16 GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-gtx-101530-1005.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/1\/s101530-1005_1.jpg","price":179.99,"max_price":180,"tier_prices":[],"style_reference":"21068","sku":"1000000049646","qty_increments":1,"available_sizes":{"sizes":["40\u00bd","41","42","42\u00bd","43","44","44\u00bd","45","46","46\u00bd","47","48"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1848","label":"45"},{"value":"1791","label":"46"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"},{"value":"1800","label":"48"}]}],"is_one_size":false},"variant_images":[{"id":"373509","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-gtx-101530-1005.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101530-1005_1.jpg","name":"Peregrine 16 GTX","color":"Groen","_misc":"Peregrine 16 GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"373509","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1014.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/1\/s101555-1014_1.jpg","price":112,"max_price":160,"tier_prices":[],"style_reference":"21066","sku":"1000000049648","qty_increments":1,"available_sizes":{"sizes":["40\u00bd","41","42","43","44","44\u00bd","46","46\u00bd","47","48"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1772","label":"42"},{"value":"1837","label":"43"},{"value":"1782","label":"44"},{"value":"1845","label":"44\u00bd"},{"value":"1791","label":"46"},{"value":"1855","label":"46\u00bd"},{"value":"1859","label":"47"},{"value":"1800","label":"48"}]}],"is_one_size":false},"variant_images":[{"id":"373541","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1014.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101555-1014_1.jpg","name":"Peregrine 16","color":"Oranje","_misc":"Peregrine 16"},{"id":"330789","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/2\/s21066-130_5_.jpg","name":"Peregrine 16","color":"Oranje","_misc":"Peregrine 16"},{"id":"332204","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-101.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043707.jpg","name":"Peregrine 16","color":"Grijs","_misc":"Peregrine 16"},{"id":"373525","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1013.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101555-1013_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"web","id":"373541","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 16 GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-101508-1005.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/1\/s101508-1005_1.jpg","price":179.99,"max_price":180,"tier_prices":[],"style_reference":"11068","sku":"1000000049644","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd","38","38\u00bd","39","40","40\u00bd","41","42"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"},{"value":"1757","label":"38"},{"value":"1883","label":"38\u00bd"},{"value":"1813","label":"39"},{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1826","label":"41"},{"value":"1772","label":"42"}]}],"is_one_size":false},"variant_images":[{"id":"373477","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-101508-1005.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101508-1005_1.jpg","name":"Peregrine 16 GTX","color":"Violet","_misc":"Peregrine 16 GTX"},{"id":"332284","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-11068-105.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043712.jpg","name":"Peregrine 16 GTX","color":"Wit","_misc":"Peregrine 16 GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"373477","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":145,"filter_generelt_kon_value":"Heren","name":"Peregrine 16","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1013.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/1\/0\/101555-1013_5_.jpg","price":112,"max_price":160,"tier_prices":[],"style_reference":"21066","sku":"1000000049647","qty_increments":1,"available_sizes":{"sizes":["40","40\u00bd","42","42\u00bd","43","44\u00bd","46","47","48","50"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1820","label":"40"},{"value":"1823","label":"40\u00bd"},{"value":"1772","label":"42"},{"value":"1834","label":"42\u00bd"},{"value":"1837","label":"43"},{"value":"1845","label":"44\u00bd"},{"value":"1791","label":"46"},{"value":"1859","label":"47"},{"value":"1800","label":"48"},{"value":"2219","label":"50"}]}],"is_one_size":false},"variant_images":[{"id":"373525","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1013.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/101555-1013_5_.jpg","name":"Peregrine 16","color":"Zwart","_misc":"Peregrine 16"},{"id":"330789","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-130.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/2\/s21066-130_5_.jpg","name":"Peregrine 16","color":"Oranje","_misc":"Peregrine 16"},{"id":"332204","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-101.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043707.jpg","name":"Peregrine 16","color":"Grijs","_misc":"Peregrine 16"},{"id":"373541","link":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1014.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101555-1014_1.jpg","name":"Peregrine 16","color":"Oranje","_misc":"Peregrine 16"}],"launch_date":null,"in_stock_in_stores":"web","id":"373525","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 16 GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-11068-105.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/1\/0\/1000000043712.jpg","price":106,"max_price":180,"tier_prices":[],"style_reference":"11068","sku":"1000000043712","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"332284","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-11068-105.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/1\/0\/1000000043712.jpg","name":"Peregrine 16 GTX","color":"Wit","_misc":"Peregrine 16 GTX"},{"id":"373477","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-101508-1005.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/1\/s101508-1005_1.jpg","name":"Peregrine 16 GTX","color":"Violet","_misc":"Peregrine 16 GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"332284","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 14 GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-120.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/p\/e\/peregrine_14_gtx_5_.jpg","price":98,"max_price":170,"tier_prices":[],"style_reference":"10918","sku":"1000000031310","qty_increments":1,"available_sizes":{"sizes":["37"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"}]}],"is_one_size":false},"variant_images":[{"id":"236879","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-120.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/p\/e\/peregrine_14_gtx_5_.jpg","name":"Peregrine 14 GTX","color":"Rood","_misc":"Peregrine 14 GTX"},{"id":"263439","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-253.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/a\/sauconyperegrine14gtxsagecarbonwomens_1_.jpg","name":"Peregrine 14 GTX","color":"Groen","_misc":"Peregrine 14 GTX"},{"id":"293354","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-50.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/2\/0\/20918-50_black_carbon_1.jpg","name":"Peregrine 14 GTX","color":"Zwart","_misc":"Peregrine 14 GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"236879","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""},{"brand":1365,"brand_value":"Saucony","filter_kategorier_elektronik":"","filter_kategorier_elektronik_value":"","filter_generelt_kon":144,"filter_generelt_kon_value":"Dames","name":"Peregrine 14 GTX","product_url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-253.html","list_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/67ee89799642c567a71fc92f3699d937\/s\/a\/sauconyperegrine14gtxsagecarbonwomens_1_.jpg","price":69.99,"max_price":175,"tier_prices":[],"style_reference":"10918","sku":"1000000033889","qty_increments":1,"available_sizes":{"sizes":["37","37\u00bd"],"renderSizes":true,"manySizesLabel":"Verkrijgbaar in veel maten","sizeLimit":9,"super_attribute":[{"attribute_id":"211","options":[{"value":"1877","label":"37"},{"value":"1880","label":"37\u00bd"}]}],"is_one_size":false},"variant_images":[{"id":"263439","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-253.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/s\/a\/sauconyperegrine14gtxsagecarbonwomens_1_.jpg","name":"Peregrine 14 GTX","color":"Groen","_misc":"Peregrine 14 GTX"},{"id":"236879","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-120.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/p\/e\/peregrine_14_gtx_5_.jpg","name":"Peregrine 14 GTX","color":"Rood","_misc":"Peregrine 14 GTX"},{"id":"293354","link":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-50.html","base_image":"https:\/\/www.runningxpert.com\/media\/catalog\/product\/cache\/6517c62f5899ad6aa0ba23ceb3eeff97\/2\/0\/20918-50_black_carbon_1.jpg","name":"Peregrine 14 GTX","color":"Zwart","_misc":"Peregrine 14 GTX"}],"launch_date":null,"in_stock_in_stores":"web","id":"263439","item_type":"product","member_price":false,"member_max_price":false,"non_member_price":false,"non_member_max_price":false,"product_label":""}],"filters":[{"id":14,"prop":"filter_generelt_kon","label":"Geslacht","type":"checkbox","multiselect":true,"options":[{"id":0,"value":"144","label":"Dames","count":16,"selected":false,"sort_order":2},{"id":1,"value":"145","label":"Heren","count":6,"selected":false,"sort_order":3}],"position":0,"show_limit":4,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":false,"open":true},{"id":13,"prop":"colour_filter","label":"Kleur","type":"checkbox","multiselect":true,"options":[{"id":6,"value":"572478","label":"Blauw","count":2,"selected":false,"sort_order":1},{"id":1,"value":"572477","label":"Groen","count":4,"selected":false,"sort_order":3},{"id":4,"value":"572474","label":"Grijs","count":3,"selected":false,"sort_order":4},{"id":8,"value":"572472","label":"Geel","count":1,"selected":false,"sort_order":5},{"id":7,"value":"572468","label":"Wit","count":1,"selected":false,"sort_order":7},{"id":3,"value":"572473","label":"Violet","count":3,"selected":false,"sort_order":8},{"id":2,"value":"572471","label":"Oranje","count":3,"selected":false,"sort_order":9},{"id":5,"value":"572470","label":"Rood","count":2,"selected":false,"sort_order":11},{"id":0,"value":"572469","label":"Zwart","count":4,"selected":false,"sort_order":12}],"position":2,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":3,"prop":"filter_kategorier_loebesko","label":"Schoentype","type":"checkbox","multiselect":true,"options":[{"id":0,"value":"684","label":"Trailschoenen","count":22,"selected":false,"sort_order":2},{"id":1,"value":"3077380","label":"Wandelschoenen","count":4,"selected":false,"sort_order":5}],"position":4,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":7,"prop":"water_resistance","label":"Waterdichtheid","type":"checkbox","multiselect":false,"options":[{"id":1,"value":3132494,"label":"Waterafstotent","count":2,"selected":false,"sort_order":2},{"id":0,"value":3132495,"label":"Waterdicht","count":6,"selected":false,"sort_order":3}],"position":6,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":0,"prop":"funktioner_sko","label":"Schoenkenmerken","type":"checkbox","multiselect":false,"options":[{"id":1,"value":"3131000","label":"Rock plate","count":3,"selected":false,"sort_order":11},{"id":0,"value":"3131002","label":"Versterkte neus","count":18,"selected":false,"sort_order":12}],"position":10,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":16,"prop":"folelse_under_foden_shoefinder","label":"Demping","type":"checkbox","multiselect":true,"options":[{"id":0,"value":3074669,"label":"Gebalanceerd","count":16,"selected":false,"sort_order":2},{"id":1,"value":3074670,"label":"Stevig","count":3,"selected":false,"sort_order":3}],"position":27,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":""},{"id":11,"prop":"mellemsalshojde_shoefinder","label":"Tussenzoolhoogte","type":"checkbox","multiselect":true,"options":[{"id":0,"value":3074666,"label":"Gemiddeld","count":18,"selected":false,"sort_order":2},{"id":1,"value":3074667,"label":"Laag","count":1,"selected":false,"sort_order":3}],"position":28,"show_limit":0,"search_limit":0,"show_as_filter_block":false,"filter_block_heading":false},{"id":2,"prop":"filter_shoe","label":"Schoenmaat (EU)","type":"checkbox","multiselect":true,"options":[{"id":11,"value":1749,"label":"36","count":3,"selected":false,"sort_order":0},{"id":0,"value":1878,"label":"37","count":15,"selected":false,"sort_order":0},{"id":1,"value":1881,"label":"37\u00bd","count":12,"selected":false,"sort_order":0},{"id":6,"value":1758,"label":"38","count":5,"selected":false,"sort_order":0},{"id":7,"value":1884,"label":"38\u00bd","count":5,"selected":false,"sort_order":0},{"id":15,"value":1814,"label":"39","count":3,"selected":false,"sort_order":0},{"id":3,"value":1821,"label":"40","count":7,"selected":false,"sort_order":0},{"id":4,"value":1824,"label":"40\u00bd","count":7,"selected":false,"sort_order":0},{"id":5,"value":1827,"label":"41","count":6,"selected":false,"sort_order":0},{"id":2,"value":1773,"label":"42","count":8,"selected":false,"sort_order":0},{"id":8,"value":1835,"label":"42\u00bd","count":4,"selected":false,"sort_order":0},{"id":9,"value":1838,"label":"43","count":4,"selected":false,"sort_order":0},{"id":12,"value":1783,"label":"44","count":3,"selected":false,"sort_order":0},{"id":10,"value":1846,"label":"44\u00bd","count":4,"selected":false,"sort_order":0},{"id":18,"value":1849,"label":"45","count":2,"selected":false,"sort_order":0},{"id":13,"value":1792,"label":"46","count":3,"selected":false,"sort_order":0},{"id":16,"value":1856,"label":"46\u00bd","count":3,"selected":false,"sort_order":0},{"id":17,"value":1860,"label":"47","count":3,"selected":false,"sort_order":0},{"id":14,"value":1801,"label":"48","count":3,"selected":false,"sort_order":0},{"id":19,"value":4489,"label":"50","count":1,"selected":false,"sort_order":0}],"position":35,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false},{"id":4,"prop":"filter_shoe_us","label":"Schoenmaat US","type":"checkbox","multiselect":true,"options":[{"id":7,"value":1839,"label":"US10","count":7,"selected":false,"sort_order":0},{"id":9,"value":1842,"label":"US10\u00bd","count":5,"selected":false,"sort_order":0},{"id":15,"value":1847,"label":"US11","count":2,"selected":false,"sort_order":0},{"id":10,"value":1850,"label":"US11\u00bd","count":3,"selected":false,"sort_order":0},{"id":11,"value":1853,"label":"US12","count":3,"selected":false,"sort_order":0},{"id":14,"value":3078852,"label":"us12\u00bd","count":3,"selected":false,"sort_order":0},{"id":12,"value":1861,"label":"US13","count":3,"selected":false,"sort_order":0},{"id":16,"value":1944,"label":"US15","count":1,"selected":false,"sort_order":0},{"id":13,"value":1872,"label":"US5\u00bd","count":3,"selected":false,"sort_order":0},{"id":0,"value":1879,"label":"US6","count":14,"selected":false,"sort_order":0},{"id":1,"value":1882,"label":"US6\u00bd","count":12,"selected":false,"sort_order":0},{"id":4,"value":1819,"label":"US7","count":7,"selected":false,"sort_order":0},{"id":3,"value":1822,"label":"US7\u00bd","count":8,"selected":false,"sort_order":0},{"id":8,"value":1825,"label":"US8","count":6,"selected":false,"sort_order":0},{"id":2,"value":1828,"label":"US8\u00bd","count":9,"selected":false,"sort_order":0},{"id":5,"value":1833,"label":"US9","count":7,"selected":false,"sort_order":0},{"id":6,"value":1836,"label":"US9\u00bd","count":7,"selected":false,"sort_order":0}],"position":36,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false},{"id":9,"prop":"filter_shoe_uk","label":"Schoenmaat UK","type":"checkbox","multiselect":true,"options":[{"id":17,"value":1790,"label":"UK10","count":2,"selected":false,"sort_order":0},{"id":13,"value":1793,"label":"UK10\u00bd","count":3,"selected":false,"sort_order":0},{"id":14,"value":1796,"label":"UK11","count":3,"selected":false,"sort_order":0},{"id":15,"value":1799,"label":"UK11\u00bd","count":3,"selected":false,"sort_order":0},{"id":16,"value":1802,"label":"UK12","count":3,"selected":false,"sort_order":0},{"id":18,"value":1945,"label":"UK14","count":1,"selected":false,"sort_order":0},{"id":5,"value":1750,"label":"UK3\u00bd","count":6,"selected":false,"sort_order":0},{"id":0,"value":1753,"label":"UK4","count":14,"selected":false,"sort_order":0},{"id":1,"value":1756,"label":"UK4\u00bd","count":12,"selected":false,"sort_order":0},{"id":11,"value":3065825,"label":"Uk5","count":4,"selected":false,"sort_order":0},{"id":8,"value":1762,"label":"UK5\u00bd","count":4,"selected":false,"sort_order":0},{"id":6,"value":1765,"label":"UK6","count":6,"selected":false,"sort_order":0},{"id":2,"value":3065998,"label":"Uk6\u00bd","count":8,"selected":false,"sort_order":0},{"id":3,"value":1771,"label":"UK7","count":7,"selected":false,"sort_order":0},{"id":4,"value":1774,"label":"UK7\u00bd","count":7,"selected":false,"sort_order":0},{"id":7,"value":1777,"label":"UK8","count":6,"selected":false,"sort_order":0},{"id":9,"value":1780,"label":"UK8\u00bd","count":4,"selected":false,"sort_order":0},{"id":12,"value":1784,"label":"UK9","count":3,"selected":false,"sort_order":0},{"id":10,"value":1787,"label":"UK9\u00bd","count":4,"selected":false,"sort_order":0}],"position":37,"show_limit":0,"search_limit":10,"show_as_filter_block":false,"filter_block_heading":false}],"state":{"l":"16"},"tracking":{"item_list_id":"category_2","item_list_name":"L\u00f8beshop","items":[{"index":0,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"330789","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":0,"price":160},{"index":1,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"293346","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine Ice+ 3","quantity":1,"discount":130,"price":59.99},{"index":2,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"330809","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":0,"price":160},{"index":3,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"313770","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 15","quantity":1,"discount":85.01,"price":64.99},{"index":4,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"332220","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":72,"price":88},{"index":5,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"324052","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 15","quantity":1,"discount":75.01,"price":74.99},{"index":6,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"373637","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":42,"price":118},{"index":7,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"289150","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 15","quantity":1,"discount":80.01,"price":69.99},{"index":8,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"373621","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":44,"price":116},{"index":9,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"373509","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16 GTX","quantity":1,"discount":0.0099999999999909,"price":179.99},{"index":10,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"373541","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":48,"price":112},{"index":11,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"373477","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16 GTX","quantity":1,"discount":0.0099999999999909,"price":179.99},{"index":12,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"373525","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16","quantity":1,"discount":48,"price":112},{"index":13,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"332284","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 16 GTX","quantity":1,"discount":74,"price":106},{"index":14,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"236879","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 14 GTX","quantity":1,"discount":72,"price":98},{"index":15,"item_brand":"Saucony","item_category":"L\u00f8beshop","item_id":"263439","item_list_id":"category_2","item_list_name":"L\u00f8beshop","item_name":"Peregrine 14 GTX","quantity":1,"discount":105.01,"price":69.99}]},"schema":{"@context":"https:\/\/schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-21066-130.html","position":0},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-ice-3-10791-30.html","position":1},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-130.html","position":2},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-249.html","position":3},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-11066-100.html","position":4},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-246.html","position":5},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1012.html","position":6},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-15-10990-150.html","position":7},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-101577-1005.html","position":8},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-gtx-101530-1005.html","position":9},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1014.html","position":10},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-101508-1005.html","position":11},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-men-s-peregrine-16-101555-1013.html","position":12},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-16-gtx-11068-105.html","position":13},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-120.html","position":14},{"@type":"ListItem","url":"https:\/\/www.runningxpert.com\/nl\/saucony-women-s-peregrine-14-gtx-10918-253.html","position":15}],"numberOfItems":22}};
    </script>
<div x-data="OSearch(OsearchInitialParams6ae1e835195bd,OsearchInitialData6ae1e835195bd);"
     class="osearch-container w-full snap-slider product-slider"
    x-snap-slider.auto-pager.group-pager data-content-type="products" data-appearance="carousel" data-show-dots="true" data-show-arrows="true"     @resize.window="checkIsMobile();"
     @visibilitychange.window="checkIsMobile();"
    >
        <div class="flex-1 transition max-w-full">
                                        <div class="osearch-product-list w-[100dvw] [--container-size:calc((100dvw_-_100cqw)_/_2)] mx-[calc((100dvw_-_100%)_*_-0.5)] scroll-px-(--container-size) px-(--container-size) snap-track [--snap-cols:1.5] md:[--snap-cols:2] lg:[--snap-cols:3] xl:[--snap-cols:4]"
    data-track>
            
                    
                    
                    
            
    <template x-for="(item,index) in productItems">
                                            <form class="w-full product_addtocart_form item product product-item flex flex-col group transition-all"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="product_slider" />
    <input type="hidden" name="added_from_info" value="mpblog_post_view" />

    <div class="relative bg-container-darker mb-5">
        <template x-if="item.product_label">
            <div x-html="item.product_label"></div>
        </template>
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-7.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
        <div class="hidden lg:block absolute bottom-0 w-full overflow-hidden max-h-[0] z-10 group-hover:max-h-[500px] bg-white" style="transition: max-height 0.35s ease-in-out;">
            <template x-if="item.available_sizes && item.available_sizes.renderSizes && window.matchMedia('(min-width: 768px)').matches">                 <div class="text-base font-normal">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="m-2 p-0 list-none flex flex-wrap gap-x-2.5 gap-y-1">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="m-2 p-0 !text-base !leading-normal" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </template>
            <template x-if="item.variant_images.length && window.matchMedia('(min-width: 768px)').matches">                 <ul class="flex p-0 m-2 flex-wrap list-none gap-x-2.5 gap-y-1">
                    <template x-for="image in item.variant_images">
                        <li class="border border-[#e2e2e2] flex grow-0 shrink-0 basis-[15.3%] aspect-square mb-0 hover:border-[#8b8b8b] transition" :class="{'border-black' : image.id == item.id }">
                            <a :href="image.link" :aria-label="image.name + ' ' + image.color" class="cursor-pointer w-full h-full flex justify-center items-center p-1">
                                <img fetchpriority="low" loading="lazy" width="45" height="45"
                                     :src="image.base_image" class="object-cover" :alt="image.name + ' ' + image.color" />
                            </a>
                        </li>
                    </template>
                </ul>
            </template>
        </div>

        <button x-data="initWishlist(item.id)"
                @reinit-wishlist.window="reinitWishlist(item.id);"
                @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
                @click.prevent="handleClick($event)"
                :data-product="item.name"
                class="hover:text-black p-1 absolute top-2 right-2 z-20"
                type="button" aria-label="Toevoegen aan verlanglijst">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" x-show="!active" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
<title>heart</title></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="24" height="24" x-cloak="" x-show="active" role="img">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
        </button>
    </div>

    <div class="product-info flex flex-col grow relative">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-base leading-tight font-thin uppercase block text-primary-lighter mb-2.5 lg:max-w-[calc(100%_-_40px)]"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-lg text-black block leading-none lg:max-w-[calc(100%_-_40px)]"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-lg text-black block pt-1 leading-tight"></span>
        </a>

        <template x-if="item.tier_prices">
            <div class="mt-2">
                <ul class="gap-2 flex flex-col m-0 p-0 list-none">
                    <template x-for="tierPrice in item.tier_prices">
                        <li x-data="{
                                qty: tierPrice.qty,
                                translation: 'Koop %1 vore %2/st.,',
                                getPrice() {
                                    if (tierPrice.percentage_value) {
                                        return item.max_price * (1 - (tierPrice.percentage_value / 100));
                                    }
                                    return tierPrice.price;
                                },
                                getPercentage() {
                                    return Math.max(0, Math.round((1 - (this.getPrice() / item.price)) * 100));
                                }
                            }"
                            class="item inline-block bg-[#f5f5f5] py-1.5 px-2 m-0 text-sm"
                            x-show="getPercentage() > 0"
                        >
                            <span>
                                <span x-html="translation.replace('%1', qty).replace('%2', `<span class='text-secondary font-black'>`+hyva.formatPrice(getPrice())+`</span>`)"></span>
                                bewaar                                <span class="percent font-black" x-text="getPercentage() + '%'"></span>
                            </span>
                        </li>
                    </template>
                </ul>
            </div>
        </template>

        <div class="price-box mt-2.5 grow flex flex-col lg:flex-row justify-end lg:justify-between text-base lg:flex-wrap lg:items-end gap-y-2">
            <div class="flex flex-col items-baseline h-auto justify-end">
                <div class="retail-price-wrapper" :class="{ 'invisible': !(item.max_price && item.max_price > item.price) }">
                    <div class="retail-price">
                        <span class="price-container">
                            <span class="price-label">Verkoopprijs</span>
                            <span class="price-wrapper">
                                <span class="price" x-text="hyva.formatPrice(item.max_price || item.price)"></span>
                            </span>
                        </span>
                    </div>
                </div>

                <template x-if="item.max_price && item.max_price > item.price && item.non_member_price && (item.non_member_price != item.max_price) && (((1 - item.price / item.non_member_price ) * 100) > 2)">
                    <div class="non-member-price-wrapper">
                        <div class="non-member-price">
                            <span class="price-container">
                                <span class="price-label">Geen lid</span>
                                <span class="price-wrapper">
                                    <span class="price" x-text="hyva.formatPrice(item.non_member_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>
                </template>

                <span :class="item.max_price && item.max_price > item.price ? 'normal-price special-price' : 'normal-price'">
                    <span class="price-container">
                        <span class="price-label">As low as</span>
                        <template x-if="item.max_price && item.max_price > item.price && item.non_member_price">
                            <span class="block text-xs uppercase font-extrabold text-loebeshopplus">
                                Jouw ledenprijs                            </span>
                        </template>
                        <span class="price-wrapper">
                            <span :id="'product-price-'+item.id" class="price" :class="{ '!text-loebeshopplus' : item.max_price && item.max_price > item.price && item.non_member_price }" x-text="hyva.formatPrice(item.price)"></span>
                        </span>
                    </span>
                </span>
            </div>
            <template x-if="item.member_price">
                <div class="flex h-auto items-end">
                    <span class="member-price flex p-2 border-2 border-loebeshopplus text-loebeshopplus">
                        <span class="price-container !flex flex-col">
                            <span class="price-label flex items-center justify-between gap-1.5">
                                Ledenprijs                                <template x-if="document.querySelectorAll('#memberprice-modal').length">
                                    <span class="cursor-pointer" @click="$dispatch('open-memberprice-modal')">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>Click for info</title></svg>
                                    </span>
                                </template>
                            </span>
                            <span class="price-wrapper flex">
                                <span :id="'product-member-price-'+item.id" class="price !text-loebeshopplus" x-text="hyva.formatPrice(item.member_price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="item.available_sizes && item.available_sizes.renderSizes && isMobile">             <div class="mobile-sizes lg:hidden pt-2.5">
                <div class="border-t font-normal leading-normal border-container">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="mt-2.5 mb-0 p-0 list-none flex flex-wrap gap-x-1.5 gap-y-1 text-[10px] text-primary-lighter">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="mt-2.5 p-0 !text-[10px] text-primary-lighter !leading-normal !mb-0" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </div>
        </template>
        <template x-if="(item.available_sizes.length == 0 || !item.available_sizes.renderSizes) && isMobile">
            <div class="mobile-sizes h-9"></div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 pb-0.5 lg:pb-1 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020aan\u0020winkelwagen\u0020toevoegen'.replace('%1', item.name)"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
</svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020bekijken'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-5 lg:w-5" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020binnenkort\u0020verkrijgbaar'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-10 pb-0.5 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020alleen\u0020verkrijgbaar\u0020in\u0020de\u0020winkel'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
</svg>
            </button>
        </template>
    </div>
</form>
            </template>
</div>
                    </div>

            <div class="flex gap-2" x-show="productItems && productItems.length > 4" x-cloak>
            <button class="flex justify-center items-center absolute !left-[unset] !right-10 !top-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow" aria-label="Previous Slide" data-prev="" disabled="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !scale-x-100&#9;!fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
<title>arrow-left</title></svg>
            </button>
            <button class="flex justify-center items-center absolute !top-0 !right-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow-md" aria-label="Next Slide" data-next="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>arrow-right</title></svg>
            </button>
        </div>
        <div class="snap-pager" data-pager></div>
    </div>
                </div>
            </div>
        </div></p>
<p dir="ltr"><strong>
<div class="post--large-image post--img-animation">
    <div class="post--large-image-inner">
        <div style="display: flex;">
            <img src="https://www.runningxpert.com/media/wysiwyg/Artikler/2025/asics/Alm_billedewdgsv.jpg" class="animation--img" alt=""/>
            <span class="post--large-image-credits">
                            </span>
        </div>
    </div>
</div>
</strong></p>
<h2 dir="ltr">ASICS GEL-TRABUCO 13</h2>
<p dir="ltr"><strong>- Voor lange bosritten ontworpen met stabiliteit</strong></p>
<p>ASICS levert met GEL-TRABUCO 13 stabiliteit en veiligheid voor je rit - of de focus nu ligt op afstand of snelheid. De schoen heeft een tussenzool van FF BLAST PLUS. De ASICSGRIP-buitenzool en de beschermende rock-plate maken de schoen ideaal voor alle soorten weer en ondergrond.</p>
<p>GEL-TRABUCO is ASICS' meest veelzijdige trailschoen, die je uitnodigt om ver en snel te rennen.</p>
<p> </p>
<p><div class="post--products">
            <div class="container">
                <div class="w-full productslider mt-7.5 mb-20 relative  pt-[70px]"
                     x-data="oSearchProductSlider($el)" :id="$id('osearch-slider')"
                     x-defer="intersect" x-show="isActive"
                                                                               >
                                        <script>
    OsearchInitialParams6ae1e837a3865 = {"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["3077574"],"must_not":{"filter_generelt_kon":["146"]},"weight":[{"to":"300"}],"mellemsalshojde_shoefinder":["3074666"]},"pageSize":"16"};
    OsearchInitialData6ae1e837a3865 = [];
    </script>
<div x-data="OSearch(OsearchInitialParams6ae1e837a3865,OsearchInitialData6ae1e837a3865);"
     class="osearch-container w-full snap-slider product-slider"
    x-snap-slider.auto-pager.group-pager data-content-type="products" data-appearance="carousel" data-show-dots="true" data-show-arrows="true"     @resize.window="checkIsMobile();"
     @visibilitychange.window="checkIsMobile();"
    >
        <div class="flex-1 transition max-w-full">
                                        <div class="osearch-product-list w-[100dvw] [--container-size:calc((100dvw_-_100cqw)_/_2)] mx-[calc((100dvw_-_100%)_*_-0.5)] scroll-px-(--container-size) px-(--container-size) snap-track [--snap-cols:1.5] md:[--snap-cols:2] lg:[--snap-cols:3] xl:[--snap-cols:4]"
    data-track>
            
                    
                    
                    
            
    <template x-for="(item,index) in productItems">
                                            <form class="w-full product_addtocart_form item product product-item flex flex-col group transition-all"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="product_slider" />
    <input type="hidden" name="added_from_info" value="mpblog_post_view" />

    <div class="relative bg-container-darker mb-5">
        <template x-if="item.product_label">
            <div x-html="item.product_label"></div>
        </template>
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-7.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
        <div class="hidden lg:block absolute bottom-0 w-full overflow-hidden max-h-[0] z-10 group-hover:max-h-[500px] bg-white" style="transition: max-height 0.35s ease-in-out;">
            <template x-if="item.available_sizes && item.available_sizes.renderSizes && window.matchMedia('(min-width: 768px)').matches">                 <div class="text-base font-normal">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="m-2 p-0 list-none flex flex-wrap gap-x-2.5 gap-y-1">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="m-2 p-0 !text-base !leading-normal" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </template>
            <template x-if="item.variant_images.length && window.matchMedia('(min-width: 768px)').matches">                 <ul class="flex p-0 m-2 flex-wrap list-none gap-x-2.5 gap-y-1">
                    <template x-for="image in item.variant_images">
                        <li class="border border-[#e2e2e2] flex grow-0 shrink-0 basis-[15.3%] aspect-square mb-0 hover:border-[#8b8b8b] transition" :class="{'border-black' : image.id == item.id }">
                            <a :href="image.link" :aria-label="image.name + ' ' + image.color" class="cursor-pointer w-full h-full flex justify-center items-center p-1">
                                <img fetchpriority="low" loading="lazy" width="45" height="45"
                                     :src="image.base_image" class="object-cover" :alt="image.name + ' ' + image.color" />
                            </a>
                        </li>
                    </template>
                </ul>
            </template>
        </div>

        <button x-data="initWishlist(item.id)"
                @reinit-wishlist.window="reinitWishlist(item.id);"
                @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
                @click.prevent="handleClick($event)"
                :data-product="item.name"
                class="hover:text-black p-1 absolute top-2 right-2 z-20"
                type="button" aria-label="Toevoegen aan verlanglijst">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" x-show="!active" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
<title>heart</title></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="24" height="24" x-cloak="" x-show="active" role="img">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
        </button>
    </div>

    <div class="product-info flex flex-col grow relative">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-base leading-tight font-thin uppercase block text-primary-lighter mb-2.5 lg:max-w-[calc(100%_-_40px)]"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-lg text-black block leading-none lg:max-w-[calc(100%_-_40px)]"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-lg text-black block pt-1 leading-tight"></span>
        </a>

        <template x-if="item.tier_prices">
            <div class="mt-2">
                <ul class="gap-2 flex flex-col m-0 p-0 list-none">
                    <template x-for="tierPrice in item.tier_prices">
                        <li x-data="{
                                qty: tierPrice.qty,
                                translation: 'Koop %1 vore %2/st.,',
                                getPrice() {
                                    if (tierPrice.percentage_value) {
                                        return item.max_price * (1 - (tierPrice.percentage_value / 100));
                                    }
                                    return tierPrice.price;
                                },
                                getPercentage() {
                                    return Math.max(0, Math.round((1 - (this.getPrice() / item.price)) * 100));
                                }
                            }"
                            class="item inline-block bg-[#f5f5f5] py-1.5 px-2 m-0 text-sm"
                            x-show="getPercentage() > 0"
                        >
                            <span>
                                <span x-html="translation.replace('%1', qty).replace('%2', `<span class='text-secondary font-black'>`+hyva.formatPrice(getPrice())+`</span>`)"></span>
                                bewaar                                <span class="percent font-black" x-text="getPercentage() + '%'"></span>
                            </span>
                        </li>
                    </template>
                </ul>
            </div>
        </template>

        <div class="price-box mt-2.5 grow flex flex-col lg:flex-row justify-end lg:justify-between text-base lg:flex-wrap lg:items-end gap-y-2">
            <div class="flex flex-col items-baseline h-auto justify-end">
                <div class="retail-price-wrapper" :class="{ 'invisible': !(item.max_price && item.max_price > item.price) }">
                    <div class="retail-price">
                        <span class="price-container">
                            <span class="price-label">Verkoopprijs</span>
                            <span class="price-wrapper">
                                <span class="price" x-text="hyva.formatPrice(item.max_price || item.price)"></span>
                            </span>
                        </span>
                    </div>
                </div>

                <template x-if="item.max_price && item.max_price > item.price && item.non_member_price && (item.non_member_price != item.max_price) && (((1 - item.price / item.non_member_price ) * 100) > 2)">
                    <div class="non-member-price-wrapper">
                        <div class="non-member-price">
                            <span class="price-container">
                                <span class="price-label">Geen lid</span>
                                <span class="price-wrapper">
                                    <span class="price" x-text="hyva.formatPrice(item.non_member_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>
                </template>

                <span :class="item.max_price && item.max_price > item.price ? 'normal-price special-price' : 'normal-price'">
                    <span class="price-container">
                        <span class="price-label">As low as</span>
                        <template x-if="item.max_price && item.max_price > item.price && item.non_member_price">
                            <span class="block text-xs uppercase font-extrabold text-loebeshopplus">
                                Jouw ledenprijs                            </span>
                        </template>
                        <span class="price-wrapper">
                            <span :id="'product-price-'+item.id" class="price" :class="{ '!text-loebeshopplus' : item.max_price && item.max_price > item.price && item.non_member_price }" x-text="hyva.formatPrice(item.price)"></span>
                        </span>
                    </span>
                </span>
            </div>
            <template x-if="item.member_price">
                <div class="flex h-auto items-end">
                    <span class="member-price flex p-2 border-2 border-loebeshopplus text-loebeshopplus">
                        <span class="price-container !flex flex-col">
                            <span class="price-label flex items-center justify-between gap-1.5">
                                Ledenprijs                                <template x-if="document.querySelectorAll('#memberprice-modal').length">
                                    <span class="cursor-pointer" @click="$dispatch('open-memberprice-modal')">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>Click for info</title></svg>
                                    </span>
                                </template>
                            </span>
                            <span class="price-wrapper flex">
                                <span :id="'product-member-price-'+item.id" class="price !text-loebeshopplus" x-text="hyva.formatPrice(item.member_price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="item.available_sizes && item.available_sizes.renderSizes && isMobile">             <div class="mobile-sizes lg:hidden pt-2.5">
                <div class="border-t font-normal leading-normal border-container">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="mt-2.5 mb-0 p-0 list-none flex flex-wrap gap-x-1.5 gap-y-1 text-[10px] text-primary-lighter">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="mt-2.5 p-0 !text-[10px] text-primary-lighter !leading-normal !mb-0" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </div>
        </template>
        <template x-if="(item.available_sizes.length == 0 || !item.available_sizes.renderSizes) && isMobile">
            <div class="mobile-sizes h-9"></div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 pb-0.5 lg:pb-1 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020aan\u0020winkelwagen\u0020toevoegen'.replace('%1', item.name)"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
</svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020bekijken'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-5 lg:w-5" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020binnenkort\u0020verkrijgbaar'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-10 pb-0.5 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020alleen\u0020verkrijgbaar\u0020in\u0020de\u0020winkel'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
</svg>
            </button>
        </template>
    </div>
</form>
            </template>
</div>
                    </div>

            <div class="flex gap-2" x-show="productItems && productItems.length > 4" x-cloak>
            <button class="flex justify-center items-center absolute !left-[unset] !right-10 !top-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow" aria-label="Previous Slide" data-prev="" disabled="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !scale-x-100&#9;!fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
<title>arrow-left</title></svg>
            </button>
            <button class="flex justify-center items-center absolute !top-0 !right-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow-md" aria-label="Next Slide" data-next="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>arrow-right</title></svg>
            </button>
        </div>
        <div class="snap-pager" data-pager></div>
    </div>
                </div>
            </div>
        </div></p>
<p dir="ltr"><strong>
<div class="post--large-image post--img-animation">
    <div class="post--large-image-inner">
        <div style="display: flex;">
            <img src="https://www.runningxpert.com/media/wysiwyg/Artikler/2025/asics/Alm_billedewdgsvv.jpg" class="animation--img" alt=""/>
            <span class="post--large-image-credits">
                            </span>
        </div>
    </div>
</div>
</strong></p>
<h2 dir="ltr">Altra Lone Peak 9+</h2>
<p dir="ltr"><strong style="font-size: 26px;"><span style="font-size: 14px;">- 0 drop en comfortabele grondcontact</span></strong></p>
<p dir="ltr"><span class="widget block-category-link inline">
    <a href="https://www.runningxpert.com/nl/brands/altra/trail-running-shoes/altra-lone-peak.html" title="Altra Lone Peak"><span>Altra Lone Peak</span></a>
</span>
 is een van de meest kenmerkende hardloopschoenen die je kunt vinden. De focus van het Amerikaanse merk op anatomische pasvorm rond de tenen geeft de schoenen hun kenmerkende vorm. Maar de vorm is merkbaar: Je kunt de schoenen urenlang dragen zonder problemen. Als je hebt gemerkt dat schoenen te smal zijn voor je voeten, zou een natuurlijke stap zijn om een schoen van Altra te proberen. De schoenen zijn ook speciaal met hun 0-drop. Dit geeft een natuurlijke afwikkeling alsof je op blote voeten loopt.</p>
<div>
<p><div class="post--products">
            <div class="container">
                <div class="w-full productslider mt-7.5 mb-20 relative  pt-[70px]"
                     x-data="oSearchProductSlider($el)" :id="$id('osearch-slider')"
                     x-defer="intersect" x-show="isActive"
                                                                               >
                                        <script>
    OsearchInitialParams6ae1e837d6c10 = {"defaultParams":{"cat":"2","store":"6"},"cat":"2","page":1,"limit":false,"presetFilters":[],"initial":1,"updateUrlState":false,"sort":{"position":"asc"},"allowedParams":["utm_source","utm_medium","utm_campaign","fbclid","gclid"],"baseFilters":{"produkt_serie":["3018950"],"must_not":{"filter_generelt_kon":["146"]},"filter_kategorier_loebesko":["684"],"weight":[{"to":"300"}]},"pageSize":"16"};
    OsearchInitialData6ae1e837d6c10 = [];
    </script>
<div x-data="OSearch(OsearchInitialParams6ae1e837d6c10,OsearchInitialData6ae1e837d6c10);"
     class="osearch-container w-full snap-slider product-slider"
    x-snap-slider.auto-pager.group-pager data-content-type="products" data-appearance="carousel" data-show-dots="true" data-show-arrows="true"     @resize.window="checkIsMobile();"
     @visibilitychange.window="checkIsMobile();"
    >
        <div class="flex-1 transition max-w-full">
                                        <div class="osearch-product-list w-[100dvw] [--container-size:calc((100dvw_-_100cqw)_/_2)] mx-[calc((100dvw_-_100%)_*_-0.5)] scroll-px-(--container-size) px-(--container-size) snap-track [--snap-cols:1.5] md:[--snap-cols:2] lg:[--snap-cols:3] xl:[--snap-cols:4]"
    data-track>
            
                    
                    
                    
            
    <template x-for="(item,index) in productItems">
                                            <form class="w-full product_addtocart_form item product product-item flex flex-col group transition-all"
      method="post" :action="BASE_URL + 'checkout/cart/add'"
      x-data="{ productInViewport: index < 4, buttonPos : 'bottom: 0', showSelect: false, }"
      x-intersect="productInViewport = true"
>
    <input type="hidden" name="product" :value="item.id" />
    <input type="hidden" name="form_key" :value="hyva.getFormKey()" />
    <input type="hidden" name="added_from" value="product_slider" />
    <input type="hidden" name="added_from_info" value="mpblog_post_view" />

    <div class="relative bg-container-darker mb-5">
        <template x-if="item.product_label">
            <div x-html="item.product_label"></div>
        </template>
        <a :href="item.product_url"
           class="photo product-item-photo relative z-10 w-full !flex !py-7.5 overflow-hidden cursor-pointer
            transition group-hover:shadow-accent-light hover:opacity-80 mix-blend-darken"
           :data-item-id="item.id" :aria-label="item.name">
            <img class="object-contain w-full h-full mix-blend-darken"
                 :src="productInViewport ? item.list_image : 'https://www.runningxpert.com/media/catalog/product/placeholder/default/placeholder-runningxpert.jpg'"
                 :title="productInViewport ? item.name : 'placeholder'"
                 :loading="productInViewport ? 'eager' : 'lazy'"
                 :alt="productInViewport ? item.name : 'placeholder'" width="375" height="375"
            >
        </a>
        <div class="hidden lg:block absolute bottom-0 w-full overflow-hidden max-h-[0] z-10 group-hover:max-h-[500px] bg-white" style="transition: max-height 0.35s ease-in-out;">
            <template x-if="item.available_sizes && item.available_sizes.renderSizes && window.matchMedia('(min-width: 768px)').matches">                 <div class="text-base font-normal">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="m-2 p-0 list-none flex flex-wrap gap-x-2.5 gap-y-1">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="m-2 p-0 !text-base !leading-normal" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </template>
            <template x-if="item.variant_images.length && window.matchMedia('(min-width: 768px)').matches">                 <ul class="flex p-0 m-2 flex-wrap list-none gap-x-2.5 gap-y-1">
                    <template x-for="image in item.variant_images">
                        <li class="border border-[#e2e2e2] flex grow-0 shrink-0 basis-[15.3%] aspect-square mb-0 hover:border-[#8b8b8b] transition" :class="{'border-black' : image.id == item.id }">
                            <a :href="image.link" :aria-label="image.name + ' ' + image.color" class="cursor-pointer w-full h-full flex justify-center items-center p-1">
                                <img fetchpriority="low" loading="lazy" width="45" height="45"
                                     :src="image.base_image" class="object-cover" :alt="image.name + ' ' + image.color" />
                            </a>
                        </li>
                    </template>
                </ul>
            </template>
        </div>

        <button x-data="initWishlist(item.id)"
                @reinit-wishlist.window="reinitWishlist(item.id);"
                @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
                @click.prevent="handleClick($event)"
                :data-product="item.name"
                class="hover:text-black p-1 absolute top-2 right-2 z-20"
                type="button" aria-label="Toevoegen aan verlanglijst">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" x-show="!active" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/>
<title>heart</title></svg>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="24" height="24" x-cloak="" x-show="active" role="img">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
<title>heart</title></svg>
        </button>
    </div>

    <div class="product-info flex flex-col grow relative">
        <template x-if="item.filter_generelt_kon_value">
            <span x-text="item.filter_generelt_kon_value.toString().replaceAll(',', ' / ')"
                  class="product-item-category font-nexa-book text-xs lg:text-base leading-tight font-thin uppercase block text-primary-lighter mb-2.5 lg:max-w-[calc(100%_-_40px)]"></span>
        </template>

        <span x-text="item.brand_value.toString().replaceAll(',', ', ')" class="item-name product-item-brand font-bold uppercase text-sm lg:text-lg text-black block leading-none lg:max-w-[calc(100%_-_40px)]"></span>

        <a class="product-item-link !no-underline hover:!underline text-black leading-tight" :href="item.product_url">
            <span x-text="item.name " class="item-name font-bold uppercase text-sm lg:text-lg text-black block pt-1 leading-tight"></span>
        </a>

        <template x-if="item.tier_prices">
            <div class="mt-2">
                <ul class="gap-2 flex flex-col m-0 p-0 list-none">
                    <template x-for="tierPrice in item.tier_prices">
                        <li x-data="{
                                qty: tierPrice.qty,
                                translation: 'Koop %1 vore %2/st.,',
                                getPrice() {
                                    if (tierPrice.percentage_value) {
                                        return item.max_price * (1 - (tierPrice.percentage_value / 100));
                                    }
                                    return tierPrice.price;
                                },
                                getPercentage() {
                                    return Math.max(0, Math.round((1 - (this.getPrice() / item.price)) * 100));
                                }
                            }"
                            class="item inline-block bg-[#f5f5f5] py-1.5 px-2 m-0 text-sm"
                            x-show="getPercentage() > 0"
                        >
                            <span>
                                <span x-html="translation.replace('%1', qty).replace('%2', `<span class='text-secondary font-black'>`+hyva.formatPrice(getPrice())+`</span>`)"></span>
                                bewaar                                <span class="percent font-black" x-text="getPercentage() + '%'"></span>
                            </span>
                        </li>
                    </template>
                </ul>
            </div>
        </template>

        <div class="price-box mt-2.5 grow flex flex-col lg:flex-row justify-end lg:justify-between text-base lg:flex-wrap lg:items-end gap-y-2">
            <div class="flex flex-col items-baseline h-auto justify-end">
                <div class="retail-price-wrapper" :class="{ 'invisible': !(item.max_price && item.max_price > item.price) }">
                    <div class="retail-price">
                        <span class="price-container">
                            <span class="price-label">Verkoopprijs</span>
                            <span class="price-wrapper">
                                <span class="price" x-text="hyva.formatPrice(item.max_price || item.price)"></span>
                            </span>
                        </span>
                    </div>
                </div>

                <template x-if="item.max_price && item.max_price > item.price && item.non_member_price && (item.non_member_price != item.max_price) && (((1 - item.price / item.non_member_price ) * 100) > 2)">
                    <div class="non-member-price-wrapper">
                        <div class="non-member-price">
                            <span class="price-container">
                                <span class="price-label">Geen lid</span>
                                <span class="price-wrapper">
                                    <span class="price" x-text="hyva.formatPrice(item.non_member_price)"></span>
                                </span>
                            </span>
                        </div>
                    </div>
                </template>

                <span :class="item.max_price && item.max_price > item.price ? 'normal-price special-price' : 'normal-price'">
                    <span class="price-container">
                        <span class="price-label">As low as</span>
                        <template x-if="item.max_price && item.max_price > item.price && item.non_member_price">
                            <span class="block text-xs uppercase font-extrabold text-loebeshopplus">
                                Jouw ledenprijs                            </span>
                        </template>
                        <span class="price-wrapper">
                            <span :id="'product-price-'+item.id" class="price" :class="{ '!text-loebeshopplus' : item.max_price && item.max_price > item.price && item.non_member_price }" x-text="hyva.formatPrice(item.price)"></span>
                        </span>
                    </span>
                </span>
            </div>
            <template x-if="item.member_price">
                <div class="flex h-auto items-end">
                    <span class="member-price flex p-2 border-2 border-loebeshopplus text-loebeshopplus">
                        <span class="price-container !flex flex-col">
                            <span class="price-label flex items-center justify-between gap-1.5">
                                Ledenprijs                                <template x-if="document.querySelectorAll('#memberprice-modal').length">
                                    <span class="cursor-pointer" @click="$dispatch('open-memberprice-modal')">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="16" height="16" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>Click for info</title></svg>
                                    </span>
                                </template>
                            </span>
                            <span class="price-wrapper flex">
                                <span :id="'product-member-price-'+item.id" class="price !text-loebeshopplus" x-text="hyva.formatPrice(item.member_price)"></span>
                            </span>
                        </span>
                    </span>
                </div>
            </template>
        </div>

        <template x-if="item.available_sizes && item.available_sizes.renderSizes && isMobile">             <div class="mobile-sizes lg:hidden pt-2.5">
                <div class="border-t font-normal leading-normal border-container">
                    <template x-if="item.available_sizes.sizes.length <= item.available_sizes.sizeLimit">
                        <ul class="mt-2.5 mb-0 p-0 list-none flex flex-wrap gap-x-1.5 gap-y-1 text-[10px] text-primary-lighter">
                            <template x-for="size in item.available_sizes.sizes">
                                <li class="mb-0">
                                    <span x-text="size"></span>
                                </li>
                            </template>
                        </ul>
                    </template>
                    <template x-if="item.available_sizes.sizes.length > item.available_sizes.sizeLimit">
                        <p class="mt-2.5 p-0 !text-[10px] text-primary-lighter !leading-normal !mb-0" x-text="'Verkrijgbaar in veel maten'"></p>
                    </template>
                </div>
            </div>
        </template>
        <template x-if="(item.available_sizes.length == 0 || !item.available_sizes.renderSizes) && isMobile">
            <div class="mobile-sizes h-9"></div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && item.available_sizes.super_attribute[0].options.length && item.available_sizes.is_one_size">
            <input type="hidden" :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'" :value="item.available_sizes.super_attribute[0].options[0].value">
        </template>

        <template x-if="showSelect && typeof item.available_sizes.is_one_size != 'undefined' && !item.available_sizes.is_one_size && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <div>
                <div class="overlay absolute z-10 top-0 inset-0 bg-white/75 transition opacity-0 hidden"
                     @click.self="hideOverlayAndSelect($el)"></div>
                <div class="absolute z-10 lg:top-5 right-0 bottom-0 lg:bottom-[unset]"
                     x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                     :style="buttonPos"
                >
                    <select :name="'super_attribute['+item.available_sizes.super_attribute[0].attribute_id+']'"
                            class="form-select hidden opacity-0" @change="addToCartOptionSelected($el)">
                        <option value="">Kies</option>
                        <template x-for="option in item.available_sizes.super_attribute[0].options">
                            <option :value="option.value" x-text="option.label"></option>
                        </template>
                    </select>
                </div>
            </div>
        </template>

        <template x-if="typeof item.available_sizes.super_attribute != 'undefined' && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 pb-0.5 lg:pb-1 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020aan\u0020winkelwagen\u0020toevoegen'.replace('%1', item.name)"
                    @click.prevent="showSelect = true; $nextTick(() => addToCartClick($el, $event))">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
</svg>
            </button>
        </template>
        <template x-if="!item.available_sizes.super_attribute && (!item.launch_date || new Date(item.launch_date) < new Date())">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="submit"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020bekijken'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-3.5 w-3.5 lg:h-5 lg:w-5" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg>
            </button>
        </template>
        <template x-if="item.launch_date && new Date(item.launch_date) > new Date()">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-primary rounded-full h-7 lg:h-10 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020binnenkort\u0020verkrijgbaar'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
            </button>
        </template>
        <template x-if="item.in_stock_in_stores && item.in_stock_in_stores.indexOf('web') == -1">
            <button x-init="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @resize.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    @visibilitychange.window="$nextTick( () => { buttonPos = $el.closest('form').querySelector('.mobile-sizes') ? 'bottom: calc(' + $el.closest('form').querySelector('.mobile-sizes').offsetHeight +'px + 0rem)' : '' })"
                    :style="buttonPos"
                    type="button"
                    class="!absolute bottom-0 lg:bottom-[unset] lg:top-0 right-0 bg-gray-400 rounded-full h-7 lg:h-10 pb-0.5 aspect-square flex items-center justify-center text-white"
                    :aria-label="'\u00251\u0020\u002D\u0020alleen\u0020verkrijgbaar\u0020in\u0020de\u0020winkel'.replace('%1', item.name)"
                    @click.prevent="showSpinner($el); window.location.href = item.product_url">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-4 w-4 lg:h-6 lg:w-6" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
</svg>
            </button>
        </template>
    </div>
</form>
            </template>
</div>
                    </div>

            <div class="flex gap-2" x-show="productItems && productItems.length > 4" x-cloak>
            <button class="flex justify-center items-center absolute !left-[unset] !right-10 !top-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow" aria-label="Previous Slide" data-prev="" disabled="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !scale-x-100&#9;!fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
<title>arrow-left</title></svg>
            </button>
            <button class="flex justify-center items-center absolute !top-0 !right-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow-md" aria-label="Next Slide" data-next="">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>arrow-right</title></svg>
            </button>
        </div>
        <div class="snap-pager" data-pager></div>
    </div>
                </div>
            </div>
        </div></p>
</div>
<h2>Geen favoriet gevonden?</h2>
<p dir="ltr">Bekijk hier het volledige aanbod hardloopschoenen:</p>
<p><a title="hardloopschoenen" href="/lobesko.html">HARDLOOPSCHOENEN</a></p>
<h2 dir="ltr">Meer inspiratie?</h2>
<p dir="ltr">Vind meer artikelen in ons inspiratie-universum hier:</p>
<p><a title="Inspiratie en artikelen" href="inspiration">Inspiratie en artikelen - klik hier</a></p>
<p dir="ltr"> </p>
<p>  </p>
                    </div>
    </div>
    

            
        </div>
<div class="post-list-container mpcss blogwidget relative my-6 snap-slider"
     id="mpblog-list-container"
     x-data
     x-snap-slider.auto-pager.group-pager
>
    <div class="widget-title mb-7.5">
        <h3 class="text-3xl lg:text-4xl mt-0 mb-5 uppercase font-black italic font-vitesse">
            Populaire artikelen        </h3>
    </div>

    <div data-track class="w-[100dvw] [--container-size:calc((100dvw_-_100cqw)_/_2)] mx-[calc((100dvw_-_100%)_*_-0.5)] scroll-px-(--container-size) px-(--container-size) snap-track [--snap-cols:1.5] md:[--snap-cols:2] lg:[--snap-cols:3] xl:[--snap-cols:4]">
                                <div class="post-list-item p-0" data-id="5650">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/the-best-running-shoes-of-the-year" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list_bedste-lobesko-2026-2x.jpg" alt="Beste hardloopschoenen van 2026" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/produkttest">Producttest</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="Beste hardloopschoenen van 2026" href="https://www.runningxpert.com/nl/inspiration/the-best-running-shoes-of-the-year">
                                Beste hardloopschoenen van 2026                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/the-best-running-shoes-of-the-year';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="5080">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/max-cushion-running-shoes" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list-max-cushion-2026.jpg" alt="De 12 meest dempende hardloopschoenen - Bekijk de lijst hier!" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="De 12 meest dempende hardloopschoenen - Bekijk de lijst hier!" href="https://www.runningxpert.com/nl/inspiration/max-cushion-running-shoes">
                                De 12 meest dempende hardloopschoenen - Bekijk de lijst hier!                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/max-cushion-running-shoes';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="5024">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/best-asics-running-shoes" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/b/e/best_of_asics_slider.jpg" alt="De beste ASICS hardloopschoenen in 2026" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="De beste ASICS hardloopschoenen in 2026" href="https://www.runningxpert.com/nl/inspiration/best-asics-running-shoes">
                                De beste ASICS hardloopschoenen in 2026                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/best-asics-running-shoes';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="5882">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/awards-best-trail-shoes" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list_bedstetrailsko-2025.jpg" alt="Beste trailschoenen van het jaar - 2026" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/trail">Trail</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/inspiration">Inspiratie</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="Beste trailschoenen van het jaar - 2026" href="https://www.runningxpert.com/nl/inspiration/awards-best-trail-shoes">
                                Beste trailschoenen van het jaar - 2026                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/awards-best-trail-shoes';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="3604">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/best-nike-running-shoes" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list_nbedste-nike-lobesko-2026.jpg" alt="De beste Nike hardloopschoenen 2026" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="De beste Nike hardloopschoenen 2026" href="https://www.runningxpert.com/nl/inspiration/best-nike-running-shoes">
                                De beste Nike hardloopschoenen 2026                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/best-nike-running-shoes';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="5047">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/best-hoka-running-shoes" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list_best-hoka-shoes.jpg" alt="HOKAs beste hardloopschoenen 2026 - Bekijk de volledige lijst hier" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Opnieuw gepubliceerd in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/produkttest">Producttest</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="HOKAs beste hardloopschoenen 2026 - Bekijk de volledige lijst hier" href="https://www.runningxpert.com/nl/inspiration/best-hoka-running-shoes">
                                HOKAs beste hardloopschoenen 2026 - Bekijk de volledige lijst hier                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/best-hoka-running-shoes';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="1769">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/running-shoes-for-beginners" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Video review                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list_bedstebegynderlobesko-2025-sommer_14.jpg" alt="Hardloopschoenen voor beginners: Goed van start" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="Hardloopschoenen voor beginners: Goed van start" href="https://www.runningxpert.com/nl/inspiration/running-shoes-for-beginners">
                                Hardloopschoenen voor beginners: Goed van start                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/running-shoes-for-beginners';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="2994">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/shin-splints" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/s/l/sliderliste_skinneben.jpg" alt="Shinsplints: Zo kom je terug naar hardlopen" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Opnieuw gepubliceerd in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="Shinsplints: Zo kom je terug naar hardlopen" href="https://www.runningxpert.com/nl/inspiration/shin-splints">
                                Shinsplints: Zo kom je terug naar hardlopen                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/shin-splints';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="5112">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/best-stability-shoes" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/l/i/list_pronation-2025.jpg" alt="De beste pronatieschoenen in 2026 - tot nu toe!" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobesko">Hardloopschoenen</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="De beste pronatieschoenen in 2026 - tot nu toe!" href="https://www.runningxpert.com/nl/inspiration/best-stability-shoes">
                                De beste pronatieschoenen in 2026 - tot nu toe!                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/best-stability-shoes';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
                                <div class="post-list-item p-0" data-id="5061">
                <div class="flex flex-col h-full">
                    <a href="https://www.runningxpert.com/nl/inspiration/guide-race-day" class="flex overflow-hidden">
                        <div class="post-image w-full aspect-square relative">
                                                                                        <div class="blue-label absolute top-2.5 right-2.5 bg-primary text-white font-black px-2.5 py-1 text-sm uppercase"
                                                                    >
                                    Artikel                                </div>
                            

                                                                                            <img class="post-img-tag w-full h-full object-cover" src="https://www.runningxpert.com/media/mageplaza/blog/post/resize/400x/t/h/thumb_68.jpg" alt="Gids voor de dag voor halve marathon of marathon" loading="lazy"/>
                                                    </div>
                    </a>
                    <div class="flex-1 flex flex-col pt-5 px-2.5 pb-3">
                        <div class="mp-post-info">
                            Geplaatst in <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/guides">Gidsen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/lobetraening">Hardlooptraining / hardloopverslagen</a>, <a class="mp-info" href="https://www.runningxpert.com/nl/inspiration/category/inspiration">Inspiratie</a> door                         </div>
                        <h4 class="mt-2.5 mb-5 text-base">
                            <a class="font-black uppercase !text-primary" title="Gids voor de dag voor halve marathon of marathon" href="https://www.runningxpert.com/nl/inspiration/guide-race-day">
                                Gids voor de dag voor halve marathon of marathon                            </a>
                        </h4>
                        <div class="actions">
                            <button type="button" class="btn btn-secondary text-sm min-w-48 sm:min-w-56" @click="window.location='https://www.runningxpert.com/nl/inspiration/guide-race-day';" title="Lees artikel">Lees artikel                            </button>
                        </div>
                    </div>
                </div>
            </div>
            </div>
    <div class="flex gap-2">
        <button class="flex justify-center items-center absolute !left-[unset] !right-10 !top-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow" aria-label="Previous Slide" data-prev="" disabled="">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !scale-x-100&#9;!fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
<title>arrow-left</title></svg>
        </button>
        <button class="flex justify-center items-center absolute !top-0 !right-0 !bg-white !w-9 !h-9 transition rounded-full !opacity-100 disabled:!opacity-30 hover:!opacity-100 transform !translate-y-0 hover:shadow-md" aria-label="Next Slide" data-next="">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="!w-auto !h-auto !fill-none" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
<title>arrow-right</title></svg>
        </button>
    </div>
    <div data-pager class="snap-pager"></div>
</div>
<script>
    var tag = document.createElement('script');
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    var iframeIds = [];
    var players = new Array();

    document.addEventListener('DOMContentLoaded', function() {
        'use strict';

        // Collect video ids and iframe ids
        document.querySelectorAll('.yt-video').forEach(function(ytVideo) {
            iframeIds.push({
                'id': ytVideo.getAttribute('id'),
                'videoId': ytVideo.getAttribute('data-video-id')
            });
        });

        // Play video on click of .yt-play
        document.querySelectorAll('.yt-play').forEach(function(playButton) {
            playButton.addEventListener('click', function() {
                let videoId = this.getAttribute('data-id');

                players.forEach(function(player) {
                    player.stopVideo(); // Assuming stopVideo is a method on player
                });

                setTimeout(function() {
                    players['player-top-' + videoId].playVideo();
                }, 500);

                document.querySelector('iframe[data-video-id="' + videoId + '"]').style.zIndex = 50;
                document.querySelector('#player-top-' + videoId).closest('.video-wrap').classList.add('video-active');
            });
        });

        // Pause video on click of .yt-pause
        document.querySelectorAll('.yt-pause').forEach(function(pauseButton) {
            pauseButton.addEventListener('click', function() {
                let videoId = this.getAttribute('data-id');

                players.forEach(function(player) {
                    player.stopVideo();
                });

                players['player-top-' + videoId].stopVideo();
                document.querySelectorAll('.video-wrap').forEach(function(videoWrap) {
                    videoWrap.classList.remove('video-active');
                });
            });
        });

        // Add class to .yt-play after 2 seconds
        setTimeout(function() {
            document.querySelectorAll('.yt-play').forEach(function(playButton) {
                playButton.classList.add('video-init');
            });
        }, 2000);
    });

    function onYouTubeIframeAPIReady() {
        setTimeout(function() {
            if (typeof iframeIds === 'undefined') return;
            for (var i = 0; i < iframeIds.length; i++) {
                var curplayer = createPlayer(iframeIds[i]);
                players[iframeIds[i]['id']] = curplayer;
            }
        },2000);
    }

    function createPlayer(playerInfo) {
        return new YT.Player(playerInfo.id, {
            videoId: playerInfo.videoId,
            playerVars: {
                showinfo: 0,
            }
        });
    }
</script>
<style>
    .post--video.video-active iframe {
        opacity: 1;
        pointer-events: all !important;
    }
</style>
</div></div></main><footer class="page-footer"><div class="footer content"><div class="page-footer--top"><div class="page-footer--newsletter border-t border-container py-10">
    <div class="page-footer--newsletter-inner">
        <div class="page-footer--newsletter-block flex-1">
            <style>#html-body [data-pb-style=DWFV20A]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DWFV20A"><div data-content-type="text" data-appearance="default" data-element="main"><p><span style="font-size: 26px;">Laat onze hardloopexperts je op de hoogte houden<br></span><br>Schrijf je in voor onze nieuwsbrief en ontvang als eerste exclusieve aanbiedingen en het laatste nieuws van onze hardloopexperten.</p>
<p style="line-height: 12px;"><span style="font-size: 10px;">Inschrijven voor de nieuwsbrief van RunningXpert.com is gratis en je zit nergens aan verbonden. Je zult emails ontvangen met daarin acties omtrent onze producten en informatie over de collectie van runningXpert.com. Daarnaast zul je ook sales en- service gerelateerde emails ontvangen. Je kunt je op elk moment uitschrijven door op de link onderaan de nieuwsbrief te klikken.</span></p></div></div></div>        </div>
        <div class="page-footer--newsletter-block flex-1">
            <form class="form page-footer--newsletter-form"
                  action="https://www.runningxpert.com/nl/newsletter/subscriber/new/"
                  method="post"
                  id="newsletter-validate-detail">
                <input type="hidden" name="form_key" :value="hyva.getFormKey()">
                <div class="page-footer--newsletter-form-field">
                    <div class="control w-full">
                        <input name="name" type="text" id="name" required
                               placeholder="Uw voornaam*"
                        />
                        <label for="name" class="text-xs">Voer uw voornaam in</label>
                    </div>
                    <div class="control w-full">
                        <input name="email" type="email" id="email" required
                               placeholder="Uw e-mailadres*"
                        />
                        <label for="email" class="text-xs">Voer uw e-mailadres in</label>
                    </div>
                </div>
                <div class="page-footer--newsletter-form-actions">
                    <button class="btn max-lg:min-w-0 btn-primary subscribe py-1.5"
                            title="Inschrijven"
                            type="submit"
                            aria-label="Subscribe">
                        <span>Inschrijven</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
<div class="body-font bg-container-lighter border-t border-container shadow">
    <div class="container py-8 mx-auto">
        <div class="page-footer--bottom flex flex-col lg:flex-row">
                            
                                                        <div class="page-footer--address"><style>#html-body [data-pb-style=NSREH6W]{display:none}#html-body [data-pb-style=WI594YL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=NN54I0E]{padding-bottom:20px;border-style:none}#html-body [data-pb-style=FDC8PPL],#html-body [data-pb-style=QINAFSO]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=NN54I0E]{border-style:none} }</style><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="NSREH6W" data-decoded="true"><svg xmlns="http://www.w3.org/2000/svg" width="179" height="24.327" viewBox="0 0 179 24.327">
</style>
<g>
	<polygon class="st0" points="36.2,15.9 37.7,15.9 39,8.4 37.5,8.4 	"/>
	<path class="st0" d="M64.6,10.6l4.5-4.5H67l-3.1,3.1c-0.2,0.2-0.6,0.2-0.8-0.1l-2-3.1h-2.2l2.9,4.4c0.1,0.2,0.1,0.5-0.1,0.6
		L57,15.9h2l3.4-3.4c0.2-0.2,0.6-0.2,0.8,0.1l2.1,3.3h2.1l-3-4.6C64.4,11.1,64.4,10.8,64.6,10.6z"/>
	<polygon class="st0" points="99.8,15.9 101.3,15.9 101.5,14.4 100,14.4 	"/>
	<path class="st0" d="M77.9,10.2l-0.1,0.6c-0.1,0.4,0,0.9,0.2,1.2c-0.3,0.3-0.6,0.8-0.6,1.2l-0.1,0.6c-0.1,0.5,0,1,0.4,1.4
		c0.3,0.4,0.8,0.6,1.3,0.6H84l0.3-1.5h-5.2c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3l0.1-0.6c0.1-0.3,0.3-0.5,0.6-0.5h5.1
		l0.3-1.5h-5.2c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3l0.1-0.6c0.1-0.3,0.3-0.5,0.6-0.5h5.1l0.3-1.5h-5.2
		C79.1,8.3,78.1,9.1,77.9,10.2z"/>
	<path class="st0" d="M118.6,8.3h-3.7c-1.1,0-2.1,0.9-2.3,1.9l-0.6,3.7c-0.1,0.5,0,1,0.4,1.4c0.3,0.4,0.8,0.6,1.3,0.6h3.7
		c1.1,0,2.1-0.9,2.3-1.9l0.6-3.7c0.1-0.5,0-1-0.3-1.4C119.5,8.5,119.1,8.3,118.6,8.3z M118.1,13.9c-0.1,0.3-0.3,0.5-0.6,0.5h-3.7
		c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3l0.7-3.7c0.1-0.3,0.3-0.5,0.6-0.5h3.7c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3
		L118.1,13.9z"/>
	<path class="st0" d="M75.3,8.3h-3.7c-1.1,0-2.1,0.9-2.3,1.9l-1,5.7h1.5l0.4-2.5c0.1-0.3,0.3-0.5,0.6-0.5h3.7c1.1,0,2.1-0.9,2.3-1.9
		l0.1-0.6c0.1-0.5,0-1-0.3-1.4C76.3,8.5,75.8,8.3,75.3,8.3z M75.4,10.8c-0.1,0.3-0.3,0.5-0.6,0.5h-3.7c-0.1,0-0.3,0-0.5,0.1l0.2-1.1
		c0.1-0.3,0.3-0.5,0.6-0.5h3.7c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3L75.4,10.8z"/>
	<path class="st0" d="M92,8.3h-3.5c-1,0-2,0.9-2.1,1.9l-0.9,5.7h1.4l0.4-2.5c0-0.3,0.3-0.5,0.6-0.5h3.2c0.5,0,0.4,0.4,0.4,0.4
		L91,15.9h1.4l0.4-2.1c0,0,0.2-0.7-0.3-1.1c-0.1,0-0.1-0.1-0.2-0.1c0.6-0.3,1.1-1,1.2-1.7l0.1-0.6c0.1-0.5,0-1-0.3-1.4
		C93,8.5,92.5,8.3,92,8.3z M92.1,10.8c0,0.3-0.3,0.5-0.6,0.5h-3.5c-0.1,0-0.3,0-0.4,0.1l0.2-1.1c0-0.3,0.3-0.5,0.6-0.5h3.5
		c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3L92.1,10.8z"/>
	<path class="st0" d="M6.5,8.3H3.1c-1,0-2,0.9-2.1,1.9L0,15.9h1.4l0.4-2.5c0-0.3,0.3-0.5,0.6-0.5h3.2c0.5,0,0.4,0.4,0.4,0.4
		l-0.5,2.7h1.4l0.4-2.1c0,0,0.2-0.7-0.3-1.1c-0.1,0-0.1-0.1-0.2-0.1c0.6-0.3,1.1-1,1.2-1.7l0.1-0.6c0.1-0.5,0-1-0.3-1.4
		C7.5,8.5,7,8.3,6.5,8.3z M6.6,10.8c0,0.3-0.3,0.5-0.6,0.5H2.6c-0.1,0-0.3,0-0.4,0.1l0.2-1.1c0-0.3,0.3-0.5,0.6-0.5h3.5
		c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3L6.6,10.8z"/>
	<path class="st0" d="M15.8,8.4l-1,5.5c-0.1,0.3-0.3,0.5-0.6,0.5h-3.7c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3l1-5.6H9.6
		l-1,5.5c-0.1,0.5,0,1,0.4,1.4c0.3,0.4,0.8,0.6,1.3,0.6H14c1.1,0,2.1-0.9,2.3-1.9l1-5.6H15.8z"/>
	<path class="st0" d="M24.5,8.3h-3.9c-1.1,0-2.2,0.9-2.4,2l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.3,0.4-0.6,0.7-0.6h3.9
		c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.4l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.6,0-1.1-0.4-1.5C25.5,8.5,25,8.3,24.5,8.3z"/>
	<path class="st0" d="M33.9,8.3H30c-1.1,0-2.2,0.9-2.4,2l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.3,0.4-0.6,0.7-0.6h3.9
		c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.4l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.6,0-1.1-0.4-1.5C34.9,8.5,34.5,8.3,33.9,8.3z"/>
	<path class="st0" d="M46.6,8.3h-3.9c-1.1,0-2.2,0.9-2.4,2l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.3,0.4-0.6,0.7-0.6h3.9
		c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.4l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.6,0-1.1-0.4-1.5C47.6,8.5,47.1,8.3,46.6,8.3z"/>
	<path class="st0" d="M54.1,11.3l-0.3,1.5h1.5l-0.2,1.1c-0.1,0.3-0.3,0.5-0.6,0.5h-3.7c-0.1,0-0.2,0-0.3-0.1
		c-0.1-0.1-0.1-0.2-0.1-0.3l0.6-3.7c0.1-0.3,0.3-0.5,0.6-0.5h5.6l0.3-1.5H52c-1.1,0-2.1,0.9-2.3,1.9l-0.6,3.7c-0.1,0.5,0,1,0.4,1.4
		c0.3,0.4,0.8,0.6,1.3,0.6h3.7c1.1,0,2.1-0.9,2.3-1.9l0.5-2.6H54.1z"/>
	<path class="st0" d="M109.8,8.3h-3.7c-1.1,0-2.1,0.9-2.3,1.9l-0.6,3.7c-0.1,0.5,0,1,0.4,1.4c0.3,0.4,0.8,0.6,1.3,0.6h3.7
		c1.1,0,2.1-0.9,2.3-1.9l0.1-0.7h-1.5l-0.1,0.6c-0.1,0.3-0.3,0.5-0.6,0.5H105c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3
		l0.7-3.7c0.1-0.3,0.3-0.5,0.6-0.5h3.7c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3l-0.1,0.6h1.5l0.1-0.5c0.1-0.5,0-1-0.3-1.4
		C110.8,8.5,110.3,8.3,109.8,8.3z"/>
	<path class="st0" d="M94.4,9.8h3l-1.2,6.1h1.6l1.1-5.1l0.1-0.4c0.1-0.3,0.3-0.5,0.6-0.5h2.5l0.3-1.6h-7.5L94.4,9.8z"/>
	<path class="st0" d="M131.8,8.3h-2.7c-0.5,0-1,0.2-1.4,0.5c-0.3-0.3-0.8-0.5-1.2-0.5h-2.7c-1.1,0-2.2,0.9-2.4,2l-0.9,5.3l-0.1,0.3
		h1.5l1-5.5c0.1-0.3,0.4-0.6,0.7-0.6h2.7c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.4l-0.9,5.3l-0.1,0.3h0h1.5h0l1-5.5
		c0.1-0.3,0.4-0.6,0.7-0.6h2.7c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.4l-0.9,5.3l-0.1,0.3h1.5l1-5.5c0.1-0.6,0-1.1-0.4-1.5
		C132.9,8.5,132.4,8.3,131.8,8.3z"/>
	<path class="st0" d="M149.8,11.8c-0.9-0.6-3-1.8-5.9-3.3l0,0c-2.9-1.6-6.7-3.4-10.8-5.1c0,0,6.1,7.4,6.8,8.3l3.2-2.2l-4.2,4.7
		l-3,3.4c2.8-0.7,5.1-1.5,7-2.1v0c0,0,0,0,0.1,0c3.7-1.3,5.8-2.4,6.7-2.9C150.2,12.2,150.2,12,149.8,11.8z"/>
</g>
</svg>
<br><br>
<p>Gammel Sellingvej 1<br>8370 Hadsten<br>Denemarken</p>
<p>BTW-identificatienummer:<br/>
DK32277594</p>
<p>Bank: Nykredit Bank<br>IBAN: DK5654710009501950<br>SWIFT/BIC: NYKBDKKK</p>
<img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/visa.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/mastercard.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/maestro.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/ideal.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/paypal.png" alt="" />

</div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="WI594YL"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="NN54I0E"><img class="pagebuilder-mobile-hidden" src="https://www.runningxpert.com/media/wysiwyg/runningxpert_logo20_2.png" alt="" title="" data-element="desktop_image" data-pb-style="FDC8PPL"><img class="pagebuilder-mobile-only" src="https://www.runningxpert.com/media/wysiwyg/runningxpert_logo20_2.png" alt="" title="" data-element="mobile_image" data-pb-style="QINAFSO"></figure><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li>Sinds 2005</li>
<li>Snelle en betrouwbare levering</li>
<li>Ruim assortiment van topmerken</li>
<li>Persoonlijke service en deskundig advies</li>
<li>Veilige en eenvoudige online aankoop</li>
<li>Flexibele retour- en ruilvoorwaarden</li>
</ul></div></div></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/visa.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/mastercard.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/maestro.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/ideal.png" alt="" /> <img src="https://www.runningxpert.com/media/wysiwyg/Payment_Icons/paypal.png" alt="" /></div></div>                            <div class="page-footer--links-contact"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><strong>Customer Care</strong><br>
<p style="color: #28c440; font-family: 'Nexa'; font-weight: bold;">Openingstijden - Telefoon:<br</p>
<p>Maandag t/m vrijdag 9:30-16:00<br>(Engelstalige klantenservice)</p>
<p>Tel. +31 (0) 202 626 808<br>customerservice.nl@runningxpert.com<br>
</p>Gesloten van donderdag 2 april tot en met maandag 6 april vanwege feestdagen.<br></p>
<a class="cg-assets-shop-review-button cg-assets-shop-review-button-large1" href="https://www.vergelijk.nl" target="_blank" data-cg-component="shop-rating" data-cg-label="nl_NL" data-cg-shop="runningxpert_nl"><script>(function(b,c){var a=b.createElement("script");a.src=c;a.type="text/javascript";a.async=!0;b.getElementsByTagName("head")[0].appendChild(a)})(document, "https://www.vergelijk.nl/shopinfo/runningxpert_nl/review.button.js");</script></a>
<!-- TrustBox widget - Mini -->
<div class="trustpilot-widget" data-locale="nl-NL" data-template-id="53aa8807dec7e10d38f59f32" data-businessunit-id="5d53d5af7341e9000183ef7a" data-style-height="150px" data-style-width="50%" data-theme="light">
  <a href="https://nl.trustpilot.com/review/runningxpert.com" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget --></div></div>                            <div class="page-footer--logos-certifications"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><strong>Support</strong><br>
<p><a href="/nl/shipping-terms">Levering en bezorgkosten</a></p>
<p><a href="/nl/returns">Retourneren</a></p>
<p><a href="/nl/customercenter">Veelgestelde vragen</a></p>
<p><a href="/nl/tevredenheidsgarantie">Tevredenheidsgarantie</a></p>
<p><a href="/nl/contact">Contactformulier</a></p>
<p><a href="/nl/catalog/product/view/id/138305/s/gift-card/">Cadeaubon</a></p>
<p><a href="http://manage.kmail-lists.com/subscriptions/unsubscribe?cy=VfKqpa" target="_blank" rel="noopener">Nieuwsbrief uitschrijven</a></p>
<br/>


</div></div>                            <div class="page-footer--logos-payments"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><strong>RunningXpert.com</strong><br>
<p><a href="/nl/about">Over ons</a></p>
<p><a href="/nl/privacy-policy">Privacybeleid</a></p>
<p><a href="/nl/terms">Algemene voorwaarden</a></p>
<p><a href="/nl/and-the-winner-is">Wedstrijden</a></p>
<br/></div></div>                                                                                                                                                                </div>
    </div>
    <div class="page-footer--last border-t border-container">
        <div class="page-footer--last-inner container py-5 mx-auto flex justify-center lg:justify-between text-xs">
            <div class="footer-social--icons hidden lg:block">
                <style>#html-body [data-pb-style=YSAU6Y3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="YSAU6Y3"><div data-content-type="text" data-appearance="default" data-element="main"><ul>
<li><a tabindex="0" href="https://www.facebook.com/runningxpert" target="_blank" rel="noopener"><img id="HO5JABN" src="https://www.loebeshop.dk/media/Social_icons/FB.png" alt=""></a></li>
<li><a tabindex="0" href="https://www.instagram.com/runningxpert" target="_blank" rel="noopener"><img src="https://www.loebeshop.dk/media/Social_icons/IG.png" alt=""></a></li>
<li><a tabindex="0" href="https://www.youtube.com/runningxpert" target="_blank" rel="noopener"><img src="https://www.loebeshop.dk/media/Social_icons/YT.png" alt=""></a></li>
</ul></div></div></div>            </div>
            <div class="page-footer--last-terms hidden lg:block">
                <style>#html-body [data-pb-style=CI7XF3F]{margin-bottom:25px;padding-bottom:25px}</style><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="CI7XF3F" data-decoded="true"><ul>
<li><a href="http://manage.kmail-lists.com/subscriptions/unsubscribe?cy=VfKqpa" target="_blank" rel="noopener">Nieuwsbrief uitschrijven</a></li>
<li><a href="/nl/inspiration/">Inspiratie & reviews</a></li>
<li><a href="/nl/collections/nieuws.html">Nieuwe producten</a></li>
</ul></div>            </div>
            <div class="page-footer--last-language flex justify-center lg:block">
                        <!-- Languages Switch -->

    <div class="header--topbar-links-lang-selector relative flex items-center z-10" x-data="storeSwitcher" @keydown.escape="closeAndFocus" @click.outside="close">
                <button type="button" x-ref="trigger" class="switcher-language-trigger action toggle switcher-trigger" data-storelanguage="nl" @click="toggle" aria-haspopup="true" :aria-expanded="open">
            <span class="active-language !flex items-center pr-2 pl-5 mb-0 pb-0 text-sm font-light">
                <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px]" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/nl.svg');"></span>
                <span class="lang font-semibold">Nederlands&nbsp;(NL)</span>
            </span>
        </button>
        <ul x-cloak class="absolute float-left flex-col items-start top-5 h-auto overflow-visible bg-container -left-2.5 w-[calc(100%_+_80px)] mb-0" :class="{ 'hidden' : !open }">
                                                                                                                <li class="view-dk switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="dk">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;dk&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/dk.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Dansk&nbsp;(DK)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-no switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="no">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;no&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/no.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Norsk Bokmål&nbsp;(NO)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-se switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="se">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;se&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/se.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Svenska&nbsp;(SE)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-gb switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="gb">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;gb&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/gb.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    English&nbsp;(GB)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-ie switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="ie">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;ie&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/ie.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    English&nbsp;(IE)                                 </span>
                            </a>
                        </li>
                                                                                                                                                                                                                                    <li class="view-de switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="de">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;de&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/de.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Deutsch&nbsp;(DE)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-at switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="at">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;at&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/at.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Deutsch&nbsp;(AT)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-it switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="it">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;it&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/it.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Italiano&nbsp;(IT)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-pl switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="pl">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;pl&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/pl.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Polski&nbsp;(PL)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-fi switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="fi">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;fi&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/fi.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Suomi&nbsp;(FI)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-fr switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="fr">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;fr&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/fr.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Français&nbsp;(FR)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-es switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="es">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;es&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/es.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Español&nbsp;(ES)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-ch switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="ch">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;ch&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/ch.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Deutsch&nbsp;(CH)                                 </span>
                            </a>
                        </li>
                                                                                                                                                    <li class="view-pt switcher-option pt-2.5 pb-5 pb-0 last:pb-[30px] pr-2 pl-5 h-[30px] mb-0" data-storelanguage="pt">
                            <a class="flex items-center text-xs hover:underline" href="#" @click.prevent="handleClick($event)" data-post='{&quot;action&quot;:&quot;https:\/\/www.runningxpert.com\/nl\/stores\/store\/redirect\/&quot;,&quot;data&quot;:{&quot;___store&quot;:&quot;pt&quot;,&quot;___from_store&quot;:&quot;nl&quot;}}'>
                                 <span class="flag w-[15px] h-[15px] inline-block bg-center bg-[length:15px_auto] bg-no-repeat mr-[5px] pointer-events-none" style="background-image: url('https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/icons/flags/pt.svg')"></span>
                                 <span class="lang font-semibold pointer-events-none">
                                    Português&nbsp;(PT)                                 </span>
                            </a>
                        </li>
                                                                                                                                                                                                                                                            </ul>
        <svg xmlns="http://www.w3.org/2000/svg" width="5.901" height="3.105" viewBox="0 0 5.901 3.105">
            <path id="Path_10" data-name="Path 10" d="M0-7.268a.17.17,0,0,1,.011-.059.122.122,0,0,1,.035-.05.149.149,0,0,1,.109-.045.149.149,0,0,1,.109.045L2.951-4.694,5.634-7.377a.151.151,0,0,1,.111-.045.151.151,0,0,1,.111.045.149.149,0,0,1,.045.109.149.149,0,0,1-.045.109l-2.8,2.8a.149.149,0,0,1-.109.045.149.149,0,0,1-.109-.045l-2.8-2.8a.122.122,0,0,1-.035-.05A.17.17,0,0,1,0-7.268Z" transform="translate(0 7.423)" opacity="0.998"/>
        </svg>
    </div>

<script>
    function storeSwitcher() {
        return {
            open: false,
            toggle() {
                this.open = !this.open
            },
            close() {
                this.open = false
            },
            closeAndFocus() {
                this.open = false
                this.$refs.trigger?.focus()
            },
            handleClick(event) {
                const dataPost = JSON.parse(event.currentTarget.dataset.post);

                const formTemplate = (data) => `
                    <form action="${data.action}" method="post">
                        ${Object.entries(data.data).map(([index, value]) => `
                            <input name="${index}" value="${value}">
                        `).join('')}
                    </form>`;

                const formKeyInputSelector = 'input[name="form_key"]';
                const formKeyElement = document.querySelector(formKeyInputSelector);
                const formKey = formKeyElement ? formKeyElement.value : null;

                if (formKey) {
                    dataPost.data['form_key'] = formKey;
                }
                let alternateLink = document.querySelector('link[rel="alternate"][hreflang*="-'+dataPost.data.___store+'"]');
                if(alternateLink) {
                    dataPost.data['uenc'] = btoa(alternateLink.href)
                        .replace(/\+/g, '-')
                        .replace(/\//g, '_')
                        .replace(/=/g, ',');
                }

                const formHtml = formTemplate(dataPost);
                const tempDiv = document.createElement('div');
                tempDiv.innerHTML = formHtml.trim();
                const form = tempDiv.firstChild;

                document.body.appendChild(form).submit();

                if (window.location.href.indexOf("utm_campaign=some") !== -1 && event.target.closest('#some-modal-content')) {
                    localStorage.setItem('runningxpert-language-redirect', event.target.parentElement.dataset.storelanguage);
                }
            }
        }
    }
</script>

            </div>
        </div>
    </div>
</div>

<script>
</script>
</div></footer><script>
    if(typeof hyva != 'undefined') {
        let wp = hyva.getBrowserStorage().getItem('webpos-html');
        if (wp) {
            document.body.insertAdjacentHTML("beforeend", wp);
        }
    }
</script>

<script>
    let SnapSlider = class {
        constructor(el, {
            labelSepparator = 'van',
            autoPager,
            groupPager
        } = {}) {
            this.el = el;
            this.track = this.el.querySelector("[data-track]");
            if (!this.track) {
                console.warn(
                    "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track",
                    this.el
                );
                return;
            }
            this.initialLoad = true;
            this.slides = [];
            this.inViewObserver;
            this.mutationObserver;
            this.resizeObserver;
            this.pager = this.el.querySelector("[data-pager]");
            this.navBtns = Array.from(
                this.el.querySelectorAll("[data-next], [data-prev]")
            );
            this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator;
            this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false;
            this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false;
            this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
            this.sliderId = this.el.id || this.sliderLabel || "slider";
            this.markerIdName = "data-target-id";
            this.pagerClasses = this.el.dataset.pagerClass || "snap-pager";
            this.markerClasses = this.el.dataset.markerClass || "snap-marker";
            this.init();
        }
        init() {
            this.setupSlides();
            this.setupNav();
            if (this.useAutoPager) {
                this.createPager();
            } else {
                this.setupPager();
            }
            this.setupObservers();
            this.setupMutationObserver();
            this.setupResizeObserver();
            this.el.addEventListener("click", this.eventHandler.bind(this));
            this.el.addEventListener("keydown", this.eventHandler.bind(this));
        }
        destroy() {
            this.inViewObserver?.disconnect();
            this.mutationObserver?.disconnect();
            this.resizeObserver?.disconnect();
            this.el.removeEventListener("click", this.eventHandler.bind(this));
            this.el.removeEventListener("keydown", this.eventHandler.bind(this));
        }
        roundUpIfGreaterThan(number, min = 8) {
            const decimalPart = number - Math.floor(number);
            return decimalPart >= min ? Math.ceil(number) : Math.floor(number);
        }
        getInViewItems() {
            const inViewSlides = this.track.querySelectorAll("[data-in-view]");
            const firstInViewSlide = inViewSlides[0] || null;
            const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null;
            const isAtStart = firstInViewSlide === this.slides[0];
            const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1];
            return {
                inViewSlides,
                totalInViewSlides: inViewSlides.length,
                firstInViewSlide,
                lastInViewSlide,
                isAtStart,
                isAtEnd,
                hasNoOverflow: isAtStart && isAtEnd
            };
        }
        groupPagerMarkers() {
            if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return;
            const totalVisibleSlides = this.roundUpIfGreaterThan(
                this.track.offsetWidth / this.slides[0].offsetWidth
            );
            const markers = Array.from(this.pager.querySelectorAll("a, button"));
            markers.forEach((marker, index) => {
                marker.style.display = index % totalVisibleSlides === 0 ? null : "none";
            });
        }
        handleInView(entries) {
            entries.forEach((entry) => {
                const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector(
                    `[${this.markerIdName}="${entry.target.id}"]`
                ));
                entry.target.toggleAttribute("data-in-view", entry.isIntersecting);
                entry.target.toggleAttribute("inert", !entry.isIntersecting);
                marker?.setAttribute("aria-current", entry.isIntersecting);
                marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1");
            });
            const {
                isAtStart,
                isAtEnd,
                hasNoOverflow
            } = this.getInViewItems();
            this.navBtns.forEach((btn) => {
                if (btn.hasAttribute("data-next")) {
                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
                    isAtEnd ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
                }
                if (btn.hasAttribute("data-prev")) {
                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
                    isAtStart ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
                }
            });
            if (this.pager) {
                this.pager.style.visibility = hasNoOverflow ? "hidden" : null;
            }
            if (!this.initialLoad) {
                this.el.dispatchEvent(
                    new CustomEvent("slideChange", {
                        detail: this.getInViewItems()
                    })
                );
            } else {
                this.initialLoad = false;
            }
            if (document.activeElement.parentElement.hasAttribute("data-pager")) {
                const activeItems = this.pager.querySelectorAll('[tabindex="0"]');
                if (activeItems.length) {
                    activeItems[0].focus({ preventScroll: true });
                }
            }
        }
        getSlides() {
            if (!this.track) return [];
            return Array.from(this.track.children).filter(
                (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script"
            );
        }
        refreshSlides() {
            this.initialLoad = true;
            this.slides = this.getSlides();
            this.setupSlides();
            if (this.useAutoPager) {
                this.createPager();
            } else {
                this.setupPager();
            }
            this.groupPagerMarkers();
            this.setupObservers();
        }
        setupSlides() {
            this.slides = this.getSlides();
            this.slides.forEach((slide, index) => {
                const totalSlides = this.slides.length;
                const currentSlide = index + 1;
                const existingLabel = slide.getAttribute("aria-label") || "";
                const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture";
                const slideLabelTag = isImage ? "alt" : "aria-label";
                const hasAutoLabel = existingLabel.startsWith(
                    `${currentSlide} ${this.slideLabelSepparator} `
                );
                if (!slide.hasAttribute("id")) {
                    slide.setAttribute(
                        "id",
                        `${this.sliderId}-item-${currentSlide}`
                    );
                }
                if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) {
                    slide.setAttribute(
                        slideLabelTag,
                        `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}`
                    );
                }
                if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) {
                    slide.setAttribute("role", "group");
                }
                if (this.pager && !isImage) {
                    slide.setAttribute("role", "tabpanel");
                }
                if (slide.getAttribute("role") === "group") {
                    slide.setAttribute("aria-roledescription", "item");
                }
            });
            if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") {
                this.el.setAttribute("role", "region");
            }
            if (!this.el.hasAttribute("aria-roledescription")) {
                this.el.setAttribute("aria-roledescription", "carousel");
            }
            this.track.setAttribute("tabindex", 0);
            this.track.setAttribute("aria-live", "polite");
        }
        setupNav() {
            this.navBtns.forEach((btn) => {
                btn.setAttribute("disabled", "");
                btn.removeAttribute("hidden");
                btn.classList.remove("invisible");
                btn.style.visibility = null;
            });
        }
        createPager() {
            const newPager = document.createElement("nav");
            newPager.setAttribute("data-pager", "");
            newPager.setAttribute("role", "tablist");
            newPager.classList.add(...this.pagerClasses.split(" "));
            this.slides.forEach((slide, index) => {
                const marker = document.createElement("button");
                const slideId = slide.id || `${this.sliderId}-item-${index + 1}`;
                marker.setAttribute(this.markerIdName, slideId);
                marker.classList.add(...this.markerClasses.split(" "));
                this.setupPagerMarker(marker, index);
                newPager.appendChild(marker);
                if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") {
                    slide.removeAttribute("aria-roledescription");
                    slide.setAttribute("role", "tabpanel");
                }
            });
            if (this.pager) {
                this.pager.setAttribute("role", "tablist");
                this.pager.replaceChildren(...newPager.children);
            } else {
                this.track.after(newPager);
                this.pager = this.el.querySelector("[data-pager]");
            }
        }
        setupPager() {
            if (!this.pager) return;
            this.pager.setAttribute("role", "tablist");
            const items = Array.from(this.pager.querySelectorAll("a, button"));
            items.forEach((marker, index) => this.setupPagerMarker(marker, index));
        }
        setupPagerMarker(marker, index) {
            const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
            const slideId = markerId || `${this.sliderId}-item-${index + 1}`;
            if (!markerId) {
                marker.setAttribute(this.markerIdName, slideId);
            }
            marker.setAttribute("role", "tab");
            marker.setAttribute("aria-controls", slideId);
            marker.setAttribute("aria-posinset", index + 1);
            marker.setAttribute("aria-setsize", this.slides.length);
            marker.setAttribute("tabindex", "-1");
            if (!marker.hasAttribute("aria-label")) {
                marker.setAttribute("aria-label", `Slide ${index + 1}`);
            }
        }
        setupObservers() {
            if (this.inViewObserver) {
                this.inViewObserver.disconnect();
            }
            this.inViewObserver = new IntersectionObserver(
                this.handleInView.bind(this), {
                    root: this.track,
                    threshold: 0.8
                }
            );
            this.slides.forEach((slide) => this.inViewObserver.observe(slide));
        }
        setupMutationObserver() {
            this.mutationObserver = new MutationObserver(
                this.refreshSlides.bind(this)
            );
            this.mutationObserver.observe(this.track, {
                childList: true,
                subtree: false
            });
        }
        setupResizeObserver() {
            this.resizeObserver = new ResizeObserver(
                this.groupPagerMarkers.bind(this)
            );
            this.resizeObserver.observe(this.el);
        }
        goToSlideDir(dir = "next") {
            const {
                firstInViewSlide,
                lastInViewSlide
            } = this.getInViewItems();
            const isPrev = dir === "prev";
            let targetSlide = isPrev ? firstInViewSlide?.previousElementSibling : lastInViewSlide?.nextElementSibling;
            if (!targetSlide) return;
            if (targetSlide.tagName.toLowerCase() === "template") {
                targetSlide = isPrev ? targetSlide?.previousElementSibling : targetSlide?.nextElementSibling;
            }
            targetSlide.scrollIntoView({ block: "nearest", inline: isPrev ? "end" : "start" });
        }
        pagerToSlide(event) {
            if (!event.target.closest("[data-pager]")) return;
            const marker = event.target.closest("a, button");
            if (!marker) return;
            event.preventDefault();
            const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
            const targetSlide = this.track.querySelector(`#${slideId}`);
            targetSlide?.scrollIntoView({ block: "nearest", inline: "start" });
        }
        eventHandler(event) {
            const target = event.target.closest(
                "[data-next], [data-prev], [data-pager]"
            );
            if (!target) return;
            if (event.type === "click") {
                if (target.hasAttribute("data-next")) {
                    this.goToSlideDir("next");
                } else if (target.hasAttribute("data-prev")) {
                    this.goToSlideDir("prev");
                } else if (target.closest("[data-pager]")) {
                    this.pagerToSlide(event);
                }
            }
            if (event.type === "keydown" && target.closest("[data-pager]")) {
                if (event.key === "ArrowRight") {
                    this.goToSlideDir("next");
                } else if (event.key === "ArrowLeft") {
                    this.goToSlideDir("prev");
                }
            }
        }
    };

    (() => {
        function alpineSnapSlider(Alpine) {
            Alpine.directive("snap-slider", (el, {
                modifiers
            }, {
                cleanup
            }) => {
                const autoPager = modifiers.includes("auto-pager");
                const groupPager = modifiers.includes("group-pager");
                const slider = new SnapSlider(el, {
                    autoPager,
                    groupPager
                });
                cleanup(() => {
                    slider.destroy();
                });
            });
        }

        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(alpineSnapSlider);
        });
    })();
    //# sourceURL=alpine-snap-slider.js
</script>
<script>
    (() => {
        // src/dialog.js
        function dialog_default(Alpine) {
            Alpine.directive("htmldialog", fylgjaAlpineDialog);
            function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) {
            const evaluate = expression.length ? evaluateLater(expression) : () => {};
            const canEvaluate = expression.length > 0;
            const lockPageScroll = modifiers.includes("noscroll");
            const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
            el.style.display = null;
            el.style.length === 0 && el.removeAttribute("style");
            if (el._x_isShown) {
                open();
            }
            const closeBySupported = (() => {
                return "closedBy" in HTMLDialogElement.prototype;
            })();
            function scrollLock(use = true) {
                document.body.style.overflow = use ? "hidden" : "";
            }
            function dialogSubmit(event) {
                if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
                event.preventDefault();
                evaluate();
                }
            }
            function escapeDialog(event) {
                if (event.key !== "Escape") return;
                event.preventDefault();
                if (closeBy === "none") return;
                evaluate();
            }
            function handleCloseByEvent(event) {
                if (event.target !== el) return;
                const rect = el.getBoundingClientRect();
                const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
                if (!isInDialog) {
                if (closeBy === "any") {
                    if (closeBySupported) {
                    event.preventDefault();
                    }
                    evaluate();
                }
                }
            }
            function handleCloseEvent() {
                evaluate();
            }
            function open() {
                if (el.hasAttribute("open")) return;
                el.showModal();
                scrollLock(lockPageScroll);
            }
            function close() {
                if (!el.hasAttribute("open")) return;
                el.close();
                scrollLock(false);
            }
            el._x_doShow = () => open();
            el._x_doHide = () => close();
            el.addEventListener("keydown", escapeDialog);
            el.addEventListener("submit", dialogSubmit);
            el.addEventListener("click", handleCloseByEvent);
            el.addEventListener("cancel", handleCloseEvent);
            cleanup(() => {
                el.removeEventListener("keydown", escapeDialog);
                el.removeEventListener("submit", dialogSubmit);
                el.removeEventListener("click", handleCloseByEvent);
                el.removeEventListener("cancel", handleCloseEvent);
                scrollLock(false);
            });
            }
        }
        function modifierValue(modifiers, key, fallback) {
            if (modifiers.indexOf(key) === -1) return fallback;
            const rawValue = modifiers[modifiers.indexOf(key) + 1];
            if (!rawValue) return fallback;
            if (key === "closeby") {
            const allowedValues = ["auto", "none", "closerequest", "any"];
            const options = allowedValues.join(", ");
            if (!allowedValues.includes(rawValue)) {
                console.warn(
                `"${rawValue}" is not one of the allowed values for closeby: ${options}`
                );
                return fallback;
            }
            }
            return rawValue;
        }

        // src/cdn.js
        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(dialog_default);
        });
    })();
    //# sourceURL=alpine-htmldialog.js
</script>
<script>
    (() => {
        function src_default(Alpine) {
            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
                let evaluate = evaluateLater(expression);
                let options = {
                    rootMargin: getRootMargin(modifiers),
                    threshold: getThreshold(modifiers)
                };
                let observer = new IntersectionObserver((entries) => {
                    entries.forEach((entry) => {
                        if (entry.isIntersecting === (value === "leave"))
                            return;
                        evaluate();
                        modifiers.includes("once") && observer.disconnect();
                    });
                }, options);
                observer.observe(el);
                cleanup(() => {
                    observer.disconnect();
                });
            }));
        }
        function getThreshold(modifiers) {
            if (modifiers.includes("full"))
                return 0.99;
            if (modifiers.includes("half"))
                return 0.5;
            if (!modifiers.includes("threshold"))
                return 0;
            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
            if (threshold === "100")
                return 1;
            if (threshold === "0")
                return 0;
            return Number(`.${threshold}`);
        }
        function getLengthValue(rawValue) {
            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
            return match ? match[1] + (match[2] || "px") : void 0;
        }
        function getRootMargin(modifiers) {
            const key = "margin";
            const fallback = "0px 0px 0px 0px";
            const index = modifiers.indexOf(key);
            if (index === -1)
                return fallback;
            let values = [];
            for (let i = 1; i < 5; i++) {
                values.push(getLengthValue(modifiers[index + i] || ""));
            }
            values = values.filter((v) => v !== void 0);
            return values.length ? values.join(" ").trim() : fallback;
        }

        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();
    //# sourceURL=alpine-intersect.js
</script>
<script>
    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#notice-cookie-block":"idle"})) {
        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
    }
    //# sourceURL=alpine-defer-rules.js
</script>
<script>
    (() => {
        const hasAlpine = new Promise(resolve => {
            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
        });

        const hasInteract = new Promise(resolve => {
            (events => {
                const onInteract = () => {
                    resolve();
                    events.forEach(type => window.removeEventListener(type, onInteract));
                }
                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
        });

        const onIntersect = (el) => {
            return new Promise(resolve => {
                const observer = new IntersectionObserver(entries => {
                    for (const entry of entries) {
                        if (entry.isIntersecting) {
                            observer.disconnect()
                            resolve();
                        }
                    }
                }, {});
                observer.observe(el);
            });
        }

        function runComponent(el) {
            hasAlpine.then(() => {
                el.removeAttribute('x-ignore');
                queueMicrotask(() => Alpine.initTree(el));
            });
        }

        function initDeferredComponents() {
            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
                el.setAttribute('x-ignore', '');
                const deferUntil = (el.getAttribute('x-defer') || '').trim();
                switch (deferUntil) {
                    case 'interact':
                        hasInteract.then(() => runComponent(el));
                        break;
                    case 'intersect':
                        onIntersect(el).then(() => runComponent(el))
                        break;
                    case 'idle':
                        window.requestIdleCallback
                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
                            : setTimeout(() => runComponent(el), 4000);
                        break;
                    case 'eager':
                        runComponent(el);
                        break;
                    default:
                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
                        }
                }
            });
        }

        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
    })();
    //# sourceURL=alpine-defer.js
</script>
<script>
(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();
</script>

<script type="module"
        src="https://www.runningxpert.com/static/version1793184777/frontend/Loebeshop/hyva/nl_NL/Hyva_Theme/js/alpine3.min.js"
        defer
        crossorigin
></script>
<script>
    function dispatchMessages(messages, hideAfter) {
        const messagesEvent = new CustomEvent("messages-loaded", {
            detail: {
                messages: messages,
                hideAfter: hideAfter
            }
        });
        window.dispatchEvent(messagesEvent);
    }

    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
    }

    (function( hyva, undefined ) {

        hyva.initFormKey = () => {
            const inputSelector = 'input[name="form_key"]',
                formKey = hyva.getFormKey();

            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
                input.value = formKey
            });
        }

        hyva.initMessages = () => {
            try {
                const messages = hyva.getCookie('mage-messages');
                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];

                dispatchMessages(window.mageMessages);

                                // empty `mage-messages` cookie
                const skipSetDomain = true;
                hyva.setCookie('mage-messages','', -1, skipSetDomain);

            } catch (error) {
                console.warn('Error parsing Cookie Messages:', error);
            }
        }

        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
        hyva.alpineInitialized(hyva.initMessages)

    }( window.hyva = window.hyva || {} ));
    //# sourceURL=hyva-cookies.js
</script>
<script>
    {
        const private_content_key = 'mage-cache-storage';
        const private_content_expire_key = 'mage-cache-timeout';
        const private_content_version_key = 'private_content_version';
        const section_data_ids_key = 'section_data_ids';
        const mage_cache_session_id_key = 'mage-cache-sessid';
        const last_visited_store_key = 'last_visited_store';

        const ttl = 259200;

        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
        }

        function loadSectionData () {
            const browserStorage = hyva.getBrowserStorage();
            if (!browserStorage) {
                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                    [{
                        type: "warning",
                        text: "Please enable LocalStorage in your browser."
                    }]
                );
                return;
            }
            try {
                let isInvalid = false;

                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
                    isInvalid = true;
                }
                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);

                if (!hyva.getCookie(mage_cache_session_id_key)) {
                    isInvalid = true;
                    browserStorage.removeItem(private_content_key);
                    const skipSetDomain = true;
                    const days = false;
                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
                }

                const cookieVersion = hyva.getCookie(private_content_version_key);
                const storageVersion = browserStorage.getItem(private_content_version_key);

                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
                    isInvalid = true;
                }

                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
                    browserStorage.removeItem(private_content_key);
                }

                if (isInvalid && cookieVersion) {
                    fetchPrivateContent([]);
                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
                    if (
                        privateContent &&
                        privateContentExpires &&
                        privateContent.cart &&
                        privateContent.customer
                    ) {
                        dispatchPrivateContent(privateContent);
                    } else {
                        fetchPrivateContent([]);
                    }
                } else {
                    if (document.getElementById('default-section-data')) {
                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
                        dispatchPrivateContent(privateContent);
                    } else {
                        dispatchPrivateContent({});
                    }
                }

            } catch (error) {
                console.warn('Error retrieving Private Content:', error);
            }
        }

        hyva.alpineInitialized(loadSectionData)
        window.addEventListener('reload-customer-section-data', loadSectionData);

        window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);

        function dispatchPrivateContent(data) {

            const privateContentEvent = new CustomEvent("private-content-loaded", {
                detail: {
                    data: window.processSectionDataBeforeDispatch(data)
                }
            });
            window.dispatchEvent(privateContentEvent);
        }

        function fetchPrivateContent(sections) {
            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(response => response.ok && response.json())
                .then(
                    data => {
                        if (data) {
                            try {
                                const browserStorage = hyva.getBrowserStorage();

                                // merge new data preserving non-invalidated sections
                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};

                                                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
                                    delete oldSectionData['checkout-data'];
                                }
                                const newSectionData = Object.assign(oldSectionData, data);

                                dispatchPrivateContent(newSectionData);

                                // don't persist messages, they've been dispatched already
                                if (newSectionData.messages && newSectionData.messages.messages ) {
                                    newSectionData.messages.messages = [];
                                }

                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));

                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
                                browserStorage.setItem(private_content_expire_key, expiresAt);

                                const newCookieVersion = hyva.getCookie(private_content_version_key);
                                browserStorage.setItem(private_content_version_key, newCookieVersion);

                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
                                hyva.setCookie(
                                    section_data_ids_key,
                                    JSON.stringify(
                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
                                            return sectionDataIds;
                                        }, {})
                                    ),
                                    false,
                                    true
                                );
                            } catch (error) {
                                console.warn("Couldn't store privateContent", error);
                            }
                        }
                    }
                )
                .catch(error => {
                    console.warn("Couldn't fetch privateContent", error);
                });
        }
    }
    //# sourceURL=hyva-private-content.js
</script>
<script>
    (() => {
        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
    })()
</script>
<script>
    (events => {
        const dispatchUserInteractionEvent = () => {
            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
            window.dispatchEvent(new Event('init-external-scripts'))
        };
        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']);
    //# sourceURL=hyva-init-external-scripts.js
</script>
<script>
    (() => {
        const initSliderCarousel = (el) => {
            const sliderId = el.getAttribute('data-pb-style');

            const skipLink = document.createElement('a');
            skipLink.setAttribute('href', `#${sliderId}-slider-end`);
            skipLink.classList.add('sr-only', 'focus:not-sr-only', 'focus:absolute', 'focus:p-2', 'focus:bg-white');
            skipLink.innerText = 'Press\u0020to\u0020skip\u0020carousel';

            const skipLinkTarget = document.createElement('span');
            skipLinkTarget.setAttribute('id', `${sliderId}-slider-end`);
            skipLinkTarget.setAttribute('tabindex', '-1');

            const track = document.createElement('div');
            track.setAttribute('data-track', '');
            track.classList.add('snap-track');
            Array.from(el.children).forEach(slide => track.appendChild(slide));

            el.appendChild(track);
            el.insertBefore(skipLink, track);
            el.appendChild(skipLinkTarget);
            el.classList.add('snap-slider');
        }

        window.addEventListener('DOMContentLoaded', () => {
            if (typeof SnapSlider === 'undefined') return;

            const carousels = document.querySelectorAll(`
                [data-content-type="products"][data-appearance="carousel"],
                [data-content-type="slider"]
            `);

            carousels.forEach(el => {
                const sliderOptions = el.dataset;
                const autoPager = sliderOptions.showDots === "true";
                const showArrows = sliderOptions.showArrows === "true";

                if (el.dataset.contentType === 'slider') {
                    initSliderCarousel(el);

                    if (showArrows) {
                        el.insertAdjacentHTML(
                            'beforeend',
                            '\u000A\u003Cdiv\u0020data\u002Dpage\u002Dbuilder\u002Dslider\u002Dnav\u0020class\u003D\u0022flex\u0020justify\u002Dbetween\u0020items\u002Dcenter\u0020gap\u002D2\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022btn\u0020btn\u002Dsecondary\u0020p\u002D2\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Previous\u0020Slide\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020data\u002Dprev\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020disabled\u000A\u0020\u0020\u0020\u0020\u003E\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002218\u0022\u0020height\u003D\u002218\u0022\u0020fill\u003D\u0022none\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00221.5\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020class\u003D\u0022rtl\u003A\u002Drotate\u002D180\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u003Cpath\u0020d\u003D\u0022m12\u002019\u002D7\u002D7\u00207\u002D7M19\u002012H5\u0022\u002F\u003E\u003C\u002Fsvg\u003E\u000A\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022snap\u002Dpager\u0020mx\u002Dauto\u0022\u0020data\u002Dinit\u002Dpager\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022btn\u0020btn\u002Dsecondary\u0020p\u002D2\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Next\u0020Slide\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020data\u002Dnext\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020disabled\u000A\u0020\u0020\u0020\u0020\u003E\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002218\u0022\u0020height\u003D\u002218\u0022\u0020fill\u003D\u0022none\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00221.5\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020class\u003D\u0022rtl\u003A\u002Drotate\u002D180\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u003Cpath\u0020d\u003D\u0022M5\u002012h14M12\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u003C\u002Fsvg\u003E\u000A\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
                        );
                    }

                    if (autoPager) {
                        const pager = el.querySelector('[data-init-pager]');
                        if (pager) {
                            pager.setAttribute('data-pager', '');
                            pager.removeAttribute('data-init-pager');
                        }
                    }

                    new SnapSlider(el, { autoPager, groupPager: true });
                }

                if (el.dataset.contentType === 'products') {
                    const slider = el.querySelector('[data-slider-type]');
                    if (!slider) return;

                    const sliderNav = el.querySelector('[data-page-builder-slider-nav]');

                    if (sliderNav && autoPager) {
                        const pager = sliderNav.querySelector('[data-init-pager]');
                        if (pager) {
                            pager.setAttribute('data-pager', '');
                            pager.removeAttribute('data-init-pager');
                        }
                    }

                    if (sliderNav && !showArrows) {
                        sliderNav.querySelectorAll('[data-prev],[data-next]').forEach((btn) => btn.remove());
                    }

                    new SnapSlider(slider, { autoPager, groupPager: true });
                }
            });
        });
    })();
</script>
<script>
    function initCompareOnProductList() {
        return {
            addToCompare(productId) {
                const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'catalog/product_compare/add/';

                fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    }
                }).catch(function (error) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: error
                        }], 5000
                    );
                });
            }
        };
    }
</script>
    <script>
        function initWishlist(productId) {
            return {
                productId : productId,
                isLoggedIn : false,
                active : false,
                wishlistItem : false,
                wishlistItems: window.localStorage["mage-cache-storage"] ? JSON.parse(window.localStorage["mage-cache-storage"]).wishlist.items : [],
                init() {
                    this.reinitWishlist(productId);
                },
                reinitWishlist(productId) {
                    this.productId = productId;

                    if (this.isLoggedIn) {
                        this.setActiveWishlistItems();
                    }
                },
                onPrivateContentLoaded(data) {
                    this.isLoggedIn = Boolean(data.customer && data.customer.firstname);
                    if (this.isLoggedIn) {
                        this.wishlistItems = data.wishlist.items;
                        this.setActiveWishlistItems();
                    }
                },
                setActiveWishlistItems() {
                    let self = this;
                    let wishlistIndex = this.wishlistItems.findIndex(item => item.product_id == this.productId);
                    if(wishlistIndex > -1) {
                        self.wishlistItem = this.wishlistItems[wishlistIndex];
                        self.active = true;
                    } else {
                        self.active = false;
                        self.wishlistItem = false;
                    }
                },
                handleClick(e) {
                    var product = e.currentTarget.getAttribute('data-product');
                    if(this.active) {
                        this.removeFromWishlist(product);
                    } else {
                        this.addToWishlist(product);
                    }
                },
                addToWishlist(product) {
                    if (!this.isLoggedIn) { // If not logged in
                        window.dispatchEvent(new CustomEvent('toggle-authentication')); // Open auth popup
                        window.dispatchEvent(new CustomEvent('login-message', {detail: {message: 'Inloggen\u0020of\u0020registreren\u0020om\u0020aan\u0020de\u0020verlanglijst\u0020toe\u0020te\u0020voegen.'}})); // Set error message
                        return;
                    }
                    const formKey = hyva.getFormKey();
                    const postUrl = BASE_URL + 'wishlist/index/add/';
                    const productName = product;

                    var successText = 'Product\u0020is\u0020toegevoegd\u0020aan\u0020uw\u0020verlanglijst.';
                    var successMessage = successText.replace("Product", productName);

                    fetch(postUrl, {
                        "headers": {
                            "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                        },
                        "body": "form_key=" + formKey + "&product=" + this.productId + "&uenc=" + hyva.getUenc(),
                        "method": "POST",
                        "mode": "cors",
                        "credentials": "include"
                    }).then(function (response) {
                        if (response.ok) {
                            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                                [{
                                    type: "success",
                                    text: successMessage
                                }], 5000
                            );
                            const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                            window.dispatchEvent(reloadCustomerDataEvent);
                        } else {
                            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                                [{
                                    type: "error",
                                    text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
                                }], 5000
                            );
                        }
                    }).catch(function (error) {
                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                            [{
                                type: "error",
                                text: error
                            }], 5000
                        );
                    });
                },
                removeFromWishlist(product) {
                    if (!this.isLoggedIn) { // If not logged in
                        window.dispatchEvent(new CustomEvent('toggle-authentication')); // Open auth popup
                        window.dispatchEvent(new CustomEvent('login-message', {detail: {message: 'You\u0020must\u0020login\u0020or\u0020register\u0020to\u0020remove\u0020items\u0020from\u0020your\u0020wishlist.'}})); // Set error message
                        return;
                    }
                    let delete_item_params = JSON.parse(this.wishlistItem.delete_item_params);
                    const formKey = hyva.getFormKey();
                    let postUrl = delete_item_params.action;
                    let params = delete_item_params.data;
                    params['uenc'] = hyva.getUenc();
                    params['form_key'] = hyva.getFormKey();

                    const productName = product;

                    var successText = 'Product\u0020is\u0020verwijderd\u0020van\u0020uw\u0020verlanglijst.';
                    var successMessage = successText.replace("Product", productName);

                    fetch(postUrl, {
                        "headers": {
                            "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                        },
                        "body": Object.keys(params).map((key) => {
                            return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])
                        }).join('&'),
                        "method": "POST",
                        "mode": "cors",
                        "credentials": "include"
                    }).then(function (response) {
                        if (response.ok) {
                            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                                [{
                                    type: "success",
                                    text: successMessage
                                }], 5000
                            );
                            const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                            window.dispatchEvent(reloadCustomerDataEvent);
                        } else {
                            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                                [{
                                    type: "error",
                                    text: "Could\u0020not\u0020remove\u0020item\u0020from\u0020wishlist."
                                }], 5000
                            );
                        }
                    }).catch(function (error) {
                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                            [{
                                type: "error",
                                text: error
                            }], 5000
                        );
                    });
                }
            }
        }
    </script>
<script>
    'use strict';

    const grecaptchaV2LoadCallbacks = [];

    function executeRecaptchaLoadCallbacks () {
        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
            const callback = grecaptchaV2LoadCallbacks.pop();
            typeof callback === 'string' ? window[callback]() : callback();
        }
    }

    (function() {
        const loadRecaptchaScript = (event) => {

            if (window.grecaptcha || !event.target.form) {
                return;
            }

            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
            const siteKey = '6LffcvYcAAAAAIX_jpQPEMuYVDJPDOQnkejwtK6Z';
            const script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
            script.async = true;
            document.head.appendChild(script);

            script.addEventListener('load', () => {
                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
            });
        }

        window.forceLoadRecaptchaScript = (form) => {
            loadRecaptchaScript({target: {form: form || 'dummy'}});
            executeRecaptchaLoadCallbacks();
        };

        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });

    }());

</script>
<div x-data="someModal()" x-init="openOnInit();" class="some">
    <dialog id="some-modal" x-cloak x-show="isOpen"
            class="mb-8 mt-auto lg:mb-auto mx-auto h-fit md:max-h-screen-75 p-0 overflow-visible bg-container-medium w-full max-w-[400px]"
            :class="{ 'flex flex-col' : isOpen }"
            x-transition
            x-htmldialog.closeby.any="close"
    >
        <div class="absolute top-0 right-0 flex p-2 lg:mt-2">
            <button @click="close(); saveChoice();" type="button" title="Sluiten" class="p-2 text-gray-300 transition duration-150 rounded-full ease-in-out hover:text-black">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>x</title></svg>
            </button>
        </div>
        <div id="some-modal-content" class="h-auto overflow-auto p-6">
            <h2 class="mt-0">Select language</h2>
            <div class="relative"></div>
            <div class="flex justify-end mt-5">
                <button type="button" @click="close(); saveChoice();" class="btn btn-primary min-w-0">OK</button>
            </div>
        </div>
    </dialog>
</div>

<script type="text/javascript">
    function someModal() {
        return {
            isOpen: false,
            close() {
                this.isOpen = false;
            },
            openOnInit() {
                if (window.location.href.indexOf("utm_campaign=some") !== -1) {
                    if (localStorage.getItem('runningxpert-language-redirect')) {
                        if (document.querySelector('.switcher-language-trigger[data-storelanguage]').dataset.storelanguage != localStorage.getItem('runningxpert-language-redirect')) {
                            if (document.querySelector('.switcher-option[data-storelanguage="' + localStorage.getItem('runningxpert-language-redirect') + '"]')) {
                                document.querySelector('.switcher-option[data-storelanguage="' + localStorage.getItem('runningxpert-language-redirect') + '"] a').click();
                            }
                        }
                    } else {
                        document.querySelector('#some-modal-content > div').appendChild(document.querySelector('[x-data=storeSwitcher]').cloneNode(true));
                        this.isOpen = true;
                    }
                }
            },
            saveChoice() {
                localStorage.setItem('runningxpert-language-redirect', document.querySelector('.switcher-language-trigger[data-storelanguage]').dataset.storelanguage);
            }
        }
    }
</script>

<style>
    #some-modal-content ul {
        padding: 0;
        margin: 0;
        list-style: none;
        left: 0;
        top: calc(100% + 1px);
    }

    #some-modal-content ul a {
        color: #383838;
        font-size: 0.875rem; /* 14px */
        line-height: 1.25rem; /* 20px */
    }

    #some-modal-content .header--topbar-links-lang-selector {
        border: 1px solid #c5c5c5;
        width: fit-content;
    }

    #some-modal-content .header--topbar-links-lang-selector .switcher-trigger {
        padding: 4px 28px 4px 8px;
    }

    #some-modal-content .header--topbar-links-lang-selector svg {
        height: 0.652rem;
        width: 0.75rem;
        margin-left: 0.5rem;
        position: absolute;
        right: 0.5rem;
        pointer-events: none;
    }
</style>
<script>
    document.addEventListener("product-list-tracking", function (e) {
        var imp = [];
        e.detail.items?.forEach((item) => {
            if(item.item_brand == 'Asics') {
                imp.push(item.item_id);
            }
        });
        if(imp.length) {
            window.crobox = window.crobox || [];
            crobox.push(function(crobox) {
                crobox.pageview({
                    pt: crobox.PAGE_OVERVIEW,
                    lc: "nl-NL",
                    imp: imp
                });
            });
        }
    });
</script>
<script>
    'use strict';

    (() => {
        const initCarousels = (elements) => {
            if (!Glider) {
                return;
            }

            const initHeroBannerCarousel = (slider) => {
                if (slider.classList.contains('glider-initialized')) {
                    return;
                }
                slider.innerHTML = '<div data-role="glider-content">'+slider.innerHTML+'</div>';
                slider.classList.add('glider-contain');

                slider.insertAdjacentHTML(
                    'beforeend',
                    '\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020title\u003D\u0022Vorige\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D8\u0020h\u002D8\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020d\u003D\u0022M15\u002019l\u002D7\u002D7\u00207\u002D7\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020aria\u002Dlabel\u003D\u0022Slides\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Volgende\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020title\u003D\u0022Volgende\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D8\u0020h\u002D8\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020d\u003D\u0022M9\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u000A\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
                );

                const gliderElement = slider.querySelector('[data-role="glider-content"]');
                const gliderDots = slider.querySelector('.glider-dots');
                const gliderPrev = slider.querySelector('.glider-prev');
                const gliderNext = slider.querySelector('.glider-next');

                const glider = new Glider(gliderElement, {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    scrollLock: true,
                    scrollLockDelay: 250,
                    draggable: true,
                    dragVelocity: 2.5,
                    dots: gliderDots,
                    arrows: {
                        prev: gliderPrev,
                        next: gliderNext,
                    },
                });

                slider.classList.add('glider-initialized');

                const syncDotRoles = () => {
                    gliderDots.querySelectorAll('button').forEach((dot) => {
                        dot.setAttribute('role', 'tab');
                        dot.setAttribute('aria-selected', dot.classList.contains('active') ? 'true' : 'false');
                    });
                };

                syncDotRoles();
                gliderElement.addEventListener('glider-animated', syncDotRoles);

                if (glider.slides.length > glider.opt.slidesToShow) {
                    if (slider.dataset.showArrows !== undefined && slider.dataset.showArrows !== 'false') {
                        gliderPrev.classList.remove('hidden');
                        gliderNext.classList.remove('hidden');
                    }
                    gliderDots.classList.remove('hidden');
                }

                if (slider.dataset.autoplay !== undefined && slider.dataset.autoplay !== 'false') {
                    gliderAutoplay(
                        glider,
                        slider.dataset.autoplaySpeed ? slider.dataset.autoplaySpeed : 5000,
                        slider.dataset.loop
                    );
                }
            };

            const gliderAutoplay = (glider, milliseconds, loop) => {
                const pagesCount = glider.track.childElementCount;
                let slideTimeout = null;
                let nextIndex = 1;
                let paused = false;

                const slide = () => {
                    slideTimeout = setTimeout(
                        () => {
                            if (loop && nextIndex >= pagesCount) {
                                nextIndex = 0;
                            }
                            glider.scrollItem(nextIndex);
                        },
                        parseInt(milliseconds)
                    );
                };

                glider.ele.addEventListener('glider-animated', () => {
                    nextIndex = glider.slide + glider.opt.slidesToScroll;
                    window.clearInterval(slideTimeout);
                    if (!paused && (loop || nextIndex < pagesCount)) {
                        slide();
                    }
                });

                const pause = () => {
                    if (!paused) {
                        clearInterval(slideTimeout);
                        paused = true;
                    }
                };

                const unpause = () => {
                    if (paused) {
                        slide();
                        paused = false;
                    }
                };

                const carouselContainer = glider.ele.parentElement;
                carouselContainer.addEventListener('mouseover', pause, {passive: true});
                carouselContainer.addEventListener('touchstart', pause, {passive: true});
                carouselContainer.addEventListener('focusin', pause);
                carouselContainer.addEventListener('mouseout', unpause, {passive: true});
                carouselContainer.addEventListener('touchend', unpause, {passive: true});
                carouselContainer.addEventListener('focusout', (event) => {
                    if (!event.relatedTarget || !carouselContainer.contains(event.relatedTarget)) {
                        unpause();
                    }
                });

                slide();
            };

            elements.forEach(element => {
                if (element.dataset.contentType === 'banner-slider') {
                    initHeroBannerCarousel(element);
                }
            });
        };

        window.addEventListener('DOMContentLoaded', () => {
            const carouselElements = document.querySelectorAll(
                `[data-content-type="banner-slider"]`
            );

            if (carouselElements.length > 0) {
                const script = document.createElement('script');
                script.type = 'text/javascript';

                script.addEventListener('load', () => {
                    initCarousels(carouselElements);
                });

                script.src = 'https\u003A\u002F\u002Fwww.runningxpert.com\u002Fstatic\u002Fversion1793184777\u002Ffrontend\u002FLoebeshop\u002Fhyva\u002Fnl_NL\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
                document.head.appendChild(script);
            }
        });
    })();
</script>
<script>
    (() => {
        const initSliderCarousel = (el) => {
            const sliderId = el.getAttribute('data-pb-style');

            const skipLink = document.createElement('a');
            skipLink.setAttribute('href', `#${sliderId}-slider-end`);
            skipLink.classList.add('sr-only', 'focus:not-sr-only', 'focus:absolute', 'focus:p-2', 'focus:bg-white');
            skipLink.innerText = 'Press\u0020to\u0020skip\u0020carousel';

            const skipLinkTarget = document.createElement('span');
            skipLinkTarget.setAttribute('id', `${sliderId}-slider-end`);
            skipLinkTarget.setAttribute('tabindex', '-1');

            const track = document.createElement('div');
            track.setAttribute('data-track', '');
            track.classList.add('snap-track');
            Array.from(el.children).forEach(slide => track.appendChild(slide));

            el.appendChild(track);
            el.insertBefore(skipLink, track);
            el.appendChild(skipLinkTarget);
            el.classList.add('snap-slider');
        }

        window.addEventListener('DOMContentLoaded', () => {
            if (typeof SnapSlider === 'undefined') return;

            const carousels = document.querySelectorAll(`
                [data-content-type="products"][data-appearance="carousel"],
                [data-content-type="slider"]
            `);

            carousels.forEach(el => {
                const sliderOptions = el.dataset;
                const autoPager = sliderOptions.showDots === "true";
                const showArrows = sliderOptions.showArrows === "true";

                if (el.dataset.contentType === 'slider') {
                    initSliderCarousel(el);

                    if (showArrows) {
                        el.insertAdjacentHTML(
                            'beforeend',
                            '\u000A\u003Cdiv\u0020data\u002Dpage\u002Dbuilder\u002Dslider\u002Dnav\u0020class\u003D\u0022flex\u0020justify\u002Dbetween\u0020items\u002Dcenter\u0020gap\u002D2\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022btn\u0020btn\u002Dsecondary\u0020p\u002D2\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Previous\u0020Slide\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020data\u002Dprev\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020disabled\u000A\u0020\u0020\u0020\u0020\u003E\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002218\u0022\u0020height\u003D\u002218\u0022\u0020fill\u003D\u0022none\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00221.5\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020class\u003D\u0022rtl\u003A\u002Drotate\u002D180\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u003Cpath\u0020d\u003D\u0022m12\u002019\u002D7\u002D7\u00207\u002D7M19\u002012H5\u0022\u002F\u003E\u003C\u002Fsvg\u003E\u000A\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022snap\u002Dpager\u0020mx\u002Dauto\u0022\u0020data\u002Dinit\u002Dpager\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022btn\u0020btn\u002Dsecondary\u0020p\u002D2\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Next\u0020Slide\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020data\u002Dnext\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020disabled\u000A\u0020\u0020\u0020\u0020\u003E\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002218\u0022\u0020height\u003D\u002218\u0022\u0020fill\u003D\u0022none\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020stroke\u002Dwidth\u003D\u00221.5\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020class\u003D\u0022rtl\u003A\u002Drotate\u002D180\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u003E\u003Cpath\u0020d\u003D\u0022M5\u002012h14M12\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u003C\u002Fsvg\u003E\u000A\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
                        );
                    }

                    if (autoPager) {
                        const pager = el.querySelector('[data-init-pager]');
                        if (pager) {
                            pager.setAttribute('data-pager', '');
                            pager.removeAttribute('data-init-pager');
                        }
                    }

                    new SnapSlider(el, { autoPager, groupPager: true });
                }

                if (el.dataset.contentType === 'products') {
                    const slider = el.querySelector('[data-slider-type]');
                    if (!slider) return;

                    const sliderNav = el.querySelector('[data-page-builder-slider-nav]');

                    if (sliderNav && autoPager) {
                        const pager = sliderNav.querySelector('[data-init-pager]');
                        if (pager) {
                            pager.setAttribute('data-pager', '');
                            pager.removeAttribute('data-init-pager');
                        }
                    }

                    if (sliderNav && !showArrows) {
                        sliderNav.querySelectorAll('[data-prev],[data-next]').forEach((btn) => btn.remove());
                    }

                    new SnapSlider(slider, { autoPager, groupPager: true });
                }
            });
        });
    })();
</script>
<style>
    .is-loading > :not(.loader) {
        visibility: hidden;
    }
</style>
<script>
    window.setAjaxCart = (selectors = '.product_addtocart_form,\u0020\u0023product_addtocart_form', recursive = true) => {
        const forms = document.querySelectorAll(selectors);
        const delay = parseInt('1000', 10);

        forms.forEach(form => {
            if(form.classList.contains('ajaxcart')) { return; }
            form.classList.add('ajaxcart');
            form.addEventListener('submit', async (e) => {
                e.preventDefault();
                const formData = new URLSearchParams(new FormData(form));
                const button = form.querySelector('button[type=submit]') ?
                    form.querySelector('button[type=submit]') :
                    document.getElementById('product-addtocart-button');
                const loader = document.createElement('div');

                loader.className = 'absolute inset-0 flex justify-center items-center loader';
                loader.innerHTML = `
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" width="32" height="32">
                    <path fill="#fff"
                        d="M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50">
                        <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
                            from="0 50 50" to="360 50 50"
                            repeatCount="indefinite"/>
                    </path>
                </svg>
            `;

                button.prepend(loader);
                button.classList.add('relative', 'is-loading');
                button.disabled = true;

                try {
                    const response = await fetch(e.currentTarget.action, {
                        method: 'POST',
                        body: formData,
                        headers: {
                            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
                            'X-Requested-With': 'XMLHttpRequest'
                        }
                    });

                    if (!response.ok) {
                        return form.submit();
                    }

                    if (response.redirected) {
                        return window.location.href = response.url;
                    }

                    const data = await response.json();

                    if (data.backUrl) {
                        return window.location.href = data.backUrl;
                    }

                    if (recursive) {
                        window.dispatchEvent(new CustomEvent('product-addtocart-success'));
                    }

                                                                        window.dispatchEvent(new CustomEvent('toggle-cart', {
                                detail: {
                                    isOpen: true
                                }
                            }));
                                            
                    return window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
                } catch (err) {
                    console.warn(err);
                    window.dispatchEvent(new CustomEvent('product-addtocart-error'));

                    setMessage({
                        text:'There\u0020was\u0020a\u0020problem\u0020adding\u0020your\u0020item\u0020to\u0020the\u0020cart.',
                        type: 'error'
                    });
                } finally {
                    try {
                        var messages = hyva.getCookie('mage-messages');
                        messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
                        document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';

                        if (messages.length && typeof window.dispatchMessages !== "undefined") {
                            window.dispatchMessages(messages, 5000);
                        }
                    } catch (error) {
                        console.warn('Error parsing Cookie Messages:', error);
                        return;
                    }

                    setTimeout(() => {
                        loader.remove();
                        button.classList.remove('is-loading');
                        button.disabled = false;
                    }, delay);
                }
            });
        });
    }

    /**
     * Set Message
     */
    function setMessage(message) {
        typeof window.dispatchMessages !== "undefined" &&
        window.dispatchMessages([message], 5000);
    }

    /** Init on pageload */
    window.setAjaxCart();
</script>
<script>
    function packagingFeeTooltip() {
        return {
            open: false,
            openedAt: 0,
            closeTimer: null,
            show() {
                clearTimeout(this.closeTimer);
                if (!this.open) {
                    this.openedAt = Date.now();
                }
                this.open = true;
                this.position();
            },
            hide() {
                this.closeTimer = setTimeout(() => this.open = false, 150);
            },
            toggle() {
                clearTimeout(this.closeTimer);
                // On touch devices a tap fires mouseenter/focus right before click, which already opened it
                if (this.open && Date.now() - this.openedAt < 400) {
                    return;
                }
                this.open = !this.open;
                this.openedAt = Date.now();
                if (this.open) {
                    this.position();
                }
            },
            position() {
                this.$nextTick(() => {
                    const panel = this.$refs.panel;
                    if (!panel) {
                        return;
                    }
                    const gutter = 8;
                    const viewportWidth = document.documentElement.clientWidth;
                    panel.style.transform = '';
                    const rect = panel.getBoundingClientRect();
                    let offset = 0;
                    if (rect.right > viewportWidth - gutter) {
                        offset = viewportWidth - gutter - rect.right;
                    }
                    if (rect.left + offset < gutter) {
                        offset = gutter - rect.left;
                    }
                    panel.style.transform = `translateX(${Math.round(offset)}px)`;
                });
            }
        };
    }
</script>
<script>
    function isScrolledIntoView(elem){
        let rect = elem.getBoundingClientRect(),
            viewTop = window.scrollY,
            viewBottom = viewTop + window.innerHeight,
            elemTop = rect.top + window.scrollY,
            elemBottom = elemTop + elem.offsetHeight,
            compareTop = elem === true ? elemBottom : elemTop,
            compareBottom = elem === true ? elemTop : elemBottom;

        return (compareBottom <= viewBottom && compareTop >= viewTop);
    }

    window.addEventListener('scroll', function() {
        document.querySelectorAll('.post--img-animation').forEach(function(element) {
            if (isScrolledIntoView(element)) {
                element.classList.add('process_animation');
            } else {
                element.classList.remove('process_animation');
            }
        });
    });
</script>
<script type="text/json" id="default-section-data">
    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"BE":{"name":"Belgi\u00eb","regions":{"577":{"code":"VAN","name":"Antwerpen"},"578":{"code":"WBR","name":"Brabant wallon"},"579":{"code":"BRU","name":"Brussels-Capital Region"},"580":{"code":"WHT","name":"Hainaut"},"582":{"code":"WLG","name":"Li\u00e8ge"},"581":{"code":"VLI","name":"Limburg"},"583":{"code":"WLX","name":"Luxembourg"},"584":{"code":"WNA","name":"Namur"},"585":{"code":"VOV","name":"Oost-Vlaanderen"},"586":{"code":"VBR","name":"Vlaams-Brabant"},"587":{"code":"VWV","name":"West-Vlaanderen"}}},"LU":{"name":"Luxemburg"},"NL":{"name":"Nederland"},"data_id":1793189944},"instant-purchase":[],"loggedAsCustomer":[],"captcha":[],"review":[],"wishlist":{"items":[]},"additional_cart_upsell":[],"club_profile_completion":[],"gtm":{"datalayer":"[]"},"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>

<script>
    'use strict';

    function GoogleAnalytics () {
        let self = this;
        this.config = {
            isCookieRestrictionModeEnabled: 0,
            currentWebsite: 6,
            cookieName: "user_allowed_save_cookie",
            ordersTrackingData: [],
            pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":true,"accountId":"UA-83930822-2"},
        }

        this.initGoogleAnalytics =  function () {

            let allowServices = false,
                allowedCookies,
                allowedWebsites;

            if (self.config.isCookieRestrictionModeEnabled) {
                allowedCookies = hyva.getCookie(self.config.cookieName);

                if (allowedCookies !== null) {
                    allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies));

                    if (allowedWebsites[self.config.currentWebsite] === 1) {
                        allowServices = true;
                    }
                }
            } else {
                allowServices = true;
            }

            if (allowServices) {
                (function (i, s, o, g, r, a, m) {
                    i.GoogleAnalyticsObject = r;
                    i[r] = i[r] || function () {
                        (i[r].q = i[r].q || []).push(arguments)
                    }, i[r].l = 1 * new Date();
                    a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                    a.defer = 1;
                    a.src = g;
                    m.parentNode.insertBefore(a, m)
                })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

                // Process page info
                ga('create', self.config.pageTrackingData.accountId, 'auto');

                if (self.config.pageTrackingData.isAnonymizedIpActive) {
                    ga('set', 'anonymizeIp', true);
                }

                // Process orders data
                if (self.config.ordersTrackingData.hasOwnProperty('currency')) {
                    ga('require', 'ec', 'ec.js');

                    ga('set', 'currencyCode', self.config.ordersTrackingData.currency);

                    // Collect product data for GA
                    if (self.config.ordersTrackingData.products) {
                        self.config.ordersTrackingData.products.forEach(function (value) {
                            ga('ec:addProduct', value);
                        });
                    }

                    // Collect orders data for GA
                    if (self.config.ordersTrackingData.orders) {
                        self.config.ordersTrackingData.orders.forEach(function (value) {
                            ga('ec:setAction', 'purchase', value);
                        });
                    }

                    ga('send', 'pageview');
                } else {
                    // Process Data if not orders
                    ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl);
                }
            }
        };
    }

    window.addEventListener("load", new GoogleAnalytics().initGoogleAnalytics);

</script>
</div></body>
</html>
