PageSourceSearch

https://www.radbag.be/content/contact.html

html radbag.be collected 2026-09-26 08:30:21 UTC 338,636 bytes, 4,608 lines download raw bytes

1 <!doctype html><html lang="nl"><head ><meta charset="utf-8"/>
2<meta name="title" content="Radbag persberichten en samenwerkingen  | snelle levering"/>
3<meta name="description" content="Ben je onder de indruk van onze producten? Wil je graag goed fotomateriaal ontvangen? Of heb je een geweldig idee voor een (online) samenwerking? Aarzel niet en neem contact met ons op. "/>
4<meta name="keywords" content="contact, PR, Persberichten, laatste nieuws, samenwerkingen, Influencer, blogger"/>
5<meta name="robots" content="INDEX,FOLLOW"/>
6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
7<title>Radbag persberichten en samenwerkingen  | snelle levering</title>
8<link  rel="stylesheet" type="text/css"  defer="defer" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/css/styles.css?tas=version20260915v1" />
9<link  rel="stylesheet" type="text/css"  media="all" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Algolia_AlgoliaSearch/css/grid.css?tas=version20260915v1" />
10<link  rel="stylesheet" type="text/css"  media="all" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Algolia_AlgoliaSearch/css/algolia-reset.css?tas=version20260915v1" />
11<link  rel="stylesheet" type="text/css"  media="all" href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Algolia_AlgoliaSearch/css/recommend.css?tas=version20260915v1" />
12<link  rel="icon" type="image/x-icon" href="https://www.radbag.be/media/favicon/stores/12/favicon-32x32_180x180_1.jpg" />
13<link  rel="shortcut icon" type="image/x-icon" href="https://www.radbag.be/media/favicon/stores/12/favicon-32x32_180x180_1.jpg" />
14<meta name="p:domain_verify" content="46c5e27ec3f036b0b3f17c9115bedf6a"/>
15<meta name="google-site-verification" content="_ttMKJTphQYTt767kDQ0F17VgWDJouolxezh-mKUWcs" />
16
17<!-- Matomo Tag Manager -->
18<script>
19var _mtm = window._mtm = window._mtm || [];
20_mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
21var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
22g.async=true; g.src='https://upsidedown.radbag.de/scripts/matomo/js/container_3nmwvrTl.js'; s.parentNode.insertBefore(g,s);
23</script>
23
24<!-- End Matomo Tag Manager -->
25
26<script>
27  window.dataLayer = window.dataLayer || [];
28	
29  window.gtag = function() { dataLayer.push(arguments); }
30
31  window.gtag('consent', 'default', {
32    ad_storage: 'granted',
33    analytics_storage: 'granted',
34    ad_user_data: 'granted',
35    ad_personalization: 'granted',
36    wait_for_update: 500
37  });
38</script>
38    
38<script>
39    const firedEvents = JSON.parse(sessionStorage.getItem('__cvg_events_dedup') || '{}');
40    const isDuplicateEvent = (eventData) => {
41        if (eventData.triggered) return true;
42        eventData.triggered = true;
43        if (!eventData.eventID) return false;
44        const key = `${eventData.eventName}::${eventData.eventID}`;
45        if (firedEvents[key]) return true;
46        firedEvents[key] = true;
47        sessionStorage.setItem('__cvg_events_dedup', JSON.stringify(firedEvents));
48        return false;
49    };
50
51    const processIdentify = function (sectionData) {
52        const aliases = sectionData?.cvg_aliases;
53        const profileProperties = sectionData?.cvg_profile_properties;
54        if (aliases || profileProperties) {
55            window.cvg({
56                method: 'set',
57                aliases,
58                profileProperties
59            })
60        }
61    }
62
63    const processSection = (sectionData) => {
64        processIdentify(sectionData);
65        const cvgEvents = sectionData?.cvg_events || {};
66        for (const eventId in cvgEvents) {
67            const eventData = cvgEvents[eventId];
68            if (!isDuplicateEvent(eventData)) window.cvg(eventData);
69        }
70    }
71
72    window.addEventListener('private-content-loaded', function(event) {
73        processSection(event.detail.data.cart);
74        processSection(event.detail.data.customer);
75    });</script>
75<script type="text/x-magento-init">
76    {"*":{"converge": {}}}</script>
76 
76<script>    const publicToken = "LAkrTN";
77    if (window !== window.parent) {
78        // we are in an iframe
79        window.cvg = (e) => {
80            console.info('Skipping tracking a Converge event because the pixel is loaded in an iFrame:', e);
81        }
82    } else if (!publicToken) {
83        window.cvg = (e) => {
84            console.warn('Cannot track event because Converge public token is not set:', e);
85        }
86    } else {
87        !function(){"use strict";!function(e,t,c,n,s,o,r){e.cvg||(s=e.cvg=function(){
88        s.process?s.process.apply(s,arguments):s.queue.push(arguments)},s.queue=[],(o=
89        t.createElement(c)).async=1,o.src="https://static.runconverge.com/pixels/"+publicToken+".js",
90        (r=t.getElementsByTagName(c)[0]).parentNode.insertBefore(o,r))}(window,document,
91        "script")}();
92    }
93
94    window.cvg||(cvg=function(){cvg.process?cvg.process.apply(cvg,arguments):cvg.queue.push(arguments)},cvg.queue=[]);
95    window.cvg({ method: 'set', eventProperties: {"$magento_store_name":"Radbag.be","$magento_store_id":"12"} })
96    window.cvg({ method: "track", eventName: "$page_load" });</script>
96 
96<script type="text/javascript" >
97    var eventNames = [
98        "wheel",
99        "touchstart",
100        "mouseover",
101        "scroll",
102        "keydown"
103    ];
104    function addMultiEventListener(element, eventNames, listener) {
105        for (var i=0, iLen=eventNames.length; i<iLen; i++) {
106            element.addEventListener(eventNames[i], listener, true);
107        }
108    }
109    function removeMultiEventListener(element, eventNames, listener) {
110        for (var i=0, iLen=eventNames.length; i<iLen; i++) {
111            element.removeEventListener(eventNames[i], listener, true);
112        }
113    }
114    var isMtmLoaded = false;
115    const loadMtmScript = () => {
116        if (!isMtmLoaded){
117            var _mtm = window._mtm = window._mtm || [];
118            var mtmData;
119            _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
120            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
121            g.async=true;
122            g.onload = () => {
123                
124                let product = [];
125                if (typeof require !== 'undefined') {
126                    products = document.querySelectorAll('.products [id^="product-item"]');
127                } else {
128                    products = document.querySelectorAll('.product-slider a.product, .products a.product');
129                }
130                if (products.length) {
131                    products.forEach(function(product) {
132                        product.addEventListener('click', function(event, s) {
133                            const regex = /_(\d+)$/;
134                            let productId = '';
135                            if (product.id) {
136                                const matches = product.id.match(regex);
137                                if (matches.length) {
138                                    productId = matches[1];
139                                }
140                            } else {
141                                if (product.parentElement) {
142                                    let parentElementNode = product.parentElement.nodeName.toLowerCase();
143                                    if (parentElementNode == 'form') {
144                                        productId = product.parentElement.querySelector('input[name="product"]').value;
145                                    }
146                                }
147                            }
148                            if (productId) {
149                                const productData = window['JAJUMA_MATOMO_PRODUCT_DATA_ID_' + productId] || {};
150                                productData.item_id = productId;
151                                mtmData = {
152                                    'event': 'click_product',
153                                    'ecommerce': {
154                                        'items': [productData]
155                                    }
156                                }
157                                _mtm.push(mtmData);
158                            }
159                        })
160                    })
161                }
162                
163                  if (typeof require !== 'undefined') {
164                    require(['Magento_Customer/js/customer-data'], function(customerData) {
165                        let sectionData = customerData.get('cart');
166                        sectionData.subscribe(function (cartValue) {
167                            if (cartValue.mtmUpdateCart) {
168                                mtmData = {
169                                    'event': cartValue.mtmUpdateCart.event,
170                                    'ecommerce': {
171                                        'items': cartValue.mtmUpdateCart.item,
172                                        'qty': cartValue.mtmUpdateCart.qty
173                                    }
174                                }
175                                _mtm.push(mtmData);
176                            }
177                        });
178                    });
179                } else {
180                    window.addEventListener("private-content-loaded", event => {
181                        const sectionData = event.detail.data;
182                        if (sectionData) {
183                            const cart = sectionData.cart;
184                            if (!cart.triggered) {
185                                if (cart.mtmUpdateCart) {
186                                    mtmData = {
187                                        'event': cart.mtmUpdateCart.event,
188                                        'ecommerce': {
189                                            'items': cart.mtmUpdateCart.item,
190                                            'qty': cart.mtmUpdateCart.qty
191                                        }
192                                    }
193                                    _mtm.push(mtmData);
194                                }
195                                sectionData.cart.triggered = true;
196                            }
197                        }
198                    });
199                }
200
201                
202                  }
203            g.src='https://upsidedown.radbag.at/scripts/matomo/js/container_3nmwvrTl.js'; s.parentNode.insertBefore(g,s);
204            removeMultiEventListener(window, eventNames, loadMtmScript);
205        } else {
206            removeMultiEventListener(window, eventNames, loadMtmScript);
207        }
208    }
209        addMultiEventListener(window, eventNames, loadMtmScript);
210    </script>
210   
210<script>
211		/* dataLayer */
212		window.dataLayer = window.dataLayer || [];	
213		
214		/* Algolia User Token */
215		var algoliaUserToken = getCookie('aa-search');
216		if(algoliaUserToken == null) {
217			algoliaUserToken = getCookie('_ALGOLIA');
218		}
219
220		getCookie('_ALGOLIA') == '' ? document.cookie = "_ALGOLIA=12341234" : '';
221		
222        let random = Math.floor(Date.now() * Math.random());
223        dataLayer.push({"eventID": random});
224		
225		var pageType = '';
226		dataLayer.push({
227			"referrer": document.referrer,
228			"url_path": window.location.pathname,
229			"url": window.location.href,
230			"url_hostname": window.location.host,
231			"clicked_element_text": window.location.host,
232			"ecomm_pagetype": '',
233			"pageType": '',
234			"customerGroup": 'NOT LOGGED IN',
235			"customerGroupId": 0,
236			"algoliaUserToken": algoliaUserToken
237		});
238		
239		    document.addEventListener('click', function(e) {
240			e = e || window.event;
241			var target = e.target || e.srcElement,
242			text = target.textContent || target.innerText;   
243			window.dataLayer.clicked_element_text = text;
244		}, false);
245		
246		function getCookie(name) {
247			var cookieArr = document.cookie.split(";");
248			for(var i = 0; i < cookieArr.length; i++) {
249				var cookiePair = cookieArr[i].split("=");
250				if(name == cookiePair[0].trim()) {
251					return decodeURIComponent(cookiePair[1]);
252				}
253			} 
254			return null;
255		}</script>
255  <!-- GTM -->  
255<script>
256			var move = 0;
257			function moveCursor(){
258				if(move == 0){
vendor: 353 bytes, lines 258-263
258
259					(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
260					new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
261					j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
262					'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
263					})(window,document,'script','dataLayer','
263GTM-P36W2NR
vendor: 9 bytes, lines 263-264
263');
264					
264move = 1;
265				}
266			}
267			addEventListener('mousemove', moveCursor, false);
268			addEventListener('touchstart', moveCursor, false);
269			addEventListener('scroll', moveCursor, false);</script>
269        
269<script>
270    var BASE_URL = 'https://www.radbag.be/';
271    var THEME_PATH = 'https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL';
272    var COOKIE_CONFIG = {
273        "expires": null,
274        "path": "\u002F",
275        "domain": ".www.radbag.be",
276        "secure": true,
277        "lifetime": "86400",
278        "cookie_restriction_enabled": false    };
279    var CURRENT_STORE_CODE = 'radbagbe';
280    var CURRENT_WEBSITE_ID = '6';
281
282    window.hyva = window.hyva || {}
283
284    window.cookie_consent_groups = window.cookie_consent_groups || {}
285    window.cookie_consent_groups['necessary'] = true;
286
287    window.cookie_consent_config = window.cookie_consent_config || {};
288    window.cookie_consent_config['necessary'] = [].concat(
289        window.cookie_consent_config['necessary'] || [],
290        [
291            'user_allowed_save_cookie',
292            'form_key',
293            'mage-messages',
294            'private_content_version',
295            'mage-cache-sessid',
296            'last_visited_store',
297            'section_data_ids'
298        ]
299    );</script>
299 
299<script>
300    'use strict';
301    (function( hyva, undefined ) {
302
303        function lifetimeToExpires(options, defaults) {
304
305            const lifetime = options.lifetime || defaults.lifetime;
306
307            if (lifetime) {
308                const date = new Date;
309                date.setTime(date.getTime() + lifetime * 1000);
310                return date;
311            }
312
313            return null;
314        }
315
316        function generateRandomString() {
317
318            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
319                length = 16;
320
321            let formKey = '',
322                charactersLength = allowedCharacters.length;
323
324            for (let i = 0; i < length; i++) {
325                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
326            }
327
328            return formKey;
329        }
330
331        const sessionCookieMarker = {noLifetime: true}
332
333        const cookieTempStorage = {};
334
335        const internalCookie = {
336            get(name) {
337                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
338                return v ? v[2] : null;
339            },
340            set(name, value, days, skipSetDomain) {
341                let expires,
342                    path,
343                    domain,
344                    secure,
345                    samesite;
346
347                const defaultCookieConfig = {
348                    expires: null,
349                    path: '/',
350                    domain: null,
351                    secure: false,
352                    lifetime: null,
353                    samesite: 'lax'
354                };
355
356                const cookieConfig = window.COOKIE_CONFIG || {};
357
358                expires = days && days !== sessionCookieMarker
359                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
360                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
361
362                path = cookieConfig.path || defaultCookieConfig.path;
363                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
364                secure = cookieConfig.secure || defaultCookieConfig.secure;
365                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
366
367                document.cookie = name + "=" + encodeURIComponent(value) +
368                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
369                    (path ? '; path=' + path : '') +
370                    (domain ? '; domain=' + domain : '') +
371                    (secure ? '; secure' : '') +
372                    (samesite ? '; samesite=' + samesite : 'lax');
373            },
374            isWebsiteAllowedToSaveCookie() {
375                const allowedCookies = this.get('user_allowed_save_cookie');
376                if (allowedCookies) {
377                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
378
379                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
380                }
381                return false;
382            },
383            getGroupByCookieName(name) {
384                const cookieConsentConfig = window.cookie_consent_config || {};
385                let group = null;
386                for (let prop in cookieConsentConfig) {
387                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
388                    if (cookieConsentConfig[prop].includes(name)) {
389                        group = prop;
390                        break;
391                    }
392                }
393                return group;
394            },
395            isCookieAllowed(name) {
396                const cookieGroup = this.getGroupByCookieName(name);
397                return cookieGroup
398                    ? window.cookie_consent_groups[cookieGroup]
399                    : this.isWebsiteAllowedToSaveCookie();
400            },
401            saveTempStorageCookies() {
402                for (const [name, data] of Object.entries(cookieTempStorage)) {
403                    if (this.isCookieAllowed(name)) {
404                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
405                        delete cookieTempStorage[name];
406                    }
407                }
408            }
409        };
410
411        hyva.getCookie = (name) => {
412            const cookieConfig = window.COOKIE_CONFIG || {};
413
414            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
415                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
416            }
417
418            return internalCookie.get(name);
419        }
420
421        hyva.setCookie = (name, value, days, skipSetDomain) => {
422            const cookieConfig = window.COOKIE_CONFIG || {};
423
424            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
425                cookieTempStorage[name] = {value, days, skipSetDomain};
426                return;
427            }
428            return internalCookie.set(name, value, days, skipSetDomain);
429        }
430
431
432        hyva.setSessionCookie = (name, value, skipSetDomain) => {
433            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
434        }
435
436        hyva.getBrowserStorage = () => {
437            const browserStorage = window.localStorage || window.sessionStorage;
438            if (!browserStorage) {
439                console.warn('Browser Storage is unavailable');
440                return false;
441            }
442            try {
443                browserStorage.setItem('storage_test', '1');
444                browserStorage.removeItem('storage_test');
445            } catch (error) {
446                console.warn('Browser Storage is not accessible', error);
447                return false;
448            }
449            return browserStorage;
450        }
451
452        hyva.postForm = (postParams) => {
453            const form = document.createElement("form");
454
455            let data = postParams.data;
456
457            if (! postParams.skipUenc && ! data.uenc) {
458                data.uenc = btoa(window.location.href);
459            }
460            form.method = "POST";
461            form.action = postParams.action;
462
463            Object.keys(postParams.data).map(key => {
464                const field = document.createElement("input");
465                field.type = 'hidden'
466                field.value = postParams.data[key];
467                field.name = key;
468                form.appendChild(field);
469            });
470
471            const form_key = document.createElement("input");
472            form_key.type = 'hidden';
473            form_key.value = hyva.getFormKey();
474            form_key.name="form_key";
475            form.appendChild(form_key);
476
477            document.body.appendChild(form);
478
479            form.submit();
480        }
481
482        hyva.getFormKey = function () {
483            let formKey = hyva.getCookie('form_key');
484
485            if (!formKey) {
486                formKey = generateRandomString();
487                hyva.setCookie('form_key', formKey);
488            }
489
490            return formKey;
491        }
492
493        hyva.formatPrice = (value, showSign, options = {}) => {
494            const formatter = new Intl.NumberFormat(
495                'nl\u002DNL',
496                Object.assign({
497                    style: 'currency',
498                    currency: 'EUR',
499                    signDisplay: showSign ? 'always' : 'auto'
500                }, options)
501            );
502            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
503                formatter.formatToParts(value).map(({type, value}) => {
504                    switch (type) {
505                        case 'currency':
506                            return '\u20AC' || value;
507                        case 'minusSign':
508                            return '- ';
509                        case 'plusSign':
510                            return '+ ';
511                        default :
512                            return value;
513                    }
514                }).reduce((string, part) => string + part) :
515                formatter.format(value);
516        }
517
518 const formatStr = function (str, nStart) {
519            const args = Array.from(arguments).slice(2);
520
521            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
522                const idx = parseInt(n) - nStart;
523
524                if (args[idx] === null || args[idx] === void 0) {
525                    return m;
526                }
527                return p.length % 2
528                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
529                    : p.replace('%%', '%') + n;
530            })
531        }
532
533 hyva.str = function (string) {
534            const args = Array.from(arguments);
535            args.splice(1, 0, 1);
536
537            return formatStr.apply(undefined, args);
538        }
539
540 hyva.strf = function () {
541            const args = Array.from(arguments);
542            args.splice(1, 0, 0);
543
544            return formatStr.apply(undefined, args);
545        }
546
547        /**
548         * Take a html string as `content` parameter and
549         * extract an element from the DOM to replace in
550         * the current page under the same selector,
551         * defined by `targetSelector`
552         */
553        hyva.replaceDomElement = (targetSelector, content) => {
554            
555            const parser = new DOMParser();
556            const doc = parser.parseFromString(content, 'text/html');
557            const contentNode = doc.querySelector(targetSelector);
558
559            
560            if (!contentNode) {
561                return;
562            }
563
564            hyva.activateScripts(contentNode)
565
566            
567            document.querySelector(targetSelector).replaceWith(contentNode);
568
569            
570            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
571            hyva.initMessages();
572        }
573
574        hyva.activateScripts = (contentNode) => {
575            
576            
577            
578            const tmpScripts = contentNode.getElementsByTagName('script');
579
580            if (tmpScripts.length > 0) {
581                
582                
583                const scripts = [];
584                for (let i = 0; i < tmpScripts.length; i++) {
585                    scripts.push(tmpScripts[i]);
586                }
587
588                
589                for (let i = 0; i < scripts.length; i++) {
590                    let script = document.createElement('script');
591                    script.innerHTML = scripts[i].innerHTML;
592
593                    document.head.appendChild(script);
594
595                    
596                    scripts[i].parentNode.removeChild(scripts[i]);
597                }
598            }
599            return contentNode;
600        }
601
602 const replace = {['+']: '-', ['/']: '_', ['=']: ','};
603        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
604
605        let currentTrap;
606
607        const focusableElements = (rootElement) => {
608            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
609            return Array.from(rootElement.querySelectorAll(selector))
610                .filter(el => {
611                    return el.style.display !== 'none'
612                        && !el.disabled
613                        && el.tabIndex !== -1
614                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
615                })
616        }
617
618        const focusTrap = (e) => {
619            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
620            if (!isTabPressed) return;
621
622            const focusable = focusableElements(currentTrap)
623            const firstFocusableElement = focusable[0]
624            const lastFocusableElement = focusable[focusable.length - 1]
625
626            e.shiftKey
627                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
628                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
629        };
630
631        hyva.releaseFocus = (rootElement) => {
632            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
633                currentTrap.removeEventListener('keydown', focusTrap)
634                currentTrap = null
635            }
636        }
637        hyva.trapFocus = (rootElement) => {
638            if (!rootElement) return;
639            hyva.releaseFocus()
640            currentTrap = rootElement
641            rootElement.addEventListener('keydown', focusTrap)
642            const firstElement = focusableElements(rootElement)[0]
643            firstElement && firstElement.focus()
644        }
645
646                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
647         window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
648
649    }( window.hyva = window.hyva || {} ));</script>
649 
649<script>
650    if (!window.IntersectionObserver) {
651        window.IntersectionObserver = function (callback) {
652            this.observe = el => el && callback(this.takeRecords());
653            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
654            this.disconnect = () => {};
655            this.unobserve = () => {};
656        }
657    }</script>
657 
657<script>
658    window.addEventListener('DOMContentLoaded', () => {
659        if (window._amSwiperLoaded) {
660            return;
661        }
662
663        
664        const script = document.createElement('script');
665        script.src = 'https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js';
666        script.async = true;
667        document.body.appendChild(script);
668
669        window._amSwiperLoaded = true;
670
671        script.onload = () => {
672            
673            window.dispatchEvent(new CustomEvent('amSwiperLoaded', {}));
674        }
675
676        
677        const styles = document.createElement('link');
678        styles.rel = 'stylesheet';
679        styles.href = 'https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Amasty_ShopByBrandHyvaCompatibility/css/swiper.min.css';
680
681        document.head.appendChild(styles);
682    });</script>
682<link rel="alternate" href="https://www.radbag.be/" hreflang="nl-BE" /><link rel="alternate" href="https://www.radbag.de/" hreflang="de-DE" /><link rel="alternate" href="https://www.cadeauxfolies.fr/" hreflang="fr-FR" /><link rel="alternate" href="https://www.radbag.ch/" hreflang="de-CH" /><link rel="alternate" href="https://www.cadeauxfolies.ch/" hreflang="fr-CH" /><link rel="alternate" href="https://www.troppotogo.it/" hreflang="it-IT" /><link rel="alternate" href="https://www.radbag.nl/content/contact.html" hreflang="nl-NL" /><link rel="alternate" href="https://www.radbag.at/" hreflang="de-AT" /><link rel="alternate" href="https://www.cadeauxfolies.be/" hreflang="fr-BE" /><link rel="alternate" href="https://www.radbag.dk/" hreflang="da-DK" /><link rel="alternate" href="https://firebox.es/" hreflang="es-ES" /><link rel="alternate" href="https://firebox.com/" hreflang="en-GB" /><link rel="alternate" href="https://firebox.com/intl/" hreflang="en-US" /><link rel="alternate" href="https://firebox.eu/" hreflang="en" /><link rel="alternate" href="https://firebox.com/intl/" hreflang="x-default" /></head><body id="html-body" class="cms-content-contact-html storeid-12 cms-page-view page-layout-1column"> 
682<script nonce='ZWo3d3l5dXE2NHFhdzc1b202anc2eGlmNmdvOHZoemo=' >
683    'use strict';
684    (function (blackbird) {
685
686        const addEventListenerOnElementToLoad = (elementToLoad, source) => new Promise((resolve, reject) => {
687            elementToLoad.addEventListener('load', () => {
688                elementToLoad.dataset.loaded = true;
689                resolve(elementToLoad);
690            })
691
692            elementToLoad.addEventListener('error', () => {
693                reject(new Error(`[External resource loader] : The resource "${source}", failed to load.`));
694            });
695        });
696
697        blackbird.loadExternalScript = async (source) => {
698            const scriptWithSameSrc = document.querySelector(`script[src="${source}"][data-loaded]`);
699
700            if (scriptWithSameSrc && scriptWithSameSrc.dataset.loaded === 'true') {
701                return scriptWithSameSrc;
702            }
703
704            const script = scriptWithSameSrc ?? document.createElement('script');
705            script.type = 'text/javascript';
706            script.async = true;
707            script.src = source;
708            script.dataset.loaded = false;
709
710            document.head.appendChild(script);
711            await addEventListenerOnElementToLoad(script, source);
712            return script;
713        }
714
715        blackbird.loadExternalStyle = async (source) => {
716            const linkWithSameHref = document.querySelector(`link[href="${source}"][data-loaded]`);
717
718            if (linkWithSameHref && linkWithSameHref.dataset.loaded === 'true') {
719                return linkWithSameHref;
720            }
721
722            const link = linkWithSameHref ?? document.createElement('link');
723            link.type = 'text/css'
724            link.rel = 'stylesheet';
725            link.href = source;
726            link.dataset.loaded = false;
727
728            document.head.prepend(link);
729            await addEventListenerOnElementToLoad(link, source);
730            return link;
731        }
732
733        blackbird.loadExternalResource = (source) => {
734            const scriptUrlRegex = /\.(js)$/i;
735            const styleUrlRegex = /\.(css)$/i;
736
737            if (scriptUrlRegex.test(source)) {
738                return blackbird.loadExternalScript(source);
739            }
740
741            if (styleUrlRegex.test(source)) {
742                return blackbird.loadExternalStyle(source);
743            }
744        }
745
746    }(window.blackbird = window.blackbird || {}));</script>
746  <!-- GTM -->
vendor: 67 bytes, line 746
746<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
746GTM-P36W2NR
vendor: 86 bytes, line 746
746" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>    
746<script type="text/x-magento-init">
747{
748    "*": {
749        "Wallee_Payment/js/wallee-device": {
750            "scriptUrl" : "https://app-wallee.com/s/65938/payment/device.js?sessionIdentifier=",
751            "identifierUrl" : "https://www.radbag.be/wallee_payment/checkout/deviceSession/"
752        }
753    }
754}</script>
754<input name="form_key" type="hidden" value="V4jqlnAhcqrdsUXr" />  <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"><div class="container text-center"><p><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>   
754<script>
755    document.body.addEventListener('touchstart', () => {}, {passive: true})</script>
755 <div class="page-wrapper"><p>  <div id="comm-bar" class="w-full min-h-40px relative z-75 no-iframe">   <div x-data="initCommbar()" x-init="checkCommBar()" class="flex flex-row-reverse py-1 px-0 md:px-12 items-center relative justify-center" style="background-color:#131313"> <a class="" href="https://www.radbag.be/bestsellers" style="color:#ffffff !important">Herfst Sale – Bespaar tot 30%! </a> </div> </div>
755<script>
756    'use strict';
757
758    const initCommbar = () => {
759        return {
760            isOpen: false,
761            cookieName: 'comm_hidden',
762            checkCommBar() {
763              var cookieNameBanner = this.cookieName;
764              if (getCookie(cookieNameBanner) !== "") {
765                document.getElementById('comm-bar').classList.add('hidden');
766              }
767            },
768            setCookieComm() {
769              var cookieNameBanner = this.cookieName;
770              if (getCookie(cookieNameBanner) == "") {
771                createCookie(cookieNameBanner, 1, 1);
772                document.getElementById('comm-bar').classList.add('hidden');
773              }
774            }
775        }
776    }</script>
776</p><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>   
776<script type="text/javascript">
777        function getKlavia () {
778            const observer = new MutationObserver(function(mutationsList) {
779                for (const mutation of mutationsList) {
780                    if (mutation.type === 'childList') {
781                        mutation.addedNodes.forEach((node) => {
782                            if (node.nodeType === 1 && node.matches('.needsclick.kl-private-reset-css-Xuajs1')) {
783                                node.classList.add('kl-next');
784
785                                const form = document.querySelector('form.klaviyo-form');
786                                if (form) {
787                                    const inputCount = form.querySelectorAll('input').length;
788                                    if (inputCount === 1) {
789                                        node.classList.add('kl-stop');
790                                    }
791                                }
792                            }
793                        });
794                    }
795                }
796            });
797
798            const klaviyoForm = document.querySelector('form.klaviyo-form');
799            if (klaviyoForm) {
800                observer.observe(klaviyoForm, {
801                    childList: true,
802                    subtree: true
803                });
804            }
805        }
806
807        function klaviyoLoad() {
808            document.removeEventListener('scroll', klaviyoLoad, false);
809            setTimeout(() => {
810				
811                var klaviyo_form = document.querySelector('.klaviyo-form-');
812                if (klaviyo_form) {
813					klaviyo_form.classList.remove('klaviyo-form-');
814                                            klaviyo_form.classList.add('klaviyo-form-' + 'QLghbw');
815                     }
816				let klaviyoScript = document.createElement('script');
817				klaviyoScript.setAttribute('async', 'true');
818				klaviyoScript.src = "https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=QLghbw";
819				document.body.append(klaviyoScript);
820					
821				setTimeout(()=> {
822					getKlavia();
823					console.log('klaviyo 2');
824				}, 1500);
825				console.log('klaviyo 1');
826            }, 1500);
827        }
828
829        document.addEventListener('scroll', klaviyoLoad, false);</script>
829 
829<script defer>
830    function initHeader () {
831        var fragment = document.createDocumentFragment();
832        
833        return {
834            searchOpen: false,
835            cart: {},
836            visibleSearch: false,
837            getData(data) {
838                
839                                    if(!this.visibleSearch) {
840                    this.visibleSearch = true;
841                    
842                }
843                     
844				
845                setTimeout(() => {
846                    document.getElementById('autocomplete-0-input').onkeydown = function(){
847                        document.getElementById('recommended-wrapper').style.opacity = "0";
848                        document.getElementById('recommended-wrapper').style.height = "0";
849                    }
850                    var specifiedElement = document.getElementById('autocomplete-0-input');
851                    document.addEventListener('click', function(event) {
852                        console.log('Click event detected:', event.target);
853                        var isClickInside = specifiedElement.contains(event.target);
854                        if (isClickInside && specifiedElement.value == '') {
855                            document.getElementById('recommended-wrapper').style.opacity = "1";
856                            document.getElementById('recommended-wrapper').style.height = "400px";
857                        }
858                        else {
859                            document.getElementById('recommended-wrapper').style.opacity = "0";
860                            document.getElementById('recommended-wrapper').style.height = "0";
861                        }
862                    });
863                    
864                    this.adjustHeaderPosition();
865				},500);
866                 if (data.cart) { this.cart = data.cart }
867            },
868            menu: initHeaderNavigation(),
869            isMobile: false,
870            mobileAlgolia: 0,
871            desktopAlgolia: 0,
872            algoliaContainer: '',
873            checkIsMobileResolution() {
874                if(window.matchMedia('(max-width: 767px)').matches) {
875                    this.isMobile = true;
876                    this.mobileAlgolia = this.mobileAlgolia+1;
877                    this.desktopAlgolia = 0;
878                } else {
879                    this.isMobile = false;
880                    this.mobileAlgolia = 0;
881                    this.desktopAlgolia = this.desktopAlgolia+1;
882                }
883            },
884            initBodyScrollClass() {
885                const className = 'is-scrolled';
886                const update = () => {
887                    if (window.scrollY > 0) {
888                        document.body.classList.add(className);
889                    } else {
890                        document.body.classList.remove(className);
891                    }
892                    
893                    this.adjustHeaderPosition();
894                };
895                update();
896                window.addEventListener('scroll', update, { passive: true });
897                
898                
899                const observer = new MutationObserver(() => {
900                    if (document.body.classList.contains('menu-open')) {
901                        setTimeout(() => {
902                            this.adjustHeaderPosition();
903                        }, 100);
904                    }
905                });
906                observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
907            },
908            adjustHeaderPosition() {
909                const commBar = document.getElementById('comm-bar');
910                const headerWrapper = document.querySelector('nav#header .header-wrapper');
911                const pageHeader = document.querySelector('header.page-header');
912                const searchBlock = document.getElementById('search-block-menu');
913                
914                if (commBar && headerWrapper && pageHeader) {
915                    const commBarHeight = commBar.offsetHeight;
916                    const commBarVisible = commBar.offsetParent !== null;
917                    
918                    if (commBarVisible && commBarHeight > 0) {
919                        headerWrapper.style.top = commBarHeight + 'px';
920                       
921                    } else {
922                        headerWrapper.style.top = '0px';
923                        
924                    }
925                }
926                
927                
928                let styleElement = document.getElementById('comm-bar-dynamic-styles');
929                if (!styleElement) {
930                    styleElement = document.createElement('style');
931                    styleElement.id = 'comm-bar-dynamic-styles';
932                    document.head.appendChild(styleElement);
933                }
934                
935                if (searchBlock) {
936                    const searchBlockRect = searchBlock.getBoundingClientRect();
937                    const headerWrapper = document.querySelector('nav#header .header-wrapper');
938                    const headerRect = headerWrapper ? headerWrapper.getBoundingClientRect() : null;
939                    
940                    
941                    let panelTop;
942                    if (headerRect) {
943                        panelTop = searchBlockRect.bottom - headerRect.top;
944                    } else {
945                        panelTop = searchBlockRect.bottom;
946                    }
947                    
948                    styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${panelTop}px !important; }`;
949                } else {
950                    
951                    const commBar = document.getElementById('comm-bar');
952                    const commBarHeight = commBar ? commBar.offsetHeight : 0;
953                    styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${124 - commBarHeight}px !important; }`;
954                }
955            },
956            adjustHeaderPosition() {
957                const commBar = document.getElementById('comm-bar');
958                const headerWrapper = document.querySelector('nav#header .header-wrapper');
959                const pageHeader = document.querySelector('header.page-header');
960                
961                if (commBar && headerWrapper && pageHeader) {
962                    const commBarHeight = commBar.offsetHeight;
963                    const commBarVisible = commBar.offsetParent !== null;
964                    
965                    if (commBarVisible && commBarHeight > 0) {
966                       
967                       
968                        
969                        
970                        let styleElement = document.getElementById('comm-bar-dynamic-styles');
971                        if (!styleElement) {
972                            styleElement = document.createElement('style');
973                            styleElement.id = 'comm-bar-dynamic-styles';
974                            document.head.appendChild(styleElement);
975                        }
976                        styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: ${124 - commBarHeight}px !important; }`;
977                    } else {
978                       
979                       
980                        
981                        const styleElement = document.getElementById('comm-bar-dynamic-styles');
982                        if (styleElement) {
983                            styleElement.textContent = `.menu-open .header-wrapper #panelContainer .aa-Panel { top: 124px !important; }`;
984                        }
985                    }
986                }
987            },
988            algoliaChangePosition() {
989                if(this.algoliaContainer == '') {
990                    this.algoliaContainer = document.querySelector('#algoliaAutocomplete');
991                }
992                if(this.mobileAlgolia == 1) {
993                    this.isChanged = false;
994                    if(this.algoliaContainer) {
995                        document.getElementById('algolia-autocomplete-container-mobile').appendChild(this.algoliaContainer);
996                    }
997                } else if(this.desktopAlgolia == 1) {
998                    if(this.algoliaContainer) {
999                        document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer);
1000                    }
1001                }
1002            },
1003        }
1004    }
1005    var link2 = document.createElement('link');
1006    var link5 = document.createElement('link');
1007    link2.setAttribute('rel', 'stylesheet');
1008    link5.setAttribute('rel', 'stylesheet');
1009    link2.setAttribute('type', 'text/css');
1010    link5.setAttribute('type', 'text/css');
1011    link2.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
1012    link5.setAttribute('href', 'https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500;700&display=swap');
1013
1014    document.head.appendChild(link2);
1015    document.head.appendChild(link5);</script>
1015<nav id="header" class="" x-data="initHeader()" x-init="checkIsMobileResolution(); initBodyScrollClass(); $nextTick(() => adjustHeaderPosition())" @resize.window.debounce="checkIsMobileResolution()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="getData(event.detail.data)" ><div class="bg-white relative header-wrapper"><div class="h-82px 2xl:h-24 lg:h-88px lg:border-b border-borderImg"><div class="h-82px 2xl:h-24 lg:h-88px max-w-1920px mx-auto flex justify-between px-4 md:px-72px xl:px-120px items-center "><!-- <div class="lg:flex items-center hidden mr-6 cursor-pointer"><div class="lg:flex lhidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#newmenu" /></svg></div></div> --><!--Logo--><div class="flex-1 flex items-center header-logo"> <div class="header-logo"><a class="" href="https://www.radbag.be/" title="Radbag.nl" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://www.radbag.be/media/logo/stores/12/radbag_logo_2023_PNG.png" title="Radbag.nl" alt="Radbag.nl" width="189" height="64" /></a></div></div><div class="flex flex-1 gap-4 z-99"><!--Search--> <div class="flex-1 max-w-2xl relative search-header-block hidden lg:block"> <!-- Load Typesense JS client (served locally after npm or manual download) -->
1015<script src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Mhdirekt_TypeSenseSearch/js/typesense.min.js"></script>
1015<div x-data="typesenseAutocomplete()" x-init="init()" @click.outside="close()" class="typesense-autocomplete relative w-full" role="search" aria-label="Product&#x20;search" ><!-- Search Input — overwrites / augments the existing Hyvä search input --><div class="relative flex items-center"><button type="button" @click="selectActive()" class="absolute left-3 text-gray-400 z-99" aria-label="Zoek" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4471_16029)"><path d="M10.8121 14.2406C11.0617 14.2406 11.3123 14.2338 11.5628 14.2406C12.1465 14.2588 12.6054 13.9785 12.9846 13.5849C13.2445 13.3027 13.47 12.9908 13.6566 12.6556C13.862 12.3033 14.0137 11.9202 14.1932 11.5526C14.3012 11.3212 14.3563 11.0687 14.3545 10.8134C14.3596 10.3967 14.3542 9.98072 14.3382 9.56536C14.3151 8.99896 14.2345 8.44216 13.9849 7.92088C13.9118 7.76669 13.8533 7.60599 13.8102 7.44088C13.6764 7.0004 13.4586 6.58997 13.1689 6.23224C12.7561 5.68092 12.2395 5.21557 11.6483 4.86232C11.1606 4.57432 10.6566 4.30744 10.1555 4.04152C10.0422 3.977 9.91513 3.94077 9.78491 3.93592C9.28187 3.93592 8.77595 3.93592 8.27578 3.99256C7.6426 4.05829 7.04221 4.30679 6.54779 4.70776C6.11387 5.05624 5.71931 5.45176 5.29979 5.81176C4.93732 6.12171 4.67088 6.5287 4.53179 6.98488C4.40699 7.36888 4.30523 7.77112 4.21499 8.17048C4.18534 8.33074 4.18112 8.49467 4.20251 8.65624C4.25531 9.19864 4.31867 9.74104 4.38011 10.2882C4.38909 10.4618 4.41286 10.6343 4.45115 10.8038C4.51834 11.0369 4.60273 11.2647 4.70363 11.4854C4.80467 11.7346 4.93348 11.9716 5.08763 12.1919C5.30726 12.4676 5.55146 12.7227 5.81722 12.9542C6.42394 13.4879 7.13723 13.8671 7.82171 14.2886C7.97822 14.3816 8.16154 14.4191 8.34203 14.3951C9.16475 14.326 9.98363 14.1974 10.814 14.2415M14.2278 13.7721C14.3065 13.825 14.3821 13.8824 14.4543 13.9439C14.8729 14.3394 15.2886 14.7388 15.7023 15.1353C15.7542 15.1842 15.8137 15.2255 15.8684 15.2735C16.1209 15.4962 16.3734 15.718 16.6249 15.9455C16.9868 16.2681 17.3468 16.5926 17.7087 16.9151C18.0927 17.2569 18.4835 17.5948 18.8684 17.9366C19.0182 18.07 19.1679 18.2054 19.3062 18.3503C19.5206 18.5585 19.7204 18.7811 19.9043 19.0166C20.2682 19.5112 20.6582 19.9861 21.0726 20.4393C21.183 20.5622 21.3174 20.6745 21.2991 20.8646C21.2912 20.9006 21.2772 20.935 21.2579 20.9663C21.2425 20.9961 21.2108 21.023 21.207 21.0527C21.1926 21.1833 21.0735 21.2447 21.0227 21.3551C21.0227 21.3657 20.9679 21.3666 20.9468 21.3551C20.906 21.3308 20.8674 21.3029 20.8316 21.2716C20.7923 21.3676 20.75 21.3609 20.6675 21.3206C20.5712 21.2793 20.4668 21.2603 20.3622 21.2649C20.2961 21.2667 20.2304 21.255 20.169 21.2306C20.1076 21.2062 20.0518 21.1695 20.0051 21.1228C19.4953 20.6428 18.9769 20.1705 18.4748 19.6828C18.1302 19.3468 17.7932 19.0012 17.4783 18.6383C17.1635 18.2754 16.7823 18.0076 16.4223 17.7052C15.7244 17.1148 14.9977 16.5532 14.3756 15.8812C14.0444 15.5231 13.743 15.1372 13.4281 14.7628L13.4051 14.7369C12.8818 14.9216 12.3421 15.056 11.7932 15.1382C11.3599 15.1855 10.9245 15.2101 10.4886 15.2121C10.0086 15.2332 9.53435 15.2476 9.05627 15.2649C8.57819 15.2822 8.09626 15.1689 7.61626 15.0806C6.74266 14.9212 5.97755 14.5132 5.26715 14.0073C4.43099 13.4121 3.79355 12.6489 3.45371 11.661C3.29723 11.206 3.11195 10.7596 2.97371 10.2978C2.83547 9.83608 2.70971 9.39832 2.68571 8.92024C2.6821 8.60671 2.74016 8.29553 2.85659 8.0044C2.91995 7.8268 2.97371 7.6444 3.04859 7.47064C3.14459 7.24024 3.25691 7.01656 3.36539 6.79096C3.43931 6.63736 3.51323 6.48376 3.59771 6.33592C4.25667 5.17235 5.20848 4.20134 6.35866 3.51928C6.75515 3.2812 7.14587 3.03352 7.58459 2.87416C8.20989 2.65735 8.87678 2.5877 9.53339 2.67064C9.95125 2.71335 10.3659 2.78326 10.7747 2.87992C11.4593 3.03339 12.0914 3.3645 12.6073 3.83992C13.1171 4.31512 13.6412 4.77784 14.0473 5.35C14.3156 5.7028 14.5349 6.09032 14.6991 6.502C14.7739 6.68425 14.8595 6.86185 14.9555 7.03384C15.1907 7.48696 15.2905 7.98136 15.4143 8.47384C15.5996 9.20152 15.6236 9.94264 15.6188 10.6866C15.6175 10.7517 15.6071 10.8164 15.5881 10.8786C15.3961 11.519 15.2147 12.1612 14.8652 12.7391C14.6838 13.0377 14.5004 13.3334 14.318 13.631L14.2566 13.727L14.222 13.7702" fill="#878787"/><path d="M7.45602 6.72014C7.40418 6.62414 7.3533 6.66734 7.30818 6.72014C7.25251 6.78242 7.2021 6.84921 7.15746 6.91982C7.02309 7.12762 6.83679 7.29672 6.61698 7.41038C6.58242 7.43054 6.53826 7.47854 6.51138 7.39886C6.51138 7.3931 6.4989 7.38542 6.49506 7.38734C6.33474 7.43342 6.18594 7.34414 6.0285 7.34798C5.95457 7.34007 5.88197 7.32264 5.8125 7.29614C5.88219 6.94843 6.04512 6.62621 6.28386 6.36398C6.71304 5.8629 7.27668 5.49514 7.90818 5.30414C8.08561 5.24951 8.26977 5.21979 8.45538 5.21582C8.78754 5.21582 9.1197 5.26286 9.45186 5.25998C9.76672 5.26627 10.0774 5.33343 10.3667 5.45774C10.5662 5.53796 10.7589 5.63428 10.9427 5.74574C11.3815 6.00974 11.8067 6.28814 12.1571 6.67502C12.2858 6.81806 12.2877 6.93326 12.1715 7.08014C12.1413 7.12661 12.1214 7.17897 12.113 7.23374C12.0976 7.29902 12.0775 7.3163 12.017 7.27886C11.9843 7.25966 11.9344 7.2731 11.8931 7.26638C11.8519 7.25966 11.7914 7.24046 11.74
101505 7.23374C11.6339 7.2302 11.5277 7.21897 11.4227 7.20014C11.3307 7.17154 11.244 7.12774 11.1664 7.07054C11.0551 6.99374 10.9648 6.8843 10.8477 6.81998C10.4695 6.61166 10.0797 6.4235 9.70146 6.21614C9.42292 6.05567 9.09362 6.0076 8.78082 6.08174C8.63682 6.11438 8.49282 6.1451 8.34786 6.17774C8.02652 6.24324 7.73532 6.41176 7.51842 6.65774C7.49785 6.67855 7.47605 6.6981 7.45314 6.7163" fill="#878787"/></g><defs><clipPath id="clip0_4471_16029"><rect width="24" height="24" fill="white"/></clipPath></defs></svg></button> <input id="autocomplete-0-input" type="text" x-model="query" x-ref="input" @input.debounce.200ms="search()" @keydown.arrow-down.prevent="focusResult(activeIndex + 1)" @keydown.arrow-up.prevent="focusResult(activeIndex - 1)" @keydown.enter.prevent="selectActive()" @keydown.escape="close()" @focus="query.length >= 2 && open()" placeholder="Zoek" autocomplete="off" class="typesense-search-input form-input w-full" aria-autocomplete="list" :aria-expanded="isOpen" aria-controls="ts-autocomplete-results" name="q" /></div><!-- Autocomplete Dropdown --><div id="ts-autocomplete-results" x-show="isOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute left-0 right-0 z-50 bg-white shadow-xl rounded-b-lg mt-1 max-h-[520px] overflow-y-auto" role="listbox" ><!-- Loading State --><div x-show="loading" class="flex items-center justify-center p-6 text-gray-400"><svg class="animate-spin w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path></svg><span>Searching...</span></div><!-- No Results --><div x-show="!loading && query.length >= 2 && products.length === 0 && categories.length === 0" class="p-6 text-center text-gray-500" >No products found for "<span x-text="query" class="font-medium"></span>"</div><!-- Products --><template x-if="!loading && (products.length > 0 || tags.length > 0 || categories.length > 0)"><div class="flex flex-col pt-2"><!-- Produkte — rechte Spalte --><div class="flex-1 min-w-0"><div class="text-base font-semibold px-4 text-black">Gezocht? Gevonden! 😎</div><template x-for="(product, index) in products" :key="product.id"><div class="flex flex-1 items-center justify-between gap-2 pr-4"><div class="flex-col flex-1"><a :href="product.url" :id="'ts-result-' + index" role="option" :aria-selected="activeIndex === index" @mouseenter="activeIndex = index" @click="onProductClick(product, index)" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 cursor-pointer transition-colors" :class="activeIndex === index ? 'bg-gray-50' : ''" ><!-- Product Image --><div class="block w-16 h-16 rounded-lg overflow-hidden"><img :src="product.image_url || ''" :alt="product.name" class="w-full h-full object-cover" loading="lazy" x-show="product.image_url" /><div x-show="!product.image_url" class="w-full h-full flex items-center justify-center text-gray-300"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div></div><!-- Product Info --><div class="flex-1 min-w-0"><div class="search-item text-blackfont font-semibold text-xs" x-html="highlight(product.name)"></div><!-- Price --><div class="flex-shrink-0"><template x-if="product.special_price && product.special_price < product.price"><div><div class="text-sm font-bold text-redColor" x-text="hyva.formatPrice(product.special_price)"></div><div class="text-xs text-oldPrice line-through" x-text="hyva.formatPrice(product.price)"></div></div></template><template x-if="!product.special_price || product.special_price >= product.price"><div class="text-sm font-bold text-gray-900" x-text="hyva.formatPrice(product.final_price || product.price)"></div></template></div></div></a></div><a :href="product.url" role="option" @click="onProductClick(product, index)" class="w-6 h-6" :class="activeIndex === index ? 'bg-gray-50' : ''" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="white" stroke="#E4E4E4"></rect><path d="M7.75 17H16.25" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 7.75L8.5 14.75" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.365 7.75H15.5V12.885" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></template><!-- "Alle Ergebnisse" Footer --><div class="mx-4 mt-4 mb-4">
1015<a :href="allResultsUrl()" @click="trackViewAllClick()" class="text-activeInputText underline font-medium text-xs mt-4" >Alle Produkte für "<span x-text="query"></span>"</a></div></div><!-- /Produkte Spalte --><!-- Kategorien — mittlere Spalte --><template x-if="categories.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Categorieën</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="category in categories" :key="category.id"><a :href="category.url" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(category.name)"></span></a></template></div></div></template><!-- Schlagwörter (product_tags) — linke Spalte --><!-- <template x-if="tags.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Schlagwörter</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="tag in tags" :key="tag.value"><a :href="allResultsUrl() + '&product_tags=' + encodeURIComponent(tag.value)" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(tag.value)"></span></a></template></div></div></template> --></div><!-- /flex --></template></div></div><style> .search-item mark { background-color: #D0D5F6; }</style>
1015<script>
1016(function () {
1017    const TS_CONFIG = {"host":"ugx630fkc12hdv98p-1.a2.typesense.net","port":443,"protocol":"https","searchApiKey":"wVrnhGHs7T8KjWS5vBzpanm82SsRZfc5","collectionName":"live_products_12","categoryCollectionName":"live_categories_12","productsLimit":6,"categoriesLimit":3,"tagsLimit":4,"minQueryLength":2,"debounceMs":200,"convergeEnabled":true,"currency":"EUR","currencySymbol":null,"searchResultsUrl":"https:\/\/www.radbag.be\/catalogsearch\/result\/index\/"};
1018
1019    function typesenseAutocomplete() {
1020        let typesenseClient = null;
1021
1022        return {
1023            query: '',
1024            products: [],
1025            categories: [], 
1026            tags: [],       
1027            loading: false,
1028            isOpen: false,
1029            activeIndex: -1,
1030
1031            init() {
1032                typesenseClient = new Typesense.Client({
1033                    apiKey: TS_CONFIG.searchApiKey,
1034                    nodes: [{
1035                        host:     TS_CONFIG.host,
1036                        port:     TS_CONFIG.port,
1037                        protocol: TS_CONFIG.protocol,
1038                    }],
1039                    connectionTimeoutSeconds: 5,
1040                });
1041
1042                
1043                const existingInput = document.querySelector('input[name="q"]:not(.typesense-autocomplete input)');
1044                if (existingInput) {
1045                    existingInput.setAttribute('x-model', 'query');
1046                }
1047            },
1048
1049            async search() {
1050                if (this.query.length < TS_CONFIG.minQueryLength) {
1051                    this.products = [];
1052                    this.categories = [];
1053                    this.tags = [];
1054                    this.isOpen = false;
1055                    return;
1056                }
1057
1058                this.loading = true;
1059                this.isOpen = true;
1060
1061                try {
1062                    
1063                    var result = await typesenseClient.multiSearch.perform({
1064                        searches: [
1065                            {
1066                                collection:                TS_CONFIG.collectionName,
1067                                q:                         this.query,
1068                                query_by:                  'name,product_tags,short_desc,sku',
1069                                query_by_weights:           '4,3,2,3',
1070                                per_page:                  TS_CONFIG.productsLimit,
1071                                page:                      1,
1072                                facet_by:                  'product_tags',
1073                                max_facet_values:          TS_CONFIG.tagsLimit,
1074                                highlight_full_fields:     'name,product_tags',
1075                                highlight_affix_num_tokens: 4,
1076                                prioritize_exact_match:    true,
1077                                filter_by:                 'in_stock:true',
1078                            },
1079                            {
1080                                collection:                TS_CONFIG.categoryCollectionName,
1081                                q:                         this.query,
1082                                query_by:                  'name,description,url_key',
1083                                query_by_weights:           '4,2,1',
1084                                per_page:                  TS_CONFIG.categoriesLimit,
1085                                page:                      1,
1086                                highlight_full_fields:     'name',
1087                                prioritize_exact_match:    true,
1088                                filter_by:                 'is_active:true',
1089                            }
1090                        ]
1091                    });
1092
1093                    this.products = result.results[0].hits.map(h => h.document);
1094
1095                    
1096                    var tagFacet = result.results[0].facet_counts?.find(f => f.field_name === 'product_tags');
1097                    this.tags = tagFacet?.counts?.slice(0, TS_CONFIG.tagsLimit) || [];
1098
1099                    
1100                    this.categories = (result.results[1]?.hits || []).map(h => h.document);
1101                } catch (err) {
1102                    console.error('[Typesense] Search error:', err);
1103                    this.products = [];
1104                    this.categories = [];
1105                    this.tags = [];
1106                } finally {
1107                    this.loading = false;
1108                }
1109            },
1110
1111            highlight(text) {
1112                if (!this.query || !text) return this.escapeHtml(text || '');
1113                const parts = text.split(new RegExp(`(${this.query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi'));
1114                return parts.map(p =>
1115                    p.toLowerCase() === this.query.toLowerCase()
1116                        ? `<mark class="bg-yellow-100 text-gray-900 rounded px-0.5">${this.escapeHtml(p)}</mark>`
1117                        : this.escapeHtml(p)
1118                ).join('');
1119            },
1120
1121            escapeHtml(str) {
1122                return String(str).replace(/[&<>"']/g, s => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[s]));
1123            },
1124
1125            formatPrice(amount) {
1126                if (amount === undefined || amount === null) return '';
1127                const formatted = Number(amount).toLocaleString('de-DE', {
1128                    minimumFractionDigits: 2,
1129                    maximumFractionDigits: 2,
1130                });
1131                return formatted + ' ' + (TS_CONFIG.currencySymbol || '€');
1132            },
1133
1134            focusResult(index) {
1135                const count = this.products.length;
1136                if (count === 0) return;
1137                this.activeIndex = Math.max(0, Math.min(index, count - 1));
1138                document.getElementById('ts-result-' + this.activeIndex)?.scrollIntoView({ block: 'nearest' });
1139            },
1140
1141            selectActive() {
1142                if (this.activeIndex >= 0 && this.products[this.activeIndex]) {
1143                    const product = this.products[this.activeIndex];
1144                    this.onProductClick(product, this.activeIndex);
1145                    window.location.href = product.url;
1146                } else {
1147                    window.location.href = this.allResultsUrl();
1148                }
1149            },
1150
1151            open() {
1152                this.isOpen = true;
1153            },
1154
1155            close() {
1156                this.isOpen = false;
1157                this.activeIndex = -1;
1158            },
1159
1160            clear() {
1161                this.query = '';
1162                this.products = [];
1163                this.categories = [];
1164                this.tags = [];
1165                this.isOpen = false;
1166                this.$refs.input?.focus();
1167            },
1168
1169            allResultsUrl() {
1170                return TS_CONFIG.searchResultsUrl + '?q=' + encodeURIComponent(this.query);
1171            },
1172
1173            onProductClick(product, position) {
1174                
1175                this.track('Viewed Product', {
1176                    product_id:  String(product.entity_id),
1177                    variant_id:  String(product.entity_id),
1178                    sku:         product.sku ?? undefined,
1179                    name:        product.name,
1180                    price:       product.final_price ?? product.price,
1181                    currency:    TS_CONFIG.currency,
1182                    url:         product.url,
1183                    image_url:   product.image_url ?? undefined,
1184                    vendor:      product.brand ?? undefined,
1185                });
1186            },
1187
1188            trackViewAllClick() {
1189                
1190                this.track('Searched', {
1191                    query: this.query,
1192                });
1193            },
1194
1195            track(eventName, properties) {
1196                if (!TS_CONFIG.convergeEnabled) return;
1197                if (typeof window.cvg !== 'function') {
1198                    console.warn('[Typesense] Converge pixel (cvg) not loaded.');
1199                    return;
1200                }
1201                window.cvg({ method: 'track', eventName, properties });
1202            },
1203        };
1204    }
1205
1206    window.typesenseAutocomplete = typesenseAutocomplete;
1207})();</script>
1207    <div id="recommended-wrapper" class="recommended-wrapper"><div class="most_searches ml-2 md:ml-5"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="border-b font-bold text-xs">Meest gezocht</p><div class="flex gap-2 mt-4 mb-2 overflow-y-hidden overflow-x-auto whitespace-nowrap disable-scrollbar"></div></div><div class="favorite_products mt-4"><p style="width: fit-content;color: #6B7280;border-bottom: 1px solid #6B7280;" class="ml-2 md:ml-5 border-b font-bold text-xs">Lievelingsproducten</p><div class="favorite_products_wrapper"> <a href="https://www.radbag.be/aperol-spritz-glas-met-naam-gegraveerd-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/n/l/nl_aperol-spritz-style_1200x1200px_weinglas_muttertag.jpg" alt="Aperol Spritz Glas met Naam Gegraveerd"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Aperol Spritz Glas met Naam Gegraveerd</h3>  <div class="rating-summary flex justify-start gap-1" >   <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>  <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>  <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>  <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="90%" stop-color="#FFC303"/><stop offset="90%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1207</g></svg>   </div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 18.500</span> keer gekocht</div><div class="text-sm"> 24,99 € </div></div></a>  <a href="https://www.radbag.be/sokken-meerdere-gezichten-op-romantische-achtergrond-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/s/o/socken_faceupload_on_backgrounds_25_781x48_en_all_neu_v1.jpg" alt="Gepersonaliseerde Sokken met Foto Gezicht Romantisch"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerde Sokken met Foto Gezicht Romantisch</h3>  <div class="rating-summary flex justify-start gap-1" >   <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>  <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>  <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>  <svg xmlns="http://www.w3.org/2000/svg" class="detail-star fill-current w-4 h-4" viewBox="0 0 18 18" style="color: #FFC303" fill="currentColor"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="50%" stop-color="#FFC303"/><stop offset="50%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg>   </div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 10.300</span> keer gekocht</div><div class="text-sm"> 24,99 € </div></div></a>  <a href="https://www.radbag.be/gepersonaliseerde-trui-met-zwart-witfoto-s-en-tekst-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/s/w/sweater_mit_foto_und_text_1200x1200px_nl_v2.jpg" alt="Gepersonaliseerde trui met zwart-witfoto’s en tekst"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerde trui met zwart-witfoto’s en tekst</h3>  <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1207</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 400</span> keer gekocht</div><div class="text-sm"> 49,99 € </div></div></a>  <a href="https://www.radbag.be/gepersonaliseerd-t-shirt-met-kleine-illustratie-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/i/l/illustration_freelancer_1200x1200_all_v1_6.jpg" alt="Gepersonaliseerd t-shirt met kleine illustratie"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerd t-shirt met kleine illustratie</h3>  <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1207</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 600</span> keer gekocht</div><div class="text-sm"> 46,98 € </div></div></a>  <a href="https://www.radbag.be/gepersonaliseerde-vaas-met-tekst-en-symbool-store-12"><div class="favorite-image"><img loading="lazy" class="mx-auto object-cover h-full w-full rounded-xl" width="100" height="100" src="https://www.radbag.at/media/catalog/product/cache/4e5172d3f8f0437962c3c24e15295923/m/u/muttertag_text_und_symbol_1200x1200px_nl-be_v1.jpg" alt="Gepersonaliseerde vaas met tekst en symbool"></div><div class="favorite_products_text flex flex-col justify-center flex-1 gap-2"> <div><span style="display:inline-block;margin-bottom:0" class="px-2 py-1 items-center justify-center bg-labelbg text-labeltext text-xs font-medium rounded-lg" href="">Personaliseerbaar</span></div> <h3>Gepersonaliseerde vaas met tekst en symbool</h3>  <div class="rating-summary flex justify-start gap-1 h-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
1207</g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="currentColor" class="detail-star w-4 h-4"><defs><linearGradient id="partialFill"><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#FFC303"/><stop offset="0%" stop-color="#F6F6F6"/><stop offset="100%" stop-color="#F6F6F6"/></linearGradient></defs><g fill="url(#partialFill)"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></g></svg></div> <div class="lifetime"><span class="text-blackfont font-semibold">Meer dan 1.300</span> keer gekocht</div><div class="text-sm"> 39,99 € </div></div></a> </div></div></div><style> .recommended-wrapper {opacity: 0;height:0;transition: 0.5s;background: white;width: 100%;max-width: 380px;top: 95px;position: absolute;z-index: 1000;border-top: 1px solid #E4E4E4;overflow-y: scroll;font-family: Lexend Deca;padding-top: 15px;overflow-x: hidden;box-shadow: 0 3px 4px -1px #ccc; scrollbar-color: #b2b2b2 white;scrollbar-width: thin;} .recommended-wrapper .favorite_products_wrapper {display: flex;flex-direction: column;margin-left: 20px;margin-right: 20px;margin-top: 5px;margin-bottom: 20px;} .recommended-wrapper .favorite_products_wrapper a {display: flex;flex-direction: row;position: relative;margin-top: 10px;margin-bottom: 10px;} .favorite_products_text{margin-left:10px; height: auto;} .favorite_products_text h3{font-size: 14px;margin: 0px;width: 220px;line-height: 16px;font-weight: 450;} .favorite-image{width: 100px;height: 100px;border-radius: 12px;} .lifetime{font-size: 11px;width:78px;line-height: 12px;position: absolute;right: 0;bottom: 0;} @media only screen and (max-width: 768px) { .recommended-wrapper{left
1207: 0;top: 55px;} .favorite-image img,.favorite-image{width: 80px;height: 80px;} .favorite_products_text{height:auto} }</style></div> <div class="flex items-center lg:hidden"><div class="flex lg:hidden" onclick="openmobilemenu()"><svg width="24" height="24"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#newmenu" /></svg></div><!-- Account Icon --><span class="w-30px h-30px md:w-6 md:h-6 order-1 lg:order-2 block md:hidden ml-3"><a class="w-full" href="https://www.radbag.be/customer/account/"><img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/userIcon.png" alt="account" /></a></span></div></div><div class="flex items-center justify-end order-3 mr-0 flex-1 gap-2"><!-- Account Icon --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px hidden md:block" @mouseover="$dispatch('toggle-account-menu',{});" @mouseleave="$dispatch('toggle-account-menu-close',{});"><a class="w-full" href="https://www.radbag.be/customer/account/"><img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/userIcon.png" alt="account" /></a> <!--account menu--> <section id="account-menu" x-data="initAccountMenu()" @toggle-account-menu.window="fetchcustomerdata()" @toggle-account-menu-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-264px md:pt-8 lg:pt-53px top-0 hidden" :class="{'hidden': !open}" ><div class="relative shadow-useas rounded-lg" 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" ><div class="flex flex-col bg-white p-2 rounded-lg"><div id="login-menu" class="hidden"><div class="bg-activePageLight rounded-lg p-2 flex justify-between items-center gap-2"><div><span id="customer_name" class="block font-semibold text-sm text-blackfont"></span> <span id="customer_email" class="block mt-0.5 text-labeltext text-xs"></span></div><a href="https://www.radbag.be/customer/account/"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.75 11H10.25" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.5 1.75L2.5 8.75" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.365 1.75L9.5 1.75V6.885" stroke="#5359EA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div><div class="h-9 items-center justify-between px-2 hidden"><a class="text-blackfont text-sm" href="https://www.radbag.be/sales/order/history/">Mijn Bestellingen</a> <span class="bg-menured w-4 h-4 flex justify-center items-center text-white text-10px font-medium rounded-full"></span></div><div class="h-9 flex items-center justify-between px-2"><a href="https://www.radbag.be/customer/account/logout/" class="text-menured text-sm">Uitloggen</a></div></div><div id="outlogin-menu" class="hidden"><div class="text-sm"><span class="block font-bold text-blackfont">Login of als gast bestellen</span> <span class="font-semibold text-labeltext hidden">Sign up and get <span class="font-bold text-blackfont">10% off</span> coupons</span></div><div class="flex flex-col gap-2 mt-2"><a href="https://www.radbag.be/customer/account/create/" class="shadow-signupbutton h-10 flex justify-center items-center w-full rounded-lg text-white text-xs font-semibold bg-activePage">Maak nu een account aan</a> <a href="https://www.radbag.be/customer/account/login/" class="h-10 flex justify-center items-center w-full rounded-lg text-blackfont text-xs font-semibold bg-grayStars">Aanmelden</a></div></div></div></div></div></section>
1207<script>
1208    function initAccountMenu() {
1209        return {
1210            open: false,
1211            customerInfo: false,
1212            fetchcustomerdata() {
1213                this.open = true;
1214                if(!this.customerInfo) {
1215                    fetch(
1216                        window.BASE_URL+"mhdirekt_mhdutility/customer_account/customerData",
1217                        {
1218                            headers: {
1219                                'X-Requested-With': 'XMLHttpRequest'
1220                            }
1221                        }
1222                    )
1223                    .then(response => response.json())
1224                    .then(result => {
1225                        if(result.logged){
1226                            document.querySelector("#login-menu").classList.remove('hidden');
1227                            document.querySelector("#login-menu").classList.add('block');
1228                            this.customerInfo=true;
1229                            if(result.name) {
1230                                document.querySelector("#customer_name").innerText = result.name;
1231                                document.querySelector("#customer_email").innerText = result.email;
1232                            }
1233                        } else {
1234                            document.querySelector("#outlogin-menu").classList.remove('hidden');
1235                            document.querySelector("#outlogin-menu").classList.add('block');
1236                        }
1237                        
1238                    });
1239                }
1240            },
1241        }
1242    }</script>
1242</span> <!-- Wishlist Icon --><a class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px relative" href="https://www.radbag.be/mywishlist/"><img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/heartIcon.png" alt="wishlist" /><span id="wishlist-header-count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white flex justify-center items-center text-8px lg:text-10px">0</span></a> <!--Cart Icon--><!-- <span @click.prevent.stop="$dispatch('toggle-cart',{});" id="menu-cart-show-mini" class="hidden"></span> --><span class="relative 2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" @mouseover="$dispatch('toggle-cart-new',{});" @mouseleave="$dispatch('toggle-cart-new-close',{});"><a id="menu-cart-icon" class="2xl:h-10 2xl:w-10 lg:w-8 lg:h-8 w-30px h-30px" href="https://www.radbag.be/checkout/cart/index/" ><span x-text="cart.summary_count" class="absolute w-3 h-3 lg:w-3.5 lg:h-3.5 border border-white bg-wishlist 2xl:right-5px 2xl:bottom-1 lg:right-3px lg:bottom-3px right-px bottom-px rounded-full text-white hidden justify-center items-center text-8px lg:text-10px z-10" :class="{ 'hidden': !cart.summary_count, 'flex': cart.summary_count }" ></span> <img width="40" height="40" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/cartIcon.png" alt="cart" /></a>
1242 <!--Cart Drawer--> 
1242<script>
1243    function initCartDrawerNew() {
1244        return {
1245            open: false,
1246            isLoading: false,
1247            cart: {},
1248            maxItemsToDisplay: 10,
1249            itemsCount: 0,
1250            totalCartAmount: 0,
1251            getData(data) {
1252                if (data.cart) {
1253                    this.cart = data.cart;
1254                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
1255                    this.totalCartAmount = this.cart.summary_count;
1256                    this.setCartItems();
1257                }
1258                this.isLoading = false;
1259            },
1260            cartItems: [],
1261            getItemCountTitle() {
1262                return hyva.strf('(%0 of %1)', this.maxItemsToDisplay, this.itemsCount)
1263            },
1264            setCartItems() {
1265                this.cartItems =Array.isArray(this.cart?.items) ? this.cart.items.sort((a, b) => a.item_id - b.item_id) : [];
1266
1267                if (this.maxItemsToDisplay > 0) {
1268                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
1269                }
1270            },
1271            getPriceItems(item) {
1272                return window.hyva.formatPrice(item.product_price_value * item.qty);
1273            },
1274            deleteItemFromCart(itemId) {
1275                this.isLoading = true;
1276
1277                const formKey = hyva.getFormKey();
1278                const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
1279
1280                fetch(postUrl, {
1281                    "headers": {
1282                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
1283                    },
1284                    "body": "form_key=" + formKey + "&item_id=" + itemId,
1285                    "method": "POST",
1286                    "mode": "cors",
1287                    "credentials": "include"
1288                }).then(response => {
1289                    if (response.redirected) {
1290                        window.location.href = response.url;
1291                    } else if (response.ok) {
1292                        return response.json();
1293                    } else {
1294                        window.dispatchMessages && window.dispatchMessages([{
1295                            type: 'warning',
1296                            text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
1297                        }]);
1298                        this.isLoading = false;
1299                    }
1300                }).then(result => {
1301                    window.dispatchMessages && window.dispatchMessages([{
1302                        type: result.success ? 'success' : 'error',
1303                        text: result.success
1304                            ? 'Je\u0020hebt\u0020het\u0020artikel\u0020verwijderd'
1305                            : result.error_message
1306                    }], result.success ? 5000 : 0)
1307                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
1308                });
1309            }
1310        }
1311    }</script>
1311<section id="cart-drawer-new" x-data="initCartDrawerNew()" @private-content-loaded.window="getData($event.detail.data)" @toggle-cart-new.window="open=true" @toggle-cart-new-close.window="open=false" @keydown.window.escape="open=false" class="hidden md:block" ><template x-if="cart && cart.summary_count"><div role="dialog" aria-labelledby="cart-drawer-title" aria-modal="true" @click.outside="open=false" class="absolute z-99999 right-0 w-440px shadow-useas rounded-lg md:top-8 lg:top-53px"><div class="relative" x-show="open" x-transition:enter="ease-in-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" ><div class="flex flex-col bg-white p-4 rounded-lg"> <header class="flex justify-between items-center pb-2.5 border-b border-borderImg"><h2 id="cart-drawer-title" class="text-black text-lg font-semibold">Winkelwagentje</h2><div class="text-labeltext text-xs">Totaal producten: <span class="items-total" x-text="totalCartAmount"></span></div></header><div class="relative overflow-y-auto bg-white flex flex-col gap-3 pt-4"><template x-for="item in cartItems"><div class="flex"><div class="w-full flex justify-between items-center gap-2"><div class="flex items-center gap-2"><a :href="item.product_url" class="w-16 rounded-lg overflow-hidden"><img :src="item.product_image.src" :width="item.product_image.width" :height="item.product_image.height" loading="lazy" /></a> <div class="flex flex-col flex-1 gap-0.5"><span class="text-blackfont text-sm font-semibold" x-html="item.product_name"></span> <span class="text-labeltext text-xs">Aantal: <span x-html="item.qty"></span></span></div></div><div class="text-blackfont text-base font-bold flex gap-2 items-center"><span class="flex-1" x-html="getPriceItems(item)"></span> <span class="h-2 w-px bg-grayStars"></span> <button class="w-6 h-6 rounded-5px flex justify-center items-center minicart-delete-btn" @click="deleteItemFromCart(item.item_id)" ><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3.98665C11.78 3.76665 9.54667 3.65332 7.32 3.65332C6 3.65332 4.68 3.71999 3.36 3.85332L2 3.98665" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.66699 3.31301L5.81366 2.43967C5.92033 1.80634 6.00033 1.33301 7.12699 1.33301H8.87366C10.0003 1.33301 10.087 1.83301 10.187 2.44634L10.3337 3.31301" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5669 6.09375L12.1336 12.8071C12.0603 13.8537 12.0003 14.6671 10.1403 14.6671H5.86026C4.00026 14.6671 3.94026 13.8537 3.86693 12.8071L3.43359 6.09375" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.88672 11H9.10672" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.33301 8.33301H9.66634" stroke="#747474" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div></div></div></template></div><div class="relative mt-4 pt-4 border-t border-borderImg"><a href="https://www.radbag.be/checkout/cart/" class="underline text-activeInputText text-sm font-medium">Winkelwagentje tonen (<span class="items-total" x-text="totalCartAmount"></span>)</a></div></div></div> <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-1" 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">
1311<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></div></template></section></span></div></div></div><!--Main Navigation--><div class="max-w-1920px mx-auto relative">  <div class="h-auto flex items-center justify-center lg:px-5 xl:px-20 mx-4"><!-- mobile --><div @click="menu.open=false;document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="z-99999 bg-opacityLayer w-full min-h-screen fixed top-0" :class="{'block' : menu.open, 'hidden' : !menu.open}"></div><div x-ref="nav-mobile" @load.window="menu.setActiveMenu($refs['nav-mobile'])" class="z-99999 w-full lg:left-0 min-h-screen fixed top-0 close-menu-mobile lg:w-1/4" :class="{'open-menu-mobile' : menu.open}" @toggle-mobile-menu.window="menu.open = !menu.open;document.querySelector('body').classList.add('menu-open');menu.algoliaChangePosition()" @keydown.window.escape="menu.open=false;document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" ><div class="mobile-nav-menu bg-container-lighter overflow-x-hidden overflow-y-auto min-h-screen w-full shadow-mobileMenu h-screen scrollbar-custom-design"><div class="flex items-baseline justify-between menu-icon relative" :class="{ 'block': menu.open, 'flex': !menu.open}"><div class="flex w-full" :class="{ 'h-60px': menu.open,'absolute top-7 left-4': !menu.open}"><a @click="$dispatch('toggle-mobile-menu'); menu.open == true ? document.querySelector('body').classList.add('menu-open') : document.querySelector('body').classList.remove('menu-open');menu.algoliaChangePosition()" class="flex items-center justify-center cursor-pointer relative z-10 mobile-menu-icon" :class="{ 'ml-0': menu.open }"><span class="hidden w-45px h-45px fill-current ml-5px" :class="{ 'hidden' : !menu.open, 'block': menu.open }"><svg class="w-45px h-45px"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#newcross" /></svg></span></a> <span class="hidden items-center ml-1" :class="{ 'hidden' : !menu.open, 'flex': menu.open }"> <div class="header-logo"><a class="" href="https://www.radbag.be/" title="Radbag.nl" aria-label="store logo"><img class="w-auto max-h-10 h-auto 2lg:m-auto" src="https://www.radbag.be/media/logo/stores/12/radbag_logo_2023_PNG.png" title="Radbag.nl" alt="Radbag.nl" width="200" height="150" /></a></div></span></div><div id="search-block-menu" class="hidden pl-5 pr-6 pt-2.5 search-content" :class="{ 'hidden' : !menu.open, 'block h-60px': menu.open }"><div class="" id="algolia-autocomplete-container-mobile-menu"></div></div></div><nav class="hidden w-full duration-150 ease-in-out transform transition-display mt-2.5 text-sm leading-21px pb-10 font-poppins px-5" :class="{ 'hidden' : !menu.open }" >
1312				<div class="level-0">
1313					<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
1314							<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/bestsellers" title="Bestsellers"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/_/4/_4_.png" alt="" />Bestsellers</a>
1315							</span>
1316						
1317				</div>
1318			
1319				<div class="level-0">
1320					<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
1321							<a style="color:#cd121a" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/26/icons/h/e/herz_emoji_hochzeit.png" alt="" />Huwelijk</a>
1322							</span>
1323						
1324				</div>
1325			
1326				<div class="level-0">
1327					<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
1328							<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4671' ? 0 : 'category-node-4671'"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/a/u/augen_drei.png" alt="" />Geschenken vinden</a>
1329							</span>
1330						
1331						<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4671', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4671' }">
1332							<div class="pb-100px px-5">
1333								<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
1334									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg>
1335									<span class="text-center font-semibold text-base leading-4">Geschenken vinden</span>
1336									<span class="w-4 h-4 block"></span>
1337								</a>
1338								<div class="grid grid-cols-2 gap-2">
1339									<a href="https://www.radbag.be/cadeau-idee" title="Geschenken vinden" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1340										<span class="text-center font-medium">Toon alles</span>
1341									</a>
1342							
1343                                <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4672' ? 0 : 'category-node-4672'" title="Mannen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1344									<span class="text-center font-medium">
1345										Mannen
1346									</span>
1347								</a>
1348                                <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4672', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4672', }">
1349								<div class="pb-100px px-5">
1350								<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
1351									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg>
1352									<span class="text-center font-semibold text-base leading-4">Mannen</span>
1353									<span class="w-4 h-4 block"></span>
1354								</a>
1355								<div class="grid grid-cols-2 gap-2">
1356									<a href="https://www.radbag.be/cadeau-voor-hem" title="Mannen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1357                                        <span class="">Toon alles</span>
1358                                    </a>
1359							
1360								<a href="https://www.radbag.be/cadeau-voor-papa" title="Papa" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1361									<span class="">
1362										Papa
1363                                    </span>
1364                                </a>
1365							
1366								<a href="https://www.radbag.be/cadeau-voor-vriend" title="Vriend" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1367									<span class="">
1368										Vriend
1369                                    </span>
1370                                </a>
1371							
1372								<a href="https://www.radbag.be/cadeau-voor-broer" title="Broer" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1373									<span class="">
1374										Broer
1375                                    </span>
1376                                </a>
1377							
1378						</div>
1379						</div>
1380								</div>
1381						
1382                                <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4676' ? 0 : 'category-node-4676'" title="Vrouwen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1383									<span class="text-center font-medium">
1384										Vrouwen
1385									</span>
1386								</a>
1387                                <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4676', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4676', }">
1388								<div class="pb-100px px-5">
1389								<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
1390									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg>
1391									<span class="text-center font-semibold text-base leading-4">Vrouwen</span>
1392									<span class="w-4 h-4 block"></span>
1393								</a>
1394								<div class="grid grid-cols-2 gap-2">
1395									<a href="https://www.radbag.be/cadeau-voor-haar" title="Vrouwen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1396                                        <span class="">Toon alles</span>
1397                                    </a>
1398							
1399								<a href="https://www.radbag.be/cadeau-voor-mama" title="Mama" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1400									<span class="">
1401										Mama
1402                                    </span>
1403                                </a>
1404							
1405								<a href="https://www.radbag.be/cadeau-voor-vriendin" title="Vriendin" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1406									<span class="">
1407										Vriendin
1408                                    </span>
1409                                </a>
1410							
1411								<a href="https://www.radbag.be/cadeau-voor-zus" title="Zus" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1412									<span class="">
1413										Zus
1414                                    </span>
1415                                </a>
1416							
1417								<a href="https://www.radbag.be/geschenke-fur-oma" title="Oma" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1418									<span class="">
1419										Oma
1420                                    </span>
1421                                </a>
1422							
1423						</div>
1424						</div>
1425								</div>
1426						
1427                                <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4683' ? 0 : 'category-node-4683'" title="Cadeau-ideeën" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1428									<span class="text-center font-medium">
1429										Cadeau-ideeën
1430									</span>
1431								</a>
1432                                <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4683', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4683', }">
1433								<div class="pb-100px px-5">
1434								<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
1435									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg>
1436									<span class="text-center font-semibold text-base leading-4">Cadeau-ideeën</span>
1437									<span class="w-4 h-4 block"></span>
1438								</a>
1439								<div class="grid grid-cols-2 gap-2">
1440									<a href="https://www.radbag.be/cadeau-idee" title="Cadeau-ideeën" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1441                                        <span class="">Toon alles</span>
1442                                    </a>
1443							
1444								<a href="https://www.radbag.be/led-lamp-gepersonaliseerd" title="Lampen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1445									<span class="">
1446										Lampen
1447                                    </span>
1448                                </a>
1449							
1450								<a href="https://www.radbag.be/persoonlijke-posters" title="Posters" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1451									<span class="">
1452										Posters
1453                                    </span>
1454                                </a>
1455							
1456								<a href="https://www.radbag.be/exclusieve-sleutelborden" title="Sleutelborden" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1457									<span class="">
1458										Sleutelborden
1459                                    </span>
1460                                </a>
1461							
1462								<a href="https://www.radbag.be/exclusieve-houten-cadeaus" title="Houten foto's" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1463									<span class="">
1464										Houten foto's
1465                                    </span>
1466                                </a>
1467							
1468								<a href="https://www.radbag.be/gepersonaliseerde-kussens" title="Kussens" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1469									<span class="">
1470										Kussens
1471                                    </span>
1472                                </a>
1473							
1474								<a href="https://www.radbag.be/gepersonaliseerde-deurmatten" title="Deurmatten" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1475									<span class="">
1476										Deurmatten
1477                                    </span>
1478                                </a>
1479							
1480								<a href="https://www.radbag.be/gepersonaliseerde-dekens" title="Dekens" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1481									<span class="">
1482										Dekens
1483                                    </span>
1484                                </a>
1485							
1486								<a href="https://www.radbag.be/gepersonaliseerde-mokken-en-glazen" title="Mokken & Glazen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1487									<span class="">
1488										Mokken & Glazen
1489                                    </span>
1490                                </a>
1491							
1492								<a href="https://www.radbag.be/badjas-voor-dames" title="Badjas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1493									<span class="">
1494										Badjas
1495                                    </span>
1496                                </a>
1497							
1498								<a href="https://www.radbag.be/sokken" title="Sokken" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1499									<span class="">
1500										Sokken
1501                                    </span>
1502                                </a>
1503							
1504								<a href="https://www.radbag.be/gepersonaliseerde-boxershorts" title="Boxershorts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1505									<span class="">
1506										Boxershorts
1507                                    </span>
1508                                </a>
1509							
1510								<a href="https://www.radbag.be/schorten" title="Schorten" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1511									<span class="">
1512										Schorten
1513                                    </span>
1514                                </a>
1515							
1516								<a href="https://www.radbag.be/t-shirts" title="T-Shirts" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1517									<span class="">
1518										T-Shirts
1519                                    </span>
1520                                </a>
1521							
1522								<a href="https://www.radbag.be/sweater" title="Trui" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1523									<span class="">
1524										Trui
1525                                    </span>
1526                                </a>
1527							
1528								<a href="https://www.radbag.be/gepersonaliseerde-petten" title="Petten" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1529									<span class="">
1530										Petten
1531                                    </span>
1532                                </a>
1533							
1534								<a href="https://www.radbag.be/hoodie-deken" title="Hoodie Deken" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1535									<span class="">
1536										Hoodie Deken
1537                                    </span>
1538                                </a>
1539							
1540								<a href="https://www.radbag.be/cosmetica-tasjes" title="Cosmetica tasje
1540s" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1541									<span class="">
1542										Cosmetica tasjes
1543                                    </span>
1544                                </a>
1545							
1546								<a href="https://www.radbag.be/boodschappentassen" title="Boodschappentassen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1547									<span class="">
1548										Boodschappentassen
1549                                    </span>
1550                                </a>
1551							
1552								<a href="https://www.radbag.be/tote-bags" title="Tote bags" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1553									<span class="">
1554										Tote bags
1555                                    </span>
1556                                </a>
1557							
1558								<a href="https://www.radbag.be/gepersonaliseerde-rugzakken" title="Rugzak" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1559									<span class="">
1560										Rugzak
1561                                    </span>
1562                                </a>
1563							
1564						</div>
1565						</div>
1566								</div>
1567						
1568							</div>
1569								</div>
1570						</div>
1571				</div>
1572			
1573				<div class="level-0">
1574					<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
1575							<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" @click="menu.menuLevel = 1;menu.mobilePanelActiveId = menu.mobilePanelActiveId === 'category-node-4684' ? 0 : 'category-node-4684'"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/a/n/anlass.png" alt="" />Welke gelegenheid?</a>
1576							</span>
1577						
1578						<div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.mobilePanelActiveId !== 'category-node-4684', 'translate-x-0 block ' : menu.mobilePanelActiveId === 'category-node-4684' }">
1579							<div class="pb-100px px-5">
1580								<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white" @click="menu.mobilePanelActiveId = 0">
1581									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg>
1582									<span class="text-center font-semibold text-base leading-4">
1582Welke gelegenheid?</span>
1583									<span class="w-4 h-4 block"></span>
1584								</a>
1585								<div class="grid grid-cols-2 gap-2">
1586									<a href="https://www.radbag.be/cadeau-idee" title="Welke gelegenheid?" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1587										<span class="text-center font-medium">Toon alles</span>
1588									</a>
1589							
1590                                <a @click="menu.menuLevel = menu.menuLevel === 'category-node-4685' ? 0 : 'category-node-4685'" title="Verjaardag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1591									<span class="text-center font-medium">
1592										Verjaardag
1593									</span>
1594								</a>
1595                                <div class="absolute top-0 right-0 z-10 w-full h-full transition-transform duration-200 ease-in-out translate-x-full transform bg-container-lighter" :class="{'translate-x-full hidden' : menu.menuLevel !== 'category-node-4685', 'translate-x-0 block ' : menu.menuLevel === 'category-node-4685', }">
1596								<div class="pb-100px px-5">
1597								<a class="flex items-center justify-between px-2 py-3 border-none cursor-pointer bg-white leading-4" @click="menu.menuLevel = 0">
1598									<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="25" width="25" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"d="M15 19l-7-7 7-7"/></svg>
1599									<span class="text-center font-semibold text-base leading-4">Verjaardag</span>
1600									<span class="w-4 h-4 block"></span>
1601								</a>
1602								<div class="grid grid-cols-2 gap-2">
1603									<a href="https://www.radbag.be/verjaardagscadeau" title="Verjaardag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1604                                        <span class="">Toon alles</span>
1605                                    </a>
1606							
1607								<a href="https://www.radbag.be/verjaardagscadeau-voor-18" title="voor 18" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1608									<span class="">
1609										voor 18
1610                                    </span>
1611                                </a>
1612							
1613								<a href="https://www.radbag.be/verjaardagscadeau-voor-20" title="voor 20" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1614									<span class="">
1615										voor 20
1616                                    </span>
1617                                </a>
1618							
1619								<a href="https://www.radbag.be/verjaardagscadeau-voor-30" title="voor 30" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1620									<span class="">
1621										voor 30
1622                                    </span>
1623                                </a>
1624							
1625								<a href="https://www.radbag.be/verjaardagscadeau-voor-40" title="voor 40" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1626									<span class="">
1627										voor 40
1628                                    </span>
1629                                </a>
1630							
1631								<a href="https://www.radbag.be/verjaardagscadeau-voor-50" title="voor 50" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1632									<span class="">
1633										voor 50
1634                                    </span>
1635                                </a>
1636							
1637								<a href="https://www.radbag.be/verjaardagscadeau-voor-60" title="voor 60" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1638									<span class="">
1639										voor 60
1640                                    </span>
1641                                </a>
1642							
1643								<a href="https://www.radbag.be/verjaardagscadeau-voor-hem" title="voor hem" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1644									<span class="">
1645										voor hem
1646                                    </span>
1647                                </a>
1648							
1649								<a href="https://www.radbag.be/verjaardagscadeau-voor-haar" title="voor haar" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1650									<span class="">
1651										voor haar
1652                                    </span>
1653                                </a>
1654							
1655						</div>
1656						</div>
1657								</div>
1658						
1659                                <a href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1660                                    <span class="text-center font-medium">
1661                                        Huwelijk
1662                                    </span>
1663								</a>
1664                                <a href="https://www.radbag.be/kerstcadeau" title="Kerstmis" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1665                                    <span class="text-center font-medium">
1666                                        Kerstmis
1667                                    </span>
1668								</a>
1669                                <a href="https://www.radbag.be/baby-cadeaus" title="Baby" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1670                                    <span class="text-center font-medium">
1671                                        Baby
1672                                    </span>
1673								</a>
1674                                <a href="https://www.radbag.be/housewarming-cadeau" title="Housewarming" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1675                                    <span class="text-center font-medium">
1676                                        Housewarming
1677                                    </span>
1678								</a>
1679                                <a href="https://www.radbag.be/valentijnscadeau" title="Valentijnsdag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1680                                    <span class="text-center font-medium">
1681                                        Valentijnsdag
1682                                    </span>
1683								</a>
1684                                <a href="https://www.radbag.be/afscheidscadeau" title="Afscheid" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1685                                    <span class="text-center font-medium">
1686                                        Afscheid
1687                                    </span>
1688								</a>
1689                                <a href="https://www.radbag.be/vrijgezellenfeest" title="Vrijgezellenfeest" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1690                                    <span class="text-center font-medium">
1691                                        Vrijgezellenfeest
1692                                    </span>
1693								</a>
1694                                <a href="https://www.radbag.be/moederdag-cadeau" title="Moederdag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1695                                    <span class="text-center font-medium">
1696                                        Moederdag
1697                                    </span>
1698								</a>
1699                                <a href="https://www.radbag.be/vaderdagcadeau" title="Vaderdag" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1700                                    <span class="text-center font-medium">
1701                                        Vaderdag
1702                                    </span>
1703								</a>
1704                                <a href="https://www.radbag.be/paascadeau" title="Pasen" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1705                                    <span class="text-center font-medium">
1706                                        Pasen
1707                                    </span>
1708								</a>
1709                                <a href="https://www.radbag.be/sinterklaas-cadeau" title="Sinterklaas" class="flex items-center justify-center w-full rounded-lg py-3 cursor-pointer bg-primary-lighter border-none px-2 leading-4 h-14 overflow-hidden">
1710                                    <span class="text-center font-medium">
1711                                        Sinterklaas
1712                                    </span>
1713								</a>
1714							</div>
1715								</div>
1716						</div>
1717				</div>
1718			
1719				<div class="level-0">
1720					<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
1721							<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/Cadeausets" title="Cadeausets"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/26/icons/e/m/emojis.png" alt="" />Cadeausets</a>
1722							</span>
1723						
1724				</div>
1725			
1726				<div class="level-0">
1727					<span class="flex items-center transition-transform duration-150 ease-in-out transform text-sm leading-21px mb-2" :class="{'-translate-x-full' : menu.mobilePanelActiveId, 'translate-x-0' : !menu.mobilePanelActiveId }">
1728							<a style="" class="flex items-center w-full px-19px py-3 border-none rounded-lg cursor-pointer bg-primary-lighter border-primary text-base font-medium gap-4 leading-4 h-12" href="https://www.radbag.be/last-minute-cadeau" title="Last minute cadeaus"><img width="24" height="24" src="https://upsidedown.radbag.at/media/menu/18/icons/g/e/geschenk.png" alt="" />Last minute cadeaus</a>
1729							</span>
1730						
1731				</div>
1732			 <div class="flex flex-col font-medium gap-4 text-base mt-12"><a href="https://www.radbag.be/customer/account/">Mijn account</a> <a href="https://www.radbag.be/faq/">FAQ</a> <a href="https://www.radbag.be/supportpage/">Hulp</a></div></nav></div></div><!-- desktop --><!-- <div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex justify-start relative min-h-0 transition-display mx-auto 2xl:px-18px"></nav></div> --><div x-ref="nav-desktop" @load.window="menu.setActiveMenu($refs['nav-desktop'])" class="z-68 hidden lg:block lg:relative lg:min-h-0 lg:pt-0 w-full font-poppins"><span class="hidden"></span> <nav class="nav-desktop w-full duration-150 ease-in-out transform flex relative min-h-0 transition-display mx-auto justify-start">
1733				<div class=" level-0  " @mouseenter="menu.hoverPanelActiveId = 'category-node-4779'" @mouseleave="menu.hoverPanelActiveId = 0">
1734					<span class="bg-opacity-95">
1735                        <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/bestsellers" title="Bestsellers">
1736                            <span class="px-3">Bestsellers</span>
1737                        </a>
1738					</span>
1739				</div>
1740			
1741				<div class=" level-0  " @mouseenter="menu.hoverPanelActiveId = 'category-node-5345'" @mouseleave="menu.hoverPanelActiveId = 0">
1742					<span class="bg-opacity-95">
1743                        <a style="color:#cd121a" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk">
1744                            <span class="px-3">Huwelijk</span>
1745                        </a>
1746					</span>
1747				</div>
1748			
1749				<div class=" level-0  " @mouseenter="menu.hoverPanelActiveId = 'category-node-4671'" @mouseleave="menu.hoverPanelActiveId = 0">
1750					<span class="bg-opacity-95">
1751                        <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/cadeau-idee" title="Geschenken vinden">
1752                            <span class="px-3">Geschenken vinden</span>
1753                        </a>
1754					</span>
1755					<div class="w-full left-6 justify-start  absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px  flex-row " :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4671', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4671'}">
1756					<div class="max-w-1920px mx-auto w-full">
1757					<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
1758					
1759							<div class="">
1760									<a href="https://www.radbag.be/cadeau-voor-hem" title="Mannen" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
1761										<span class="text-primary font-semibold text-sm">
1762											Mannen
1763										</span>
1764									</a>
1765							<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;">
1766								<a href="https://www.radbag.be/cadeau-voor-papa" title="Papa" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1767									<span class="text-primary text-sm flex h-9 items-centre">
1768										Papa
1769									</span>
1770								</a>
1771							
1772								<a href="https://www.radbag.be/cadeau-voor-vriend" title="Vriend" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1773									<span class="text-primary text-sm flex h-9 items-centre">
1774										Vriend
1775									</span>
1776								</a>
1777							
1778								<a href="https://www.radbag.be/cadeau-voor-broer" title="Broer" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1779									<span class="text-primary text-sm flex h-9 items-centre">
1780										Broer
1781									</span>
1782								</a>
1783								
1784							</div>
1785						
1786							</div>
1787						
1788							<div class="">
1789									<a href="https://www.radbag.be/cadeau-voor-haar" title="Vrouwen" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
1790										<span class="text-primary font-semibold text-sm">
1791											Vrouwen
1792										</span>
1793									</a>
1794							<div class="relative z-10" style="column-count: 1;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;">
1795								<a href="https://www.radbag.be/cadeau-voor-mama" title="Mama" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1796									<span class="text-primary text-sm flex h-9 items-centre">
1797										Mama
1798									</span>
1799								</a>
1800							
1801								<a href="https://www.radbag.be/cadeau-voor-vriendin" title="Vriendin" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1802									<span class="text-primary text-sm flex h-9 items-centre">
1803										Vriendin
1804									</span>
1805								</a>
1806							
1807								<a href="https://www.radbag.be/cadeau-voor-zus" title="Zus" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1808									<span class="text-primary text-sm flex h-9 items-centre">
1809										Zus
1810									</span>
1811								</a>
1812							
1813								<a href="https://www.radbag.be/geschenke-fur-oma" title="Oma" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1814									<span class="text-primary text-sm flex h-9 items-centre">
1815										Oma
1816									</span>
1817								</a>
1818								
1819							</div>
1820						
1821							</div>
1822						
1823							<div class="">
1824									<a href="https://www.radbag.be/cadeau-idee" title="Cadeau-ideeën" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
1825										<span class="text-primary font-semibold text-sm">
1826											Cadeau-ideeën
1827										</span>
1828									</a>
1829							<div class="relative z-10" style="column-count: 3;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;">
1830								<a href="https://www.radbag.be/led-lamp-gepersonaliseerd" title="Lampen" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1831									<span class="text-primary text-sm flex h-9 items-centre">
1832										Lampen
1833									</span>
1834								</a>
1835							
1836								<a href="https://www.radbag.be/persoonlijke-posters" title="Posters" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1837									<span class="text-primary text-sm flex h-9 items-centre">
1838										Posters
1839									</span>
1840								</a>
1841							
1842								<a href="https://www.radbag.be/exclusieve-sleutelborden" title="Sleutelborden" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1843									<span class="text-primary text-sm flex h-9 items-centre">
1844										Sleutelborden
1845									</span>
1846								</a>
1847							
1848								<a href="https://www.radbag.be/exclusieve-houten-cadeaus" title="Houten foto's" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1849									<span class="text-primary text-sm flex h-9 items-centre">
1850										Houten foto's
1851									</span>
1852								</a>
1853							
1854								<a href="https://www.radbag.be/gepersonaliseerde-kussens" title="Kussens" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1855									<span class="text-primary text-sm flex h-9 items-centre">
1856										Kussens
1857									</span>
1858								</a>
1859							
1860								<a href="https://www.radbag.be/gepersonaliseerde-deurmatten" title="Deurmatten" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1861									<span class="text-primary text-sm flex h-9 items-centre">
1862										Deurmatten
1863									</span>
1864								</a>
1865							
1866								<a href="https://www.radbag.be/gepersonaliseerde-dekens" title="Dekens" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1867									<span class="text-primary text-sm flex h-9 items-centre">
1868										Dekens
1869									</span>
1870								</a>
1871							
1872								<a href="https://www.radbag.be/gepersonaliseerde-mokken-en-glazen" title="Mokken & Glazen" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1873									<span class="text-primary text-sm flex h-9 items-centre">
1874										Mokken & Glazen
1875									</span>
1876								</a>
1877							
1878								<a href="https://www.radbag.be/badjas-voor-dames" title="Badjas" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1879									<span class="text-primary text-sm flex h-9 items-centre">
1880										Badjas
1881									</span>
1882								</a>
1883							
1884								<a href="https://www.radbag.be/sokken" title="Sokken" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1885									<span class="text-primary text-sm flex h-9 items-centre">
1886										Sokken
1887									</span>
1888								</a>
1889							
1890								<a href="https://www.radbag.be/gepersonaliseerde-boxershorts" title="Boxershorts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1891									<span class="text-primary text-sm flex h-9 items-centre">
1892										Boxershorts
1893									</span>
1894								</a>
1895							
1896								<a href="https://www.radbag.be/schorten" title="Schorten" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1897									<span class="text-primary text-sm flex h-9 items-centre">
1898										Schorten
1899									</span>
1900								</a>
1901							
1902								<a href="https://www.radbag.be/t-shirts" title="T-Shirts" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1903									<span class="text-primary text-sm flex h-9 items-centre">
1904										T-Shirts
1905									</span>
1906								</a>
1907							
1908								<a href="https://www.radbag.be/sweater" title="Trui" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1909									<span class="text-primary text-sm flex h-9 items-centre">
1910										Trui
1911									</span>
1912								</a>
1913							
1914								<a href="https://www.radbag.be/gepersonaliseerde-petten" title="Petten" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1915									<span class="text-primary text-sm flex h-9 items-centre">
1916										Petten
1917									</span>
1918								</a>
1919							
1920								<a href="https://www.radbag.be/hoodie-deken" title="Hoodie Deken" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1921									<span class="text-primary text-sm flex h-9 items-centre">
1922										Hoodie Deken
1923									</span>
1924								</a>
1925							
1926								<a href="https://www.radbag.be/cosmetica-tasjes" title="Cosmetica tasje
1926s" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1927									<span class="text-primary text-sm flex h-9 items-centre">
1928										Cosmetica tasjes
1929									</span>
1930								</a>
1931							
1932								<a href="https://www.radbag.be/boodschappentassen" title="Boodschappentassen" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1933									<span class="text-primary text-sm flex h-9 items-centre">
1934										Boodschappentassen
1935									</span>
1936								</a>
1937							
1938								<a href="https://www.radbag.be/tote-bags" title="Tote bags" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1939									<span class="text-primary text-sm flex h-9 items-centre">
1940										Tote bags
1941									</span>
1942								</a>
1943							
1944								<a href="https://www.radbag.be/gepersonaliseerde-rugzakken" title="Rugzak" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1945									<span class="text-primary text-sm flex h-9 items-centre">
1946										Rugzak
1947									</span>
1948								</a>
1949								
1950							</div>
1951						
1952							</div>
1953						<div class="menu-container-nochild flex flex-col flex-wrap max-h-80"></div>
1954					</div>		
1955					</div>
1956					</div>
1957				
1958				</div>
1959			
1960				<div class=" level-0  " @mouseenter="menu.hoverPanelActiveId = 'category-node-4684'" @mouseleave="menu.hoverPanelActiveId = 0">
1961					<span class="bg-opacity-95">
1962                        <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/cadeau-idee" title="Welke gelegenheid?">
1963                            <span class="px-3">
1963Welke gelegenheid?</span>
1964                        </a>
1965					</span>
1966					<div class="w-full left-6 justify-start  absolute z-10 hidden py-4 shadow-lg bg-container-lighter -mt-px menu-full top-menu-effect h-382px  flex-row " :class="{ '' : menu.hoverPanelActiveId !== 'category-node-4684', 'openmenu' : menu.hoverPanelActiveId === 'category-node-4684'}">
1967					<div class="max-w-1920px mx-auto w-full">
1968					<div class="lg:px-30px xl:px-114px flex gap-x-14 overflow-hidden flex-wrap">
1969					
1970							<div class="">
1971									<a href="https://www.radbag.be/verjaardagscadeau" title="Verjaardag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
1972										<span class="text-primary font-semibold text-sm">
1973											Verjaardag
1974										</span>
1975									</a>
1976							<div class="relative z-10" style="column-count: 2;column-gap: 24px;overflow-y: auto;height: 324px;column-fill: auto;">
1977								<a href="https://www.radbag.be/verjaardagscadeau-voor-18" title="voor 18" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1978									<span class="text-primary text-sm flex h-9 items-centre">
1979										voor 18
1980									</span>
1981								</a>
1982							
1983								<a href="https://www.radbag.be/verjaardagscadeau-voor-20" title="voor 20" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1984									<span class="text-primary text-sm flex h-9 items-centre">
1985										voor 20
1986									</span>
1987								</a>
1988							
1989								<a href="https://www.radbag.be/verjaardagscadeau-voor-30" title="voor 30" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1990									<span class="text-primary text-sm flex h-9 items-centre">
1991										voor 30
1992									</span>
1993								</a>
1994							
1995								<a href="https://www.radbag.be/verjaardagscadeau-voor-40" title="voor 40" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
1996									<span class="text-primary text-sm flex h-9 items-centre">
1997										voor 40
1998									</span>
1999								</a>
2000							
2001								<a href="https://www.radbag.be/verjaardagscadeau-voor-50" title="voor 50" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
2002									<span class="text-primary text-sm flex h-9 items-centre">
2003										voor 50
2004									</span>
2005								</a>
2006							
2007								<a href="https://www.radbag.be/verjaardagscadeau-voor-60" title="voor 60" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
2008									<span class="text-primary text-sm flex h-9 items-centre">
2009										voor 60
2010									</span>
2011								</a>
2012							
2013								<a href="https://www.radbag.be/verjaardagscadeau-voor-hem" title="voor hem" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
2014									<span class="text-primary text-sm flex h-9 items-centre">
2015										voor hem
2016									</span>
2017								</a>
2018							
2019								<a href="https://www.radbag.be/verjaardagscadeau-voor-haar" title="voor haar" class="block w-full px-3 whitespace-nowrap first:mt-0 hover:underline" style="overflow: hidden;column-fill: auto;">
2020									<span class="text-primary text-sm flex h-9 items-centre">
2021										voor haar
2022									</span>
2023								</a>
2024								
2025							</div>
2026						
2027							</div>
2028						<div class="menu-container-nochild flex flex-col flex-wrap max-h-80">
2029							<div class="menu-item-nochild pr-10 font-semibold">
2030									<a href="https://www.radbag.be/huwelijkscadeau" title="Huwelijk" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2031										<span class="text-primary text-sm">
2032											Huwelijk
2033										</span>
2034									</a></div>
2035							<div class="menu-item-nochild pr-10 font-semibold">
2036									<a href="https://www.radbag.be/kerstcadeau" title="Kerstmis" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2037										<span class="text-primary text-sm">
2038											Kerstmis
2039										</span>
2040									</a></div>
2041							<div class="menu-item-nochild pr-10 font-semibold">
2042									<a href="https://www.radbag.be/baby-cadeaus" title="Baby" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2043										<span class="text-primary text-sm">
2044											Baby
2045										</span>
2046									</a></div>
2047							<div class="menu-item-nochild pr-10 font-semibold">
2048									<a href="https://www.radbag.be/housewarming-cadeau" title="Housewarming" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2049										<span class="text-primary text-sm">
2050											Housewarming
2051										</span>
2052									</a></div>
2053							<div class="menu-item-nochild pr-10 font-semibold">
2054									<a href="https://www.radbag.be/valentijnscadeau" title="Valentijnsdag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2055										<span class="text-primary text-sm">
2056											Valentijnsdag
2057										</span>
2058									</a></div>
2059							<div class="menu-item-nochild pr-10 font-semibold">
2060									<a href="https://www.radbag.be/afscheidscadeau" title="Afscheid" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2061										<span class="text-primary text-sm">
2062											Afscheid
2063										</span>
2064									</a></div>
2065							<div class="menu-item-nochild pr-10 font-semibold">
2066									<a href="https://www.radbag.be/vrijgezellenfeest" title="Vrijgezellenfeest" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2067										<span class="text-primary text-sm">
2068											Vrijgezellenfeest
2069										</span>
2070									</a></div>
2071							<div class="menu-item-nochild pr-10 font-semibold">
2072									<a href="https://www.radbag.be/moederdag-cadeau" title="Moederdag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2073										<span class="text-primary text-sm">
2074											Moederdag
2075										</span>
2076									</a></div>
2077							<div class="menu-item-nochild pr-10 font-semibold">
2078									<a href="https://www.radbag.be/vaderdagcadeau" title="Vaderdag" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2079										<span class="text-primary text-sm">
2080											Vaderdag
2081										</span>
2082									</a></div>
2083							<div class="menu-item-nochild pr-10 font-semibold">
2084									<a href="https://www.radbag.be/paascadeau" title="Pasen" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2085										<span class="text-primary text-sm">
2086											Pasen
2087										</span>
2088									</a></div>
2089							<div class="menu-item-nochild pr-10 font-semibold">
2090									<a href="https://www.radbag.be/sinterklaas-cadeau" title="Sinterklaas" class="block w-full px-3 py-1 my-1 whitespace-nowrap first:mt-0 hover:underline">
2091										<span class="text-primary text-sm">
2092											Sinterklaas
2093										</span>
2094									</a></div></div>
2095					</div>		
2096					</div>
2097					</div>
2098				
2099				</div>
2100			
2101				<div class=" level-0  " @mouseenter="menu.hoverPanelActiveId = 'category-node-5414'" @mouseleave="menu.hoverPanelActiveId = 0">
2102					<span class="bg-opacity-95">
2103                        <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/Cadeausets" title="Cadeausets">
2104                            <span class="px-3">Cadeausets</span>
2105                        </a>
2106					</span>
2107				</div>
2108			
2109				<div class=" level-0  " @mouseenter="menu.hoverPanelActiveId = 'category-node-4760'" @mouseleave="menu.hoverPanelActiveId = 0">
2110					<span class="bg-opacity-95">
2111                        <a style="color:#1F1F1F" class="top-menu-item w-full 2xl:text-base text-sm text-blackfont level-0 flex items-center gap-5px 2lg:h-45px px-1 xl:px-2 2xl:px-3 gap-3 xl:gap-6 bg-white rounded-lg " href="https://www.radbag.be/last-minute-cadeau" title="Last minute cadeaus">
2112                            <span class="px-3">Last minute cadeaus</span>
2113                        </a>
2114					</span>
2115				</div>
2116			</nav></div></div><style> .search-back-icon{display:none} .search-content .search-back-icon{display:block}</style>
2116<script>
2117    'use strict';
2118    const initHeaderNavigation = () => {
2119        var fragmentmenu = document.createDocumentFragment();
2120        return {
2121            mobilePanelActiveId: null,
2122            hoverPanelActiveId: null,
2123            menuLevel: null,
2124            isActive: '',
2125            open: false,
2126            algoliaContainer: '',
2127            menuAlgolia: 0,
2128            headerAlgolia: 0,
2129            setActiveMenu(menuNode) {
2130                Array.from(menuNode.querySelectorAll('a')).filter(link => {
2131                    const linkmenu = link.href.split('/');
2132                    const linkwindow = window.location.href.split('?')[0].split('/');
2133                    return linkmenu[3] != '' ? linkmenu[3] === linkwindow[3] : '';
2134                }).map(item => {
2135                    const span = item.querySelector("span");
2136                    const element = item.closest(".level-0").querySelector('.top-menu-item');
2137                    if(element) {
2138                        element.classList.add('menu-item-active')
2139                    }   
2140                    if(span) {
2141                        span.classList.add("underline");
2142                    }
2143                    item.classList.add('menu-item-active');
2144                });
2145            },
2146            algoliaChangePosition() {
2147                if(this.algoliaContainer == '') {
2148                    this.algoliaContainer = fragmentmenu.appendChild(document.querySelector('#algoliaAutocomplete'))
2149                } 
2150                if(this.open == true) {
2151                    document.getElementById('algolia-autocomplete-container-mobile-menu').appendChild(this.algoliaContainer);
2152                    if(document.querySelector("#algolia-autocomplete-container-mobile-menu input") != null) {
2153                        document.querySelector("#algolia-autocomplete-container-mobile-menu").onclick = function() {
2154                            document.querySelector('#search-block-menu').classList.add('search-content')
2155                        };
2156                    }
2157                } else if(this.open == false) {
2158                    document.querySelector('.algolia-search-block').appendChild(this.algoliaContainer);
2159                    document.querySelector('#search-block-menu').classList.remove('search-content')
2160                }
2161            },
2162            goBack() {
2163                document.querySelector('#search-block-menu').classList.remove('search-content');
2164                if(document.querySelector('.aa-Panel.autocomplete-block') != null){
2165                    document.querySelector('.aa-Panel.autocomplete-block').remove();
2166                }
2167            }
2168        }
2169    }</script>
2169</div></div> <!--Search--><div class="algolia-search-block"><div class="flex-1 relative search-header-block block lg:hidden mx-2" id="algoliaAutocomplete" > <!-- Load Typesense JS client (served locally after npm or manual download) -->
2169<script src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Mhdirekt_TypeSenseSearch/js/typesense.min.js"></script>
2169<div x-data="typesenseAutocomplete()" x-init="init()" @click.outside="close()" class="typesense-autocomplete relative w-full" role="search" aria-label="Product&#x20;search" ><!-- Search Input — overwrites / augments the existing Hyvä search input --><div class="relative flex items-center"><button type="button" @click="selectActive()" class="absolute left-3 text-gray-400 z-99" aria-label="Zoek" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4471_16029)"><path d="M10.8121 14.2406C11.0617 14.2406 11.3123 14.2338 11.5628 14.2406C12.1465 14.2588 12.6054 13.9785 12.9846 13.5849C13.2445 13.3027 13.47 12.9908 13.6566 12.6556C13.862 12.3033 14.0137 11.9202 14.1932 11.5526C14.3012 11.3212 14.3563 11.0687 14.3545 10.8134C14.3596 10.3967 14.3542 9.98072 14.3382 9.56536C14.3151 8.99896 14.2345 8.44216 13.9849 7.92088C13.9118 7.76669 13.8533 7.60599 13.8102 7.44088C13.6764 7.0004 13.4586 6.58997 13.1689 6.23224C12.7561 5.68092 12.2395 5.21557 11.6483 4.86232C11.1606 4.57432 10.6566 4.30744 10.1555 4.04152C10.0422 3.977 9.91513 3.94077 9.78491 3.93592C9.28187 3.93592 8.77595 3.93592 8.27578 3.99256C7.6426 4.05829 7.04221 4.30679 6.54779 4.70776C6.11387 5.05624 5.71931 5.45176 5.29979 5.81176C4.93732 6.12171 4.67088 6.5287 4.53179 6.98488C4.40699 7.36888 4.30523 7.77112 4.21499 8.17048C4.18534 8.33074 4.18112 8.49467 4.20251 8.65624C4.25531 9.19864 4.31867 9.74104 4.38011 10.2882C4.38909 10.4618 4.41286 10.6343 4.45115 10.8038C4.51834 11.0369 4.60273 11.2647 4.70363 11.4854C4.80467 11.7346 4.93348 11.9716 5.08763 12.1919C5.30726 12.4676 5.55146 12.7227 5.81722 12.9542C6.42394 13.4879 7.13723 13.8671 7.82171 14.2886C7.97822 14.3816 8.16154 14.4191 8.34203 14.3951C9.16475 14.326 9.98363 14.1974 10.814 14.2415M14.2278 13.7721C14.3065 13.825 14.3821 13.8824 14.4543 13.9439C14.8729 14.3394 15.2886 14.7388 15.7023 15.1353C15.7542 15.1842 15.8137 15.2255 15.8684 15.2735C16.1209 15.4962 16.3734 15.718 16.6249 15.9455C16.9868 16.2681 17.3468 16.5926 17.7087 16.9151C18.0927 17.2569 18.4835 17.5948 18.8684 17.9366C19.0182 18.07 19.1679 18.2054 19.3062 18.3503C19.5206 18.5585 19.7204 18.7811 19.9043 19.0166C20.2682 19.5112 20.6582 19.9861 21.0726 20.4393C21.183 20.5622 21.3174 20.6745 21.2991 20.8646C21.2912 20.9006 21.2772 20.935 21.2579 20.9663C21.2425 20.9961 21.2108 21.023 21.207 21.0527C21.1926 21.1833 21.0735 21.2447 21.0227 21.3551C21.0227 21.3657 20.9679 21.3666 20.9468 21.3551C20.906 21.3308 20.8674 21.3029 20.8316 21.2716C20.7923 21.3676 20.75 21.3609 20.6675 21.3206C20.5712 21.2793 20.4668 21.2603 20.3622 21.2649C20.2961 21.2667 20.2304 21.255 20.169 21.2306C20.1076 21.2062 20.0518 21.1695 20.0051 21.1228C19.4953 20.6428 18.9769 20.1705 18.4748 19.6828C18.1302 19.3468 17.7932 19.0012 17.4783 18.6383C17.1635 18.2754 16.7823 18.0076 16.4223 17.7052C15.7244 17.1148 14.9977 16.5532 14.3756 15.8812C14.0444 15.5231 13.743 15.1372 13.4281 14.7628L13.4051 14.7369C12.8818 14.9216 12.3421 15.056 11.7932 15.1382C11.3599 15.1855 10.9245 15.2101 10.4886 15.2121C10.0086 15.2332 9.53435 15.2476 9.05627 15.2649C8.57819 15.2822 8.09626 15.1689 7.61626 15.0806C6.74266 14.9212 5.97755 14.5132 5.26715 14.0073C4.43099 13.4121 3.79355 12.6489 3.45371 11.661C3.29723 11.206 3.11195 10.7596 2.97371 10.2978C2.83547 9.83608 2.70971 9.39832 2.68571 8.92024C2.6821 8.60671 2.74016 8.29553 2.85659 8.0044C2.91995 7.8268 2.97371 7.6444 3.04859 7.47064C3.14459 7.24024 3.25691 7.01656 3.36539 6.79096C3.43931 6.63736 3.51323 6.48376 3.59771 6.33592C4.25667 5.17235 5.20848 4.20134 6.35866 3.51928C6.75515 3.2812 7.14587 3.03352 7.58459 2.87416C8.20989 2.65735 8.87678 2.5877 9.53339 2.67064C9.95125 2.71335 10.3659 2.78326 10.7747 2.87992C11.4593 3.03339 12.0914 3.3645 12.6073 3.83992C13.1171 4.31512 13.6412 4.77784 14.0473 5.35C14.3156 5.7028 14.5349 6.09032 14.6991 6.502C14.7739 6.68425 14.8595 6.86185 14.9555 7.03384C15.1907 7.48696 15.2905 7.98136 15.4143 8.47384C15.5996 9.20152 15.6236 9.94264 15.6188 10.6866C15.6175 10.7517 15.6071 10.8164 15.5881 10.8786C15.3961 11.519 15.2147 12.1612 14.8652 12.7391C14.6838 13.0377 14.5004 13.3334 14.318 13.631L14.2566 13.727L14.222 13.7702" fill="#878787"/><path d="M7.45602 6.72014C7.40418 6.62414 7.3533 6.66734 7.30818 6.72014C7.25251 6.78242 7.2021 6.84921 7.15746 6.91982C7.02309 7.12762 6.83679 7.29672 6.61698 7.41038C6.58242 7.43054 6.53826 7.47854 6.51138 7.39886C6.51138 7.3931 6.4989 7.38542 6.49506 7.38734C6.33474 7.43342 6.18594 7.34414 6.0285 7.34798C5.95457 7.34007 5.88197 7.32264 5.8125 7.29614C5.88219 6.94843 6.04512 6.62621 6.28386 6.36398C6.71304 5.8629 7.27668 5.49514 7.90818 5.30414C8.08561 5.24951 8.26977 5.21979 8.45538 5.21582C8.78754 5.21582 9.1197 5.26286 9.45186 5.25998C9.76672 5.26627 10.0774 5.33343 10.3667 5.45774C10.5662 5.53796 10.7589 5.63428 10.9427 5.74574C11.3815 6.00974 11.8067 6.28814 12.1571 6.67502C12.2858 6.81806 12.2877 6.93326 12.1715 7.08014C12.1413 7.12661 12.1214 7.17897 12.113 7.23374C12.0976 7.29902 12.0775 7.3163 12.017 7.27886C11.9843 7.25966 11.9344 7.2731 11.8931 7.26638C11.8519 7.25966 11.7914 7.24046 11.74
216905 7.23374C11.6339 7.2302 11.5277 7.21897 11.4227 7.20014C11.3307 7.17154 11.244 7.12774 11.1664 7.07054C11.0551 6.99374 10.9648 6.8843 10.8477 6.81998C10.4695 6.61166 10.0797 6.4235 9.70146 6.21614C9.42292 6.05567 9.09362 6.0076 8.78082 6.08174C8.63682 6.11438 8.49282 6.1451 8.34786 6.17774C8.02652 6.24324 7.73532 6.41176 7.51842 6.65774C7.49785 6.67855 7.47605 6.6981 7.45314 6.7163" fill="#878787"/></g><defs><clipPath id="clip0_4471_16029"><rect width="24" height="24" fill="white"/></clipPath></defs></svg></button> <input id="autocomplete-0-input" type="text" x-model="query" x-ref="input" @input.debounce.200ms="search()" @keydown.arrow-down.prevent="focusResult(activeIndex + 1)" @keydown.arrow-up.prevent="focusResult(activeIndex - 1)" @keydown.enter.prevent="selectActive()" @keydown.escape="close()" @focus="query.length >= 2 && open()" placeholder="Zoek" autocomplete="off" class="typesense-search-input form-input w-full" aria-autocomplete="list" :aria-expanded="isOpen" aria-controls="ts-autocomplete-results" name="q" /></div><!-- Autocomplete Dropdown --><div id="ts-autocomplete-results" x-show="isOpen" x-cloak x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="absolute left-0 right-0 z-50 bg-white shadow-xl rounded-b-lg mt-1 max-h-[520px] overflow-y-auto" role="listbox" ><!-- Loading State --><div x-show="loading" class="flex items-center justify-center p-6 text-gray-400"><svg class="animate-spin w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8z"></path></svg><span>Searching...</span></div><!-- No Results --><div x-show="!loading && query.length >= 2 && products.length === 0 && categories.length === 0" class="p-6 text-center text-gray-500" >No products found for "<span x-text="query" class="font-medium"></span>"</div><!-- Products --><template x-if="!loading && (products.length > 0 || tags.length > 0 || categories.length > 0)"><div class="flex flex-col pt-2"><!-- Produkte — rechte Spalte --><div class="flex-1 min-w-0"><div class="text-base font-semibold px-4 text-black">Gezocht? Gevonden! 😎</div><template x-for="(product, index) in products" :key="product.id"><div class="flex flex-1 items-center justify-between gap-2 pr-4"><div class="flex-col flex-1"><a :href="product.url" :id="'ts-result-' + index" role="option" :aria-selected="activeIndex === index" @mouseenter="activeIndex = index" @click="onProductClick(product, index)" class="flex items-center gap-3 px-4 py-2 hover:bg-gray-50 cursor-pointer transition-colors" :class="activeIndex === index ? 'bg-gray-50' : ''" ><!-- Product Image --><div class="block w-16 h-16 rounded-lg overflow-hidden"><img :src="product.image_url || ''" :alt="product.name" class="w-full h-full object-cover" loading="lazy" x-show="product.image_url" /><div x-show="!product.image_url" class="w-full h-full flex items-center justify-center text-gray-300"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div></div><!-- Product Info --><div class="flex-1 min-w-0"><div class="search-item text-blackfont font-semibold text-xs" x-html="highlight(product.name)"></div><!-- Price --><div class="flex-shrink-0"><template x-if="product.special_price && product.special_price < product.price"><div><div class="text-sm font-bold text-redColor" x-text="hyva.formatPrice(product.special_price)"></div><div class="text-xs text-oldPrice line-through" x-text="hyva.formatPrice(product.price)"></div></div></template><template x-if="!product.special_price || product.special_price >= product.price"><div class="text-sm font-bold text-gray-900" x-text="hyva.formatPrice(product.final_price || product.price)"></div></template></div></div></a></div><a :href="product.url" role="option" @click="onProductClick(product, index)" class="w-6 h-6" :class="activeIndex === index ? 'bg-gray-50' : ''" ><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="11.5" fill="white" stroke="#E4E4E4"></rect><path d="M7.75 17H16.25" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.5 7.75L8.5 14.75" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.365 7.75H15.5V12.885" stroke="#747474" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></div></template><!-- "Alle Ergebnisse" Footer --><div class="mx-4 mt-4 mb-4">
2169<a :href="allResultsUrl()" @click="trackViewAllClick()" class="text-activeInputText underline font-medium text-xs mt-4" >Alle Produkte für "<span x-text="query"></span>"</a></div></div><!-- /Produkte Spalte --><!-- Kategorien — mittlere Spalte --><template x-if="categories.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Categorieën</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="category in categories" :key="category.id"><a :href="category.url" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(category.name)"></span></a></template></div></div></template><!-- Schlagwörter (product_tags) — linke Spalte --><!-- <template x-if="tags.length > 0"><div class="p-4"><div class="text-base font-semibold text-black">Schlagwörter</div><div class="flex flex-wrap gap-2 flex-row mt-4"><template x-for="tag in tags" :key="tag.value"><a :href="allResultsUrl() + '&product_tags=' + encodeURIComponent(tag.value)" class="h-7 rounded-full px-2 py-1 border border-gray-200 flex items-center" ><span class="text-xs font-medium" x-html="highlight(tag.value)"></span></a></template></div></div></template> --></div><!-- /flex --></template></div></div><style> .search-item mark { background-color: #D0D5F6; }</style>
2169<script>
2170(function () {
2171    const TS_CONFIG = {"host":"ugx630fkc12hdv98p-1.a2.typesense.net","port":443,"protocol":"https","searchApiKey":"wVrnhGHs7T8KjWS5vBzpanm82SsRZfc5","collectionName":"live_products_12","categoryCollectionName":"live_categories_12","productsLimit":6,"categoriesLimit":3,"tagsLimit":4,"minQueryLength":2,"debounceMs":200,"convergeEnabled":true,"currency":"EUR","currencySymbol":null,"searchResultsUrl":"https:\/\/www.radbag.be\/catalogsearch\/result\/index\/"};
2172
2173    function typesenseAutocomplete() {
2174        let typesenseClient = null;
2175
2176        return {
2177            query: '',
2178            products: [],
2179            categories: [], 
2180            tags: [],       
2181            loading: false,
2182            isOpen: false,
2183            activeIndex: -1,
2184
2185            init() {
2186                typesenseClient = new Typesense.Client({
2187                    apiKey: TS_CONFIG.searchApiKey,
2188                    nodes: [{
2189                        host:     TS_CONFIG.host,
2190                        port:     TS_CONFIG.port,
2191                        protocol: TS_CONFIG.protocol,
2192                    }],
2193                    connectionTimeoutSeconds: 5,
2194                });
2195
2196                
2197                const existingInput = document.querySelector('input[name="q"]:not(.typesense-autocomplete input)');
2198                if (existingInput) {
2199                    existingInput.setAttribute('x-model', 'query');
2200                }
2201            },
2202
2203            async search() {
2204                if (this.query.length < TS_CONFIG.minQueryLength) {
2205                    this.products = [];
2206                    this.categories = [];
2207                    this.tags = [];
2208                    this.isOpen = false;
2209                    return;
2210                }
2211
2212                this.loading = true;
2213                this.isOpen = true;
2214
2215                try {
2216                    
2217                    var result = await typesenseClient.multiSearch.perform({
2218                        searches: [
2219                            {
2220                                collection:                TS_CONFIG.collectionName,
2221                                q:                         this.query,
2222                                query_by:                  'name,product_tags,short_desc,sku',
2223                                query_by_weights:           '4,3,2,3',
2224                                per_page:                  TS_CONFIG.productsLimit,
2225                                page:                      1,
2226                                facet_by:                  'product_tags',
2227                                max_facet_values:          TS_CONFIG.tagsLimit,
2228                                highlight_full_fields:     'name,product_tags',
2229                                highlight_affix_num_tokens: 4,
2230                                prioritize_exact_match:    true,
2231                                filter_by:                 'in_stock:true',
2232                            },
2233                            {
2234                                collection:                TS_CONFIG.categoryCollectionName,
2235                                q:                         this.query,
2236                                query_by:                  'name,description,url_key',
2237                                query_by_weights:           '4,2,1',
2238                                per_page:                  TS_CONFIG.categoriesLimit,
2239                                page:                      1,
2240                                highlight_full_fields:     'name',
2241                                prioritize_exact_match:    true,
2242                                filter_by:                 'is_active:true',
2243                            }
2244                        ]
2245                    });
2246
2247                    this.products = result.results[0].hits.map(h => h.document);
2248
2249                    
2250                    var tagFacet = result.results[0].facet_counts?.find(f => f.field_name === 'product_tags');
2251                    this.tags = tagFacet?.counts?.slice(0, TS_CONFIG.tagsLimit) || [];
2252
2253                    
2254                    this.categories = (result.results[1]?.hits || []).map(h => h.document);
2255                } catch (err) {
2256                    console.error('[Typesense] Search error:', err);
2257                    this.products = [];
2258                    this.categories = [];
2259                    this.tags = [];
2260                } finally {
2261                    this.loading = false;
2262                }
2263            },
2264
2265            highlight(text) {
2266                if (!this.query || !text) return this.escapeHtml(text || '');
2267                const parts = text.split(new RegExp(`(${this.query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'gi'));
2268                return parts.map(p =>
2269                    p.toLowerCase() === this.query.toLowerCase()
2270                        ? `<mark class="bg-yellow-100 text-gray-900 rounded px-0.5">${this.escapeHtml(p)}</mark>`
2271                        : this.escapeHtml(p)
2272                ).join('');
2273            },
2274
2275            escapeHtml(str) {
2276                return String(str).replace(/[&<>"']/g, s => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[s]));
2277            },
2278
2279            formatPrice(amount) {
2280                if (amount === undefined || amount === null) return '';
2281                const formatted = Number(amount).toLocaleString('de-DE', {
2282                    minimumFractionDigits: 2,
2283                    maximumFractionDigits: 2,
2284                });
2285                return formatted + ' ' + (TS_CONFIG.currencySymbol || '€');
2286            },
2287
2288            focusResult(index) {
2289                const count = this.products.length;
2290                if (count === 0) return;
2291                this.activeIndex = Math.max(0, Math.min(index, count - 1));
2292                document.getElementById('ts-result-' + this.activeIndex)?.scrollIntoView({ block: 'nearest' });
2293            },
2294
2295            selectActive() {
2296                if (this.activeIndex >= 0 && this.products[this.activeIndex]) {
2297                    const product = this.products[this.activeIndex];
2298                    this.onProductClick(product, this.activeIndex);
2299                    window.location.href = product.url;
2300                } else {
2301                    window.location.href = this.allResultsUrl();
2302                }
2303            },
2304
2305            open() {
2306                this.isOpen = true;
2307            },
2308
2309            close() {
2310                this.isOpen = false;
2311                this.activeIndex = -1;
2312            },
2313
2314            clear() {
2315                this.query = '';
2316                this.products = [];
2317                this.categories = [];
2318                this.tags = [];
2319                this.isOpen = false;
2320                this.$refs.input?.focus();
2321            },
2322
2323            allResultsUrl() {
2324                return TS_CONFIG.searchResultsUrl + '?q=' + encodeURIComponent(this.query);
2325            },
2326
2327            onProductClick(product, position) {
2328                
2329                this.track('Viewed Product', {
2330                    product_id:  String(product.entity_id),
2331                    variant_id:  String(product.entity_id),
2332                    sku:         product.sku ?? undefined,
2333                    name:        product.name,
2334                    price:       product.final_price ?? product.price,
2335                    currency:    TS_CONFIG.currency,
2336                    url:         product.url,
2337                    image_url:   product.image_url ?? undefined,
2338                    vendor:      product.brand ?? undefined,
2339                });
2340            },
2341
2342            trackViewAllClick() {
2343                
2344                this.track('Searched', {
2345                    query: this.query,
2346                });
2347            },
2348
2349            track(eventName, properties) {
2350                if (!TS_CONFIG.convergeEnabled) return;
2351                if (typeof window.cvg !== 'function') {
2352                    console.warn('[Typesense] Converge pixel (cvg) not loaded.');
2353                    return;
2354                }
2355                window.cvg({ method: 'track', eventName, properties });
2356            },
2357        };
2358    }
2359
2360    window.typesenseAutocomplete = typesenseAutocomplete;
2361})();</script>
2361</div></div> <!--advantages mobile--> <div class="advantages-mobile md:hidden lg:mt-1.5 bg-navbar lg:h-12 sm:h-10 h-9 mt-14"><div><p> <div class="advantages-block-wrapper advantages-block "><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=verzendkosten/">Gratis verzending vanaf € 60 </a> </span></div></div>  <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=retoure/">100 dagen gratis retourneren</a> </span></div></div>  <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#klarnatransparent" /></svg></span>  <span class="pl-7px"> <a href="/faq?sublink=betalingsmogelijkheden/">Betaal met Klarna</a> </span></div></div> </div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div>
2361 <!--Cart Drawer--> <!--Authentication Pop-Up--> 
2361<script>
2362    function initAuthentication() {
2363        return {
2364            open: false,
2365            forceAuthentication: false,
2366            checkoutUrl: 'https://www.radbag.be/checkout/index/',
2367            errors: 0,
2368            hasCaptchaToken: 0,
2369            displayErrorMessage: false,
2370            errorMessages: [],
2371            setErrorMessages: function setErrorMessages(messages) {
2372                this.errorMessages = [messages];
2373                this.displayErrorMessage = this.errorMessages.length;
2374            },
2375            submitForm: function () {
2376                
2377                const $form = document.querySelector('#login-form');
2378                
2379                if (this.errors === 0) {
2380                    this.dispatchLoginRequest($form);
2381                }
2382            },
2383            onPrivateContentLoaded: function (data) {
2384                const isLoggedIn = data.customer && data.customer.firstname;
2385                if (data.cart && !isLoggedIn) {
2386                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
2387                }
2388            },
2389            redirectIfAuthenticated: function (event) {
2390                if (event.detail && event.detail.url) {
2391                    this.checkoutUrl = event.detail.url;
2392                }
2393                if (!this.forceAuthentication) {
2394                    window.location.href = this.checkoutUrl;
2395                }
2396            },
2397            dispatchLoginRequest: function(form) {
2398                this.isLoading = true;
2399                const username = this.$refs['customer-email'].value;
2400                const password = this.$refs['customer-password'].value;
2401                const formKey = hyva.getFormKey();
2402                const bodyFields = {
2403                    'username': username,
2404                    'password': password,
2405                    'formKey': formKey
2406                };
2407                 const fieldName = 'g\u002Drecaptcha\u002Dresponse';
2408                const recaptchaField = fieldName && form[fieldName];
2409                if (recaptchaField) {
2410                    bodyFields[fieldName] = recaptchaField.value;
2411                }
2412                fetch('https://www.radbag.be/customer/ajax/login/', {
2413                        method: 'POST',
2414                        headers: {
2415                            'Content-Type': 'application/json',
2416                            'X-Requested-With': 'XMLHttpRequest'
2417                        },
2418                        body: JSON.stringify(bodyFields)
2419                    }
2420                ).then(response => {
2421                        return response.json()
2422                    }
2423                ).then(data=> {
2424                    this.isLoading = false;
2425                    if (data.errors) {
2426                        dispatchMessages([{
2427                            type: 'error',
2428                            text: data.message
2429                        }], 5000);
2430                        this.errors = 1;
2431                        this.hasCaptchaToken = 0;
2432                    } else {
2433                        window.location.href = this.checkoutUrl;
2434                    }
2435                });
2436            }
2437        }
2438    }</script>
2438<section id="authentication-popup" x-data="initAuthentication()" @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" @keydown.window.escape="open = false" ><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="open = false" ></div><div role="dialog" aria-modal="true" @click.outside="open = false" class="inset-y-0 right-0 z-30 flex max-w-full fixed" x-cloak x-show="open" ><div class="relative w-screen max-w-md pt-16 bg-container-lighter" x-show="open" x-cloak="" 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" ><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-2 flex p-2 mt-2"><button type="button" @click="open = false;" aria-label="Close&#x20;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">
2439  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2440<title>Close panel</title></svg>
2441</button></div><template x-if="open"><div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"><div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"><strong class="font-medium">Checkout using your account</strong></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-mailadres</span></label> <div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required autocomplete="off" class="form-input input-text" ></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" required x-ref="customer-password" autocomplete="off" @change="errors = 0" ></div></div><input name="context" type="hidden" value="checkout" /><div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"><button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" >Doorgaan</button> <a href="https://www.radbag.be/customer/account/forgotpassword/" >Wachtwoord vergeten?</a></div></div></form></div><div class="mx-4"></div><div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"><p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"><strong class="font-medium">Checkout as a new customer</strong></p><div class="block-content"><p class="mb-1">Het aanmaken van een account heeft vele voordelen:</p><ul class="list-disc pl-5"><li> Bekijk bestelling en verzendstatus</li> <li> Bekijk bestelgeschiedenis</li> <li> Reken sneller af</li></ul><div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"><a href="https://www.radbag.be/customer/account/create/" class="inline-flex btn btn-primary">Maak nu een account aan</a></div></div></div></div></template></div></div></section></nav><!--advantages desktop--><div class="hidden md:flex items-center justify-center lg:h-12 sm:h-10 h-9 bg-navbar advantages-container"><div><p> <div class="advantages-block-wrapper advantages-block "><div class="max-w-1920px mx-auto relative"><div class="lg:px-5 xl:px-20"><div class="mx-auto flex text-xs 2xl:text-sm leading-4 justify-center md:gap-x-11 gap-x-2.5 flex-wrap swiper-container swiper-design swiper-container-advantages"><div class="swiper-wrapper flex w-full"> <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center now w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#freeshipHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=verzendkosten/">Gratis verzending vanaf € 60 </a> </span></div></div>  <div class="mySlides w-full no-show-perso"><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"><span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#gratisbackHeader" /></svg></span> <span class="pl-7px"> <a href="/faq?sublink=retoure/">100 dagen gratis retourneren</a> </span></div></div>  <div class="mySlides w-full "><div class="flex lg:h-12 sm:h-10 h-9 justify-center items-center w-full md:w-auto text-center"> <span> <svg class="mx-auto lg:w-8 lg:h-8 sm:w-6 sm:h-6 w-5 h-5" width="20" height="20" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#klarnatransparent" /></svg></span>  <span class="pl-7px"> <a href="/faq?sublink=betalingsmogelijkheden/">Betaal met Klarna</a> </span></div></div> </div></div></div></div></div><style> @media only screen and (min-width: 769px) { .mySlides {display:block !important;} } @media only screen and (max-width: 768px) { .mySlides {display:none;} }</style></p></div></div>
2441<script>
2442    var slideIndex = 1;
2443    showDivs(slideIndex);
2444
2445    function plusDivs(n) {
2446    showDivs(slideIndex += n);
2447    }
2448
2449    function showDivs(n) {
2450        var i;
2451        var x = document.querySelectorAll(".advantages-mobile .mySlides");
2452        if (n > x.length) {slideIndex = 1}
2453        if (n < 1) {slideIndex = x.length}
2454        for (i = 0; i < x.length; i++) {
2455            x[i].style.display = "none";  
2456        }
2457        if(x[slideIndex-1]){ 
2458            x[slideIndex-1].style.display = "block";  
2459        }
2460    }
2461
2462    setInterval(() => {
2463        plusDivs(1);
2464    },3500);
2465    function openmobilemenu() {
2466        setTimeout(() => {
2467            if(document.querySelector('.aa-ClearButton')){
2468                document.querySelector('.aa-ClearButton').click();
2469            }
2470            document.querySelector('.mobile-menu-icon').click();
2471        },300)
2472    }</script>
2472<style> .algolia-search-input-loading,.algolia-search-block input,.algolia-search-block{width: 100%;position: relative;} .algolia-search-input-loading,.algolia-search-block input{border-color: #B4B4B4;color:#515151;}  .recommended-wrapper{max-width: inherit;top: 49px;width: 458px;border: none;--tw-shadow: 0px 8px 32px 0px #1F1F1F1A;box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}  .autocomplete-block {width: inherit !important;} .aa-InputWrapperPrefix{z-index: 1;} .header-logo {order:0; justify-content: flex-start;} .typesense-autocomplete input, #algoliaAutocomplete .aa-Input, .algolia-search-input-loading { border-color: #B4B4B4; color: #515151; height: 48px; width: 100%; font-weight: 500; font-size: .875rem; line-height: 1.25rem; padding-left: 46px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; border-radius: 9999px; transition: transform 250ms ease, color 250ms ease; } #search-block-menu .typesense-autocomplete svg { display: block !important; } #algoliaAutocomplete .aa-Input:focus { outline: none; box-shadow: none; } #algoliaAutocomplete .aa-Form { display:flex; align-items: center; } #algoliaAutocomplete .aa-InputWrapper { flex:1 } .aa-InputWrapperPrefix .aa-Label { margin-bottom:0; } .autocomplete-block{ top: 68px !important; } .aa-Source { display: flex; flex-direction: column; } .aa-SourceHeader { font-weight: 600; font-size: 1rem; line-height: 1.5rem; color: #000000; padding: 0 16px; } .aa-List { padding: 16px; border-radius: 0.5rem; display: flex; flex-direction: column; gap: 16px; } .aa-Item { width: 100%; display: flex; align-items: center; gap: 6px; height: 64px; } span.after_special { font-size: 0.875rem; line-height: 1.25rem; color: #1F1F1F; font-weight: 700; } .after_special.promotion { font-size: 0.875rem; line-height: 1.25rem; font-weight: 700; } [data-autocomplete-source-id="product_tags"] .aa-List,[data-autocomplete-source-id="categories"] .aa-List { border-radius: 0.5rem; display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item { height: 32px; width: auto; border-radius: 9999px; border-width: 1px; --tw-border-opacity: 1; border-color: rgba(228, 228, 227, var(--tw-border-opacity)); padding: 4px 8px; } .aa-Source[data-autocomplete-source-id=product_tags] .aa-Item a { font-size: .75rem; line-height: 1rem; font-weight: 500; } .aa-InputWrapperSuffix { display: none; } /* nav#header .header-wrapper { position: fixed !important; width: 100%; height: 96px; top: 0; z-index: 1999; } header.page-header { padding-top: 96px; } .menu-open div#comm-bar { z-index: 999 !important; } .is-scrolled nav#header .header-wrapper { top: 0 !important } */ @media only screen and (max-width: 1535px) { .recommended-wrapper{top: 70px;width:428px;} } @media only screen and (max-width: 1023px) { .header-logo {order:1; justify-content: center;} .recommended-wrapper{top: 67px; width: 192px;} } .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 380px !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 380px !important;left: 20px !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open #panelContainer .aa-Panel {top: 124px !important;left: 0 !important;width: 437px !important;} .menu-open .search-autocomplete{background: #eeeeee;} @media only screen and (max-width: 768px) { .typesense-autocomplete input {height: 40px; font-size: 14px;} .recommended-wrapper{top: 115px;width: 100%;} .autocomplete-block {top: 36px !important;} .menu-open .autocomplete-block {top: 116px !important;position: fixed;width: 83% !important;} .menu-open .search-header-block{z-index: 999999 !important;} .menu-open .recommended-wrapper {top: 119px !important;position: fixed;width: 83% !important;left: 20px !important;} .catalog-product-view .search-autocomplete {display: block !important;} .menu-open #search-content{top: -10px;width: 80%;} .menu-open .page-header{position: static;} .menu-open #panelContainer .aa-Panel {top: 124px !important;} nav#header .header-wrapper {height: auto; position: relative !important; top: 0 !important;} header.page-header {padding-top: 0 !important;} .is-scrolled .search-autocomplete{display:none !important;} .menu-open #panelContainer .aa-Panel { width: 100% !important; left: 20px !important; } } .algoliasearch-autocomplete-category{display: none;} .page-wrapper { opacity: 0; } .page-wrapper.page-fade-in { opacity: 1; transition: opacity .3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-wrapper.page-fade-in { transition: none; } }</style>
2472<script>
2473(function () {
2474    var html = document.documentElement;
2475    
2476    html.style.overflowX = 'hidden';
2477    function removeSuppression() { html.style.overflowX = ''; }
2478
2479    document.addEventListener('DOMContentLoaded', function () {
2480        var pw = document.querySelector('.page-wrapper');
2481        if (pw) {
2482            pw.classList.add('page-fade-in');
2483            pw.addEventListener('transitionend', removeSuppression, { once: true });
2484        }
2485        
2486        setTimeout(removeSuppression, 600);
2487    });
2488
2489    
2490    setTimeout(function () {
2491        document.querySelector('.page-wrapper')?.classList.add('page-fade-in');
2492        removeSuppression();
2493    }, 1200);
2494}());</script>
2494</header><div class="bg-white">   <nav class="breadcrumbs big-container-new mx-auto px-4 lg:px-5 xl:px-120px pt-4 relative no-iframe" aria-label="Breadcrumb"><ul class="items list-reset flex flex-nowrap whitespace-nowrap overflow-hidden font-poppins" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="item flex items-center text-textgray text-10px md:text-11px font-normal home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">  <a href="https://www.radbag.be/" class="no-underline" itemprop="item" title="Home" ><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /></li>   <li class="item flex items-center text-textgray text-10px md:text-11px font-normal cms_page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span aria-hidden="true" class="separator text-textgray px-2 md:px-3" itemprop="item"><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.71289 8.29922L6.42956 5.58255C6.75039 5.26172 6.75039 4.73672 6.42956 4.41589L3.71289 1.69922" stroke="#707070" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>   <a href="" class="text-textgray font-normal" itemprop="item" aria-current="page" ><span itemprop="name">Pers</span></a> <meta itemprop="position" content="2" /></li>  </ul></nav></div><main id="maincontent" class="page-main"><div id="algolia-autocomplete-container"></div> <div id="contentarea" tabindex="-1"></div><div class="page messages"> 
2494<script>
2495    function initMessages() {
2496        "use strict";
2497        return {
2498            messages: window.mageMessages || [],
2499            isEmpty() {
2500                return this.messages.reduce(
2501                    function (isEmpty, message) {
2502                        return isEmpty && message === undefined
2503                    }, true
2504                )
2505            },
2506            removeMessage(messageIndex) {
2507                this.messages[messageIndex] = undefined;
2508            },
2509            addMessages(messages, hideAfter) {
2510                messages.map((message) => {
2511                    this.messages = this.messages.concat(message);
2512                    if (hideAfter) {
2513                        this.setHideTimeOut(this.messages.length -1, hideAfter);
2514                    }
2515                });
2516            },
2517            setHideTimeOut(messageIndex, hideAfter) {
2518                setTimeout((messageIndex) => {
2519                    this.removeMessage(messageIndex);
2520                }, hideAfter, messageIndex);
2521            },
2522            eventListeners: {
2523                ['@messages-loaded.window']() {
2524                    this.addMessages(event.detail.messages, event.detail.hideAfter)
2525                },
2526                ['@private-content-loaded.window'](event) {
2527                    const data = event.detail.data;
2528                    if (
2529                        data.messages &&
2530                        data.messages.messages &&
2531                        data.messages.messages.length
2532                    ) {
2533                        this.addMessages(data.messages.messages);
2534                    }
2535                },
2536                ['@clear-messages.window']() {
2537                    this.messages = [];
2538                }
2539            }
2540        }
2541    }</script>
2541<section id="messages" x-data="initMessages()" x-bind="eventListeners" ><template x-if="!isEmpty()"><div class="w-full"><div role="alert" class="messages container mx-auto py-3"><template x-for="(message, index) in messages" :key="index"><div><template x-if="message"><div class="message flex items-center justify-between w-full p-2 bg-gray-600 shadow rounded text-white mb-2" :class="message.type" :ui-id="'message-' + message.type" ><span x-html="message.text"></span> <a href="#" class="close cursor-pointer" title="close" @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="text-white" width="18" height="18" role="img">
2542  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2543<title>x</title></svg>
2544</a></div></template></div></template></div></div></template></section></div>   <div class="big-container-new mx-auto md:px-72px lg:px-120px py-5 md:py-11 title-category-page"><h1 class="block text-center md:text-4xl text-3xl font-extrabold mb-5 md:mb-8 px-5 page-title" ><span class="base" data-ui-id="page-title-wrapper" >Pers en samenwerkingsaanvragen</span></h1></div> <div class="columns"><div class="column main"><div>
2545<p>&nbsp;</p>
2546<div id="privacy">
2547<p style="text-align: center;"><strong><span style="font-size: 20px;"><a href="/cdn-cgi/l/email-protection#81f1e4f3f2c1f3e0e5e3e0e6afefed"><span class="__cf_email__" data-cfemail="eb9b8e9998ab998a8f898a8cc58587">[email&#160;protected]</span></a></span></strong></p>
2548<p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://upsidedown.radbag.de/media/Untitled_design_67_.png" alt="" width="36" height="36"></p>
2549<p style="text-align: left;"><span style="font-size: 20px; color: #03a786;">Hallooo ;-)</span></p>
2550<table style="width: 100%; border-collapse: collapse; border-style: hidden; height: 314px;" border="1">
2551<tbody>
2552<tr style="height: 314px;">
2553<td style="width: 50%; height: 314px;">
2554<div>Wat leuk dat je onze perspagina bezoekt. Wil je opgenomen worden in onze lijst met <span style="color: #339966;"><strong>perscontacten?</strong></span></div>
2555<div>Wens je <span style="color: #339966;"><strong>productfoto's met hoge resolutie </strong></span>te ontvangen?</div>
2556<div>Of ben je benieuwd naar een <span style="color: #339966;"><strong>leuke samenwerking </strong></span>met Radbag?</div>
2557<p>&nbsp;</p>
2558<div>Dan ben je op de juiste plek aangekomen en heb je deze mogelijkheden:</div>
2559<ol>
2560<li>Stuur ons simpelweg een mailtje op <span style="text-decoration: underline;"><strong><a href="/cdn-cgi/l/email-protection#f383968180b3819297919294dd9d9f"><span class="__cf_email__" data-cfemail="f787928584b7859693959690d9999b">[email&#160;protected]</span></a></strong></span></li>
2561<li>P.S. Zoek je toch onze <strong><span style="text-decoration: underline;"><a href="/content/colofon.html" target="_blank" rel="noopener">klantenservice</a></span></strong>? Stuur dan een mail naar <span style="text-decoration: underline;"><strong><a href="/cdn-cgi/l/email-protection#bad1d6dbd4cedfd4c9dfc8ccd3d9dffac8dbded8dbdd94d4d6" target="_blank" rel="noopener" rev="en_rl_none"><span class="__cf_email__" data-cfemail="1f74737e716b7a716c7a6d69767c7a5f6d7e7b7d7e78317173">[email&#160;protected]</span></a></strong></span>. Ze willen je heel graag helpen. Zo gaat het ook nog eens veel sneller.</li>
2562</ol>
2563</td>
2564<td style="width: 50%; height: 314px;">
2565<p style="text-align: center;">&nbsp;</p>
2566</td>
2567</tr>
2568</tbody>
2569</table>
2570<p>&nbsp;</p>
2571</div>
2572<div><strong>Ambassadeurs, influencers &amp; bloggers</strong></div>
2573</div>
2574<div>
2575<div data-pm-slice="1 1 []" data-en-clipboard="true">We waarderen het natuurlijk heel erg wanneer je enthousiast bent over onze producten en dat graag wilt delen. Hoe enthousiast we ook zijn om de hele wereld kennis te laten maken met onze prachtige collectie, we kunnen helaas niet iedereen voorzien van gratis producten. Wanneer jouw social media kanalen aan enkele voorwaarden voldoen, zijn we mogelijk geïnteresseerd in een samenwerking. Hiervoor is de interactie belangrijk, en ook moet je een minimaal aantal volgers/bezoekers (per maand) hebben. Laat het ons gerust weten w
2575anneer jij denkt te voldoen, zodat we jouw kanalen kunnen beoordelen en beslissen of je in aanmerking komt. Wie weet ben jij dan onze volgende Radbag ambassadeur, veel succes! In de tussentijd blijf vooral de liefde delen. ;-) Maak het ons gemakkelijk en stuur gelijk het volgende:</div>
2576<div data-pm-slice="1 1 []" data-en-clipboard="true">&nbsp;</div>
2577<ul>
2578<li>meer informatie over jou en je interesses</li>
2579<li>voorstel hoe je de samenwerking voor je ziet</li>
2580<li>bereik van je blog, posts en story.</li>
2581</ul>
2582<p>&nbsp;</p>
2583</div>
2584<div id="privacy">
2585<div>
2586<div>
2587<div>
2588<h2 class="indent">Persberichten</h2>
2589</div>
2590</div>
2591</div>
2592<p>Hier staan onze laatste persberichten die je als pdf direct kunt downloaden. Klik simpel op de afbeelding en je krijgt gelijk meer productinformatie.&nbsp;</p>
2593</div>
2594<table style="height: 525px; max-width: 1050px; width: 100%;" border="0">
2595<tbody>
2596<tr style="height: 200px;">
2597<td style="width: 343.2px; text-align: center;"><a href="http://www.troppotogo.it/blog/wp-content/uploads/2023/12/NL_Geschenke-mit-Illustrazionen.pdf"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/NL_Geschenke_mit_Illustrazionen_1.png" alt="" width="300" height="212"></a></td>
2598<td style="height: 200px; width: 343.2px; text-align: center;"><a href="http://www.troppotogo.it/blog/wp-content/uploads/2023/10/PI_NL_kleinegeschenke_10_2023.pdf"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_NL_kleinegeschenke_10_2023.png" alt="" width="300" height="212"></a></td>
2599<td style="text-align: right; width: 343.2px;"><a style="text-align: start;" title="PI_SelfCare_2023-10_NL" href="https://www.radbag.de/blog/wp-content/uploads/2023/10/PI_SelfCare_2023-10_NL.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_SelfCare_2023-10_NL.jpg" alt="PI_SelfCare_2023-10_NL" width="300" height="212"></a></td>
2600</tr>
2601<tr style="height: 200px;">
2602<td style="width: 343.2px; height: 250px;"><a style="text-align: center;" title="PI_NL_Halloween_2023-10" href="https://www.radbag.de/blog/wp-content/uploads/2023/10/PI_NL_Halloween_2023-10.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_NL_Halloween_2023-10.jpg" alt="PI_NL_Halloween_2023-10" width="300" height="212"></a></td>
2603<td style="height: 200px; width: 343.2px; text-align: center;"><a style="text-align: right;" title="PI_Kerstmis_Countdown_NL_2023-09" href="https://www.radbag.de/blog/wp-content/uploads/2023/09/PI_Kerstmis_Countdown_NL_2023-09.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_Kerstmis_Countdown_NL_2023-09.jpg" alt="PI_Kerstmis_Countdown_NL_2023-09" width="300" height="212"></a></td>
2604<td style="text-align: right; width: 343.2px;"><a style="text-align: start;" title="PI_Oktoberfest_NL_2023-09" href="https://www.radbag.de/blog/wp-content/uploads/2023/09/PI_Oktoberfest_NL_2023-09.pdf" target="_blank" rel="noopener"><img src="https://upsidedown.radbag.de/media/wysiwyg/Pressreleases/PI_Oktoberfest_NL_2023-09.jpg" alt="PI_Oktoberfest_NL_2023-09" width="300" height="212"></a></td>
2605</tr>
2606</tbody>
2607</table>
2608<p>&nbsp;</p></div></div></main><footer class="page-footer"><div class="footer content">
vendor: 109 bytes, line 2608
2608 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2608<script defer>
2609    function initFooter () {
2610        return {
2611            showScrollTop: 1,
2612            lastScroll: 0,
2613            scrollDetect() {
2614                var lastScroll = 0;
2615                let currentScroll = document.documentElement.scrollTop || document.body.scrollTop; 
2616                if (currentScroll > 0 && this.lastScroll <= currentScroll){
2617                    this.lastScroll = currentScroll;
2618                    this.showScrollTop = 1;
2619                }else{
2620                    this.lastScroll = currentScroll;
2621                    if(currentScroll === 0) {
2622                        this.showScrollTop = 1;
2623                    } else {
2624                        this.showScrollTop = 0;
2625                    }
2626                }
2627                if(document.getElementById('algolia-autocomplete-listbox-0') != 'undefined' && document.getElementById('algolia-autocomplete-listbox-0') != null){
2628                    if(document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top > 0) {
2629                        document.getElementById('algolie-search-layer').style.top = document.getElementById('algolia-autocomplete-listbox-0').getBoundingClientRect().top+ "px"
2630                    } else {
2631                        document.getElementById('algolie-search-layer').style.top = "0px";
2632                    }
2633                }
2634                
2635            },
2636            scrollToTop() {
2637                window.scrollTo({ top: 0, behavior: 'smooth' });
2638            }
2639        }
2640    }
2641    
2642    
2643    document.addEventListener("DOMContentLoaded", function(event) {
2644        
2645        document.querySelector(".mobile-footer-info #csconsentlink").addEventListener("click", openPopup);
2646        function openPopup() {
2647            document.querySelector(".about-block-desktop #csconsentlink").click();
2648        }
2649    });</script>
2649<span class="cursor-pointer fixed w-10 h-10 lg:w-14 lg:h-14 bg-activePage rounded-full shadow-footertop bottom-5 justify-center items-center z-90 right-2 lg:right-10 hidden" @click="scrollToTop()" x-data="initFooter()" @scroll.window="scrollDetect()" :class="{'flex': showScrollTop===0, 'hidden': showScrollTop===1}"><svg class="lg:w-6 w-5 h-5 lg:h-6" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.0702 9.57L12.0002 3.5L5.93018 9.57" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 20.4999V3.66992" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span> <footer><div class="footer-container-newsletter"><div class="bg-white px-0 flex-1"><p>&nbsp;</p>
2650<div class="klaviyo-form-VsXagq"></div>
2651<div class="klaviyo-form-XSakt7"></div></div></div> <div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 pt-10 font-poppins"><div class="flex-col lg:flex-row flex justify-between"><!-- Static block prefooter_social_icons --><div class="flex lg:block justify-between items-start lg:items-center mr-2.5 md:mr-7 flex-col lg:flex-row"><div class="w-full items-center mb-2.5"><div class="w-2/4 md:w-full"> <img height="48" loading="lazy" class="w-auto max-h-8 xl:max-h-10 h-auto" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/logos/logo-footer-radbagbe.png" alt="Radbag.be"/></div><div class="lg:mt-6 mt-4 sm:mt-0 2xl:h-12 sm:h-10 h-8"><p>  <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.facebook.com/radbagnl/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M71.21,123.45c.27,1.62.54,3.91,1.06,6.14,1.16,5,2.67,9.86,3,15a20.37,20.37,0,0,0,1.82,7.63c1.79,3.82,3.49,7.7,5.41,11.47a17.35,17.35,0,0,0,3.08,4.2,64.82,64.82,0,0,0,10.23,8c6.22,4.21,12.38,8.48,19.09,11.91a19.44,19.44,0,0,0,8.28,2.59,61.14,61.14,0,0,1,12.18,1.81c3.66.84,7.38,1.37,11.13.36,2.73-.73,5.45-1.55,8.21-2.14,3.24-.69,6.47-1.26,9.47-2.83,3.32-1.74,6.75-3.25,10.13-4.88a4.39,4.39,0,0,0,1.09-.72,36.86,36.86,0,0,0,6.67-7.65,20.84,20.84,0,0,1,2.12-2.89c2.17-2.44,4.44-4.8,6.62-7.22a29.94,29.94,0,0,0,7.15-14c.44-2.06.8-4.15,1.3-6.2,1.2-5,2.73-9.9,2.87-15.12.09-3.72.28-7.4-.73-11a103.08,103.08,0,0,1-3-11.19,121.8,121.8,0,0,0-3.19-14.8,23.14,23.14,0,0,0-1.63-4.11c-2.23-4.29-5.81-7.34-9.59-10.2a33.17,33.17,0,0,1-2.62-2.26c-1.14-1.06-2.17-2.24-3.35-3.25-2.44-2.12-4.74-4.5-7.47-6.16A43.19,43.19,0,0,0,158,60.53c-2.95-.69-5.86-1.55-8.79-2.33a8.28,8.28,0,0,0-1.71-.49c-3.58-.2-7.17-.33-10.76-.5-1.28-.06-2.68.34-3.68-.9-.09-.11-.38-.1-.57-.09-2.36.13-4.73.14-7.06.44-6.2.78-11.46,3.76-16.46,7.28a124.56,124.56,0,0,0-16.18,12.9c-6,6-11.52,12.29-15.67,19.71a34,34,0,0,0-2,4.34c-2.69,7-3.06,14.47-3.87,22.56m139.11,2.44A54,54,0,0,1,208,142.52c-1,3.06-1.35,6.31-2.09,9.45-1.56,6.58-4.46,12.61-9.38,17.22-4.21,3.94-7.64,8.43-11.18,12.9-2.91,3.67-6.29,6.84-10.8,8.67-5,2-9.79,4.47-14.78,6.46-2,.78-4.23.77-6.32,1.25-2.68.61-5.3,1.52-8,2a35.24,35.24,0,0,1-16.22-1.06,29.07,29.07,0,0,0-9-1.18c-3.66.09-7-1.15-10.29-2.77A144.2,144.2,0,0,1,91.23,184c-3.49-2.46-7.09-4.72-10.17-7.74a24.49,24.49,0,0,1-5.34-7c-2-4.3-4.15-8.53-6.11-12.85a30.54,30.54,0,0,1-2.47-11.15,45.12,45.12,0,0,0-2.3-11,35.06,35.06,0,0,1-1.77-13.43c.72-7.83,1.42-15.66,4.53-23,1.66-3.94,4.2-7.32,6.5-10.87C77.77,81.31,82.62,76.74,87.34,72s10.39-8.44,16-12.21a73.08,73.08,0,0,1,15-7.93A35.46,35.46,0,0,1,133,50c1.22.06,2.46-.19,3.68-.19,2.95,0,5.9.08,8.85.12l.12,0c2.15.21,4.43,0,6.41.71,7.79,2.71,16,4.35,23.26,8.44a30.39,30.39,0,0,1,4.54,3.3c2.42,2,4.72,4.18,7.09,6.26a15.49,15.49,0,0,0,1.74,1.27c5.61,3.68,10.14,8.34,12.52,14.7a90.14,90.14,0,0,1,4.57,18c.37,2.39,1.1,4.72,1.67,7.08,1,3.91,2,7.79,2.83,11.73a22.46,22.46,0,0,1,0,4.42"/><path class="cls-1" d="M138.59,114.22c3.79,0,7.34,0,10.89,0,1,0,1.67.34,1.68,1.38,0,1.73,1.1,3.35.46,5.16-1.2,3.4-2.53,5.26-6.2,5.48a2.27,2.27,0,0,0-.59.08c-.81.35-1.58.78-2.4,1.06a19.65,19.65,0,0,1-2.29.54c0,7.1-.1,14.08,0,21.06s.46,14.2.73,21.3a5.27,5.27,0,0,1-2.61,4.94,4,4,0,0,1-4.13-.55,2,2,0,0,0-1.28-.36c-1.55.07-3.15.41-4.36-1a8.85,8.85,0,0,1-2.39-6.08c0-.76,0-1.51,0-2.27.07-5.75.31-11.5.17-17.24
2651-.12-4.81-.68-9.62-1-14.43-.1-1.43-.31-2.86-.31-4.29,0-1.18-.39-1.66-1.6-1.6a37,37,0,0,1-10.58-.94c-.23,0-.57,0-.69-.13-1.39-1.73-4-2.38-4.34-5.09a2.3,2.3,0,0,1,1.43-2.74,4.35,4.35,0,0,0,1.16-.75,7.3,7.3,0,0,1,4.39-1.34c3.1-.24,6.21-.4,9.44-.6,0-.32,0-.7,0-1.09.08-5.1.07-10.22.26-15.32a18.92,18.92,0,0,1,5.39-13,34.93,34.93,0,0,1,7.16-6.11c3.13-1.84,6.42-1.86,9.76-1.25,2.58.47,5.1,1.3,7.64,2,.32.09.85.38.84.54-.1,1.65,1.56,3.34-.11,4.94a.68.68,0,0,0-.16.56c.5,1.57-.65,2.64-1.33,3.74A3.49,3.49,0,0,1,151.43,92c-2.72.4-5.48.49-8.18,1-3.87.68-5.44,2.57-5.83,6.49a43.74,43.74,0,0,0,.83,12.86c.15.73.26,1.47.34,1.93"/><title>facebookFooter</title></svg>
2652</a>   <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://pinterest.com/radbagnl/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M126.31,59v0c-1.36,0-2.72-.07-4.07,0-4.23.23-8.45.53-12.68.78a21.31,21.31,0,0,0-10.7,3.44,28.43,28.43,0,0,1-4.34,2.27c-2.57,1.11-5.25,2-7.75,3.2s-5.2,2.6-7.06,5a64.56,64.56,0,0,1-4.54,5.24C72.63,81.57,69.81,84,68,87.35s-3.79,6.47-5.69,9.7a4.39,4.39,0,0,0-.49,1.21,47.47,47.47,0,0,0-1.3,10.3,49.43,49.43,0,0,1-1.07,10.68,29.14,29.14,0,0,0,.72,16.15c1.55,4.86,3.44,9.61,5.4,14.32a75.65,75.65,0,0,0,4.3,8.53,27.47,27.47,0,0,0,6.34,7.89c2,1.66,4.16,3.25,6,5.06q5.06,4.83,9.86,9.9a27.19,27.19,0,0,0,19.14,8.61c1.66.09,3.34.21,5,.46,3.07.46,6.11,1.16,9.19,1.53a41.48,41.48,0,0,0,18.73-2.31c2.82-1,5.66-1.93,8.5-2.89a8.57,8.57,0,0,0,1.69-.55q4.88-2.91,9.7-5.92c.91-.56,1.73-1.32,2.95-1,.18.05.46-.12.65-.24,4.71-3.18,8.9-6.81,11.7-11.93a73.13,73.13,0,0,0,5-11.63c1.41-4.14,2.93-8.27,4-12.51,2-8.19,3.5-16.47,3-25a45.67,45.67,0,0,0-1.31-9.45c-1.59-5.85-4.56-11-7.34-16.35a25.27,25.27,0,0,0-6.12-7.74A81.89,81.89,0,0,1,164.48,72a13,13,0,0,0-3.2-2.85c-4-2.53-8-5-12.06-7.35A18.46,18.46,0,0,0,144.43,60a45,45,0,0,0-5.32-.83,22.72,22.72,0,0,0-3-.21c-3.27,0-6.55,0-9.82,0m72.59,61.64c.33,7.85-1.5,15.39-3.35,22.91a89,89,0,0,1-3.74,11.34c-2.3,5.78-4.63,11.54-8,16.84a37.42,37.42,0,0,1-13.49,12.82c-1,.54-1.71,1.42-2.63,2-2.49,1.66-5,3.25-7.54,4.87l-.21.11c-8.85,4.7-18.45,7-28.25,8.54a37.08,37.08,0,0,1-7.73-.13c-4.13-.24-8.2-1.07-12.37-1.2-6.61-.19-12.89-1.86-18.18-6.15a100.52,100.52,0,0,1-13.3-12.38,27.72,27.72,0,0,0-4.66-4.11A51.07,51.07,0,0,1,58,152.92c-1.81-4.6-3.61-9.22-5.18-13.9a37.65,37.65,0,0,1-1.45-18.66c.57-3.3,1.34-6.56,1.79-9.87.32-2.36.1-4.79.37-7.16.56-4.71,1.64-9.23,4.39-13.27,2.92-4.28,5.45-8.81,8.39-13.08,1.17-1.71,3-2.94,4.47-4.48,1.91-2,3.62-4.27,5.62-6.2a35.16,35.16,0,0,1,14.06-8.15,29.36,29.36,0,0,0,8.11-4c3.11-2.18,6.71-3,10.45-3.47a150.28,150.28,0,0,1,21.63-.87c4.44.07,8.87-.11,13.22.88a24.8,24.8,0,0,1,6.37,2c4.84,2.61,9.55,5.48,14.23,8.38a28.28,28.28,0,0,1,7.65,7.34,46.74,46.74,0,0,0,8.17,8,34.85,34.85,0,0,1,8.9,10.07c3.91,7.1,7.94,14.19,9.2,22.34.6,3.89.6,7.86.87,11.79l-.33,0"/><path class="cls-1" d="M122.45,142.46c-.09.18-.26.5-.4.83-2,4.67-3.89,9.35-5.88,14a29.22,29.22,0,0,1-5.15,8.3,2.07,2.07,0,0,1-3.6-.57,12,12,0,0,1-.38-7.16c1.54-7.07,4.49-13.62,7.24-20.25.65-1.59,1.18-3.22,1.71-4.85a1.76,1.76,0,0,0-.06-1.24c-2.57-4.53-3.19-9.5-3.17-14.57a50.89,50.89,0,0,1,.59-7.6,8.22,8.22,0,0,1,4.38-6.08,14.12,14.12,0,0,1,6.67-2.34c2.28-.07,3.53.6,4.1,2.83a49.83,49.83,0,0,1,1.42,7.75A44.09,44.09,0,0,1,127.36,130a1.65,1.65,0,0,0,.58,2.15c2.34,1.81,4.47,3.94,7,5.4,4,2.32,5.61,1.63,6.81-2.71a31.51,31.51,0,0,0,1.1-7.29c.16-5.39.09-10.78,0-16.17a29,29,0,0,0-.55-5.1,5.46,5.46,0,0,0-1.24-2.54,15.41,15.41,0,0,0-8.91-5.2c-4.94-.86-9.89,0-14.83-.17a7.76,7.76,0,0,0-3.89.92,15.94,15.94,0,0,0-6.4,6,31.48,31.48,0,0,0-3.31,11.06,12.48,12.48,0,0,0,2.17,8.51,16.52,16.52,0,0,1,2,5.69,3.83,3.83,0,0,1-2.37,3.71,22.47,22.47,0,0,1-3.66.46,1.38,1.38,0,0,1-.9-.5,9,9,0,0,1-1.34-1.68,50.3,50.3,0,0,1-5.86-13.83,15.24,15.24,0,0,1,1.5-11.6c2.71-4.47,5.39-9.08,9.78-12.13a98.17,98.17,0,0,1,11.53-6.83c3.41-1.72,7.2-1.42,10.94-1,4.15.42,7.95,2.06,11.86,3.26,7.81,2.39,11.8,8.21,13.56,15.93,1.34,5.9.93,11.83.68,17.77a69.18,69.18,0,0,1-.68,7c-.91,6.41-4.39,11.28-9.3,15.27-2.22,1.81-4.92,1.9-7.6,2.07a11.38,11.38,0,0,1-6.55-1.56c-2.38-1.37-4.68-2.87-7.08-4.36"/><title>pinterestFooter</title></svg>
2653</a>   <a class="inline-block 2xl:w-12 2xl:h-12 sm:w-10 sm:h-10 w-8 h-8 relative" href="https://www.instagram.com/radbagnl/"><svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" data-name="Ebene 1" viewBox="0 0 250 250" class="w-full h-full" width="34" height="34" role="img"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><path class="cls-1" d="M121.05,190.89c0-.1,0-.2,0-.3a52.92,52.92,0,0,0,15.64-.66c2.88-.62,5.84-1,8.48-2.44,2.86-1.57,5.65-3.31,8.59-4.74,4.5-2.19,9.14-4.14,13.67-6.29,3.36-1.6,6.64-3.4,9-6.4a38.52,38.52,0,0,0,5.61-9.71,22.48,22.48,0,0,1,1.42-2.76c.93-1.62,2-3.18,2.85-4.84,1.4-2.68,3.07-5.3,4-8.16a44.47,44.47,0,0,0,2.3-13.76c0-2.91.13-5.82.21-8.73a8.79,8.79,0,0,0,.06-1.77c-.69-3.72-1.43-7.44-2.17-11.15-.21-1.05-.63-2.08.14-3.09a1,
26531,0,0,0,0-.69c-.65-2.18-1.2-4.39-2-6.52-2.14-5.83-6.21-10.27-10.77-14.29a123.38,123.38,0,0,0-16.49-12.88c-7.41-4.59-15.06-8.56-23.51-10.84a30.6,30.6,0,0,0-3.4-.7c-6.22-1-12.36-.06-18.51.69A29.57,29.57,0,0,0,105,64.2a68.75,68.75,0,0,1-14,6.41,18.63,18.63,0,0,0-6.35,3.27c-3.31,2.63-6.65,5.24-9.94,7.9A9.6,9.6,0,0,0,72.36,84c-1.69,2.79-3.65,5.52-4.74,8.55-3.1,8.59-6.91,16.93-9,25.9a24.21,24.21,0,0,0-.41,11,29.62,29.62,0,0,1,.63,5c.16,2.79,0,5.59.3,8.37.31,3.34.9,6.61,3,9.46a30.81,30.81,0,0,1,2.59,4.85c1.6,3.28,2.86,6.73,5.36,9.55s4.85,5.94,7.28,8.9a4.28,4.28,0,0,0,1,.87,46.89,46.89,0,0,0,9.22,4.79,48.26,48.26,0,0,1,9.54,4.68,29.53,29.53,0,0,0,14.33,4.9c3.17.28,6.38,0,9.58,0m-.23,8.22c-3.31-.09-7.45.06-11.51-.41A33.23,33.23,0,0,1,96,194.27c-1.51-.91-2.83-2.12-4.38-2.91-3.13-1.6-6.36-3-9.54-4.48-4.77-2.23-9.26-4.78-12.47-9.21S63.07,169.31,60,165c-1-1.42-1.44-3.27-2.24-4.88-1.42-2.85-3.09-5.59-4.36-8.51a35.63,35.63,0,0,1-2.73-16.37,26.79,26.79,0,0,0-.89-8.39,21.66,21.66,0,0,1,.19-10.52,143.76,143.76,0,0,1,7-21.49c1.52-3.81,2.84-7.67,5-11.24a25.22,25.22,0,0,1,5.77-7.09C70.88,74,74,71.27,77.22,68.71a33.85,33.85,0,0,1,11.87-6.06,43.16,43.16,0,0,0,10.67-5.11c5.42-3.31,11.34-4.66,17.51-5.19,4.22-.36,8.45-.69,12.67-.7,6.14,0,11.79,2.16,17.47,4.29,6.27,2.36,11.85,5.89,17.5,9.37s10.46,8,15.34,12.41a74.22,74.22,0,0,1,11.62,13.17A35.16,35.16,0,0,1,197,104.45c.24,1.24.79,2.41,1.08,3.65.68,2.94,1.3,5.91,2,8.86a1.94,1.94,0,0,0,0,.24c.27,2,1,4.07.75,6-.81,8.21-.54,16.55-2.8,24.58a30,30,0,0,1-2.18,5.17c-1.42,2.82-3,5.56-4.44,8.35a13.48,13.48,0,0,0-.8,1.87c-2.32,6.42-5.88,12-11.65,15.82a95.38,95.38,0,0,1-15.56,8.19c-2.35,1-4.61,2.17-6.89,3.33-3.66,1.86-7.15,4.16-11,5.55a53.22,53.22,0,0,1-11.67,2.56c-4,.48-8.13.32-13,.46"/><path class="cls-1" d="M112,90.44v.2c-2.44,0-4.88.09-7.31,0a6.71,6.71,0,0,0-6.61,3.86c-1.37,2.48-2.68,5-4.12,7.43A15,15,0,0,0,92,109.45c-.15,7.22-.32,14.45-.59,21.67-.08,2.18-.64,4.34-.75,6.52-.22,4.36,0,8.6,3.41,12,2,2,3.78,4.12,5.68,6.17,2.42,2.61,5.13,4.47,9,4a14.8,14.8,0,0,1,7.51,1.17,13.43,13.43,0,0,0,7.06.7c1-.11,1.9-.25,2.85-.38,2.8-.38,5.63-.64,8.39-1.21,3.2-.66,6.3-1.85,9.51-2.35,3.46-.52,7-.48,10.51-.73,3.13-.23,6.08-.93,8.3-3.41a5.8,5.8,0,0,1,1.33-1,4.11,4.11,0,0,0,2-3.11,49.93,49.93,0,0,0,.81-5.91,125.33,125.33,0,0,0-.14-14c-.43-4.8-1.17-9.57-1.21-14.41a60.18,60.18,0,0,0-.6-9.78c-.78-4.62-3.61-8.37-6.11-12.2A5.05,5.05,0,0,0,157.47,92a16.76,16.76,0,0,0-8-2.54c-4-.34-8-.41-12.07-.51-2.31,0-4.63.2-6.94.09a12.35,12.35,0,0,0-5.75.66,7.66,7.66,0,0,1-2.77.67c-3.31.08-6.63,0-9.94,0m18.73-10.22c2.6,0,5.2-.08,7.8,0,1.52.06,3,.48,4.56.64a50,50,0,0,0,5.85.41,29.07,29.07,0,0,1,11.45,2.2,9.93,9.93,0,0,1,2.88,1.66,20.48,20.48,0,0,1,6.22,8.65c1.61,4.76,3.47,9.43,4.92,14.23a41.48,41.48,0,0,1,1.52,11.6c.07,6.54.37,13.08.45,19.63,0,2.83-.18,5.66-.36,8.49a10.68,10.68,0,0,1-2.08,5.9c-1.76,2.35-3.3,4.94-5.39,7a20.93,20.93,0,0,1-10.67,5.87c-2.67.49-5.38.71-8.07,1.09a12.8,12.8,0,0,0-2.9.62,32.73,32.73,0,0,1-11.38,2c-1.87,0-3.73.43-5.6.46-5,.07-10.07,0-15.1,0a39.78,39.78,0,0,1-10.21-1,21.89,21.89,0,0,1-11.86-7.22c-2.32-2.74-4.8-5.35-7-8.17a21.6,21.6,0,0,1-4.31-10.27,29.81,29.81,0,0,1,.33-10,79.22,79.22,0,0,0,1.39-11.49c.23-5.3,0-10.62.11-15.93a11.37,11.37,0,0,1,1-4.49c1.41-3,3.1-5.93,4.69-8.87.55-1,1.18-2,1.72-3,1.41-2.67,3.85-4.16,6.33-5.66a26.54,26.54,0,0,1,13.13-3.55c5.26-.2,10.52-.61,15.78-.88,1.6-.08,3.2,0,4.8,0Z"/><path class="cls-1" d="M141.88,130.61h.42c-.48-2.73-.94-5.47-1.45-8.2-1-5.49-4.49-8.8-9.53-10.74a5.15,5.15,0,0,0-4.68.44c-5.6,3.17-9,8.14-11.33,13.93a6.77,6.77,0,0,0-.08,4.63,13.33,13.33,0,0,0,6.33,6.61,23.41,23.41,0,0,0,12.94,2.23c1.41-.11,2.92-.16,4-1.28,2.06-2.1,4.22-4.17,3.36-7.61m-36-3.68c-.17-5.22,2.41-9.31,5.45-13.12a32.11,32.11,0,0,1,10.38-8.9c4.74-2.41,9.67-3.38,14.91-1.7,9,2.88,13.71,9.27,15.68,18.21s-1.79,15.69-7.23,22a12.94,12.94,0,0,1-3.34,2.49c-5.21,3-10.78,4.67-16.83,3.91a39,39,0,0,1-7-1.67,8,8,0,0,1-3.22-2c-4-4.17-7.28-8.8-8.33-14.65-.27-1.52-.34-3.08-.51-4.62"/><path class="cls-1" d="M150.18,107.42a2.22,2.22,0,0,1-2.29-1c-1.67-2-2.23-5.09-.81-6.6a7.26,7.26,0,0,1,6-2.68,1.74,1.74,0,0,1,1.26.92c.6,1.93,1.58,3.87.55,6s-1.66,3.43-4.76,3.45"/><title>instagramFooter</title></svg>
2654</a>  </p></div></div><div class="lg:mt-2.5 mt-0 mb-7 hidden"></div><div class="lg:mt-2.5 mt-0 hidden"></div><div> <div x-data="{ open: false }" class="w-full relative block text-left" ><button @click.prevent="open = !open" @click.away="open = false" @keydown.window.escape="open=false" type="button" class="h-12 flex bg-white border border-borderImg rounded-full px-2 items-center text-blackfont text-base font-medium gap-2 min-w-162px justify-between" aria-haspopup="true" aria-expanded="true" ><span class="flex gap-5px items-center">  <svg width="32" height="32"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagBe" /></svg>  België</span> <svg width="12" height="12" ><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#arrow-down-footer" /></svg></button> <nav x-cloak="" x-show="open" class="absolute left-0 right-0 my-1 flex flex-col bottom-full z-20 w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter">  <a href="https://www.radbag.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagBe" /></svg>  België</a>   <a href="https://www.radbag.de/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagDe" /></svg>  Deutschland</a>   <a href="https://www.cadeauxfolies.fr/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagFr" /></svg>  France</a>   <a href="https://www.radbag.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagCh" /></svg>  Schweiz</a>   <a href="https://www.cadeauxfolies.ch/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagCh" /></svg>  Suisse</a>   <a href="https://www.troppotogo.it/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagIt" /></svg>  Italia</a>   <a href="https://www.radbag.nl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagNl" /></svg>  Nederland</a>   <a href="https://www.radbag.at/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagAt" /></svg>  Österreich</a>   <a href="https://www.cadeauxfolies.be/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagBe" /></svg>  Belgique</a>   <a href="https://www.radbag.dk/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagDk" /></svg>  Danmark</a>   <a href="https://firebox.es/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  >  <svg fill="none" class="mr-3.5 w-4 h-4" width="16" height="16"><use xlink:href="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/sprite.svg#flagEs" /></svg>  España</a>    <a href="https://firebox.com/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm "  > <img class="mr-3.5 w-4 h-4" width="16" height="16" lading="lazy" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/logos/flagUk.png" alt="flagUk" /> UK</a>   <a href="https://firebox.com/intl/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " style="order:26" >  <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/flags/flagWorld.svg" alt="flagBe" />  Rest of the world</a>   <a href="https://firebox.eu/" class="block px-4 py-1.5 lg:px-5 lg:py-1.5 hover:bg-gray-100 flex items-center justify-start text-primary text-sm " style="order:25" >  <img class="mr-3.5 w-4 h-4" width="16" height="16" src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/flags/flagEu.svg" alt="flagBe" />  Europe</a> </nav></div></div></div><div class="lg:mt-0 mt-10"><div class="footer-top-links block mt-2.5 lg:mt-0 sm:flex lg:gap-12 2xl:gap-24 justify-between"><div class="hidden sm:block" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Nog vragen?</span> <a href="/supportpage">Klantenservice</a><a href="https://www.radbag.be/faq?sublink=betalingsmogelijkheden/">Betaalmethoden?</a> <a href="https://www.radbag.be/faq?sublink=verzendkosten/">Verzendkosten?</a> <a href="https://www.radbag.be/faq?sublink=bestellingstatus/">Waar is mijn bestelling?</a><a href="https://www.radbag.be/faq?sublink=retoure/">Retourneren?</a></p>
2655<p><a href="https://www.radbag.be/faq/">FAQ - voor de <br>meest gestelde vragen <br>en antwoorden</a></p></div><div class="hidden sm:block about-block-desktop" onclick="showContent('about-block')" id="about-block"><p><span class="title">Over radbag</span> <a href="/onze-geschiedenis/">Ons Team</a><a title="radbag Blog" href="https://www.radbag.nl/blog/">Blog</a> <button id="csconsentlink">Cookie instellingen</button></p></div><div class="mobile-footer-info flex gap-2 sm:hidden"><div class="flex-1" onclick="showContent('question-block')" id="question-block"><p><span class="question-title">Nog vragen?</span> <a href="/supportpage">Klantenservice</a><a href="https://www.radbag.be/faq?sublink=betalingsmogelijkheden/">Betaalmethoden?</a> <a href="https://www.radbag.be/faq?sublink=verzendkosten/">Verzendkosten?</a> <a href="https://www.radbag.be/faq?sublink=bestellingstatus/">Waar is mijn bestelling?</a><a href="https://www.radbag.be/faq?sublink=retoure/">Retourneren?</a></p>
2656<p><a href="https://www.radbag.be/faq/">FAQ - voor de <br>meest gestelde vragen <br>en antwoorden</a></p></div><div class="flex-1" onclick="showContent('about-block')" id="about-block"><p><span class="title">Over radbag</span> <a href="/onze-geschiedenis/">Ons Team</a><a title="radbag Blog" href="https://www.radbag.nl/blog/">Blog</a> <button id="csconsentlink">Cookie instellingen</button></p></div></div><div onclick="showContent('partner-block')" id="partner-block"><p><span class="title">Partnerinfo</span><a href="/content/contact.html">Perscontact</a> <a href="/content/test-club">Blogger/Youtuber</a> <a href="/content/b2b-aanvragen.html">B2B aanvragen</a></p></div><div id="payment-block-footer" class="max-w-[415px] w-full"><span class="question-title">Betalingsmethoden</span> <p><span class="payment-link-images"><span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/paypal.png" alt="paypal"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/Visa.png" alt="Visa"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/apple-pay.png" alt="apple"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/mastercard.png" alt="mastercard"></span> <img src="https://www.radbag.be/media/wysiwyg/images/bancontact.png" alt="" width="50" height="33"><span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/klarna.png" alt="Klarna"></span><span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/google-pay.png" alt="google"></span> <span class="paymet-img"><img src="https://www.radbag.be/media/wysiwyg/images/amazon-pay.png" alt="amazon"></span></span></p></div></div></div></div></div><div class="big-container-new mx-auto px-4 sm:px-10 lg:px-20 mt-10 sm:mt-14 pb-10 font-poppins"><div class="footer-links-bottom border-t border-borderImg pt-6"><p><a href="https://www.radbag.be/content/algemene_voorwaarden.html/">Algemene Voorwaarden</a> <a href="https://www.radbag.be/content/privacy.html/">Beveiliging en privacy</a> <a href="https://www.radbag.be/content/colofon.html/">Contact</a> <span class="copyright"> © 2026 radbag</span></p></div></div>
2656<script>
2657	
2658	(function() {
2659		var cookieName = 'items_in_wishlist';
2660
2661		if (getCookie(cookieName) !== "") {
2662			var wishlistItems = getCookie(cookieName).split(',');
2663			var pageItems = document.getElementsByClassName("list-wishlist-heart");
2664			for(var i = 0; i < pageItems.length; i++) {
2665				var pageItemId = "" + pageItems[i].attributes['data-product-id'].value;
2666				if(wishlistItems.includes(pageItemId)) {
2667					addElementClass('cookiewishlist-list-' + pageItemId, 'active-wishlist');
2668					addElementClass('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist');
2669					addElementClassMore('cookiewishlist-list-' + pageItemId, 'active-wishlist');
2670					addElementClassMore('cookiewishlist-list-' + pageItemId, 'text-hoverWishlist');
2671				}
2672			}
2673			document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length;
2674		}
2675
2676		/* Top50 */
2677		if(document.getElementById('top_categories') != undefined){
2678			var arr = document.getElementById('top_categories').value.split(", ");
2679			if(arr.includes(document.getElementById('current_category').value)){
2680				var count = 1;
2681                var limiter = 60;
2682                var p = document.getElementById("current-page").textContent;
2683                var page = 1;
2684                if (p != "") {
2685                    page = parseInt(document.getElementById("current-page").textContent);
2686                }
2687
2688                if (page == 1) {
2689                    count = 1;
2690                } else {
2691                    count = ((page - 1) * limiter) + 1;
2692                }
2693
2694				var els = document.getElementsByClassName("product-badgets-top");
2695				for(var i = 0; i < els.length; i++) {
2696					els[i].innerHTML += count;
2697					count++;
2698				}
2699			}
2700		}
2701		if(document.getElementById('category-submenu') != undefined){
2702			var scroll_elm = document.getElementById("category-submenu");
2703			if(!(scroll_elm.scrollWidth > scroll_elm.clientWidth)){
2704				document.getElementById('scroll_right').style.display = 'none';
2705				document.getElementById('scroll_left').style.display = 'none';
2706			}
2707		}
2708
2709		if(window.screen.width <= 768 ){
2710			if(document.querySelector('.account-nav') != null) {
2711				setTimeout(() => {
2712					document.querySelector('#account-nav .items .item:last-child').scrollIntoView({ behavior: 'smooth' }) 
2713				}, 200)
2714			}
2715		}
2716		
2717	})();
2718
2719		function addToCookieWishlist(id, sku, price) {
2720			var cookieName = 'items_in_wishlist';
2721			var productId = id;
2722			var productIdC = '';
2723			if (getCookie(cookieName) === "") {
2724				createCookie(cookieName, productId.toString(), 14);
2725				addElementClass('cookiewishlist-list-' + id, 'active-wishlist');
2726				addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist');
2727				addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist');
2728				addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist');
2729				document.getElementById('wishlist-header-count').innerHTML = "1";
2730									var xhttp = new XMLHttpRequest();
2731					xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true);
2732					xhttp.send();
2733					ga('send', 'event', 'wishlist', 'add', sku);
2734				 } else {
2735				var wishlistItems = getCookie(cookieName).split(',');
2736				if(wishlistItems.includes(productId.toString())) {
2737					var index = wishlistItems.indexOf(productId.toString());
2738					wishlistItems.splice(index, 1);
2739					fetch("/mywishlist/wishlist/remove?product_id=" + id, {
2740						method: 'GET',
2741					})
2742					.then(response => {          
2743						if(response.status == 200) {
2744							if(document.querySelector('body').classList.contains('wishlist-index-index')){
2745								location.reload()
2746							}
2747							createCookie(cookieName, wishlistItems.toString(), 14);
2748							removeElementClass('cookiewishlist-list-' + id, 'active-wishlist');
2749							removeElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist');
2750							removeElementClassMore('cookiewishlist-list-' + id, 'active-wishlist');
2751							removeElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist');
2752							document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length;
2753						}
2754					})
2755					.then(data => {
2756					})
2757					.catch(error => {
2758						console.log(error);
2759					});
2760					ga('send', 'event', 'wishlist', 'remove', sku);
2761				} else {
2762					wishlistItems.push(productId.toString());
2763					addElementClass('cookiewishlist-list-' + id, 'active-wishlist');
2764					addElementClass('cookiewishlist-list-' + id, 'text-hoverWishlist');
2765					addElementClassMore('cookiewishlist-list-' + id, 'active-wishlist');
2766					addElementClassMore('cookiewishlist-list-' + id, 'text-hoverWishlist');
2767											var xhttp = new XMLHttpRequest();
2768						xhttp.open("GET", "/mywishlist/wishlist/add?product_id=" + id, true);
2769						xhttp.send();
2770						createCookie(cookieName, wishlistItems.toString(), 14);
2771						document.getElementById('wishlist-header-count').innerHTML = "" + wishlistItems.length;
2772						ga('send', 'event', 'wishlist', 'add', sku);
2773					 }
2774			}
2775		}
2776		
2777		function getCookie(name) {
2778			if (document.cookie.length > 0) {
2779				c_start = document.cookie.indexOf(name + "=");
2780				if (c_start != -1) {
2781					c_start = c_start + name.length + 1;
2782					c_end = document.cookie.indexOf(";", c_start);
2783					if (c_end == -1) {
2784						c_end = document.cookie.length;
2785					}
2786					return unescape(document.cookie.substring(c_start, c_end));
2787				}
2788			}
2789			return "";
2790		}
2791		
2792		function createCookie(name, value, days) {
2793			var expires;
2794			if (days) {
2795				var date = new Date();
2796				date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
2797				expires = "; expires=" + date.toGMTString();
2798			}
2799			else {
2800				expires = "";
2801			}
2802			document.cookie = name + "=" + value + expires + "; path=/";
2803		}
2804		
2805		function removeElementClass(id, classname) {
2806			var element = document.getElementById(id);
2807			element.classList.remove(classname);
2808		}
2809		
2810		function addElementClass(id, classname) {
2811			var element = document.getElementById(id);
2812			element.classList.add(classname);
2813		}
2814		function removeElementClassMore(id, classname) {
2815			var els = document.getElementsByClassName(id);
2816            for(var i = 0; i < els.length; i++) {
2817                els[i].classList.remove(classname);
2818            }
2819		}
2820		
2821		function addElementClassMore(id, classname) {
2822			var els = document.getElementsByClassName(id);
2823            for(var i = 0; i < els.length; i++) {
2824                els[i].classList.add(classname);
2825            }
2826		}
2827
2828		function showContent(id) {
2829			if(document.getElementById(id).classList.contains('openBlock')){
2830				document.getElementById(id).classList.remove("openBlock");
2831			} else {
2832				document.getElementById(id).classList.add("openBlock");
2833			}
2834		}
2835
2836		function showReview() {
2837			var els = document.getElementsByClassName('review-item');
2838			for(var i = 0; i < els.length; i++) {
2839				els[i].classList.remove('hidden');
2840				els[i].classList.remove('hidden-mobile');
2841			}
2842			document.querySelectorAll('.opacity-item-review').forEach((e) => {
2843				e.classList.add('hidden')
2844			}); 
2845			document.querySelector('.opacity-item-review-mobile').classList.add('hidden');
2846			document.getElementById('hidde-review').classList.remove('hidden');
2847			document.getElementById('show-review').classList.add('hidden');
2848		}
2849		function hideReview() {
2850			var els = document.getElementsByClassName('review-item');
2851			for(var i = 0; i < els.length; i++) {
2852				if(screen.width < 768) {
2853					if(i > 2 && i < 6) {
2854						els[i].classList.add('hidden-mobile');
2855					} else if(i > 5) {
2856						els[i].classList.add('hidden');
2857					}
2858				} else {
2859					if(i > 5) {
2860						els[i].classList.add('hidden');
2861					}
2862				}
2863			}
2864			document.querySelectorAll('.opacity-item-review').forEach((e) => {
2865				e.classList.remove('hidden')
2866			});
2867			document.querySelector('.opacity-item-review-mobile').classList.remove('hidden');
2868			document.getElementById('hidde-review').classList.add('hidden');
2869			document.getElementById('show-review').classList.remove('hidden');
2870			document.getElementById("customer-reviews").scrollIntoView();
2871		}
2872
2873		function scrollToLeft() {
2874			if(document.getElementById('category-submenu') != undefined){
2875				var scroll_elm = document.getElementById("category-submenu");
2876				scroll_elm.scroll({
2877					top: 0, 
2878					left: scroll_elm.scrollLeft - 150, 
2879					behavior: 'smooth' 
2880				});
2881			}
2882		}
2883		function scrollToRight() {
2884			if(document.getElementById('category-submenu') != undefined){
2885				var scroll_elm = document.getElementById("category-submenu");
2886				scroll_elm.scroll({
2887					top: 0, 
2888					left: scroll_elm.scrollLeft + 150, 
2889					behavior: 'smooth' 
2890				});
2891			}
2892		}
2893		function copyText(id) {
2894			var copyText = document.getElementById(id);
2895			copyText.select();
2896			copyText.setSelectionRange(0, 99999);
2897			navigator.clipboard.writeText(copyText.value);				
2898		}</script>
2898  <div class="lg:w-1/4 md:w-1/2 w-full px-4 gap-4 flex-wrap justify-center hidden">    <div x-data="{ open: false }" class="w-full sm:w-1/2 md:w-full pr-4" ><h2 id="currency-heading" class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3 uppercase" >Valuta</h2><div class="relative inline-block text-left"><div><button @click.prevent="open = !open" @click.outside="open = false" @keydown.window.escape="open=false" type="button" class="inline-flex justify-center w-full form-select px-4 py-2 bg-white focus:outline-none" aria-haspopup="true" :aria-expanded="open" >EUR  - Euro  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="flex self-center h-5 w-5 -mr-1 ml-2" width="25" height="25" role="img">
2899  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
2900<title>chevron-down</title></svg>
2901</button></div><nav x-cloak="" x-show="open" class="absolute right-0 top-full z-20 w-full lg:w-56 py-2 mt-1 overflow-auto origin-top-left rounded-sm shadow-lg sm:w-48 lg:mt-3 bg-container-lighter" aria-labelledby="currency-heading" ><div class="my-1">  <button role="link" class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" aria-describedby="currency-heading" @click.prevent='hyva.postForm({"action":"https:\/\/www.radbag.be\/directory\/currency\/switch\/","data":{"currency":"GBP","uenc":"aHR0cHM6Ly93d3cucmFkYmFnLmJlL2NvbnRlbnQvY29udGFjdC5odG1s"}})' >GBP - Britse pond</button>      <button role="link" class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100" aria-describedby="currency-heading" @click.prevent='hyva.postForm({"action":"https:\/\/www.radbag.be\/directory\/currency\/switch\/","data":{"currency":"USD","uenc":"aHR0cHM6Ly93d3cucmFkYmFnLmJlL2NvbnRlbnQvY29udGFjdC5odG1s"}})' >USD - Amerikaanse dollar</button>  </div></nav></div></div></div> </footer><style> :root { --ink: #1F1F1F; --muted: #747474; --line: #E4E4E4; --line-2: #DBDBDB; --surface: #FFFFFF; --surf-2: #F6F6F6; --surf-3: #F5F5F5; --accent: #5359EA; --accent-d: #4348D6; --accent-ink: #3B40C4; --accent-c: #F3F3FD; --on-acc-c: #343AAE; --accent-comp: #FFD23F; --buy: #0F7E51; --buy-d: #0B6A43; --star: #F5A623; --ok: #2F9E44; --el1: 0 1px 2px rgba(23, 23, 28, .06), 0 1px 3px rgba(23, 23, 28, .05); --el2: 0 4px 14px -6px rgba(23, 23, 28, .16); --maxw: 1560px; --pad: clamp(16px, 4vw, 120px); } .add-to-cart-btn { width: 100%; border: 0; border-radius: 999px; cursor: pointer; padding: 17px; font-size: 16.5px; font-weight: 700; color: #fff; background: var(--buy); transition: background .18s; justify-content: center; text-align: center; line-height: 1.3; } .text-redColor, #old-bundle-price {color: var(--ink) !important;} .catalog-product-view .old-price .price, .catalog-product-view #old-regular-bundle-price {font-size: 13px !important;color: #1f1f1f !important;font-weight: 400 !important; } .catalog-product-view .old-price .line-through{text-decoration: none !important;} .item-detail .price-wrapper.line-through, .catalog-category-view .product-item .old-price .price-container .price, .old-price .price {font-size: 12px !important;color: #1f1f1f !important;font-weight: 400 !important;} #discout-price-label {font-size: 13.5px;font-weight: 600;color: var(--accent-ink);} .detail-price-wrapper-container{display: flex;align-items: baseline;gap: 11px;flex-wrap: wrap;} /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width : 0; height: 0; } input[type=search]::-ms-reveal { display: none; width : 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .catalog-category-view {overflow-x: hidden;} .giftbox-selection-products-open .sblock{display: none;} /* .catalogsearch-result-index .out-of-stock {display:none} .catalogsearch-result-index .item-img > img {opacity:1} */ #go-to-cart,#checkout-link-button {background: var(--buy);} .open-fullscreen .product-detail-top-info{z-index: 99} .open-fullscreen .product-infos-detail{z-index: -1;position:relative;} .open-fullscreen .mobile-designer-sticky.no-iframe {display: none !important;} .add-to-cart-button-custom {width: 100%;border: 0;border-radius: 999px;cursor: pointer;padding: 17px;font-size: 16.5px;font-weight: 700;color: #fff;background: var(--buy);transition: background .18s;text-align:center;line-height: 1.3;} .add-to-cart-button-custom-giftbox {border: 0;border-radius: 999px;cursor: pointer;padding: 0 17px;font-size: 14px;font-weight: 700;color: #fff;background: var(--buy);transition: background .18s;text-align: center;line-height: 1.3;height: 48px;display: flex;align-items: center;justify-content: center;} .btn-add-to-cart-giftset {background: var(--buy);} @media all and (max-width: 768px) { .catalog-product-view .socialmediabtn.socialmediabtn2,.catalog-product-view .list-wishlist-heart svg {width: 50px;height: 50px;max-width: 50px;} .add-to-cart-button-custom-giftbox{height: 40px;flex: 1;} .add-to-cart-button-custom-giftbox-bck{flex:1;} }</style><style type="text/css"> .giftbox-content-container div[role="radiogroup"] label.mb-0 input[checked="checked"] + div{border:3px solid #855fa0;}</style> 
2901<script>
2902    'use strict';
2903
2904    function amBrandsPopup() {
2905        let cached = false;
2906
2907        const displayError = (error) => {
2908            console.error(error);
2909            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
2910                [{
2911                    type: "error",
2912                    text: "Er\u0020ging\u0020iets\u0020mis.\u0020Probeer\u0020opnieuw."
2913                }], 10000
2914            );
2915        };
2916
2917        let letters = [
2918            "A","B","C","D",
2919            "E","F","G","H","I","J","K","L","M",
2920            "N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"
2921        ];
2922
2923        return {
2924            hoverPanelActiveId: null,
2925            selectedLetter: null,
2926            items: [],
2927            letters: [],
2928            showCount: null,
2929            showFilter: null,
2930            showImages: true,
2931            showSearch: null,
2932            loading: false,
2933            label: 'Brands',
2934            isPopupEnabled: false,
2935            isTopMenuItemEnabled: false,
2936            cache: false,
2937            isMobile: false,
2938
2939            initErrorMessages(errors) {
2940                const messages = [];
2941                for (let error in Object.keys(errors)) {
2942                    messages.push({type: 'error', text: errors[error].message});
2943                }
2944                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000);
2945            },
2946
2947            chooseLetter(letter) {
2948                this.selectedLetter = this.selectedLetter === letter ? null : letter;
2949            },
2950
2951            getQuery() {
2952                return "query BrandsPopupQuery { ambrandlist(\n                    showCount: true\n                    displayZero: true\n                  ) {\n                    all_letters,\n                    items {\n                      alt\n                      brandId\n                      cnt\n                      image\n                      img\n                      label\n                      letter\n                      url\n                    }\n                  }\n                  storeConfig {\n                    amshopby_brand_general_brands_brands_popup,\n                    amshopby_brand_general_menu_item_label,\n                    amshopby_brand_general_brands_page,\n                    amshopby_brand_general_topmenu_enabled,\n                    amshopby_brand_general_brands_popup_config {\n                      show_images,\n                      display_zero,\n                      filter_display_all,\n                      image_width,\n                      image_height,\n                      show_filter,\n                      show_count\n                    }\n                  } }"            },
2953
2954            /**
2955             * Retrieve media url for given path
2956             *
2957             * @param path
2958             * @returns {string}
2959             */
2960            getMediaUrl(path) {
2961                let stringToRemove = 'index.php/';
2962                let baseUrl = BASE_URL.replace(stringToRemove, '');
2963                return path.includes(baseUrl) ? path : baseUrl + path;
2964            },
2965
2966            checkIsMobileResolution() {
2967                this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
2968            },
2969
2970            getBrandUrl(url){
2971                return BASE_URL + url;
2972            },
2973
2974            init() {
2975                this.checkIsMobileResolution();
2976
2977                                this.$watch('hoverPanelActiveId', (value) => {
2978                    if (value === 'am-brand') {
2979                        this.sendRequest();
2980                    }
2981                });
2982                 },
2983
2984            /**
2985             * Get brands by letter
2986             *
2987             * @param result
2988             * @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}}
2989             */
2990            settingsMapper(result) {
2991                const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config;
2992                return {
2993                    showImages: config.show_images,
2994                    showCount: config.show_count,
2995                    showFilter: config.show_filter,
2996                    imageWidth: config.image_width,
2997                    imageHeight: config.image_height,
2998                    filterDisplayAll: config.filter_display_all,
2999                    displayAll: config.display_zero,
3000                    isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup,
3001                    label: result.data.storeConfig?.amshopby_brand_general_menu_item_label,
3002                    isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled,
3003                    brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page,
3004                }
3005            },
3006
3007            /**
3008             * Send request to graphql
3009             *
3010             * @returns {Promise<any>}
3011             */
3012            async sendRequest() {
3013                if (this.isMobile) {
3014                    return false;
3015                }
3016
3017                this.loading = true;
3018
3019                try {
3020                    if (cached) {
3021                        this.loading = false;
3022                        return false;
3023                    }
3024
3025                    const response = await fetch('https://www.radbag.be/graphql', {
3026                        method: 'POST',
3027                        headers: {
3028                            'Content-Type': 'application/json',
3029                            'Store': 'radbagbe'
3030                        },
3031                        credentials: 'include',
3032                        body: JSON.stringify({query: this.getQuery(), variables: {}})
3033                    });
3034                    const result = await response.json();
3035
3036                    if (result?.errors) {
3037                        this.initErrorMessages(result.errors);
3038                        return;
3039                    }
3040
3041                    const data = result.data?.ambrandlist;
3042                    const mapper = this.settingsMapper(result);
3043
3044                    
3045                    Object.keys(mapper).forEach(config => {
3046                        this[config] = mapper[config];
3047                    });
3048
3049                    if (!this.filterDisplayAll) {
3050                        letters = data.all_letters.split(',');
3051                    }
3052
3053                    const items = data.items.map(brand => {
3054                        brand.image = brand.img
3055                            ? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null);
3056                        return brand;
3057                    });
3058
3059                    this.letters = letters.map(letter => ({
3060                        letter,
3061                        brands: this.getLetterItems(items, letter),
3062                    }));
3063
3064                    this.items = this.letters.filter(row => row.brands?.length > 0);
3065
3066                    cached = true;
3067                } catch (error) {
3068                    displayError(error);
3069                } finally {
3070                    this.loading = false;
3071                }
3072            },
3073
3074            /**
3075             * Get brands by letter
3076             *
3077             * @param items
3078             * @param letter
3079             * @returns {*}
3080             */
3081            getLetterItems(items, letter) {
3082                return items.filter(row => row.letter === letter);
3083            },
3084
3085            convertHtml(text) {
3086                let textField = document.createElement("textarea");
3087                textField.innerHTML = text;
3088                return textField.value;
3089            }
3090        }
3091    }</script>
3091</div></footer>   <input type="hidden" id="disable_cookies" name="disable_cookies" value="0">
3091<script type="text/javascript" >
3092        window.stealthUrl = 'https://upsidedown.radbag.at/scripts/matomo/matomo.php';
3093        window.matomoUrl = 'https://upsidedown.radbag.at/scripts/matomo/';
3094        var _paq = window._paq = window._paq || [];
3095        (function () {
3096            
3097                        _paq.push(["setTrackerUrl", "https://upsidedown.radbag.at/scripts/matomo/matomo.php"]);
3098                         _paq.push(["setSiteId", "9"]);
3099                                if (document.prerendering) {
3100                document.addEventListener('prerenderingchange', () => {
3101                    _paq.push(['trackPageView']);
3102                }, {
3103                    once: true,
3104                });
3105            } else {
3106                _paq.push(['trackPageView']);
3107            }
3108             _paq.push(['enableLinkTracking']);
3109             })();
3110
3111        var eventNames = [
3112            "wheel",
3113            "touchstart",
3114            "mouseover",
3115            "scroll",
3116            "keydown"
3117        ];
3118        function addMultiEventListener(element, eventNames, listener) {
3119            for (var i=0, iLen=eventNames.length; i<iLen; i++) {
3120                element.addEventListener(eventNames[i], listener, true);
3121            }
3122        }
3123        function removeMultiEventListener(element, eventNames, listener) {
3124            for (var i=0, iLen=eventNames.length; i<iLen; i++) {
3125                element.removeEventListener(eventNames[i], listener, true);
3126            }
3127        }
3128        var isMatomoLoaded = false;
3129        const loadMatomoScript = () => {
3130            if (!isMatomoLoaded) {
3131                isMatomoLoaded = true;
3132                var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
3133                g.type = 'text/javascript';
3134                g.async = true;
3135                g.onload = () => {
3136                     };
3137                                                            g.src = 'https://upsidedown.radbag.at/scripts/matomo/matomo.js';
3138                      s.parentNode.insertBefore(g, s);
3139                removeMultiEventListener(window, eventNames, loadMatomoScript);
3140            } else {
3141                removeMultiEventListener(window, eventNames, loadMatomoScript);
3142            }
3143        }
3144                addMultiEventListener(window, eventNames, loadMatomoScript);
3145        </script>
3145 <noscript><p><img src="https://upsidedown.radbag.at/scripts/matomo/matomo.php?idsite= 9&amp;rec=1" style="border:0;" alt=""/></p></noscript>        
3145<script>
3146    (() => {
3147        function src_default(Alpine) {
3148            Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
3149                let evaluate = evaluateLater(expression);
3150                let options = {
3151                    rootMargin: getRootMargin(modifiers),
3152                    threshold: getThreshhold(modifiers)
3153                };
3154                let observer = new IntersectionObserver((entries) => {
3155                    entries.forEach((entry) => {
3156                        if (entry.isIntersecting === (value === "leave"))
3157                            return;
3158                        evaluate();
3159                        modifiers.includes("once") && observer.disconnect();
3160                    });
3161                }, options);
3162                observer.observe(el);
3163                cleanup(() => {
3164                    observer.disconnect();
3165                });
3166            });
3167        }
3168        function getThreshhold(modifiers) {
3169            if (modifiers.includes("full"))
3170                return 0.99;
3171            if (modifiers.includes("half"))
3172                return 0.5;
3173            if (!modifiers.includes("threshold"))
3174                return 0;
3175            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
3176            if (threshold === "100")
3177                return 1;
3178            if (threshold === "0")
3179                return 0;
3180            return Number(`.${threshold}`);
3181        }
3182        function getLengthValue(rawValue) {
3183            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
3184            return match ? match[1] + (match[2] || "px") : void 0;
3185        }
3186        function getRootMargin(modifiers) {
3187            const key = "margin";
3188            const fallback = "0px 0px 0px 0px";
3189            const index = modifiers.indexOf(key);
3190            if (index === -1)
3191                return fallback;
3192            let values = [];
3193            for (let i = 1; i < 5; i++) {
3194                values.push(getLengthValue(modifiers[index + i] || ""));
3195            }
3196            values = values.filter((v) => v !== void 0);
3197            return values.length ? values.join(" ").trim() : fallback;
3198        }
3199
3200        document.addEventListener("alpine:init", () => {
3201            window.Alpine.plugin(src_default);
3202        });
3203    })();</script>
3203   
3203<script>
3204    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","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) {
3205        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
3206    }</script>
3206  
3206<script>
3207    (function () {
3208        "use strict";
3209
3210        const hasAlpine = new Promise(resolve => {
3211            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
3212        });
3213
3214        const hasInteract = new Promise(resolve => {
3215            (events => {
3216                const onInteract = () => {
3217                    resolve();
3218                    events.forEach(type => window.removeEventListener(type, onInteract));
3219                }
3220                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
3221            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
3222        });
3223
3224        const onIntersect = (el) => {
3225            return new Promise(resolve => {
3226                const observer = new IntersectionObserver(entries => {
3227                    for (const entry of entries) {
3228                        if (entry.isIntersecting) {
3229                            observer.disconnect()
3230                            resolve();
3231                        }
3232                    }
3233                }, {});
3234                observer.observe(el);
3235            });
3236        }
3237
3238        function runComponent(el) {
3239            hasAlpine.then(() => {
3240                el.removeAttribute('x-ignore');
3241                queueMicrotask(() => Alpine.initTree(el));
3242            });
3243        }
3244
3245        function initDeferredComponents() {
3246            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
3247                el.setAttribute('x-ignore', '');
3248                const deferUntil = (el.getAttribute('x-defer') || '').trim();
3249                switch (deferUntil) {
3250                    case 'interact':
3251                        hasInteract.then(() => runComponent(el));
3252                        break;
3253                    case 'intersect':
3254                        onIntersect(el).then(() => runComponent(el))
3255                        break;
3256                    case 'idle':
3257                        window.requestIdleCallback
3258                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
3259                            : setTimeout(() => runComponent(el), 4000);
3260                        break;
3261                    case 'eager':
3262                        runComponent(el);
3263                        break;
3264                    default:
3265                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
3266                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
3267                        }
3268                }
3269            });
3270        }
3271
3272        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
3273    })()</script>
3273 
3273<script>
3274
3275(_ => {
3276    document.addEventListener('DOMContentLoaded', event => {
3277        
3278        if (!Alpine.version.startsWith('2')) {
3279            return;
3280        }
3281
3282        const teleportDirective = (el, expression) => {
3283            let target = document.querySelector(expression)
3284            let clone = el.content.cloneNode(true).firstElementChild;
3285
3286            target.appendChild(clone);
3287            setTimeout(() => {
3288                target.querySelectorAll('[x-data]')
3289                    .forEach(el => Alpine.initializeComponent(el));
3290            }, 0)
3291        };
3292
3293        document.querySelectorAll('template').forEach(el => {
3294            if (!el.hasAttribute('x-teleport')) {
3295                return;
3296            }
3297
3298            teleportDirective(el, el.getAttribute('x-teleport'));
3299        });
3300
3301        document.querySelectorAll('[x-data]').forEach(el => {
3302            if (el.hasAttribute('x-init')) {
3303                return;
3304            }
3305
3306            setTimeout(() => {
3307                Alpine.initializeComponent(el);
3308            }, 0);
3309        });
3310    });
3311})()</script>
3311 
3311<script type="module"
3312        src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/Hyva_Theme/js/alpine3.min.js"
3313        defer
3314        crossorigin
3315></script>
3315 
3315<script>
3316    'use strict';
3317    function dispatchMessages(messages, hideAfter) {
3318        const messagesEvent = new CustomEvent("messages-loaded", {
3319            detail: {
3320                messages: messages,
3321                hideAfter: hideAfter
3322            }
3323        });
3324        window.dispatchEvent(messagesEvent);
3325    }
3326
3327 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
3328        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
3329    }
3330
3331    (function( hyva, undefined ) {
3332
3333        hyva.initFormKey = () => {
3334            const inputSelector = 'input[name="form_key"]',
3335                formKey = hyva.getFormKey();
3336
3337            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
3338                input.value = formKey
3339            });
3340        }
3341
3342        hyva.initMessages = () => {
3343            try {
3344                const messages = hyva.getCookie('mage-messages');
3345                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
3346
3347                dispatchMessages(window.mageMessages);
3348
3349                 const skipSetDomain = true;
3350                hyva.setCookie('mage-messages','', -1, skipSetDomain);
3351
3352            } catch (error) {
3353                console.warn('Error parsing Cookie Messages:', error);
3354            }
3355        }
3356
3357        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
3358        hyva.alpineInitialized(hyva.initMessages)
3359
3360    }( window.hyva = window.hyva || {} ));</script>
3360 
3360<script>
3361    'use strict';
3362    {
3363        const private_content_key = 'mage-cache-storage';
3364        const private_content_expire_key = 'mage-cache-timeout';
3365        const private_content_version_key = 'private_content_version';
3366        const section_data_ids_key = 'section_data_ids';
3367        const mage_cache_session_id_key = 'mage-cache-sessid';
3368        const last_visited_store_key = 'last_visited_store';
3369
3370        const ttl = 3600;
3371
3372 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
3373            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
3374        }
3375
3376        function loadSectionData () {
3377            const browserStorage = hyva.getBrowserStorage();
3378            if (!browserStorage) {
3379                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
3380                    [{
3381                        type: "warning",
3382                        text: "Please enable LocalStorage in your browser."
3383                    }]
3384                );
3385                return;
3386            }
3387            try {
3388                let isInvalid = false;
3389
3390 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
3391                    isInvalid = true;
3392                }
3393                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
3394
3395 if (!hyva.getCookie(mage_cache_session_id_key)) {
3396                    isInvalid = true;
3397                    browserStorage.removeItem(private_content_key);
3398                    const skipSetDomain = true;
3399                    const days = false;
3400                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
3401                }
3402
3403                const cookieVersion = hyva.getCookie(private_content_version_key);
3404                const storageVersion = browserStorage.getItem(private_content_version_key);
3405
3406                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
3407                    isInvalid = true;
3408                }
3409
3410                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
3411                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
3412                    browserStorage.removeItem(private_content_key);
3413                }
3414
3415                if (isInvalid && cookieVersion) {
3416                    fetchPrivateContent([]);
3417                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
3418                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
3419                    if (
3420                        privateContent &&
3421                        privateContentExpires &&
3422                        privateContent.cart &&
3423                        privateContent.customer
3424                    ) {
3425                        dispatchPrivateContent(privateContent);
3426                    } else {
3427                        fetchPrivateContent([]);
3428                    }
3429                } else {
3430                    if (document.getElementById('default-section-data')) {
3431                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
3432                        dispatchPrivateContent(privateContent);
3433                    } else {
3434                        dispatchPrivateContent({});
3435                    }
3436                }
3437
3438            } catch (error) {
3439                console.warn('Error retrieving Private Content:', error);
3440            }
3441        }
3442
3443        hyva.alpineInitialized(loadSectionData)
3444        window.addEventListener('reload-customer-section-data', loadSectionData);
3445
3446        function dispatchPrivateContent(data) {
3447            const privateContentEvent = new CustomEvent("private-content-loaded", {
3448                detail: {
3449                    data: data
3450                }
3451            });
3452            window.dispatchEvent(privateContentEvent);
3453        }
3454
3455 function fetchPrivateContent(sections) {
3456            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
3457                method: 'GET',
3458                headers: {
3459                    'Content-Type': 'application/json',
3460                    'X-Requested-With': 'XMLHttpRequest'
3461                }
3462            })
3463                .then(response => response.json())
3464                .then(
3465                    data => {
3466                        if (data) {
3467                            try {
3468                                const browserStorage = hyva.getBrowserStorage();
3469
3470                                
3471                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
3472
3473 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
3474                                    delete oldSectionData['checkout-data'];
3475                                }
3476                                const newSectionData = Object.assign(oldSectionData, data);
3477
3478                                dispatchPrivateContent(newSectionData);
3479
3480                                
3481                                if (newSectionData.messages && newSectionData.messages.messages ) {
3482                                    newSectionData.messages.messages = [];
3483                                }
3484
3485                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
3486
3487                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
3488                                browserStorage.setItem(private_content_expire_key, expiresAt);
3489
3490                                const newCookieVersion = hyva.getCookie(private_content_version_key);
3491                                browserStorage.setItem(private_content_version_key, newCookieVersion);
3492
3493                                
3494                                
3495                                hyva.setCookie(
3496                                    section_data_ids_key,
3497                                    JSON.stringify(
3498                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
3499                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
3500                                            return sectionDataIds;
3501                                        }, {})
3502                                    ),
3503                                    false,
3504                                    true
3505                                );
3506                            } catch (error) {
3507                                console.warn("Couldn't store privateContent", error);
3508                            }
3509                        }
3510                    }
3511                );
3512        }
3513    }</script>
3513<script>
3514    (() => {
3515 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
3516    })()</script>
3516 
3516<script>
3517    (events => {
3518        const dispatchUserInteractionEvent = () => {
3519            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
3520            window.dispatchEvent(new Event('init-external-scripts'))
3521        };
3522        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
3523    })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])</script>
3523  
3523<script>
3524	var g3dSelectedId = 0;
3525	
3526    function initConfigurableOptions(productId, optionConfig) {
3527        return {
3528            optionConfig,
3529            productId,
3530            itemId: '0',
3531            allowedAttributeOptions: [],
3532            selectedValues: [],
3533            selectedItemDiscount: null,
3534            init() {
3535                this.findAllowedAttributeOptions();
3536                this.$nextTick(() => {
3537                    if (typeof this.optionConfig.defaultValues === 'object') {
3538                        for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
3539                            this.changeOption(optionId, value + '');
3540                        }
3541                    }
3542                });
3543            },
3544            findSimpleIndex () {
3545                var productIndexes = this.optionConfig.index;
3546                var $this = this;
3547                this.productIndex = Object.keys(productIndexes).find(productIndex => {
3548                    var currentProductIndex = productIndexes[productIndex];
3549
3550                    for (var productOption in currentProductIndex) {
3551                        if (
3552                            $this.selectedValues[productOption] &&
3553                            $this.selectedValues[productOption] !== currentProductIndex[productOption]
3554                        ) {
3555                            return false;
3556                        }
3557                    }
3558                    return productIndex;
3559                });
3560            },
3561            productIndex: 0,
3562            findAllowedAttributeOptions() {
3563                var allAttributes = this.optionConfig.attributes;
3564                
3565                var optionStock = this.optionConfig.optionStock;
3566                
3567                var allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
3568                    return a.position - b.position
3569                });
3570
3571                allAttributesSorted.forEach(attribute => {
3572                    attribute.options.forEach(option => {
3573                        option.products.find(product => {
3574                            option.stock_status = optionStock[product].stockStatus;
3575                        })
3576                    })
3577                });
3578
3579                
3580
3581                var previousOption = false;
3582                var productIndexes = this.optionConfig.index;
3583                var availableIndexes = Object.keys(productIndexes);
3584
3585                var newAllowedAttributeOptions = [];
3586
3587                allAttributesSorted.forEach(attribute => {
3588                    if (previousOption && this.selectedValues[previousOption]) {
3589                        availableIndexes = availableIndexes.filter(availableIndex => {
3590                            return productIndexes[availableIndex][previousOption] ===
3591                                this.selectedValues[previousOption]
3592                        })
3593                    }
3594                    newAllowedAttributeOptions[attribute.id] =
3595                        allAttributes[attribute.id].options.filter(option => {
3596                            return !!option.products.find(product => {
3597                                return availableIndexes.includes(product);
3598                            })
3599                        });
3600                    previousOption = attribute.id;
3601                    
3602                    newAllowedAttributeOptions[attribute.id].sort(function (a, b) {
3603                        return b.stock_status - a.stock_status;
3604                    });
3605                });
3606                this.allowedAttributeOptions = newAllowedAttributeOptions;
3607                
3608            },
3609            getAllowedAttributeOptions(attributeId) {
3610                return this.allowedAttributeOptions[attributeId] || []
3611            },
3612            changeOption(optionId, value) {
3613                this.selectedValues[optionId] = value;
3614                this.findSimpleIndex();
3615                this.findAllowedAttributeOptions();
3616                this.updatePrices();
3617                this.updateGallery();
3618                window.dispatchEvent(
3619                    new CustomEvent(
3620                        'configurable-selection-changed',
3621                        {
3622                            detail: {
3623                                productId: this.productId,
3624                                optionId: this.optionId,
3625                                value: this.value,
3626                                productIndex: this.productIndex,
3627                                selectedValues: this.selectedValues
3628                            }
3629                        }
3630                    )
3631                );
3632                
3633                var qty = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qty"));
3634                var qtyMin = parseInt(document.getElementById("child-item-"+this.productIndex).getAttribute("data-qtymin"));
3635                var next_status = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status");
3636                var next_status_text = document.getElementById("child-item-"+this.productIndex).getAttribute("data-status-text");
3637                var g3durl = document.getElementById("child-item-"+this.productIndex).getAttribute("data-g3durl");
3638				
3639                if(qty <= 0 && next_status == 583) {
3640                    document.getElementById('stock-alert-form').style.display='block';
3641                    if(document.getElementById('product-addtocart-button') != null) {
3642                        document.getElementById('product-addtocart-button').style.display='flex';
3643                        document.getElementById('out-of-stock-sharebtns').classList.add('hidden');
3644                        document.getElementById('on-stock-sharebtns').classList.remove('hidden');
3645                    }
3646                    document.getElementById('product_id').value = document.getElementById("child-item-"+this.productIndex).getAttribute("data-id");
3647                } else if(qty <= 0 && (next_status == 588 || next_status == 584)) {
3648                    document.getElementById('stock-alert-form').style.display='none';
3649                    if(document.getElementById('product-addtocart-button') != null) {
3650                        document.getElementById('product-addtocart-button').style.display='none';
3651                        document.getElementById('out-of-stock-sharebtns').classList.remove('hidden');
3652                        document.getElementById('on-stock-sharebtns').classList.add('hidden');
3653                    }
3654                } else {
3655                    document.getElementById('stock-alert-form').style.display='none';
3656                    document.getElementById('out-of-stock-sharebtns').classList.add('hidden');
3657                    document.getElementById('on-stock-sharebtns').classList.remove('hidden');
3658					
3659					if(g3durl != '') {
3660						document.getElementById('product-g3dconfigure-button').style.display='block';
3661						document.getElementById('product-addtocart-button').style.display='none';
3662						g3dSelectedId = this.productIndex;
3663					} else {
3664						document.getElementById('product-g3dconfigure-button').style.display='none';
3665						document.getElementById('product-addtocart-button').style.display='flex';
3666					}
3667                
3668				}
3669                
3670				var stockInfo = document.getElementsByClassName('availability-info-text');
3671                for(var i = 0; i < stockInfo.length; i++) {
3672                    var thisStockInfo = stockInfo[i];  
3673                    prevElStock = document.getElementsByClassName('availability-info-dot')[i];
3674                    if(qty <= 0 && next_status == 583) {
3675                        if(prevElStock){
3676                            prevElStock.classList.remove("bg-greenColor-lighter");
3677                            prevElStock.classList.add("bg-yellowStars");
3678                            prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item');
3679                        }
3680                        thisStockInfo.innerHTML = next_status_text;
3681                    } else if(qty <= 0 && (next_status == 588 || next_status == 584)) {
3682                        if(prevElStock){
3683                            prevElStock.classList.remove("bg-greenColor-lighter");
3684                            prevElStock.classList.add("bg-yellowStars");
3685                            prevElStock.parentElement.parentElement.parentElement.parentElement.classList.add('outofstock-item');
3686                        }
3687                        thisStockInfo.innerHTML = next_status_text;
3688                    } else {
3689                        if(qty > 0) {
3690                            thisStockInfo.innerHTML = 'Op voorraad';
3691                            if(prevElStock){
3692                                prevElStock.classList.add("bg-greenColor-lighter");
3693                                prevElStock.classList.remove("bg-yellowStars");
3694                                prevElStock.parentElement.parentElement.parentElement.parentElement.classList.remove('outofstock-item');
3695                            }
3696                        }
3697                    }
3698                };
3699
3700                if(document.querySelector("#item-discount-info-"+this.productIndex) != null) {
3701                    if(this.selectedItemDiscount != null) {
3702                        this.selectedItemDiscount.classList.add("hidden");
3703                    }
3704                    this.selectedItemDiscount = document.getElementById("item-discount-info-"+this.productIndex);
3705                    document.getElementById("item-discount-info-"+this.productIndex).classList.remove("hidden");
3706                }
3707                
3708                if(document.getElementById("config-qty-show") != null) {
3709                    document.querySelectorAll("#config-qty-show")[0].innerHTML = '';
3710                    document.querySelectorAll("#config-qty-show")[1].innerHTML = '';
3711                    if(qty > 0 && (qty - qtyMin) > 0) {
3712                        
3713                        
3714                        
3715                        
3716                        if((qty - qtyMin) < 10) {
3717                            document.querySelectorAll("#config-qty-show")[0].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Minder dan <span class="bold-qty">'+(10)+'</span> op voorraad</div>';
3718                            document.querySelectorAll("#config-qty-show")[1].innerHTML = '<div class="flex items-center stock-item-info"><span class="availability-info-dot w-2 h-2 block rounded-full bg-yellowStars mr-5px"></span>Minder dan <span class="bold-qty">'+(10)+'</span> op voorraad</div>';
3719                        }
3720                        document.querySelectorAll('.availability-info-text')[1].classList.add("hidden");
3721                        document.querySelectorAll('.availability-info-text')[0].classList.add("hidden");
3722                        
3723                        
3724                        document.getElementById("estimation-block-container-wrapper").classList.remove("hidden");
3725                        document.getElementById("estimation-block-container-wrapper").classList.add("block");
3726                        document.querySelectorAll("#config-qty-show")[0].classList.add("text-primary");
3727                        document.querySelectorAll("#config-qty-show")[1].classList.add("text-primary");
3728                        document.querySelectorAll("#config-qty-show")[0].classList.remove("text-yellowStars");
3729                        document.querySelectorAll("#config-qty-show")[1].classList.remove("text-yellowStars");
3730                    } else {
3731                        
3732                        
3733                        document.getElementById("estimation-block-container-wrapper").classList.add("hidden");
3734                        document.getElementById("estimation-block-container-wrapper").classList.remove("block");
3735                        document.querySelectorAll("#config-qty-show")[0].innerHTML = "";
3736                        document.querySelectorAll("#config-qty-show")[1].innerHTML = "";
3737                        document.querySelectorAll('.availability-info-text')[1].classList.remove("hidden");
3738                        document.querySelectorAll('.availability-info-text')[0].classList.remove("hidden");
3739                        
3740                        
3741                    }
3742                }
3743            },
3744            calculateIsMinimalPrice(){
3745                return (
3746                    this.selectedValues.filter(value => !!value).length <
3747                        Object.keys(this.optionConfig.attributes).length
3748                );
3749            },
3750            updatePrices() {
3751                var value = this.productIndex ?
3752                    this.optionConfig.optionPrices[this.productIndex] :
3753                    this.optionConfig.prices;
3754                window.dispatchEvent(
3755                    new CustomEvent(
3756                        "update-prices-" + this.productId,
3757                        {
3758                            detail: Object.assign(
3759                                value,
3760                                { isMinimalPrice: this.calculateIsMinimalPrice() }
3761                            )
3762                        }
3763                    )
3764                );
3765            },
3766            updateGallery () {
3767                var value = this.productIndex ?
3768                    this.optionConfig.images[this.productIndex] :
3769                    Object.values(this.optionConfig.images)[0];
3770
3771                value && window.dispatchEvent(
3772                    new CustomEvent(
3773                        "update-gallery",
3774                        { detail: value }
3775                    )
3776                );
3777            },
3778            onGetCartData(data) {
3779                this.preselectCartItems(data);
3780                this.preselectQuerystringItems();
3781                this.preselectLocationHashItems();
3782            },
3783            preselectCartItems(data) {
3784                
3785                var cart = data && data.cart;
3786                if (cart && cart.items) {
3787                    var cartItem = cart.items.find((item) => {
3788                        return (
3789                            item.item_id === this.itemId
3790                            && item.product_id === this.productId
3791                        )
3792                    });
3793                    if (cartItem && cartItem.options && cartItem.options.length) {
3794                        cartItem.options.map(option => {
3795                            this.changeOption(option.option_id, option.option_value);
3796                        })
3797                    }
3798                }
3799            },
3800            preselectQuerystringItems() {
3801                
3802                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
3803                Object.values(this.optionConfig.attributes).map(attribute => {
3804                    urlQueryParams.get(attribute.code) &&
3805                    this.changeOption(attribute.id, urlQueryParams.get(attribute.code));
3806                });
3807            },
3808            preselectLocationHashItems() {
3809                
3810                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
3811                Object.values(this.optionConfig.attributes).map(attribute => {
3812                    urlHashParams.get(attribute.id) &&
3813                    this.changeOption(attribute.id, urlHashParams.get(attribute.id));
3814                });
3815            }
3816        }
3817    }</script>
3817 
3817<script>
3818    function initSwatchOptions(swatchConfig) {
3819        return {
3820            isOpen:false,
3821            isSelect:false,
3822            swatchConfig,
3823            getAttributeSwatchData(attributeId) {
3824                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
3825                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
3826
3827                return swatchConfig;
3828            },
3829            showStockAlert(attributeId, itemId, itemStock) {
3830                if(itemStock == 0){
3831                    var next_status = document.querySelector('[data-variant-id="'+itemId+'"]').getAttribute('data-status'); 
3832                    if(!(next_status == 588 || next_status == 584)){
3833                        const config = this.getSwatchConfig(attributeId, itemId);
3834                        document.querySelector('#outofstock-item').innerText = config.value || config.label;
3835                        document.querySelector('.config-stock-alert-info').classList.remove('hidden');
3836                        document.querySelector('#product-addtocart-button').style.pointerEvents = "none";
3837                        document.querySelector('#buy-now-btn').classList.add('hidden');
3838                    } else {
3839                        document.querySelector('.config-stock-alert-info').classList.add('hidden');
3840                        document.querySelector('#product-addtocart-button').style.pointerEvents = "none";
3841                        document.querySelector('#buy-now-btn').classList.remove('hidden');
3842                    }
3843                } else {
3844                    document.querySelector('.config-stock-alert-info').classList.add('hidden');
3845                    document.querySelector('#product-addtocart-button').style.pointerEvents = "inherit";
3846                    document.querySelector('#buy-now-btn').classList.remove('hidden');
3847                }
3848            },
3849            getSwatchType(typeNumber) {
3850                switch (typeNumber) {
3851                    case "1":
3852                        return "color"
3853                    case "2":
3854                        return "image"
3855                    case "3":
3856                        return "empty"
3857                    case "0":
3858                    default:
3859                        return "text"
3860                }
3861            },
3862            isTextSwatch(attributeId, itemId) {
3863                const config = this.getSwatchConfig(attributeId, itemId);
3864                const typeId = config.type.toString();
3865                const type = this.getSwatchType(typeId);
3866
3867                return type === 'text';
3868            },
3869            isVisualSwatch(attributeId, itemId) {
3870                const config = this.getSwatchConfig(attributeId, itemId);
3871                const typeId = config.type.toString();
3872                const type = this.getSwatchType(typeId);
3873
3874                return ['image', 'color'].includes(type);
3875            },
3876            getSwatchBackgroundStyle(attributeId, itemId) {
3877                const config = this.getSwatchConfig(attributeId, itemId);
3878                const typeId = config.type.toString();
3879                const type = this.getSwatchType(typeId);
3880
3881                if (type === "color") {
3882                        return 'background-color:' + config.value;
3883                } else if (type === "image") {
3884                        return "background: #ffffff url('" + config.value + "') no-repeat center";
3885                } else {
3886                    return '';
3887                }
3888            },
3889            getSwatchText(attributeId, itemId){
3890                const config = this.getSwatchConfig(attributeId, itemId);
3891                return config.value || config.label;
3892            },
3893            getSwatchName(attributeId, itemId){
3894                const config = this.getSwatchConfig(attributeId, itemId);
3895                return config.name || '';
3896            },
3897            getSwatchConfig(attributeId, itemId) {
3898                return this.swatchConfig[attributeId] ? this.swatchConfig[attributeId][itemId] : false;
3899            },
3900            activeTooltipItem: false,
3901            tooltipPositionElement: false,
3902            getTooltipImageStyle(attributeId, itemId) {
3903                const config = this.getSwatchConfig(attributeId, itemId);
3904                const typeId = config.type.toString();
3905                const type = this.getSwatchType(typeId);
3906
3907                if (type === "color") {
3908                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
3909                } else if (type === "image") {
3910                    return "background: #ffffff url('" + config.thumb +
3911                        "') center center no-repeat; width: 110px; height: 90px;";
3912                } else {
3913                    return 'display:none';
3914                }
3915            },
3916            getTooltipPosition() {
3917                return this.tooltipPositionElement ?
3918                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
3919                    `left: ${
3920                        this.tooltipPositionElement.offsetLeft - (
3921                            this.tooltipPositionElement.closest('.snap') &&
3922                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
3923                            0
3924                        )
3925                    }px;` : ''
3926            },
3927            closeDropdown() {
3928                if(screen.width <= 768) {
3929                    this.isOpen = false
3930                }
3931            }
3932        }
3933    }</script>
3933 
3933<script>
3934    'use strict';
3935
3936    const grecaptchaV2LoadCallbacks = [];
3937
3938    function executeRecaptchaLoadCallbacks () {
3939        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
3940            const callback = grecaptchaV2LoadCallbacks.pop();
3941            typeof callback === 'string' ? window[callback]() : callback();
3942        }
3943    }
3944
3945    (function() {
3946        const loadRecaptchaScript = (event) => {
3947
3948            if (window.grecaptcha || !event.target.form) {
3949                return;
3950            }
3951
3952            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
3953            const siteKey = '6Le67p4kAAAAAA75JZ2PqyAmJx971ImEEeeCx2iQ';
3954            const script = document.createElement('script');
3955            script.type = 'text/javascript';
3956            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
3957            script.async = true;
3958            document.head.appendChild(script);
3959
3960            script.addEventListener('load', () => {
3961                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
3962            });
3963        }
3964
3965        window.forceLoadRecaptchaScript = (form) => {
3966            loadRecaptchaScript({target: {form: form || 'dummy'}});
3967            executeRecaptchaLoadCallbacks();
3968        };
3969
3970        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
3971        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });
3972
3973    }());</script>
3973 <!-- Wrapping template -->
3973<script type="text/template" id="instant_wrapper_template">
3974    {{#findAutocomplete}}
3975        <div id="algolia-autocomplete-container"></div>
3976    {{/findAutocomplete}}
3977
3978    <div id="algolia_instant_selector"
3979         class="w-full h-full ">
3980        <div class="flex flex-col">
3981            <div class="w-full" id="algolia-left-container">
3982                <div class="md:px-4 md:px-0 border-none flex justify-start md:justify-between">
3983                    <div class="hidden py-4">
3984                        <div class="flex items-center justify-between" x-data="{open:false}">
3985                            <span class="text-primary text-md text-xl md:text-2xl font-semibold uppercase">
3986                            Shop by</span>
3987                            <div class="relative w-8 h-8 bg-container-lighter rounded border border-container-darker cursor-pointer" @click="open = !open">
3988                                <div class="absolute z-20 w-8 h-8 text-transparent" id="refine-toggle"></div>
3989                                <span class="absolute z-10 py-1 px-1">
3990                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="transition-transform transform duration-300 ease-in-out" :class="open ? 'rotate-180' : ''">
3991                                    <path d="M19 9L12 16L5 9" stroke="#4A5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span></div></div></div>
3992                    <div class="flex gap-6 font-poppins text-categoriesSearch items-center">
3993                    <div class="flex md:hidden items-center gap-8 toolbar-products-count">
3994                                <div id="sorter_icon_toolbar" class="flex items-center md:hidden">
3995                                    <span class="bg-labelbg rounded-lg p-1 flex gap-1">
3996                                        <span onclick="document.getElementById('instant-search-results-container').classList.remove('list-style')" id="grid-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center">
3997                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
3998                                                <path d="M3.33398 6.66683H4.66732C6.00065 6.66683 6.66732 6.00016 6.66732 4.66683V3.3335C6.66732 2.00016 6.00065 1.3335 4.66732 1.3335H3.33398C2.00065 1.3335 1.33398 2.00016 1.33398 3.3335V4.66683C1.33398 6.00016 2.00065 6.66683 3.33398 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
3999                                                <path d="M11.334 6.66683H12.6673C14.0007 6.66683 14.6673 6.00016 14.6673 4.66683V3.3335C14.6673 2.00016 14.0007 1.3335 12.6673 1.3335H11.334C10.0007 1.3335 9.33398 2.00016 9.33398 3.3335V4.66683C9.33398 6.00016 10.0007 6.66683 11.334 6.66683Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4000                                                <path d="M11.334 14.6668H12.6673C14.0007 14.6668 14.6673 14.0002 14.6673 12.6668V11.3335C14.6673 10.0002 14.0007 9.3335 12.6673 9.3335H11.334C10.0007 9.3335 9.33398 10.0002 9.33398 11.3335V12.6668C9.33398 14.0002 10.0007 14.6668 11.334 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4001                                                <path d="M3.33398 14.6668H4.66732C6.00065 14.6668 6.66732 14.0002 6.66732 12.6668V11.3335C6.66732 10.0002 6.00065 9.3335 4.66732 9.3335H3.33398C2.00065 9.3335 1.33398 10.0002 1.33398 11.3335V12.6668C1.33398 14.0002 2.00065 14.6668 3.33398 14.6668Z" stroke="#1F1F1F" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
4002                                        <span onclick="document.getElementById('instant-search-results-container').classList.add('list-style')" id="list-view-icon" class="w-7 h-7 bg-white rounded-lg flex justify-center items-center">
4003                                            <svg width="16" height="16" viewB
4003ox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4004                                                <path d="M6.00065 14.6668H10.0007C13.334 14.6668 14.6673 13.3335 14.6673 10.0002V6.00016C14.6673 2.66683 13.334 1.3335 10.0007 1.3335H6.00065C2.66732 1.3335 1.33398 2.66683 1.33398 6.00016V10.0002C1.33398 13.3335 2.66732 14.6668 6.00065 14.6668Z" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4005                                                <path d="M6.66602 1.3335V14.6668" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4006                                                <path d="M6.66602 5.6665H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4007                                                <path d="M6.66602 10.3335H14.666" stroke="#747474" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></span>
4008                                    <span class="items-center mr-2 hidden">Aanzicht</span>
4009                                    <svg class="hidden lg:block" id="filter-btn-icon" width="14" height="14" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4010                                        <path d="M16.5 4.87399L9.35333 12.02C9.25967 12.1138 9.13255 12.1665 9 12.1665C8.86745 12.1665 8.74033 12.1138 8.64667 12.02L1.5 4.87399" stroke="#302F2E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div>
4011                        <div class="gap-2 text-sm h-10 items-center hidden md:flex">
4012                            <img src="https://www.radbag.be/static/version1789468298/frontend/Radbag/hyva/nl_NL/images/grid.svg" alt="Filter" width="16" height="16" />
4013                            Filter:</div>
4014                        <span id="filter-btn-toolbar" class="flex md:hidden items-center cursor-pointer py-10px px-2 md:px-4 gap-5px">
4015                            <span>
4016                                <svg width="20" height="20" class="w-4 md:w-5" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
4017                                    <path d="M4.50065 1.75H15.5007C16.4173 1.75 17.1673 2.5 17.1673 3.41667V5.25C17.1673 5.91667 16.7507 6.75 16.334 7.16667L12.7507 10.3333C12.2507 10.75 11.9173 11.5833 11.9173 12.25V15.8333C11.9173 16.3333 11.584 17 11.1673 17.25L10.0007 18C8.91732 18.6667 7.41732 17.9167 7.41732 16.5833V12.1667C7.41732 11.5833 7.08398 10.8333 6.75065 10.4167L3.58398 7.08333C3.16732 6.66667 2.83398 5.91667 2.83398 5.41667V3.5C2.83398 2.5 3.58398 1.75 4.50065 1.75Z" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
4018                                    <path d="M9.10833 1.75L5 8.33333" stroke="#747474" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
4019                            <span class="items-center flex mr-2 text-labeltext font-medium text-xs md:text-sm">
4020                                Filter                                <span id="show-count-active-filter" class="hidden">(<span id="count-active-filter-number"></span>)</span></span>
4021                            <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
4022                                <path d="M9.95906 4.4751L6.69906 7.7351C6.31406 8.1201 5.68406 8.1201 5.29906 7.7351L2.03906 4.4751" stroke="#AAAAAA" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
4023                        <div class="flex pt-3 md:pt-0" id="instant-search-facets-container">
4024                            <div class="flex md:hidden justify-between items-center relative pt-38px md:pt-0 xl:pt-6 border-b border-borderImg pb-4 md:pb-6 px-4 md:px-0">
4025                                <span onclick="closeFilter()" class="bg-grayStars rounded-full w-8 h-5px absolute top-2 left-0 right-0 mx-auto md:hidden block"></span>
4026                                <span class="text-blackfont font-semibold md:text-2xl text-lg leading-26px w-full flex items-center justify-between">
4027                                    Filter                                    <sp
4027an onclick="window.location.href = window.location.origin + window.location.pathname" class="text-saleColor font-medium text-xs block underline cursor-pointer">Reset</span></span>
4028                                <span onclick="closeFilter()" id="filter-open-close" class="block md:hidden absolute right-0 top-0">
4029                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4030                                        <path d="M18 6L6 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4031                                        <path d="M6 6L18 18" stroke="#747474" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></div>
4032                            <div class="hidden">
4033                                <span class="text-base md:text-lg font-semibold hidden">
4034                                    Active filtering</span>
4035                                <div class="order-2" id="clear-refinements"></div>
4036                                <div id="current-refinements"></div></div></div></div>
4037                    <div class="flex-1 md:flex-none">
4038                        <div class="flex w-full justify-between flex-wrap pr-2.5 py-1.5 ml-2 md:ml-0 relative">
4039                            <div class="pull-right basis-full flex justify-end items-center text-gray-400 text-sm leading-8 tracking-wider">
4040                                <div class="hidden">SORT BY &nbsp;</div>
4041                                <div id="algolia-sorts"></div></div>
4042
4043                            <div class="basis-full flex items-center" id="algolia-stats"></div></div></div></div></div>
4044
4045            <div class="w-full md:pl-6 md:pr-2 lg:pr-0 xl:pl-2.5" id="algolia-right-container">
4046                <div class="hidden">
4047                    <div class="pb-3.5">
4048                        <div class="px-2.5">
4049                            {{#second_bar}}
4050                               <div id="instant-search-bar"></div>
4051                            {{/second_bar}}</div></div></div>
4052                <div>
4053                    <div>
4054                        <div itemscope itemtype="http://schema.org/ItemList">
4055                            <div class="pl-2.5"></div>
4056                            <div id="algolia-banner"></div>
4057                            <div id="instant-empty-results-container"></div>
4058                            <div class="py-10 md:py-6" id="instant-search-results-container"></div></div></div></div>
4059                <div>
4060                    <div id="instant-search-pagination-container"></div></div></div></div></div></script>
4060<script>
4061    var checkExist = setInterval(function () {
4062        if(document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').length){
4063            document.querySelectorAll('#instant-search-facets-container .ais-Panel-header').forEach((item) => { 
4064                item.addEventListener("click", function(){ 
4065                    let selectedItem = item.nextSibling;
4066                    if(item.nextSibling.style.display == "block") {
4067                        item.nextSibling.style.display = "none";
4068                    } else {
4069                        document.querySelectorAll('#instant-search-facets-container .ais-Panel-body').forEach((item) => { 
4070                            item.style.display = "none";
4071                        });
4072                        item.nextSibling.style.display = "block";
4073                    }
4074                }) 
4075            });
4076
4077            document.querySelectorAll('#filter-btn-toolbar').forEach((item) => { 
4078                item.addEventListener("click", function(){ 
4079                    document.querySelector('#instant-search-facets-container').style.bottom = '0px';
4080                }) 
4081            });
4082                    
4083                clearInterval(checkExist);
4084            }
4085    });
4086
4087    function closeFilter() {
4088        document.querySelector('#instant-search-facets-container').style.bottom = '-100vh';
4089    }</script>
4089 
4089<script type="text/template" id="instant-hit-template">
4090    <div class="relative text-primary product-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
4091        <meta itemprop="position" content="{{__position}}" />
4092        <div class="flex-grow" itemprop="item" itemscope itemtype="http://schema.org/Product">
4093            <meta itemprop="url"
4094                {{^__queryID}} content="{{url}}" {{/__queryID}}
4095                {{#__queryID}} content="{{urlForInsights}}" {{/__queryID}}
4096                />
4097            <a class="h-full result"
4098                {{^__queryID}} href="{{url}}" {{/__queryID}}
4099                {{#__queryID}} href="{{urlForInsights}}" {{/__queryID}}
4100                data-objectid="{{objectID}}"
4101                data-indexname="{{__indexName}}"
4102                data-position="{{__position}}"
4103                data-queryid="{{__queryID}}">
4104                <div class="">
4105                    <div class="item-img flex-1 w-auto mb-2.5 relative">
4106                        {{#is_in_stock}}
4107                            <span class="absolute top-0 left-0 w-full h-full flex justify-center items-center text-xs stock-info text-center out-of-stock" style="">{{nextstatus}}</span>
4108                        {{/is_in_stock}}
4109                        {{#image_url}}
4110                            {{#is_in_stock}}
4111                            <img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px opacity-30" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" />
4112                            {{/is_in_stock}}
4113                            {{^is_in_stock}}
4114                            <img class="mx-auto rounded-8px object-cover w-full 2xl:h-356px md:h-254px xl:h-80 sm:h-356px h-200px" itemprop="image" src="{{{image_url}}}" alt="{{{name}}}" />
4115                            {{/is_in_stock}}
4116                        {{/image_url}}
4117                        {{^image_url}}<span class="no-image"></span>{{/image_url}}</div>
4118                    <div class="item-detail flex-1 product-info flex flex-col flex-grow ml-0">
4119                        <h3 itemprop="name" class="item-name text-blackfont font-semibold text-sm md:text-base overflow-hidden text-left h-10 md:h-6 m-0">
4120                            <span class="product-item-link md:block truncate-two-lines md:truncate w-full">{{{ name }}}</span></h3>
4121                        <div>
4122                            <div>
4123                                <div>
4124                                    <div class="hidden">
4125                                        <span ><span>Evaluatie:</span></span>
4126                                        <div title="{{rating_summary}}%">
4127                                            <span style="width:{{rating_summary}}%">
4128                                                <span>{{rating_summary}}%</span></span></div></div></div>
4129                                {{^price.EUR.default_max}}
4130                                <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="price">
4131                                    <meta itemprop="price" content="{{price.EUR.default}}" />
4132                                {{/price.EUR.default_max}}
4133                                {{#price.EUR.default_max}}
4134                                <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer" class="price">
4135                                    <meta itemprop="lowPrice" content="{{price.EUR.default}}" />
4136                                    <meta itemprop="highPrice" content="{{price.EUR.default_max}}" />
4137                                    {{/price.EUR.default_max}}
4138                                    <meta itemprop="priceCurrency" content="EUR" />
4139                                    <div>
4140                                        <div class="item-price text-blackfont text-lg leading-6 font-bold pt-1 flex items-baseline gap-2">
4141                                            {{#is_giftbox}}
4142                                                <div class="text-lg font-bold">
4143                                                {{slider_price}}</div>
4144                                            {{/is_giftbox}}
4145                                            {{^is_giftbox}}
4146                                                {{#price.EUR.default_original_formated}}
4147                                                <span class="text-base font-medium text-labeltext line-through"> {{price.EUR.default_original_formated}}</span>
4148                                                {{/price.EUR.default_original_formated}}
4149                                                {{#type_is_bundle}}
4150                                                    <span class="text-sm hidden">van</span>
4151                                                {{/type_is_bundle}}
4152                                                <div class="text-lg font-bold">
4153                                                    <!-- {{price.EUR.default_formated}} -->
4154                                                    {{slider_price}}</div>
4155                                            {{/is_giftbox}}
4156                                            
4157                                            {{#price.EUR.default_tier_formated}}
4158                                                <span>
4159                                                    van                                                    <span>{{price.EUR.default_tier_formated}}</span></span>
4160                                            {{/price.EUR.default_tier_formated}}</div></div></div></div></div>
4161                        <div>{{{ _highlightResult.description.value }}}</div>
4162                        {{#isAddToCartEnabled}}
4163                        <div class="mt-auto pt-3 flex flex-wrap justify-center items-center">
4164                            <form class="flex-grow" data-role="tocart-form" action="{{ addToCart.action }}" method="post">
4165                                <input type="hidden" name="product" value="{{objectID}}">
4166                                <input type="hidden" name="uenc" value="{{ addToCart.uenc }}">
4167                                <input name="form_key" type="hidden" value="{{ addToCart.formKey }}">
4168                                <button 
4169                                    type="submit" title="In winkelwagentje"
4170                                    class="w-auto btn btn-primary justify-center text-sm mr-auto"
4171                                    data-objectid="{{objectID}}"
4172                                    data-indexname="{{__indexName}}"
4173                                    data-position="{{__position}}"
4174                                    data-queryid="{{__queryID}}"
4175                                >
4176                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" role="img">
4177  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
4178<title>shopping-cart</title></svg>
4179                                    <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">In winkelwagentje</span></button></form>
4180                            <button 
4181                                x-data="initWishlist()" 
4182                                @click.prevent="addToWishlist({{objectID}})" 
4183                                class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2"
4184                            >
4185                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" role="img">
4186  <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"/>
4187<title>heart</title></svg>
4188</button>
4189                            <button 
4190                                x-data="initCompareOnProductList()" 
4191                                @click.prevent="addToCompare({{objectID}})"
4192                                class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex flex-shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"
4193                            >
4194                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" role="img">
4195  <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
4196<title>scale</title></svg>
4197</button></div>
4198                        {{/isAddToCartEnabled}}</div></div></a></div></div></script>
4198<script type="text/template" id="instant-stats-template">
4199    <div class="py-2">
4200        {{#hasOneResult}}<strong>1</strong>
4201        <span class="text-labeltext font-medium text-xs mr-2">
4202        product</span>
4203        {{/hasOneResult}}
4204        {{#hasManyResults}}
4205        <span class="toolbar-number text-xs font-semibold text-blackfont" itemprop="numberOfItems">{{nbHits}}</span>
4206        <span class="text-labeltext font-medium text-xs mr-2">
4207            producten</span>
4208        {{/hasManyResults}}
4209        {{#hasNoResults}}
4210        <span class="text-labeltext font-medium text-xs mr-2">
4211        Uw zoekopdracht heeft geen resultaten opgeleverd.</span>
4212        {{/hasNoResults}}</div></script>
4212<script type="text/template" id="refinements-lists-item-template">
4213    <label class="{{cssClasses.label}} {{#isRefined}}checked{{/isRefined}}">
4214        <input class="{{cssClasses.checkbox}}" {{#isRefined}}checked{{/isRefined}} type="checkbox" value="{{value}}" />
4215        <span class="text-xs md:text-sm block w-full h-full text-labeltext">{{value}}</span>
4216        <span class="{{cssClasses.count}} flex-grow text-right">{{count}}</span></label></script>
4216<script type="text/template" id="current-refinements-template">
4217    <div class="cross-wrapper">
4218        <span class="clear-cross clear-refinement"></span></div>
4219    <div class="current-refinement-wrapper">
4220        {{#label}}
4221        <span class="current-refinement-label">{{label}}{{^operator}}:{{/operator}}</span>
4222        {{/label}}
4223        {{#operator}}
4224        {{{displayOperator}}}
4225        {{/operator}}
4226        {{#exclude}}-{{/exclude}}
4227        <span class="current-refinement-name">{{name}}</span></div></script>
4227 
4227<script>
4228    function initAlgoliaInsights(partial) {
4229        window.algoliaAnalytics = AlgoliaAnalytics.default;
4230        window.hasAddedParameters = false;
4231        window.useCookie = algoliaConfig.cookieConfiguration.cookieRestrictionModeEnabled ? !!hyva.getCookie(algoliaConfig.cookieConfiguration.consentCookieName) : true;
4232
4233        if (!canTrack()) {
4234            return;
4235        }
4236
4237        initializeAnalytics(partial);
4238        addSearchParameters();
4239        bindEvents();
4240
4241        
4242        function determineUserToken() {
4243            return window.algoliaAnalytics.getAuthenticatedUserToken() ?? algoliaAnalytics.getUserToken();
4244        }
4245
4246        function initializeAnalytics(partial = false) {
4247            if (partial) {
4248                algoliaAnalytics.init({
4249                    appId: algoliaConfig.applicationId,
4250                    apiKey: algoliaConfig.apiKey,
4251                    partial: true,
4252                    useCookie: true,
4253                    cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration)
4254                });
4255            } else {
4256                algoliaAnalytics.init({
4257                    appId: algoliaConfig.applicationId,
4258                    apiKey: algoliaConfig.apiKey,
4259                    useCookie: true,
4260                    cookieDuration: Number(algoliaConfig.cookieConfiguration.cookieDuration)
4261                });
4262            }
4263            let userAgent = 'insights-js-in-magento (' + algoliaConfig.extensionVersion + ')';
4264            window.algoliaAnalytics.addAlgoliaAgent(userAgent);
4265
4266            let unsetAuthenticationToken = hyva.getCookie('unset_authentication_token');
4267            if (hyva.getCookie('aa-search') && hyva.getCookie('aa-search') !== '') {
4268                window.algoliaAnalytics.setUserToken(hyva.getCookie('aa-search'));
4269            } else if (hyva.getCookie('_ALGOLIA') && hyva.getCookie('_ALGOLIA') !== '') {
4270                window.algoliaAnalytics.setUserToken(hyva.getCookie('_ALGOLIA'));
4271            } else if (unsetAuthenticationToken && unsetAuthenticationToken !== '') {
4272                window.algoliaAnalytics.setUserToken('undefined');
4273                hyva.setCookie('unset_authentication_token', '', -1);
4274            }
4275        }
4276
4277        function applyInsightsToSearchParams(params = {}) {
4278            if (algoliaConfig.ccAnalytics.enabled) {
4279                params.clickAnalytics = true;
4280            }
4281
4282            if (algoliaConfig.personalization.enabled) {
4283                params.enablePersonalization = true;
4284                params.userToken = determineUserToken();
4285            }
4286
4287            return params;
4288        }
4289
4290        function addSearchParameters() {
4291            if (window.hasAddedParameters) {
4292                return;
4293            }
4294            algolia.registerHook('beforeWidgetInitialization', function (allWidgetConfiguration) {
4295                allWidgetConfiguration.configure = applyInsightsToSearchParams(
4296                    allWidgetConfiguration.configure
4297                );
4298                return allWidgetConfiguration;
4299            });
4300
4301            algolia.registerHook('afterAutocompleteProductSourceOptions', (options) => {
4302                return applyInsightsToSearchParams(options);
4303            });
4304
4305            window.hasAddedParameters = true;
4306        }
4307
4308
4309        function bindEvents() {
4310            bindClickedEvents();
4311            bindViewedEvents();
4312
4313            algolia.triggerHooks('afterInsightsBindEvents', this);
4314        }
4315
4316        function bindClickedEvents() {
4317            
4318            if (algoliaConfig.personalization.filterClicked.enabled) {
4319                const facets = algoliaConfig.facets;
4320                let containers = [];
4321                for (let i = 0; i < facets.length; i++) {
4322                    let elem = createISWidgetContainer(facets[i].attribute);
4323                    containers.push('.' + elem.className);
4324                }
4325
4326                algolia.registerHook('afterInstantsearchStart', function (search) {
4327                    const selectors = document.querySelectorAll(containers.join(', '));
4328                    selectors.forEach(function (e) {
4329                        e.addEventListener('click', function (event) {
4330                            const attribute = this.dataset.attr;
4331                            const elem = event.target;
4332                            if (elem.type === "checkbox" && elem.checked) {
4333                                var filter = attribute + ':' + elem.value;
4334                                trackFilterClick([filter]);
4335                            }
4336                        });
4337                    });
4338
4339                    return search;
4340                });
4341            }
4342        }
4343
4344        function bindViewedEvents() {
4345            
4346            if (!algoliaConfig.personalization.enabled) {
4347                return;
4348            }
4349
4350            const viewConfig = algoliaConfig.personalization.viewedEvents.viewProduct;
4351            if (viewConfig.enabled) {
4352                if (document.body.classList.contains('catalog-product-view')) {
4353                    const objectId = document.querySelector('#product_addtocart_form')?.querySelector('input[name="product"]').value;
4354                    if (objectId) {
4355                        const viewData = buildEventData(viewConfig.eventName, objectId, algoliaConfig.indexName + '_products');
4356                        trackView(viewData);
4357                    }
4358                }
4359
4360            }
4361        }
4362
4363        function buildEventData(eventName, objectId, indexName, position = null, queryId = null) {
4364            const eventData = {
4365                eventName: eventName,
4366                objectIDs: [objectId + ''],
4367                index: indexName
4368            };
4369
4370            if (position) {
4371                eventData.positions = [parseInt(position)];
4372            }
4373
4374            if (queryId) {
4375                eventData.queryID = queryId;
4376            }
4377
4378            return eventData;
4379        }
4380
4381        function trackClick(eventData) {
4382            if (eventData.queryID) {
4383                window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData);
4384            } else {
4385                window.algoliaAnalytics.clickedObjectIDs(eventData);
4386            }
4387        }
4388
4389        function trackFilterClick(filters) {
4390            const eventData = {
4391                index: algoliaConfig.indexName + '_products',
4392                eventName: algoliaConfig.personalization.filterClicked.eventName,
4393                filters: filters
4394            };
4395
4396            window.algoliaAnalytics.clickedFilters(eventData);
4397        }
4398
4399        function trackView(eventData) {
4400            window.algoliaAnalytics.viewedObjectIDs(eventData);
4401        }
4402    }
4403
4404    function canTrack() {
4405        return ((algoliaConfig.ccAnalytics.enabled
4406            || algoliaConfig.personalization.enabled) && window.useCookie);
4407    }
4408
4409    function buildInsightsEventData(eventName, objectId, indexName, position = null, queryId = null) {
4410        if (!canTrack()) {
4411            return;
4412        }
4413
4414        const eventData = {
4415            eventName: eventName,
4416            objectIDs: [objectId + ''],
4417            index: indexName
4418        };
4419        if (position) {
4420            eventData.positions = [parseInt(position)];
4421        }
4422        if (queryId) {
4423            eventData.queryID = queryId;
4424        }
4425        trackClick(eventData);
4426    }
4427
4428    function trackClick(eventData) {
4429        if (eventData.queryID) {
4430            window.algoliaAnalytics.clickedObjectIDsAfterSearch(eventData);
4431        } else {
4432            window.algoliaAnalytics.clickedObjectIDs(eventData);
4433        }
4434    }</script>
4434  
4434<script>
4435    function initCompareOnProductList() {
4436        return {
4437            addToCompare(productId) {
4438                const formKey = hyva.getFormKey();
4439                const postUrl = BASE_URL + 'catalog/product_compare/add/';
4440
4441                fetch(postUrl, {
4442                    "headers": {
4443                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
4444                    },
4445                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
4446                    "method": "POST",
4447                    "mode": "cors",
4448                    "credentials": "include"
4449                }).then(function (response) {
4450                    if (response.redirected) {
4451                        window.location.href = response.url;
4452                    }
4453                }).catch(function (error) {
4454                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
4455                        [{
4456                            type: "error",
4457                            text: error
4458                        }], 5000
4459                    );
4460                });
4461            }
4462        };
4463    }</script>
4463  
4463<script>
4464    function initWishlist() {
4465        return {
4466            addToWishlist(productId) {
4467                const formKey = hyva.getFormKey();
4468                const postUrl = BASE_URL + 'wishlist/index/add/';
4469
4470                fetch(postUrl, {
4471                    "headers": {
4472                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
4473                    },
4474                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
4475                    "method": "POST",
4476                    "mode": "cors",
4477                    "credentials": "include"
4478                }).then(function (response) {
4479                    if (response.redirected) {
4480                        window.location.href = response.url;
4481                    } else if (response.ok) {
4482                        return response.json();
4483                    } else {
4484                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
4485                            [{
4486                                type: "warning",
4487                                text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
4488                            }], 5000
4489                        );
4490                    }
4491                }).then(function (response) {
4492                    if (!response) { return }
4493                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
4494                        [{
4495                            type: (response.success) ? "success" : "error",
4496                            text: (response.success)
4497                                ? "product\u0020is\u0020toegevoegd\u0020aan\u0020je\u0020verlanglijstje."
4498                                : response.error_message
4499                        }], 5000
4500                    );
4501                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
4502                    window.dispatchEvent(reloadCustomerDataEvent);
4503                }).catch(function (error) {
4504                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
4505                        [{
4506                            type: "error",
4507                            text: error
4508                        }], 5000
4509                    );
4510                });
4511            }
4512        }
4513    }</script>
4513<!-- Reviews.co.uk Rich Snippet --><!-- Reviews.co.uk Rating Snippet --> 
4513<script type="application/json" id="default-section-data">
4514    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"BE":{"name":"Belgi\u00eb","regions":{"663":{"code":"VAN","name":"Antwerpen"},"664":{"code":"WBR","name":"Brabant wallon"},"665":{"code":"BRU","name":"Brussels-Capital Region"},"666":{"code":"WHT","name":"Hainaut"},"668":{"code":"WLG","name":"Li\u00e8ge"},"667":{"code":"VLI","name":"Limburg"},"669":{"code":"WLX","name":"Luxembourg"},"670":{"code":"WNA","name":"Namur"},"671":{"code":"VOV","name":"Oost-Vlaanderen"},"672":{"code":"VBR","name":"Vlaams-Brabant"},"673":{"code":"VWV","name":"West-Vlaanderen"}}},"data_id":1790411421},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"customweb_external_checkout_widgets":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
4514  
4514<script>
4515    'use strict';
4516
4517    function GoogleAnalytics () {
4518        let self = this;
4519        this.config = {
4520            isCookieRestrictionModeEnabled: 0,
4521            currentWebsite: 6,
4522            cookieName: "user_allowed_save_cookie",
4523            ordersTrackingData: [],
4524            pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-35593577-14"},
4525        }
4526
4527        this.initGoogleAnalytics =  function () {
4528
4529            let allowServices = false,
4530                allowedCookies,
4531                allowedWebsites;
4532
4533            if (self.config.isCookieRestrictionModeEnabled) {
4534                allowedCookies = hyva.getCookie(self.config.cookieName);
4535
4536                if (allowedCookies !== null) {
4537                    allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies));
4538
4539                    if (allowedWebsites[self.config.currentWebsite] === 1) {
4540                        allowServices = true;
4541                    }
4542                }
4543            } else {
4544                allowServices = true;
4545            }
4546
4547            if (allowServices) {
4548                (function (i, s, o, g, r, a, m) {
4549                    i.GoogleAnalyticsObject = r;
4550                    i[r] = i[r] || function () {
4551                        (i[r].q = i[r].q || []).push(arguments)
4552                    }, i[r].l = 1 * new Date();
4553                    a = s.createElement(o),
4554                        m = s.getElementsByTagName(o)[0];
4555                    a.defer = 1;
4556                    a.src = g;
4557                    m.parentNode.insertBefore(a, m)
4558                })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
4559
4560                
4561                ga('create', self.config.pageTrackingData.accountId, 'auto');
4562
4563                if (self.config.pageTrackingData.isAnonymizedIpActive) {
4564                    ga('set', 'anonymizeIp', true);
4565                }
4566
4567                
4568                if (self.config.ordersTrackingData.hasOwnProperty('currency')) {
4569                    ga('require', 'ec', 'ec.js');
4570
4571                    ga('set', 'currencyCode', self.config.ordersTrackingData.currency);
4572
4573                    
4574                    if (self.config.ordersTrackingData.products) {
4575                        self.config.ordersTrackingData.products.forEach(function (value) {
4576                            ga('ec:addProduct', value);
4577                        });
4578                    }
4579
4580                    
4581                    if (self.config.ordersTrackingData.orders) {
4582                        self.config.ordersTrackingData.orders.forEach(function (value) {
4583                            ga('ec:setAction', 'purchase', value);
4584                        });
4585                    }
4586
4587                    ga('send', 'pageview');
4588                } else {
4589                    
4590                    ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl);
4591                }
4592            }
4593        };
4594    }
4595
4596    var googleAnalytics = new GoogleAnalytics();
4597	
4598    if(window.location.href.includes("success") && window.location.href.includes("checkout")) {
4599        window.addEventListener("load", googleAnalytics.initGoogleAnalytics);
4600    } else {
4601        var gAnalytics2 = 0;
4602        document.addEventListener('scroll', function (event) {
4603            if(!gAnalytics2 ) {
4604                window.addEventListener("load", googleAnalytics.initGoogleAnalytics);
4605                gAnalytics2 = 1;
4606            }
4607        }, true );	
4608    }</script>
4608</div></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.