PageSourceSearch

https://www.123drogisterij.nl/

html 123drogisterij.nl collected 2026-10-05 01:49:52 UTC 611,833 bytes, 10,650 lines download raw bytes

1<!doctype html>
2<html lang="nl">
3<head prefix="og: http://ogp.me/ns# cms: http://ogp.me/ns/cms#">
4    <meta charset="utf-8"/>
5<meta name="title" content="#1 in Incontinentiemateriaal"/>
6<meta name="description" content="Incontinentiemateriaal kopen | ✅ Beste kwaliteit | ✅ Voordelig | ✅ Alle bekende merken | Bekijk direct de website!"/>
7<meta name="robots" content="INDEX,FOLLOW"/>
8<meta name="viewport" content="width=device-width, initial-scale=1"/>
9<title>#1 in Incontinentiemateriaal</title>
10        <link rel="stylesheet" type="text/css" media="all" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/css/styles.css" />
11<script type="text/javascript" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Smile_ElasticsuiteTracker/js/tracking.js"></script>
vendor: 1 bytes, line 11
11
12<script type="text/javascript" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Doofinder_Feed/js/df_add_to_cart_hyva.js"></script>
12
13<link rel="preload" as="font" crossorigin="anonymous" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/fonts/Poppins-400.woff2" />
14<link rel="preload" as="font" crossorigin="anonymous" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/fonts/Poppins-500.woff2" />
15<link rel="preload" as="font" crossorigin="anonymous" href="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/fonts/Poppins-700.woff2" />
16<link rel="icon" type="image/x-icon" href="https://www.123drogisterij.nl/media/favicon/default/favicon.ico" />
17<link rel="shortcut icon" type="image/x-icon" href="https://www.123drogisterij.nl/media/favicon/default/favicon.ico" />
18<meta name="google-site-verification" content="qG8Tf2kX_npftVwSXy0AxjuBJYCfmBGXMruiRHYYYv4" />
19<!-- Start Sooqr.com on-site search and navigation code -->
20    <!-- 
20<script type="text/javascript">
21      var _wssq = _wssq || [];
22      var setResizeFunction1= false;
23      var sooqrAccount1 = '100848-1';
24
25      _wssq.push(['_load', { 'suggest' : { 'account' : 'SQ-' + sooqrAccount1, 'version' : 4, fieldId : 'q'}}]);
26      _wssq.push(['suggest._setPosition', 'screen-middle', {top:0}]);
27      _wssq.push(['suggest._setLocale', 'nl_NL']);
28      _wssq.push(['suggest._excludePlaceholders', 'Zoek uw product']);
29      _wssq.push(['suggest._bindEvent', 'open', function() {
30          if(!setResizeFunction1) {$jQ( window ).resize(function() {if($jQ('.sooqrSearchContainer-' + sooqrAccount1).is(':visible')) {websight.sooqr.instances['SQ-' + sooqrAccount1].positionContainer(null, null, true);}});setResizeFunction1 = true;}
31      }]);
32  
33      var setResizeFunction2= false;
34      var sooqrAccount2 = '100848-2';
35
36      _wssq.push(['_load', { 'suggest' : { 'namespace' : 'secondview', 'account' : 'SQ-' + sooqrAccount2, 'version' : 4, fieldId : 'q2'}}]);
37      _wssq.push(['secondview._setPosition', 'screen-middle', {top:0}]);
38      _wssq.push(['secondview._setLocale', 'nl_NL']);
39      _wssq.push(['secondview._excludePlaceholders', 'Zoek uw product']);
40      _wssq.push(['secondview._bindEvent', 'open', function() {
41          if(!setResizeFunction2) {$jQ( window ).resize(function() {if($jQ('.sooqrSearchContainer-' + sooqrAccount2).is(':visible')) {websight.sooqr.instances['SQ-' + sooqrAccount2].positionContainer(null, null, true);}});setResizeFunction2 = true;}
42      }]);
43
44      (function() {
45          var ws = document.createElement('script'); ws.type = 'text/javascript'; ws.async = true;
46          ws.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'static.sooqr.com/sooqr.js';
47          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ws, s);
48      })();
49  </script>
49 -->
50<!-- End Sooqr.com on-site search and navigation code -->
51
52<!-- Start VWO Async SmartCode -->
53<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
54<script type='text/javascript' id='vwoCode'>
55window._vwo_code || (function() {
56var account_id=777352,
57version=2.0,
58settings_tolerance=2000,
59hide_element='body',
60hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
61/* DO NOT EDIT BELOW THIS LINE */
62f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})();
63</script>
63
64<!-- End VWO Async SmartCode -->
65        <link rel="alternate" hreflang="nl-be" href="https://www.zorgland.be/"/>
66    <link rel="alternate" hreflang="nl-nl" href="https://www.123drogisterij.nl/"/>
67    <link rel="alternate" hreflang="de-de" href="https://www.dryonline.de/"/>
68<!-- Google Tag Manager -->
69    
70                    
70<script>
71        window.mfGtmUserActionDetected = true;
72        
73        window.mfGtmUserCookiesAllowed = true;
74        mfLoadGtm();
75        
76
77    function getMfGtmCustomerData() {
78        return localStorage.getItem('mf_gtm_customer_data') ? JSON.parse(localStorage.getItem('mf_gtm_customer_data')) : {};
79    };
80
81    function mfLoadGtm() {
82        if (!window.mfGtmUserActionDetected) return false;
83        if (!window.mfGtmLoadBeforeCookieAllowed && !window.mfGtmUserCookiesAllowed) return false;
84
85        if (window.mfGTMTriedToLoad) return;
86        window.mfGTMTriedToLoad = true;
87        
88            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
89                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
90                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.setAttributeNode(d.createAttribute('data-ot-ignore'));j.async=true;
91                j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
92            })(window,document,'script','dataLayer','GTM-K5WHH8');
93        
94    };
95    </script>
95
96        
96<script>
97        /* Hyva code */
98        function mfHyvaGtmSetCustomerData(event) {
99            let data, j;
100            let sections = event.detail.data;
101            for (j in sections) {
102                data = sections[j];
103                if (data.mf_gtm_customer_data) {
104                    localStorage.setItem('mf_gtm_customer_data', JSON.stringify(data.mf_gtm_customer_data));
105                    return;
106                }
107            }
108        };
109        window.addEventListener('private-content-loaded', mfHyvaGtmSetCustomerData);
110        /* End Hyva code */
111    </script>
111<!-- End Google Tag Manager -->
112    
112<script>
113        //<![CDATA[
114        function userConsentEsTraking(config)
115        {
116            return config.cookieRestrictionEnabled == false || hyva.getCookie(config.cookieRestrictionName) !== null;
117        }
118
119        try {
120            smileTracker.setConfig({
121                beaconUrl     : 'https://www.123drogisterij.nl/elasticsuite/tracker/hit/image/h.png',
122                telemetryUrl     : 'https://t.elasticsuite.io/track',
123                telemetryEnabled : '',
124                sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"www.123drogisterij.nl","path":"\/"},
125            });
126
127            smileTracker.addPageVar('store_id', '2');
128
129            document.addEventListener('DOMContentLoaded', function () {
130                if (userConsentEsTraking({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) {
131                    smileTracker.sendTag();
132                }
133            });
134        } catch (err) {
135            ;
136        }
137        //]]>
138    </script>
vendor: 1 bytes, line 138
138
139<script>
140    var BASE_URL = 'https://www.123drogisterij.nl/';
141    var THEME_PATH = 'https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL';
142    var COOKIE_CONFIG = {
143        "expires": null,
144        "path": "\u002F",
145        "domain": ".www.123drogisterij.nl",
146        "secure": true,
147        "lifetime": "3600",
148        "cookie_restriction_enabled": false    };
149    var CURRENT_STORE_CODE = 'default_migrated';
150    var CURRENT_WEBSITE_ID = '2';
151
152    window.hyva = window.hyva || {}
153
154    window.cookie_consent_groups = window.cookie_consent_groups || {}
155    window.cookie_consent_groups['necessary'] = true;
156
157    window.cookie_consent_config = window.cookie_consent_config || {};
158    window.cookie_consent_config['necessary'] = [].concat(
159        window.cookie_consent_config['necessary'] || [],
160        [
161            'user_allowed_save_cookie',
162            'form_key',
163            'mage-messages',
164            'private_content_version',
165            'mage-cache-sessid',
166            'last_visited_store',
167            'section_data_ids'
168        ]
169    );
170</script>
vendor: 1 bytes, line 170
170
171<script>
172    (function( hyva, undefined ) {
173
174        function lifetimeToExpires(options, defaults) {
175
176            const lifetime = options.lifetime || defaults.lifetime;
177
178            if (lifetime) {
179                const date = new Date;
180                date.setTime(date.getTime() + lifetime * 1000);
181                return date;
182            }
183
184            return null;
185        }
186
187        function generateRandomString() {
188
189            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
190                length = 16;
191
192            let formKey = '',
193                charactersLength = allowedCharacters.length;
194
195            for (let i = 0; i < length; i++) {
196                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
197            }
198
199            return formKey;
200        }
201
202        const sessionCookieMarker = {noLifetime: true}
203
204        const cookieTempStorage = {};
205
206        const internalCookie = {
207            get(name) {
208                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
209                return v ? v[2] : null;
210            },
211            set(name, value, days, skipSetDomain) {
212                let expires,
213                    path,
214                    domain,
215                    secure,
216                    samesite;
217
218                const defaultCookieConfig = {
219                    expires: null,
220                    path: '/',
221                    domain: null,
222                    secure: false,
223                    lifetime: null,
224                    samesite: 'lax'
225                };
226
227                const cookieConfig = window.COOKIE_CONFIG || {};
228
229                expires = days && days !== sessionCookieMarker
230                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
231                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
232
233                path = cookieConfig.path || defaultCookieConfig.path;
234                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
235                secure = cookieConfig.secure || defaultCookieConfig.secure;
236                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
237
238                document.cookie = name + "=" + encodeURIComponent(value) +
239                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
240                    (path ? '; path=' + path : '') +
241                    (domain ? '; domain=' + domain : '') +
242                    (secure ? '; secure' : '') +
243                    (samesite ? '; samesite=' + samesite : 'lax');
244            },
245            isWebsiteAllowedToSaveCookie() {
246                const allowedCookies = this.get('user_allowed_save_cookie');
247                if (allowedCookies) {
248                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
249
250                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
251                }
252                return false;
253            },
254            getGroupByCookieName(name) {
255                const cookieConsentConfig = window.cookie_consent_config || {};
256                let group = null;
257                for (let prop in cookieConsentConfig) {
258                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
259                    if (cookieConsentConfig[prop].includes(name)) {
260                        group = prop;
261                        break;
262                    }
263                }
264                return group;
265            },
266            isCookieAllowed(name) {
267                const cookieGroup = this.getGroupByCookieName(name);
268                return cookieGroup
269                    ? window.cookie_consent_groups[cookieGroup]
270                    : this.isWebsiteAllowedToSaveCookie();
271            },
272            saveTempStorageCookies() {
273                for (const [name, data] of Object.entries(cookieTempStorage)) {
274                    if (this.isCookieAllowed(name)) {
275                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
276                        delete cookieTempStorage[name];
277                    }
278                }
279            }
280        };
281
282        hyva.getCookie = (name) => {
283            const cookieConfig = window.COOKIE_CONFIG || {};
284
285            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
286                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
287            }
288
289            return internalCookie.get(name);
290        }
291
292        hyva.setCookie = (name, value, days, skipSetDomain) => {
293            const cookieConfig = window.COOKIE_CONFIG || {};
294
295            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
296                cookieTempStorage[name] = {value, days, skipSetDomain};
297                return;
298            }
299            return internalCookie.set(name, value, days, skipSetDomain);
300        }
301
302
303        hyva.setSessionCookie = (name, value, skipSetDomain) => {
304            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
305        }
306
307        hyva.getBrowserStorage = () => {
308            const browserStorage = window.localStorage || window.sessionStorage;
309            if (!browserStorage) {
310                console.warn('Browser Storage is unavailable');
311                return false;
312            }
313            try {
314                browserStorage.setItem('storage_test', '1');
315                browserStorage.removeItem('storage_test');
316            } catch (error) {
317                console.warn('Browser Storage is not accessible', error);
318                return false;
319            }
320            return browserStorage;
321        }
322
323        hyva.postForm = (postParams) => {
324            const form = document.createElement("form");
325
326            let data = postParams.data;
327
328            if (! postParams.skipUenc && ! data.uenc) {
329                data.uenc = btoa(window.location.href);
330            }
331            form.method = "POST";
332            form.action = postParams.action;
333
334            Object.keys(postParams.data).map(key => {
335                const field = document.createElement("input");
336                field.type = 'hidden'
337                field.value = postParams.data[key];
338                field.name = key;
339                form.appendChild(field);
340            });
341
342            const form_key = document.createElement("input");
343            form_key.type = 'hidden';
344            form_key.value = hyva.getFormKey();
345            form_key.name="form_key";
346            form.appendChild(form_key);
347
348            document.body.appendChild(form);
349
350            form.submit();
351        }
352
353        hyva.getFormKey = function () {
354            let formKey = hyva.getCookie('form_key');
355
356            if (!formKey) {
357                formKey = generateRandomString();
358                hyva.setCookie('form_key', formKey);
359            }
360
361            return formKey;
362        }
363
364        hyva.formatPrice = (value, showSign, options = {}) => {
365            const groupSeparator = options.groupSeparator;
366            const decimalSeparator = options.decimalSeparator
367            delete options.groupSeparator;
368            delete options.decimalSeparator;
369            const formatter = new Intl.NumberFormat(
370                'nl\u002DNL',
371                Object.assign({
372                    style: 'currency',
373                    currency: 'EUR',
374                    signDisplay: showSign ? 'always' : 'auto'
375                }, options)
376            );
377            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
378                formatter.formatToParts(value).map(({type, value}) => {
379                    switch (type) {
380                        case 'currency':
381                            return '\u20AC' || value;
382                        case 'minusSign':
383                            return '- ';
384                        case 'plusSign':
385                            return '+ ';
386                        case 'group':
387                            return groupSeparator !== undefined ? groupSeparator : value;
388                        case 'decimal':
389                            return decimalSeparator !== undefined ? decimalSeparator : value;
390                        default :
391                            return value;
392                    }
393                }).reduce((string, part) => string + part) :
394                formatter.format(value);
395        }
396
397        const formatStr = function (str, nStart) {
398            const args = Array.from(arguments).slice(2);
399
400            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
401                const idx = parseInt(n) - nStart;
402
403                if (args[idx] === null || args[idx] === void 0) {
404                    return m;
405                }
406                return p.length % 2
407                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
408                    : p.replace('%%', '%') + n;
409            })
410        }
411
412        hyva.str = function (string) {
413            const args = Array.from(arguments);
414            args.splice(1, 0, 1);
415
416            return formatStr.apply(undefined, args);
417        }
418
419        hyva.strf = function () {
420            const args = Array.from(arguments);
421            args.splice(1, 0, 0);
422
423            return formatStr.apply(undefined, args);
424        }
425
426        /**
427         * Take a html string as `content` parameter and
428         * extract an element from the DOM to replace in
429         * the current page under the same selector,
430         * defined by `targetSelector`
431         */
432        hyva.replaceDomElement = (targetSelector, content) => {
433            // Parse the content and extract the DOM node using the `targetSelector`
434            const parser = new DOMParser();
435            const doc = parser.parseFromString(content, 'text/html');
436            const contentNode = doc.querySelector(targetSelector);
437
438            // Bail if content or target can't be found
439            if (!contentNode || !document.querySelector(targetSelector)) {
440                return;
441            }
442
443                        hyva.activateScripts(contentNode);
444            
445            // Replace the old DOM node with the new content
446            document.querySelector(targetSelector).replaceWith(contentNode);
447
448            // Reload customerSectionData and display cookie-messages if present
449            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
450            hyva.initMessages();
451        }
452
453        hyva.removeScripts = (contentNode) => {
454            const scripts = contentNode.getElementsByTagName('script');
455            for (let i = 0; i < scripts.length; i++) {
456                scripts[i].parentNode.removeChild(scripts[i]);
457            }
458            const templates = contentNode.getElementsByTagName('template');
459            for (let i = 0; i < templates.length; i++) {
460                const container = document.createElement('div');
461                container.innerHTML = templates[i].innerHTML;
462                hyva.removeScripts(container);
463                templates[i].innerHTML = container.innerHTML;
464            }
465        }
466
467        hyva.activateScripts = (contentNode) => {
468            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
469            const scripts = Array.from(contentNode.getElementsByTagName('script'));
470
471            // Iterate over all script tags to duplicate+inject each into the head
472            for (const original of scripts) {
473                const script = document.createElement('script');
474                original.type && (script.type = original.type);
475                script.innerHTML = original.innerHTML;
476
477                // Remove the original (non-executing) script from the contentNode
478                original.parentNode.removeChild(original)
479
480                // Add script to head
481                document.head.appendChild(script);
482            }
483
484            return contentNode;
485        }
486
487        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
488        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
489
490        let currentTrap;
491
492        const focusableElements = (rootElement) => {
493            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
494            return Array.from(rootElement.querySelectorAll(selector))
495                .filter(el => {
496                    return el.style.display !== 'none'
497                        && !el.disabled
498                        && el.tabIndex !== -1
499                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
500                })
501        }
502
503        const focusTrap = (e) => {
504            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
505            if (!isTabPressed) return;
506
507            const focusable = focusableElements(currentTrap)
508            const firstFocusableElement = focusable[0]
509            const lastFocusableElement = focusable[focusable.length - 1]
510
511            e.shiftKey
512                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
513                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
514        };
515
516        hyva.releaseFocus = (rootElement) => {
517            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
518                currentTrap.removeEventListener('keydown', focusTrap)
519                currentTrap = null
520            }
521        }
522        hyva.trapFocus = (rootElement) => {
523            if (!rootElement) return;
524            hyva.releaseFocus()
525            currentTrap = rootElement
526            rootElement.addEventListener('keydown', focusTrap)
527            const firstElement = focusableElements(rootElement)[0]
528            firstElement && firstElement.focus()
529        }
530
531        hyva.safeParseNumber = (rawValue) => {
532            const number = rawValue ? parseFloat(rawValue) : null;
533
534            return Array.isArray(number) || isNaN(number) ? rawValue : number;
535        }
536
537        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
538        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
539
540            const camelCase = toCamelCase(name);
541            const key = '__hyva_bool_' + name
542
543            return new Proxy(Object.assign(
544                additionalMethods,
545                {
546                    [key]: !!value,
547                    [name]() {return !!this[key]},
548                    ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine
549                    ['not' + camelCase]() {return !this[key]},
550                    ['toggle' + camelCase]() {this[key] = !this[key]},
551                    [`set${camelCase}True`]() {this[key] = true},
552                    [`set${camelCase}False`]() {this[key] = false},
553                }
554            ), {
555                set(target, prop, value) {
556                    return prop === name
557                        ? (target[key] = !!value)
558                        : Reflect.set(...arguments);
559                }
560            })
561        }
562
563                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
564        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
565                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
566
567    }( window.hyva = window.hyva || {} ));
568</script>
568
569<!-- BEGIN CHATGPT ADS MEASUREMENT PIXEL -->
570<script>
571    {
572        (function () {
573            var pixelId = "6uQadyXVKUiqKoBqYtRvys";
574            var config = {
575                isCookieRestrictionModeEnabled: false,
576                cookieName: 'user_allowed_save_cookie',
577                currentWebsite: '2'
578            };
579
580            function hasMagentoCookieConsent() {
581                if (!config.isCookieRestrictionModeEnabled) return true;
582                if (typeof hyva === 'undefined' || !hyva.getCookie) return false;
583
584                var allowedCookies = hyva.getCookie(config.cookieName);
585                if (allowedCookies === null) return false;
586
587                var allowedWebsites = JSON.parse(unescape(allowedCookies));
588                return allowedWebsites[config.currentWebsite] === 1;
589            }
590
591            function hasCookiebotConsent() {
592                return !!(Cookiebot.hasResponse && Cookiebot.consent && Cookiebot.consent.marketing);
593            }
594
595            function initChatGptPixel() {
596                if (window.oaiq || !hasMagentoCookieConsent()) return;
597                if (typeof Cookiebot !== 'undefined' && !hasCookiebotConsent()) return;
598
599                (function (w, d, s, u) {
600                    if (w.oaiq) return;
601                    var q = function () {
602                        q.q.push(arguments);
603                    };
604                    q.q = [];
605                    w.oaiq = q;
606                    var js = d.createElement(s);
607                    js.async = true;
608                    js.src = u;
609                    var f = d.getElementsByTagName(s)[0];
610                    f.parentNode.insertBefore(js, f);
611                })(window, document, "script", "https://bzrcdn.openai.com/sdk/oaiq.min.js");
612
613                oaiq("init", {
614                    pixelId: pixelId
615                });
616            }
617
618            window.addEventListener('user-allowed-save-cookie', initChatGptPixel);
619            window.addEventListener('CookiebotOnConsentReady', initChatGptPixel);
620            window.addEventListener('CookiebotOnAccept', initChatGptPixel);
621
622            // Cookiebot loads asynchronously (via GTM); wait for it to appear before
623            // treating its absence as "this store does not use Cookiebot".
624            (function waitForCookiebot(attemptsLeft) {
625                if (typeof Cookiebot !== 'undefined' || attemptsLeft <= 0) {
626                    initChatGptPixel();
627                    return;
628                }
629                setTimeout(function () { waitForCookiebot(attemptsLeft - 1); }, 200);
630            })(25);
631        }())
632    }
633</script>
633
634<!-- END CHATGPT ADS MEASUREMENT PIXEL -->
635<script type="speculationrules">
636{
637    "tag": "Hyva Theme",
638    "prefetch": [{
639        "source": "document",
640        "where": {
641            "and": [
642                { "href_matches": "/*" },
643                { "not": {
644                    "href_matches": ["/customer/*","*/customer/*","/search/*","*/search/*","/sales/*","*/sales/*","/wishlist/*","*/wishlist/*","/checkout/*","*/checkout/*","/paypal/*","*/paypal/*"]                }},
645                { "not": {
646                    "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"]
647                }}
648            ]
649        },
650        "eagerness": "moderate"
651    }]
652}
653</script>
653
654
655
656<link rel="canonical" href="https://www.123drogisterij.nl"/>
657<script nonce="aGozZ2U5amsyNHl1b3F5cWJ5cjJreTM2OGR4enQxNzc=">
658    var dfPageType = "home";
659    var dfProductId = "";
660    var dfCategoryName = "";
661</script>
661
662    
662<script nonce="aGozZ2U5amsyNHl1b3F5cWJ5cjJreTM2OGR4enQxNzc=">
663        (function(w, k) {w[k] = window[k] ||
664        function () { (window[k].q = window[k].q || []).push(arguments) }})(window, "doofinderApp")
665
666        doofinderApp("config", "language", "nl")
667        doofinderApp("config", "currency", "EUR")
668        doofinderApp("config", "priceName", "EUR")
669    </script>
vendor: 1 bytes, line 669
669
670<script src="https://eu1-config.doofinder.com/2.x/bac20ef8-c1e7-4f6f-83a4-a38262eb76d2.js" async></script>
670</head>
671<body id="html-body" class="cms-home cms-index-index page-layout-1column">
672<script data-mfmofile="true">
673    function mfGtmGetEcommPageType() {
674        var body = document.getElementsByTagName('body')[0];
675        var ept = 'other';
676        
677        if (body.className.indexOf('cms-index-index') > -1) {
678            ept = 'home';
679        } else if (body.className.indexOf('catalog-category-view') > -1) {
680            ept = 'category';
681        } else if (body.className.indexOf('catalog-product-view') > -1) {
682            ept = 'product';
683        } else if (body.className.indexOf('checkout-cart-index') > -1) {
684            ept = 'cart';
685        } else if (body.className.indexOf('checkout-index-index') > -1) {
686            ept = 'checkout';
687        } else if (body.className.indexOf('contact-index-index') > -1) {
688            ept = 'contact';
689        } else if (body.className.indexOf('catalogsearch-result-index') > -1) {
690            ept = 'searchresults';
691        } else if (body.className.indexOf('cms-page-view') > -1) {
692            ept = 'cmspage';
693        };
694        return ept;  
695    };
696</script>
696
697        
697<script>
698    function mfHyvaGtmCustomerDataLayer(event) {
699        let data, eventFired, i, j, k;
700        let sections = event.detail.data;
701        for ( j in sections) {
702            data = sections[j];
703            if (!data.mf_datalayer) continue;
704            
705            for (i = 0; i < data.mf_datalayer.length; i++) {
706                window.dataLayer = window.dataLayer || [];
707                eventFired = false;
708                for (k = 0; k < window.dataLayer.length; k++) {
709                    if (data.mf_datalayer[i].magefanUniqueEventId
710                        && data.mf_datalayer[i].magefanUniqueEventId == window.dataLayer[k].magefanUniqueEventId
711                    ) {
712                        eventFired = true;
713                        break;
714                    }
715                }
716                if (!eventFired) {
717                    /*
718                    if (!data.mf_datalayer[i].customer_identifier
719                        || (data.mf_datalayer[i].customer_identifier.indexOf('getMfGtmCustomerIdentifier') != -1)
720                    ) {
721                        data.mf_datalayer[i].customer_identifier = getMfGtmCustomerIdentifier();
722                    }
723                    */
724                    
725                    var ept = data.mf_datalayer[i].ecomm_pagetype;
726                    if ('other' === ept) {
727                        ept = mfGtmGetEcommPageType();
728                        data.mf_datalayer[i].ecomm_pagetype = ept;
729                        if (data.mf_datalayer[i].google_tag_params) {
730                            data.mf_datalayer[i].google_tag_params.ecomm_pagetype = ept;
731                        }
732                    };
733                    window.dataLayer.push(data.mf_datalayer[i]);
734                }
735            }
736            
737            delete event.detail.data[j].mf_datalayer;
738            let mcs = localStorage.getItem('mage-cache-storage');
739            if (mcs) {
740                mcs = JSON.parse(mcs);
741                if (mcs && mcs[j] && mcs[j].mf_datalayer) {
742                    delete mcs[j].mf_datalayer;
743                    localStorage.setItem('mage-cache-storage', JSON.stringify(mcs));
744                }
745            }
746        }
747    };
748    window.addEventListener('private-content-loaded', mfHyvaGtmCustomerDataLayer);
749</script>
vendor: 1 bytes, line 749
749
750<script>
751    document.addEventListener("DOMContentLoaded", function() {
752        document.querySelectorAll("a").forEach(function(link) {
753            link.addEventListener("click", function(event) {
754                let url = link.href;
755                let items, j, x, newDataLayer, dli, index;
756                if (url && window.dataLayer && window.dataLayer.length) {
757                    for (let i=0; i<window.dataLayer.length; i++) {
758                        dli = window.dataLayer[i];
759                        if (dli.event == "view_item_list"
760                            && dli.ecommerce
761                            && dli.ecommerce.items
762                            && dli.ecommerce.items.length
763                        ) {
764                            items = dli.ecommerce.items;
765                            newDataLayer = false;
766                            index = -1;
767                            for (j=0; j<items.length; j++) {
768                                index++;
769                                if (items[j].item_url == url) {
770                                    newDataLayer = {
771                                        "event": "select_item",
772                                        "ecommerce": {
773                                            "item_list_id": dli.ecommerce.item_list_id,
774                                            "item_list_name": dli.ecommerce.item_list_name,
775                                            "items": [items[j]]
776                                        },
777                                        "magefanUniqueEventId": "select_item_" + dli.magefanUniqueEventId,
778                                        "ecomm_pagetype": dli.ecomm_pagetype,
779                                        "google_tag_params": {
780                                            "ecomm_pagetype": dli.google_tag_params.ecomm_pagetype
781                                        }
782                                    };
783                                    
784                                    let dynamicKeys = ["customer_firstname","customer_lastname","customer_email","customer_dob","customer_gender","customer_telephone","customer_postcode","customer_city","customer_region","customer_country_id","customer_identifier","customerGroup"];
785                                    for (x=0; x<dynamicKeys.length;x++) {
786                                        let key = dynamicKeys[x];
787                                        newDataLayer[key] = dli[key];
788                                    }
789                                    
790                                    newDataLayer.ecommerce.items[0].index = index;
791                                    break;
792                                };
793                            };
794
795                            if (newDataLayer) {
796                                window.dataLayer.push(newDataLayer);
797
798                                //window.location = url;
799                                //return false;
800                            }
801                        }
802                    }
803                }
804            });
805        });
806    });
807</script>
807    <!-- Google Tag Manager (noscript) -->
vendor: 80 bytes, lines 807-808
807
808            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
808GTM-K5WHH8
vendor: 117 bytes, lines 808-810
808"
809                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
810        
810<!-- End Google Tag Manager (noscript) -->
811    
811<script src="https://app.aiden.cx/webshop/build/aiden-embedded.min.js" async=""></script>
811<input name="form_key" type="hidden" value="GE9GUcRbrb4C5Z9I" />
812    <noscript>
813        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
814            <div class="container text-center">
815                <p>
816                    <strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong>
817                    <span>
818                        Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser.                    </span>
819                </p>
820            </div>
821        </section>
822    </noscript>
823
824
825<script>
826    document.body.addEventListener('touchstart', () => {}, {passive: true})
827</script>
827
828<div class="page-wrapper">
829<div class="bg-gray-100 py-1.5 font-medium text-sm h-[54px] lg:text-md">
830    <div class="relative container w-full justify-between">
831        <div class="flex w-full justify-center items-center gap-8 invisible sm:justify-start lg:visible" data-content-type="header-usps">
832                            <div class="flex justify-center items-center gap-1.5">
833                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img">
834    <path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25zM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 116 0h3a.75.75 0 00.75-.75V15z"/>
835    <path d="M8.25 19.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0zM15.75 6.75a.75.75 0 00-.75.75v11.25c0 .087.015.17.042.248a3 3 0 015.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 00-3.732-10.104 1.837 1.837 0 00-1.47-.725H15.75z"/>
836    <path d="M19.5 19.5a1.5 1.5 0 10-3 0 1.5 1.5 0 003 0z"/>
837<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
838                    <span class="relative">
839                    Tot 22:30 uur besteld = morgen in huis                        <span
840                            class="relative inline-flex items-center z-30"
841                            x-data="{ open: false, top: 0, left: 0, setPosition() { const rect = this.$refs.trigger.getBoundingClientRect(); this.top = rect.bottom + 8; this.left = rect.left + (rect.width / 2); } }"
842                            @mouseenter="open = true; setPosition()"
843                            @mouseleave="open = false"
844                        >
845                            <button
846                                type="button"
847                                class="inline-flex items-center cursor-pointer"
848                                x-ref="trigger"
849                                @focus="open = true; setPosition()"
850                                @blur="open = false"
851                                @keydown.escape.window="open = false"
852                                aria-label="Delivery info"
853                            >
854                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative top-1 ml-1 h-5 w-5" width="24" height="24" role="img">
855    <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"/>
856<title/></svg>
857                            </button>
858                            <template x-teleport="body">
859                                <span
860                                    x-show="open"
861                                    x-cloak
862                                    class="fixed p-2 bg-white text-black text-sm rounded shadow-lg pointer-events-none z-[9999] break-words w-[70vw] max-w-[240px]"
863                                    :style="`top:${top}px;left:${left}px;transform:translateX(-50%);`"
864                                >
865                                    Pakketten op werkdagen besteld worden in 95% van de gevallen de volgende werkdag bezorgd                                </span>
866                            </template>
867                        </span>
868                    </span>
869                </div>
870                                <div class="flex justify-center items-center gap-1.5">
871                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img">
872    <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm-1.902 7.098a3.75 3.75 0 013.903-.884.75.75 0 10.498-1.415A5.25 5.25 0 008.005 9.75H7.5a.75.75 0 000 1.5h.054a5.281 5.281 0 000 1.5H7.5a.75.75 0 000 1.5h.505a5.25 5.25 0 006.494 2.701.75.75 0 00-.498-1.415 3.75 3.75 0 01-4.252-1.286h3.001a.75.75 0 000-1.5H9.075a3.77 3.77 0 010-1.5h3.675a.75.75 0 000-1.5h-3c.105-.14.221-.274.348-.402z" clip-rule="evenodd"/>
873<title>Achteraf betalen</title></svg>
874                    <span>
875                        Achteraf betalen                    </span>
876                </div>
877                                <div class="flex justify-center items-center gap-1.5">
878                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img">
879    <path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 00-5.25 5.25v3a3 3 0 00-3 3v6.75a3 3 0 003 3h10.5a3 3 0 003-3v-6.75a3 3 0 00-3-3v-3c0-2.9-2.35-5.25-5.25-5.25zm3.75 8.25v-3a3.75 3.75 0 10-7.5 0v3h7.5z" clip-rule="evenodd"/>
880<title>100% anoniem verpakt</title></svg>
881                    <span>
882                        100% anoniem verpakt                    </span>
883                </div>
884                                <div class="flex justify-center items-center gap-1.5">
885                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 lg:h-6 lg:w-6 text-primary-500" width="24" height="24" role="img">
886    <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z" clip-rule="evenodd"/>
887<title>Niet goed, geld terug</title></svg>
888                    <span>
889                        Niet goed, geld terug                    </span>
890                </div>
891                                <a class="flex items-center p-1 gap-1 bg-white rounded-lg xl:ml-auto hover:underline"
892                   href="https://www.kiyoh.com/reviews/1044623/123drogisterij_nl" target="_blank"
893                   title="Ga naar Kiyoh"
894                >
895                    <div class="relative">
896                        <img height="32" width="32" alt="Kiyoh reviews" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Magento_Theme/images/kiyoh.svg"/>
897                        <span class="absolute top-2.5 left-2 text-xs font-medium">9.5</span>
898                    </div>
899                    <span class="font-normal ml-1">
900                        5231 beoordelingen                    </span>
901                </a>
902                        </div>
903    </div>
904</div>
905<header class="page-header bg-white z-20"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focu
905s:bg-white
906   contentarea"
907   href="#contentarea">
908    <span>
909        Ga naar de inhoud    </span>
910</a>
911<script type="application/javascript" async
912 src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VE3mHN"></script>
912
913<div x-data="initKlaviyoCustomerTracking()"
914     @private-content-loaded.window="sendCustomerDataToKlaviyo(event.detail.data)"></div>
915    
915<script>
916        function initKlaviyoCustomerTracking() {
917            return {
918                sendCustomerDataToKlaviyo(data) {
919                    window._learnq = window._learnq || [];
920                    const customer = data.customer;
921
922                    if (customer && customer.email) {
923                        window._learnq.push(['identify', {
924                            $email: customer.email,
925                            $first_name: customer.firstname ? customer.firstname : '',
926                            $last_name:  customer.lastname ? customer.lastname : ''
927                        }]);
928                    }
929                }
930            }
931        }
932    </script>
932
933
934<script>
935    function initHeader () {
936        return {
937            customer: false,
938            searchOpen: false,
939            cart: {},
940            isCartOpen: false,
941            getData(data) {
942                if (data.cart) {
943                    this.cart = data.cart
944                }
945                if (data.customer) {
946                    this.customer = data.customer;
947                }
948            },
949            isCartEmpty() {
950                return !this.cart.summary_count
951            },
952            toggleCart(event) {
953                if (event.detail && event.detail.isOpen !== undefined) {
954                    this.isCartOpen = event.detail.isOpen
955                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
956                        this.$refs.cartButton.focus()
957                    }
958                } else {
959                                        this.isCartOpen = true
960                }
961            }
962        }
963    }
964
965    function initCompareHeader() {
966        return {
967            compareProducts: null,
968            itemCount: 0,
969            receiveCompareData(data) {
970                if (data['compare-products']) {
971                    this.compareProducts = data['compare-products'];
972                    this.itemCount = this.compareProducts.count;
973                }
974            }
975        }
976    }
977
978    let lastScroll = 0;
979    let isScrolled = false;
980    let scrollUpThreshold = 200;
981    let scrollUpDistance = 0;
982
983    window.addEventListener("scroll", function () {
984        var topHeader = document.querySelector(".page-header");
985        var searchWrapper = document.querySelector("#sticky-search-wrapper");
986        var currentScroll =
987            window.pageYOffset ||
988            document.documentElement.scrollTop ||
989            document.body.scrollTop ||
990            0;
991
992        var isScrollingUp = currentScroll < lastScroll;
993        isScrolled = currentScroll > 100;  // Header becomes sticky
994
995        var isMenuOpen = document.querySelector('.menu-open');
996
997        // Only if meun is not open
998        if (isMenuOpen === null) {
999            if (isScrollingUp) {
1000                scrollUpDistance += lastScroll - currentScroll;
1001            } else {
1002                scrollUpDistance = 0;
1003            }
1004
1005            // Only make the header sticky if user has scrolled up more than 200px
1006            var shouldToggle = isScrolled && isScrollingUp && scrollUpDistance > scrollUpThreshold;
1007
1008            topHeader.classList.toggle("sticky", shouldToggle);
1009            topHeader.classList.toggle("top-0", shouldToggle);
1010
1011            var showSearch =
1012                currentScroll > 200 &&
1013                !shouldToggle;
1014
1015            searchWrapper.classList.toggle("search-sticky", showSearch);
1016            document.body.classList.toggle("search-sticky-active", showSearch);
1017
1018            lastScroll = currentScroll;
1019        } else {
1020            searchWrapper.classList.remove("search-sticky");
1021            document.body.classList.remove("search-sticky-active");
1022        }
1023    });
1024</script>
1024
1025
1026<nav id="header"
1027     class="w-full lg:pb-0 lg:shadow-soft-no-top"
1028     x-data="initHeader()"
1029     @private-content-loaded.window="getData(event.detail.data)"
1030>
1031    <div class="border-b border-gray-200">
1032        <div class="container flex flex-wrap items-center w-full py-2 mx-auto gap-y-4 lg:py-0">
1033            <div class="order-1 w-2/5 md:w-2/3 lg:w-auto lg:max-w-[275px]">
1034    <a id="logo" class="flex items-center justify-start text-xl no-underline hover:no-underline font-title"
1035        href="https://www.123drogisterij.nl/"
1036        aria-label="Go&#x20;to&#x20;Home&#x20;page"
1037    >
1038        <picture>
1039            <img src="https://www.123drogisterij.nl/media/logo/stores/2/123drogisterij.jpeg"
1040                 alt="Store&#x20;logo"
1041                width="333"                height="100"            />
1042        </picture>
1043            </a>
1044</div>
1045                
1045<script>
1046        'use strict';
1047
1048        const initMenuMobile_6ac1ddf25b411 = () => {
1049            return {
1050                open: false,
1051                currentLevel: 0,
1052                activeNode: null,
1053                activeNode1: null,
1054                activeNode2: null,
1055                activeNode3: null,
1056                activeNode4: null,
1057                openMenu(event) {
1058                    this.open = true
1059                    this.$nextTick(() => hyva.trapFocus(this.$refs['menu-dialog']))
1060                    document.getElementsByTagName('html')[0].classList.add('overflow-y-hidden')
1061                },
1062                openSubmenu() {
1063                    this.currentLevel++;
1064                    document.querySelector('.mobile-menu-page').scrollTop = 0;
1065                },
1066                closeMenu(event) {
1067                    event.stopPropagation()
1068                    document.getElementsByTagName('html')[0].classList.remove('overflow-y-hidden')
1069                    this.open = false;
1070                    this.activeNode1 = null;
1071                    this.$nextTick(() => this.$refs['open-menu-button'].focus() || hyva.releaseFocus())
1072                },
1073            }
1074        }
1075    </script>
1075
1076
1077    <nav class=" order-3 flex px-1 py-0.5 justify-between bg-tertiary-300 z-20 rounded-md navigation text-base lg:hidden"
1078         x-data="initMenuMobile_6ac1ddf25b411()"
1079         x-defer="interact"
1080         @keydown.escape="open && closeMenu"
1081         @click.outside="open && closeMenu"
1082         aria-label="Main&#x20;menu"
1083         role="navigation"
1084    >
1085        <button x-ref="open-menu-button"
1086            class="flex flex-col items-center outline-none"
1087            @click="openMenu"
1088            type="button"
1089            aria-label="Open&#x20;menu"
1090            :aria-expanded="open"
1091            aria-haspopup="menu"
1092        >
1093            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6" width="24" height="24">
1094    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>
1095</svg>
1096            <span class="leading-none">
1097                Menu            </span>
1098        </button>
1099
1100        <div class="backdrop"
1101            x-show="open"
1102            x-transition:enter="ease-in-out duration-500"
1103            x-transition:enter-start="opacity-0"
1104            x-transition:enter-end="opacity-100"
1105            x-transition:leave="ease-in-out duration-500"
1106            x-transition:leave-start="opacity-100"
1107            x-transition:leave-end="opacity-0"
1108            @click="closeMenu"
1109            x-cloak
1110        ></div>
1111
1112        <div class="fixed z-30 top-0 left-0 w-11/12 max-w-lg h-full bg-white shadow-2xl overflow-y-auto overflow-x-hidden transform transition ease-in-out duration-500 sm:duration-700"
1113            :class="{
1114                '-translate-x-full' : !open,
1115                'translate-x-0' : open,
1116            }"
1117            x-cloak
1118            x-ref="menu-dialog"
1119            role="dialog"
1120            aria-modal="true"
1121            aria-label="Main&#x20;menu"
1122            :aria-hidden="open ? 'false' : 'true'"
1123        >
1124            <div x-show="open"
1125                class="flex flex-col h-full"
1126            >
1127                <div class="px-8">
1128                    <button @click="closeMenu"
1129                        class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1130                        aria-label="Close&#x20;menu"
1131                        type="button"
1132                    >
1133                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1134    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1135</svg>
1136                    </button>
1137                </div>
1138
1139                <div class="mb-1">
1140                                                    <button type="button" class="group menu-item-with-submenu font-semibold"
1141                                @click="openSubmenu(), activeNode1 = 'node196', activeNode = 'node196'"
1142                            >
1143                                Incontinentiemateriaal                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1144                                     class="h-5 w-5"
1145                                     :class="0 === currentLevel ? 'relative' : ''"
1146                                >
1147                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1148                                </svg>
1149                            </button>
1150                                <div class="mobile-menu-page"
1151         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1152         x-transition:enter-start="translate-x-full"
1153         x-transition:enter-end="-translate-x-0"
1154         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1155         x-transition:leave-start="-translate-x-0"
1156         x-transition:leave-end="translate-x-full"
1157         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1158         x-show="activeNode1 === 'node196'"
1159    >
1160        <div class="flex justify-between px-8">
1161                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1162                      @click="currentLevel--, activeNode1 = '', activeNode = 'node196'"
1163                >
1164                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1165                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Incontinentiemateriaal"
1166                    >
1167                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1168                    </svg>
1169                    Terug                </span>
1170                            <button @click="closeMenu"
1171                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1172                    aria-label="Close&#x20;menu"
1173                    type="button"
1174            >
1175                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1176    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1177</svg>
1178            </button>
1179        </div>
1180
1181        
1182<a href="https://www.123drogisterij.nl/incontinentiemateriaal"
1183            class="menu-item underline"
1184        >
1185    Bekijk alles van: Incontinentiemateriaal</a>
1186
1187<a href="https://www.123drogisterij.nl/incontinentiemateriaal/koopjeshoek"
1188            class="menu-item "
1189        >
1190    Koopjeshoek</a>
1191                <button type="button" class="group menu-item-with-submenu"
1192                    @click="openSubmenu(), activeNode2 = 'node198', activeNode = 'node198'"
1193                >
1194                    TENA                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1195                         class="h-5 w-5"
1196                         :class="1 === currentLevel ? 'relative' : ''"
1197                    >
1198                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1199                    </svg>
1200                </button>
1201                    <div class="mobile-menu-page"
1202         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1203         x-transition:enter-start="translate-x-full"
1204         x-transition:enter-end="-translate-x-0"
1205         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1206         x-transition:leave-start="-translate-x-0"
1207         x-transition:leave-end="translate-x-full"
1208         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1209         x-show="activeNode2 === 'node198'"
1210    >
1211        <div class="flex justify-between px-8">
1212                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1213                      @click="currentLevel--, activeNode2 = '', activeNode = 'node198'"
1214                >
1215                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1216                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to TENA"
1217                    >
1218                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1219                    </svg>
1220                    Terug                </span>
1221                            <button @click="closeMenu"
1222                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1223                    aria-label="Close&#x20;menu"
1224                    type="button"
1225            >
1226                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1227    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1228</svg>
1229            </button>
1230        </div>
1231
1232        
1233<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie"
1234            class="menu-item underline"
1235        >
1236    Bekijk alles van: TENA</a>
1237                <button type="button" class="group menu-item-with-submenu"
1238                    @click="openSubmenu(), activeNode3 = 'node199', activeNode = 'node199'"
1239                >
1240                    TENA Pants                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1241                         class="h-5 w-5"
1242                         :class="2 === currentLevel ? 'relative' : ''"
1243                    >
1244                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1245                    </svg>
1246                </button>
1247                    <div class="mobile-menu-page"
1248         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1249         x-transition:enter-start="translate-x-full"
1250         x-transition:enter-end="-translate-x-0"
1251         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1252         x-transition:leave-start="-translate-x-0"
1253         x-transition:leave-end="translate-x-full"
1254         :class="3 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1255         x-show="activeNode3 === 'node199'"
1256    >
1257        <div class="flex justify-between px-8">
1258                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1259                      @click="currentLevel--, activeNode3 = '', activeNode = 'node199'"
1260                >
1261                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1262                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to TENA&#x20;Pants"
1263                    >
1264                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1265                    </svg>
1266                    Terug                </span>
1267                            <button @click="closeMenu"
1268                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1269                    aria-label="Close&#x20;menu"
1270                    type="button"
1271            >
1272                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1273    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1274</svg>
1275            </button>
1276        </div>
1277
1278        
1279<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants"
1280            class="menu-item underline"
1281        >
1282    Bekijk alles van: TENA Pants</a>
1283
1284<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-vrouwen"
1285            class="menu-item "
1286        >
1287    TENA Pants voor vrouwen</a>
1288
1289<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-mannen"
1290            class="menu-item "
1291        >
1292    TENA Pants voor mannen</a>
1293    </div>
1294                    
1295<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady"
1296            class="menu-item "
1297        >
1298    TENA Lady</a>
1299
1300<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-for-men"
1301            class="menu-item "
1302        >
1303    TENA For Men</a>
1304
1305<a href="#"
1306            class="menu-item "
1307        >
1308    TENA Slip Active Fit</a>
1309
1310<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady-broekjes"
1311            class="menu-item "
1312        >
1313    TENA Lady Pants</a>
1314
1315<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-discreet"
1316            class="menu-item "
1317        >
1318    TENA Discreet</a>
1319
1320<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-flex"
1321            class="menu-item "
1322        >
1323    TENA Flex</a>
1324
1325<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bed-onderleggers"
1326            class="menu-item "
1327        >
1328    TENA Bed Onderlegger</a>
1329
1330<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-huidverzorging"
1331            class="menu-item "
1332        >
1333    TENA Huidverzorging</a>
1334
1335<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-slips-confioair"
1336            class="menu-item "
1337        >
1338    TENA Slips - PROskin</a>
1339
1340<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-confioair"
1341            class="menu-item "
1342        >
1343    TENA Comfort - PROskin</a>
1344
1345<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bariatric-slip"
1346            class="menu-item "
1347        >
1348    TENA Bariatric Slip</a>
1349
1350<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-fix"
1351            class="menu-item "
1352        >
1353    TENA Fix</a>
1354
1355<a href="#"
1356            class="menu-item "
1357        >
1358    TENA Pants Original</a>
1359
1360<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-steeklaken"
1361            class="menu-item "
1362        >
1363    TENA Steeklaken</a>
1364
1365<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men"
1366            class="menu-item "
1367        >
1368    TENA Men</a>
1369
1370<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-mini"
1371            class="menu-item "
1372        >
1373    TENA Comfort Mini</a>
1374    </div>
1375                    
1376<a href="https://www.123drogisterij.nl/incontinentiemateriaal/plastic-broekjes-voor-volwassenen"
1377            class="menu-item "
1378        >
1379    Plastic Broek Volwassenen</a>
1380
1381<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inleggers-voor-extra-absorptie"
1382            class="menu-item "
1383        >
1384    Inleggers voor extra absorptie</a>
1385
1386<a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers"
1387            class="menu-item "
1388        >
1389    Zwemluiers</a>
1390                <button type="button" class="group menu-item-with-submenu"
1391                    @click="openSubmenu(), activeNode2 = 'node221', activeNode = 'node221'"
1392                >
1393                    Abena                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1394                         class="h-5 w-5"
1395                         :class="1 === currentLevel ? 'relative' : ''"
1396                    >
1397                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1398                    </svg>
1399                </button>
1400                    <div class="mobile-menu-page"
1401         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1402         x-transition:enter-start="translate-x-full"
1403         x-transition:enter-end="-translate-x-0"
1404         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1405         x-transition:leave-start="-translate-x-0"
1406         x-transition:leave-end="translate-x-full"
1407         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1408         x-show="activeNode2 === 'node221'"
1409    >
1410        <div class="flex justify-between px-8">
1411                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1412                      @click="currentLevel--, activeNode2 = '', activeNode = 'node221'"
1413                >
1414                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1415                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Abena"
1416                    >
1417                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1418                    </svg>
1419                    Terug                </span>
1420                            <button @click="closeMenu"
1421                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1422                    aria-label="Close&#x20;menu"
1423                    type="button"
1424            >
1425                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1426    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1427</svg>
1428            </button>
1429        </div>
1430
1431        
1432<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena"
1433            class="menu-item underline"
1434        >
1435    Bekijk alles van: Abena</a>
1436
1437<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-flex"
1438            class="menu-item "
1439        >
1440    Abena Pants</a>
1441
1442<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form"
1443            class="menu-item "
1444        >
1445    Abena Slip</a>
1446
1447<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-man"
1448            class="menu-item "
1449        >
1450    Abena Man</a>
1451
1452<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/verzorgend-wassen-abena"
1453            class="menu-item "
1454        >
1455    Verzorgend Wassen van Abena</a>
1456
1457<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-san"
1458            class="menu-item "
1459        >
1460    Abena San</a>
1461
1462<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-geurneutralisator"
1463            class="menu-item "
1464        >
1465    Abena Geurneutralisator</a>
1466
1467<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-abri-let"
1468            class="menu-item "
1469        >
1470    Abena Let</a>
1471
1472<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-light"
1473            class="menu-item "
1474        >
1475    Abena Light</a>
1476
1477<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-soft"
1478            class="menu-item "
1479        >
1480    Abena Abri-Soft</a>
1481
1482<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form-junior"
1483            class="menu-item "
1484        >
1485    Abena Slip Junior</a>
1486    </div>
1487                                    <button type="button" class="group menu-item-with-submenu"
1488                    @click="openSubmenu(), activeNode2 = 'node232', activeNode = 'node232'"
1489                >
1490                    Depend                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1491                         class="h-5 w-5"
1492                         :class="1 === currentLevel ? 'relative' : ''"
1493                    >
1494                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1495                    </svg>
1496                </button>
1497                    <div class="mobile-menu-page"
1498         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1499         x-transition:enter-start="translate-x-full"
1500         x-transition:enter-end="-translate-x-0"
1501         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1502         x-transition:leave-start="-translate-x-0"
1503         x-transition:leave-end="translate-x-full"
1504         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1505         x-show="activeNode2 === 'node232'"
1506    >
1507        <div class="flex justify-between px-8">
1508                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1509                      @click="currentLevel--, activeNode2 = '', activeNode = 'node232'"
1510                >
1511                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1512                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Depend"
1513                    >
1514                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1515                    </svg>
1516                    Terug                </span>
1517                            <button @click="closeMenu"
1518                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1519                    aria-label="Close&#x20;menu"
1520                    type="button"
1521            >
1522                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1523    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1524</svg>
1525            </button>
1526        </div>
1527
1528        
1529<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend"
1530            class="menu-item underline"
1531        >
1532    Bekijk alles van: Depend</a>
1533
1534<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-inleggers"
1535            class="menu-item "
1536        >
1537    Depend Inleggers</a>
1538
1539<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-slip"
1540            class="menu-item "
1541        >
1542    Depend Slip</a>
1543                <button type="button" class="group menu-item-with-submenu"
1544                    @click="openSubmenu(), activeNode3 = 'node235', activeNode = 'node235'"
1545                >
1546                    Depend Pants                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1547                         class="h-5 w-5"
1548                         :class="2 === currentLevel ? 'relative' : ''"
1549                    >
1550                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1551                    </svg>
1552                </button>
1553                    <div class="mobile-menu-page"
1554         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1555         x-transition:enter-start="translate-x-full"
1556         x-transition:enter-end="-translate-x-0"
1557         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1558         x-transition:leave-start="-translate-x-0"
1559         x-transition:leave-end="translate-x-full"
1560         :class="3 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1561         x-show="activeNode3 === 'node235'"
1562    >
1563        <div class="flex justify-between px-8">
1564                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1565                      @click="currentLevel--, activeNode3 = '', activeNode = 'node235'"
1566                >
1567                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1568                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Depend&#x20;Pants"
1569                    >
1570                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1571                    </svg>
1572                    Terug                </span>
1573                            <button @click="closeMenu"
1574                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1575                    aria-label="Close&#x20;menu"
1576                    type="button"
1577            >
1578                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1579    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1580</svg>
1581            </button>
1582        </div>
1583
1584        
1585<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants"
1586            class="menu-item underline"
1587        >
1588    Bekijk alles van: Depend Pants</a>
1589
1590<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-women"
1591            class="menu-item "
1592        >
1593    Depend Pants for Women</a>
1594
1595<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-men"
1596            class="menu-item "
1597        >
1598    Depend Pants for Men</a>
1599    </div>
1600                    
1601<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-verband"
1602            class="menu-item "
1603        >
1604    Depend Verband</a>
1605
1606<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-for-men"
1607            class="menu-item "
1608        >
1609    Depend For Men</a>
1610
1611<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-anatomic"
1612            class="menu-item "
1613        >
1614    Depend Anatomic</a>
1615    </div>
1616                                    <button type="button" class="group menu-item-with-submenu"
1617                    @click="openSubmenu(), activeNode2 = 'node242', activeNode = 'node242'"
1618                >
1619                    Attends                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1620                         class="h-5 w-5"
1621                         :class="1 === currentLevel ? 'relative' : ''"
1622                    >
1623                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1624                    </svg>
1625                </button>
1626                    <div class="mobile-menu-page"
1627         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1628         x-transition:enter-start="translate-x-full"
1629         x-transition:enter-end="-translate-x-0"
1630         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1631         x-transition:leave-start="-translate-x-0"
1632         x-transition:leave-end="translate-x-full"
1633         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1634         x-show="activeNode2 === 'node242'"
1635    >
1636        <div class="flex justify-between px-8">
1637                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1638                      @click="currentLevel--, activeNode2 = '', activeNode = 'node242'"
1639                >
1640                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1641                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Attends"
1642                    >
1643                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1644                    </svg>
1645                    Terug                </span>
1646                            <button @click="closeMenu"
1647                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1648                    aria-label="Close&#x20;menu"
1649                    type="button"
1650            >
1651                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1652    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1653</svg>
1654            </button>
1655        </div>
1656
1657        
1658<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie"
1659            class="menu-item underline"
1660        >
1661    Bekijk alles van: Attends</a>
1662
1663<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-slip"
1664            class="menu-item "
1665        >
1666    Attends Slip</a>
1667
1668<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-inleggers-2"
1669            class="menu-item "
1670        >
1671    Attends inleggers</a>
1672
1673<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-pull-ons"
1674            class="menu-item "
1675        >
1676    Attends Pull-Ons</a>
1677
1678<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-for-men"
1679            class="menu-item "
1680        >
1681    Attends For Men</a>
1682
1683<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-soft"
1684            class="menu-item "
1685        >
1686    Attends Soft</a>
1687
1688<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours"
1689            class="menu-item "
1690        >
1691    Attends Contours</a>
1692
1693<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours-air-comfort"
1694            class="menu-item "
1695        >
1696    Attends Contours Air Comfort</a>
1697
1698<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-cover-dri"
1699            class="menu-item "
1700        >
1701    Attends Cover Dri</a>
1702    </div>
1703                                    <button type="button" class="group menu-item-with-submenu"
1704                    @click="openSubmenu(), activeNode2 = 'node253', activeNode = 'node253'"
1705                >
1706                    Absorin                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1707                         class="h-5 w-5"
1708                         :class="1 === currentLevel ? 'relative' : ''"
1709                    >
1710                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1711                    </svg>
1712                </button>
1713                    <div class="mobile-menu-page"
1714         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1715         x-transition:enter-start="translate-x-full"
1716         x-transition:enter-end="-translate-x-0"
1717         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1718         x-transition:leave-start="-translate-x-0"
1719         x-transition:leave-end="translate-x-full"
1720         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1721         x-show="activeNode2 === 'node253'"
1722    >
1723        <div class="flex justify-between px-8">
1724                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1725                      @click="currentLevel--, activeNode2 = '', activeNode = 'node253'"
1726                >
1727                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1728                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Absorin"
1729                    >
1730                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1731                    </svg>
1732                    Terug                </span>
1733                            <button @click="closeMenu"
1734                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1735                    aria-label="Close&#x20;menu"
1736                    type="button"
1737            >
1738                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1739    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1740</svg>
1741            </button>
1742        </div>
1743
1744        
1745<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie"
1746            class="menu-item underline"
1747        >
1748    Bekijk alles van: Absorin</a>
1749
1750<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-slip"
1751            class="menu-item "
1752        >
1753    Absorin Slip</a>
1754
1755<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-pants"
1756            class="menu-item "
1757        >
1758    Absorin Pants</a>
1759
1760<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-sanette"
1761            class="menu-item "
1762        >
1763    Absorin Sanette</a>
1764
1765<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-finette"
1766            class="menu-item "
1767        >
1768    Absorin Finette</a>
1769
1770<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-onderlegger"
1771            class="menu-item "
1772        >
1773    Absorin Onderlegger</a>
1774
1775<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-inlay"
1776            class="menu-item "
1777        >
1778    Absorin Classic Inlay</a>
1779
1780<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-mincy"
1781            class="menu-item "
1782        >
1783    Absorin Mannen</a>
1784    </div>
1785                    
1786<a href="https://www.123drogisterij.nl/incontinentiemateriaal/betterdry"
1787            class="menu-item "
1788        >
1789    BetterDry</a>
1790
1791<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inco-s"
1792            class="menu-item "
1793        >
1794    Inco&#039;s</a>
1795
1796<a href="https://www.123drogisterij.nl/incontinentiemateriaal/netbroekjes"
1797            class="menu-item "
1798        >
1799    Netbroekjes</a>
1800
1801<a href="#"
1802            class="menu-item "
1803        >
1804    DryNites</a>
1805                <button type="button" class="group menu-item-with-submenu"
1806                    @click="openSubmenu(), activeNode2 = 'node265', activeNode = 'node265'"
1807                >
1808                    Seni                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1809                         class="h-5 w-5"
1810                         :class="1 === currentLevel ? 'relative' : ''"
1811                    >
1812                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1813                    </svg>
1814                </button>
1815                    <div class="mobile-menu-page"
1816         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1817         x-transition:enter-start="translate-x-full"
1818         x-transition:enter-end="-translate-x-0"
1819         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1820         x-transition:leave-start="-translate-x-0"
1821         x-transition:leave-end="translate-x-full"
1822         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1823         x-show="activeNode2 === 'node265'"
1824    >
1825        <div class="flex justify-between px-8">
1826                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1827                      @click="currentLevel--, activeNode2 = '', activeNode = 'node265'"
1828                >
1829                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1830                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Seni"
1831                    >
1832                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1833                    </svg>
1834                    Terug                </span>
1835                            <button @click="closeMenu"
1836                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1837                    aria-label="Close&#x20;menu"
1838                    type="button"
1839            >
1840                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1841    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1842</svg>
1843            </button>
1844        </div>
1845
1846        
1847<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni"
1848            class="menu-item underline"
1849        >
1850    Bekijk alles van: Seni</a>
1851
1852<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-bed-onderlegger"
1853            class="menu-item "
1854        >
1855    Seni Bed Onderlegger</a>
1856
1857<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-slips"
1858            class="menu-item "
1859        >
1860    Seni Slips</a>
1861
1862<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-lady"
1863            class="menu-item "
1864        >
1865    Seni Lady</a>
1866
1867<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-care"
1868            class="menu-item "
1869        >
1870    Seni Care</a>
1871
1872<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-pants"
1873            class="menu-item "
1874        >
1875    Seni Pants</a>
1876
1877<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-man"
1878            class="menu-item "
1879        >
1880    Seni Man</a>
1881
1882<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/san-seni-inleggers"
1883            class="menu-item "
1884        >
1885    San Seni inleggers</a>
1886
1887<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-kids-junior"
1888            class="menu-item "
1889        >
1890    Seni Kids Junior</a>
1891    </div>
1892                    
1893<a href="https://www.123drogisterij.nl/incontinentiemateriaal/matrasbeschermer"
1894            class="menu-item "
1895        >
1896    Incontinentie matrasbeschermer</a>
1897                <button type="button" class="group menu-item-with-submenu"
1898                    @click="openSubmenu(), activeNode2 = 'node276', activeNode = 'node276'"
1899                >
1900                    Verzorging                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1901                         class="h-5 w-5"
1902                         :class="1 === currentLevel ? 'relative' : ''"
1903                    >
1904                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1905                    </svg>
1906                </button>
1907                    <div class="mobile-menu-page"
1908         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1909         x-transition:enter-start="translate-x-full"
1910         x-transition:enter-end="-translate-x-0"
1911         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1912         x-transition:leave-start="-translate-x-0"
1913         x-transition:leave-end="translate-x-full"
1914         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1915         x-show="activeNode2 === 'node276'"
1916    >
1917        <div class="flex justify-between px-8">
1918                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1919                      @click="currentLevel--, activeNode2 = '', activeNode = 'node276'"
1920                >
1921                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1922                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Verzorging"
1923                    >
1924                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1925                    </svg>
1926                    Terug                </span>
1927                            <button @click="closeMenu"
1928                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1929                    aria-label="Close&#x20;menu"
1930                    type="button"
1931            >
1932                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
1933    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1934</svg>
1935            </button>
1936        </div>
1937
1938        
1939<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging"
1940            class="menu-item underline"
1941        >
1942    Bekijk alles van: Verzorging</a>
1943
1944<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/washandjes"
1945            class="menu-item "
1946        >
1947    Washandjes</a>
1948
1949<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/tena-verzorging"
1950            class="menu-item "
1951        >
1952    TENA Verzorging</a>
1953
1954<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/seni-verzorging"
1955            class="menu-item "
1956        >
1957    Seni Verzorging</a>
1958
1959<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/abena-verzorging"
1960            class="menu-item "
1961        >
1962    Abena Verzorging</a>
1963    </div>
1964                                    <button type="button" class="group menu-item-with-submenu"
1965                    @click="openSubmenu(), activeNode2 = 'node281', activeNode = 'node281'"
1966                >
1967                    Molicare                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1968                         class="h-5 w-5"
1969                         :class="1 === currentLevel ? 'relative' : ''"
1970                    >
1971                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
1972                    </svg>
1973                </button>
1974                    <div class="mobile-menu-page"
1975         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
1976         x-transition:enter-start="translate-x-full"
1977         x-transition:enter-end="-translate-x-0"
1978         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
1979         x-transition:leave-start="-translate-x-0"
1980         x-transition:leave-end="translate-x-full"
1981         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
1982         x-show="activeNode2 === 'node281'"
1983    >
1984        <div class="flex justify-between px-8">
1985                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
1986                      @click="currentLevel--, activeNode2 = '', activeNode = 'node281'"
1987                >
1988                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
1989                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Molicare"
1990                    >
1991                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
1992                    </svg>
1993                    Terug                </span>
1994                            <button @click="closeMenu"
1995                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
1996                    aria-label="Close&#x20;menu"
1997                    type="button"
1998            >
1999                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2000    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2001</svg>
2002            </button>
2003        </div>
2004
2005        
2006<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare"
2007            class="menu-item underline"
2008        >
2009    Bekijk alles van: Molicare</a>
2010
2011<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/molicare-mobile"
2012            class="menu-item "
2013        >
2014    Hartmann Molicare Mobile</a>
2015
2016<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/hartmann-molicare-men"
2017            class="menu-item "
2018        >
2019    Hartmann Molicare Men</a>
2020    </div>
2021                                    <button type="button" class="group menu-item-with-submenu"
2022                    @click="openSubmenu(), activeNode2 = 'node285', activeNode = 'node285'"
2023                >
2024                    Egosan                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2025                         class="h-5 w-5"
2026                         :class="1 === currentLevel ? 'relative' : ''"
2027                    >
2028                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2029                    </svg>
2030                </button>
2031                    <div class="mobile-menu-page"
2032         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2033         x-transition:enter-start="translate-x-full"
2034         x-transition:enter-end="-translate-x-0"
2035         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2036         x-transition:leave-start="-translate-x-0"
2037         x-transition:leave-end="translate-x-full"
2038         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2039         x-show="activeNode2 === 'node285'"
2040    >
2041        <div class="flex justify-between px-8">
2042                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2043                      @click="currentLevel--, activeNode2 = '', activeNode = 'node285'"
2044                >
2045                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2046                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Egosan"
2047                    >
2048                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2049                    </svg>
2050                    Terug                </span>
2051                            <button @click="closeMenu"
2052                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2053                    aria-label="Close&#x20;menu"
2054                    type="button"
2055            >
2056                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2057    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2058</svg>
2059            </button>
2060        </div>
2061
2062        
2063<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan"
2064            class="menu-item underline"
2065        >
2066    Bekijk alles van: Egosan</a>
2067
2068<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-pants"
2069            class="menu-item "
2070        >
2071    Egosan Pants</a>
2072
2073<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-slip"
2074            class="menu-item "
2075        >
2076    Egosan Slip</a>
2077
2078<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-man"
2079            class="menu-item "
2080        >
2081    Egosan Man</a>
2082
2083<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-bed"
2084            class="menu-item "
2085        >
2086    Egosan Bed</a>
2087    </div>
2088                                    <button type="button" class="group menu-item-with-submenu"
2089                    @click="openSubmenu(), activeNode2 = 'node290', activeNode = 'node290'"
2090                >
2091                    Incontinentiemateriaal voor kinderen                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2092                         class="h-5 w-5"
2093                         :class="1 === currentLevel ? 'relative' : ''"
2094                    >
2095                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2096                    </svg>
2097                </button>
2098                    <div class="mobile-menu-page"
2099         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2100         x-transition:enter-start="translate-x-full"
2101         x-transition:enter-end="-translate-x-0"
2102         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2103         x-transition:leave-start="-translate-x-0"
2104         x-transition:leave-end="translate-x-full"
2105         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2106         x-show="activeNode2 === 'node290'"
2107    >
2108        <div class="flex justify-between px-8">
2109                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2110                      @click="currentLevel--, activeNode2 = '', activeNode = 'node290'"
2111                >
2112                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2113                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Incontinentiemateriaal&#x20;voor&#x20;kinderen"
2114                    >
2115                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2116                    </svg>
2117                    Terug                </span>
2118                            <button @click="closeMenu"
2119                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2120                    aria-label="Close&#x20;menu"
2121                    type="button"
2122            >
2123                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2124    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2125</svg>
2126            </button>
2127        </div>
2128
2129        
2130<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen"
2131            class="menu-item underline"
2132        >
2133    Bekijk alles van: Incontinentiemateriaal voor kinderen</a>
2134
2135<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/luiers-voor-kinderen"
2136            class="menu-item "
2137        >
2138    Luiers voor kinderen</a>
2139
2140<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/incontinentiebroekjes-voor-kinderen"
2141            class="menu-item "
2142        >
2143    Incontinentiebroekjes voor kinderen</a>
2144
2145<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/matrasbescherming-voor-kinderen"
2146            class="menu-item "
2147        >
2148    Matrasbescherming voor kinderen</a>
2149    </div>
2150                                    <button type="button" class="group menu-item-with-submenu"
2151                    @click="openSubmenu(), activeNode2 = 'node294', activeNode = 'node294'"
2152                >
2153                    Fix                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2154                         class="h-5 w-5"
2155                         :class="1 === currentLevel ? 'relative' : ''"
2156                    >
2157                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2158                    </svg>
2159                </button>
2160                    <div class="mobile-menu-page"
2161         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2162         x-transition:enter-start="translate-x-full"
2163         x-transition:enter-end="-translate-x-0"
2164         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2165         x-transition:leave-start="-translate-x-0"
2166         x-transition:leave-end="translate-x-full"
2167         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2168         x-show="activeNode2 === 'node294'"
2169    >
2170        <div class="flex justify-between px-8">
2171                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2172                      @click="currentLevel--, activeNode2 = '', activeNode = 'node294'"
2173                >
2174                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2175                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Fix"
2176                    >
2177                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2178                    </svg>
2179                    Terug                </span>
2180                            <button @click="closeMenu"
2181                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2182                    aria-label="Close&#x20;menu"
2183                    type="button"
2184            >
2185                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2186    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2187</svg>
2188            </button>
2189        </div>
2190
2191        
2192<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie"
2193            class="menu-item underline"
2194        >
2195    Bekijk alles van: Fix</a>
2196
2197<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie/tena-fixatie-broekjes"
2198            class="menu-item "
2199        >
2200    TENA Fixatie Broekjes</a>
2201    </div>
2202                        </div>
2203                                                                <button type="button" class="group menu-item-with-submenu font-semibold"
2204                                @click="openSubmenu(), activeNode1 = 'node297', activeNode = 'node297'"
2205                            >
2206                                Luiers                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2207                                     class="h-5 w-5"
2208                                     :class="0 === currentLevel ? 'relative' : ''"
2209                                >
2210                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2211                                </svg>
2212                            </button>
2213                                <div class="mobile-menu-page"
2214         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2215         x-transition:enter-start="translate-x-full"
2216         x-transition:enter-end="-translate-x-0"
2217         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2218         x-transition:leave-start="-translate-x-0"
2219         x-transition:leave-end="translate-x-full"
2220         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2221         x-show="activeNode1 === 'node297'"
2222    >
2223        <div class="flex justify-between px-8">
2224                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2225                      @click="currentLevel--, activeNode1 = '', activeNode = 'node297'"
2226                >
2227                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2228                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Luiers"
2229                    >
2230                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2231                    </svg>
2232                    Terug                </span>
2233                            <button @click="closeMenu"
2234                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2235                    aria-label="Close&#x20;menu"
2236                    type="button"
2237            >
2238                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2239    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2240</svg>
2241            </button>
2242        </div>
2243
2244        
2245<a href="https://www.123drogisterij.nl/incontinentie-luiers"
2246            class="menu-item underline"
2247        >
2248    Bekijk alles van: Luiers</a>
2249
2250<a href="https://www.123drogisterij.nl/incontinentie-luiers/zwemluiers"
2251            class="menu-item "
2252        >
2253    Zwemluiers</a>
2254
2255<a href="https://www.123drogisterij.nl/incontinentie-luiers/tena-luiers-voor-volwassenen"
2256            class="menu-item "
2257        >
2258    TENA Luiers</a>
2259
2260<a href="https://www.123drogisterij.nl/incontinentie-luiers/abena-luiers"
2261            class="menu-item "
2262        >
2263    Abena Luiers</a>
2264
2265<a href="https://www.123drogisterij.nl/incontinentie-luiers/attends-luiers"
2266            class="menu-item "
2267        >
2268    Attends Luiers</a>
2269
2270<a href="https://www.123drogisterij.nl/incontinentie-luiers/absorin-luiers"
2271            class="menu-item "
2272        >
2273    Absorin Luiers</a>
2274
2275<a href="https://www.123drogisterij.nl/incontinentie-luiers/plastic-luiers-voor-volwassenen"
2276            class="menu-item "
2277        >
2278    Plastic luiers voor volwassenen</a>
2279
2280<a href="https://www.123drogisterij.nl/incontinentie-luiers/luiers-voor-volwassenen"
2281            class="menu-item "
2282        >
2283    Luiers voor volwassenen</a>
2284
2285<a href="https://www.123drogisterij.nl/incontinentie-luiers/depend-luiers"
2286            class="menu-item "
2287        >
2288    Depend Luiers</a>
2289
2290<a href="https://www.123drogisterij.nl/incontinentie-luiers/seni-luiers"
2291            class="menu-item "
2292        >
2293    Seni Luiers</a>
2294
2295<a href="https://www.123drogisterij.nl/incontinentie-luiers/nachtluiers"
2296            class="menu-item "
2297        >
2298    Nachtluiers volwassenen</a>
2299    </div>
2300                                
2301<a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen"
2302            class="flex items-center justify-between w-full px-8 py-4 text-left group font-semibold hover:bg-tertiary-300 hover:underline"
2303        >
2304    Mannen</a>
2305                                <button type="button" class="group menu-item-with-submenu font-semibold"
2306                                @click="openSubmenu(), activeNode1 = 'node310', activeNode = 'node310'"
2307                            >
2308                                Slip                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2309                                     class="h-5 w-5"
2310                                     :class="0 === currentLevel ? 'relative' : ''"
2311                                >
2312                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2313                                </svg>
2314                            </button>
2315                                <div class="mobile-menu-page"
2316         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2317         x-transition:enter-start="translate-x-full"
2318         x-transition:enter-end="-translate-x-0"
2319         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2320         x-transition:leave-start="-translate-x-0"
2321         x-transition:leave-end="translate-x-full"
2322         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2323         x-show="activeNode1 === 'node310'"
2324    >
2325        <div class="flex justify-between px-8">
2326                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2327                      @click="currentLevel--, activeNode1 = '', activeNode = 'node310'"
2328                >
2329                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2330                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Slip"
2331                    >
2332                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2333                    </svg>
2334                    Terug                </span>
2335                            <button @click="closeMenu"
2336                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2337                    aria-label="Close&#x20;menu"
2338                    type="button"
2339            >
2340                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2341    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2342</svg>
2343            </button>
2344        </div>
2345
2346        
2347<a href="https://www.123drogisterij.nl/incontinentie-slips"
2348            class="menu-item underline"
2349        >
2350    Bekijk alles van: Slip</a>
2351
2352<a href="https://www.123drogisterij.nl/incontinentie-slips/tena-slips"
2353            class="menu-item "
2354        >
2355    TENA Slips</a>
2356
2357<a href="https://www.123drogisterij.nl/incontinentie-slips/absorin-slip"
2358            class="menu-item "
2359        >
2360    Absorin Slip</a>
2361
2362<a href="https://www.123drogisterij.nl/incontinentie-slips/attends-slip"
2363            class="menu-item "
2364        >
2365    Attends Slip</a>
2366
2367<a href="https://www.123drogisterij.nl/incontinentie-slips/abena-slips"
2368            class="menu-item "
2369        >
2370    Abena Slips</a>
2371
2372<a href="https://www.123drogisterij.nl/incontinentie-slips/depend-slip"
2373            class="menu-item "
2374        >
2375    Depend Slip</a>
2376
2377<a href="https://www.123drogisterij.nl/incontinentie-slips/seni-slip"
2378            class="menu-item "
2379        >
2380    Seni Slip</a>
2381
2382<a href="https://www.123drogisterij.nl/incontinentie-slips/betterdry-slip"
2383            class="menu-item "
2384        >
2385    BetterDry Slip</a>
2386    </div>
2387                                                                <button type="button" class="group menu-item-with-submenu font-semibold"
2388                                @click="openSubmenu(), activeNode1 = 'node318', activeNode = 'node318'"
2389                            >
2390                                Pants                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2391                                     class="h-5 w-5"
2392                                     :class="0 === currentLevel ? 'relative' : ''"
2393                                >
2394                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2395                                </svg>
2396                            </button>
2397                                <div class="mobile-menu-page"
2398         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2399         x-transition:enter-start="translate-x-full"
2400         x-transition:enter-end="-translate-x-0"
2401         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2402         x-transition:leave-start="-translate-x-0"
2403         x-transition:leave-end="translate-x-full"
2404         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2405         x-show="activeNode1 === 'node318'"
2406    >
2407        <div class="flex justify-between px-8">
2408                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2409                      @click="currentLevel--, activeNode1 = '', activeNode = 'node318'"
2410                >
2411                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2412                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Pants"
2413                    >
2414                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2415                    </svg>
2416                    Terug                </span>
2417                            <button @click="closeMenu"
2418                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2419                    aria-label="Close&#x20;menu"
2420                    type="button"
2421            >
2422                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2423    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2424</svg>
2425            </button>
2426        </div>
2427
2428        
2429<a href="https://www.123drogisterij.nl/incontinentie-pants"
2430            class="menu-item underline"
2431        >
2432    Bekijk alles van: Pants</a>
2433
2434<a href="https://www.123drogisterij.nl/pants/abso-x-pants"
2435            class="menu-item "
2436        >
2437    ABSO-X Ultra Pants</a>
2438
2439<a href="https://www.123drogisterij.nl/incontinentie-pants/tena-pants"
2440            class="menu-item "
2441        >
2442    TENA Pants</a>
2443
2444<a href="https://www.123drogisterij.nl/incontinentie-pants/abena-pants"
2445            class="menu-item "
2446        >
2447    Abena Pants</a>
2448
2449<a href="https://www.123drogisterij.nl/incontinentie-pants/attends-pants"
2450            class="menu-item "
2451        >
2452    Attends Pants</a>
2453                <button type="button" class="group menu-item-with-submenu"
2454                    @click="openSubmenu(), activeNode2 = 'node322', activeNode = 'node322'"
2455                >
2456                    Depend Pants                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2457                         class="h-5 w-5"
2458                         :class="1 === currentLevel ? 'relative' : ''"
2459                    >
2460                        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2461                    </svg>
2462                </button>
2463                    <div class="mobile-menu-page"
2464         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2465         x-transition:enter-start="translate-x-full"
2466         x-transition:enter-end="-translate-x-0"
2467         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2468         x-transition:leave-start="-translate-x-0"
2469         x-transition:leave-end="translate-x-full"
2470         :class="2 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2471         x-show="activeNode2 === 'node322'"
2472    >
2473        <div class="flex justify-between px-8">
2474                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2475                      @click="currentLevel--, activeNode2 = '', activeNode = 'node322'"
2476                >
2477                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2478                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Depend&#x20;Pants"
2479                    >
2480                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2481                    </svg>
2482                    Terug                </span>
2483                            <button @click="closeMenu"
2484                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2485                    aria-label="Close&#x20;menu"
2486                    type="button"
2487            >
2488                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2489    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2490</svg>
2491            </button>
2492        </div>
2493
2494        
2495<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants"
2496            class="menu-item underline"
2497        >
2498    Bekijk alles van: Depend Pants</a>
2499
2500<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/vrouwen"
2501            class="menu-item "
2502        >
2503    Vrouwen</a>
2504
2505<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/mannen"
2506            class="menu-item "
2507        >
2508    Mannen</a>
2509    </div>
2510                    
2511<a href="https://www.123drogisterij.nl/pants/incontinentiebroekjes"
2512            class="menu-item "
2513        >
2514    Incontinentiebroekjes</a>
2515
2516<a href="https://www.123drogisterij.nl/incontinentie-pants/lille-pants"
2517            class="menu-item "
2518        >
2519    Lille Pants</a>
2520
2521<a href="https://www.123drogisterij.nl/incontinentie-pants/seni-active-pants"
2522            class="menu-item "
2523        >
2524    Seni Active pants</a>
2525
2526<a href="https://www.123drogisterij.nl/incontinentie-pants/absorin-pants"
2527            class="menu-item "
2528        >
2529    Absorin Comfort Pants</a>
2530    </div>
2531                                                                <button type="button" class="group menu-item-with-submenu font-semibold"
2532                                @click="openSubmenu(), activeNode1 = 'node329', activeNode = 'node329'"
2533                            >
2534                                Inlegger                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2535                                     class="h-5 w-5"
2536                                     :class="0 === currentLevel ? 'relative' : ''"
2537                                >
2538                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2539                                </svg>
2540                            </button>
2541                                <div class="mobile-menu-page"
2542         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2543         x-transition:enter-start="translate-x-full"
2544         x-transition:enter-end="-translate-x-0"
2545         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2546         x-transition:leave-start="-translate-x-0"
2547         x-transition:leave-end="translate-x-full"
2548         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2549         x-show="activeNode1 === 'node329'"
2550    >
2551        <div class="flex justify-between px-8">
2552                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2553                      @click="currentLevel--, activeNode1 = '', activeNode = 'node329'"
2554                >
2555                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2556                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Inlegger"
2557                    >
2558                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2559                    </svg>
2560                    Terug                </span>
2561                            <button @click="closeMenu"
2562                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2563                    aria-label="Close&#x20;menu"
2564                    type="button"
2565            >
2566                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2567    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2568</svg>
2569            </button>
2570        </div>
2571
2572        
2573<a href="https://www.123drogisterij.nl/incontinentie-inleggers"
2574            class="menu-item underline"
2575        >
2576    Bekijk alles van: Inlegger</a>
2577
2578<a href="https://www.123drogisterij.nl/incontinentie-inleggers/tena-inleggers"
2579            class="menu-item "
2580        >
2581    TENA Inleggers</a>
2582
2583<a href="https://www.123drogisterij.nl/incontinentie-inleggers/abena-inleggers"
2584            class="menu-item "
2585        >
2586    Abena Inleggers</a>
2587
2588<a href="https://www.123drogisterij.nl/incontinentie-inleggers/depend-inleggers"
2589            class="menu-item "
2590        >
2591    Depend Inleggers</a>
2592
2593<a href="https://www.123drogisterij.nl/incontinentie-inleggers/absorin-inleggers"
2594            class="menu-item "
2595        >
2596    Absorin Inleggers</a>
2597
2598<a href="https://www.123drogisterij.nl/incontinentie-inleggers/seni-inleggers"
2599            class="menu-item "
2600        >
2601    Seni inleggers</a>
2602
2603<a href="https://www.123drogisterij.nl/incontinentie-inleggers/attends-inleggers"
2604            class="menu-item "
2605        >
2606    Attends Inlegger</a>
2607
2608<a href="https://www.123drogisterij.nl/incontinentie-inleggers/inlegverband-incontinentieverband"
2609            class="menu-item "
2610        >
2611    Inlegverband / incontinentieverband</a>
2612
2613<a href="https://www.123drogisterij.nl/incontinentie-inleggers/mannenverband"
2614            class="menu-item "
2615        >
2616    Mannenverband</a>
2617    </div>
2618                                                                <button type="button" class="group menu-item-with-submenu font-semibold"
2619                                @click="openSubmenu(), activeNode1 = 'node338', activeNode = 'node338'"
2620                            >
2621                                Verzorging                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2622                                     class="h-5 w-5"
2623                                     :class="0 === currentLevel ? 'relative' : ''"
2624                                >
2625                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2626                                </svg>
2627                            </button>
2628                                <div class="mobile-menu-page"
2629         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2630         x-transition:enter-start="translate-x-full"
2631         x-transition:enter-end="-translate-x-0"
2632         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2633         x-transition:leave-start="-translate-x-0"
2634         x-transition:leave-end="translate-x-full"
2635         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2636         x-show="activeNode1 === 'node338'"
2637    >
2638        <div class="flex justify-between px-8">
2639                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2640                      @click="currentLevel--, activeNode1 = '', activeNode = 'node338'"
2641                >
2642                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2643                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Verzorging"
2644                    >
2645                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2646                    </svg>
2647                    Terug                </span>
2648                            <button @click="closeMenu"
2649                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2650                    aria-label="Close&#x20;menu"
2651                    type="button"
2652            >
2653                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2654    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2655</svg>
2656            </button>
2657        </div>
2658
2659        
2660<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie"
2661            class="menu-item underline"
2662        >
2663    Bekijk alles van: Verzorging</a>
2664
2665<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/wegwerp-washandjes-nat-en-droog"
2666            class="menu-item "
2667        >
2668    Wegwerp Washandjes</a>
2669
2670<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgingsproducten-cremes-wasgels"
2671            class="menu-item "
2672        >
2673    Crèmes &amp; wasgels</a>
2674
2675<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgend-wassen-natte-washandjes"
2676            class="menu-item "
2677        >
2678    Verzorgend wassen - Wet Wash - Shampoo Cap</a>
2679
2680<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/luieremmer-janibell-akord"
2681            class="menu-item "
2682        >
2683    Luieremmer Janibell Akord</a>
2684
2685<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/uri-go"
2686            class="menu-item "
2687        >
2688    Uri-Go</a>
2689
2690<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/vochtige-washandjes"
2691            class="menu-item "
2692        >
2693    Vochtige washandjes</a>
2694
2695<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/slabben-voor-volwassenen"
2696            class="menu-item "
2697        >
2698    Slab voor volwassenen</a>
2699
2700<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/shampoo-cap"
2701            class="menu-item "
2702        >
2703    Shampoo cap</a>
2704
2705<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/opvangzakken"
2706            class="menu-item "
2707        >
2708    Opvangzakken | Dr. Helewa</a>
2709
2710<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/producten-voor-mantelzorgers"
2711            class="menu-item "
2712        >
2713    Producten voor mantelzorgers</a>
2714
2715<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/handschoenen"
2716            class="menu-item "
2717        >
2718    Handschoenen</a>
2719    </div>
2720                                                                <button type="button" class="group menu-item-with-submenu font-semibold"
2721                                @click="openSubmenu(), activeNode1 = 'node350', activeNode = 'node350'"
2722                            >
2723                                Onderlegger                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2724                                     class="h-5 w-5"
2725                                     :class="0 === currentLevel ? 'relative' : ''"
2726                                >
2727                                    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
2728                                </svg>
2729                            </button>
2730                                <div class="mobile-menu-page"
2731         x-transition:enter="transform transition ease-in-out duration-500 opacity-100"
2732         x-transition:enter-start="translate-x-full"
2733         x-transition:enter-end="-translate-x-0"
2734         x-transition:leave="transform transition ease-in-out duration-500 opacity-0"
2735         x-transition:leave-start="-translate-x-0"
2736         x-transition:leave-end="translate-x-full"
2737         :class="1 === currentLevel ? 'overflow-y-scroll' : 'overflow-y-hidden'"
2738         x-show="activeNode1 === 'node350'"
2739    >
2740        <div class="flex justify-between px-8">
2741                            <span class="flex items-center gap-2 w-full cursor-pointer group hover:underline"
2742                      @click="currentLevel--, activeNode1 = '', activeNode = 'node350'"
2743                >
2744                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
2745                         class="relative transition-all duration-150 ease-in-out left-0 group-hover:-left-1 h-4 w-4" title="Back to Onderlegger"
2746                    >
2747                      <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
2748                    </svg>
2749                    Terug                </span>
2750                            <button @click="closeMenu"
2751                    class="flex items-center justify-end w-16 h-16 ml-auto outline-none"
2752                    aria-label="Close&#x20;menu"
2753                    type="button"
2754            >
2755                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" width="24" height="24">
2756    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
2757</svg>
2758            </button>
2759        </div>
2760
2761        
2762<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers"
2763            class="menu-item underline"
2764        >
2765    Bekijk alles van: Onderlegger</a>
2766
2767<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abso-x-ultra-bed"
2768            class="menu-item "
2769        >
2770    ABSO-X Ultra Bed</a>
2771
2772<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/tena-bed-onderleggers"
2773            class="menu-item "
2774        >
2775    TENA Bed Onderleggers</a>
2776
2777<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/wasbare-onderleggers"
2778            class="menu-item "
2779        >
2780    Wasbare onderleggers</a>
2781
2782<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermer"
2783            class="menu-item "
2784        >
2785    Waterdichte matrasbeschermer</a>
2786
2787<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abena-bed-onderleggers"
2788            class="menu-item "
2789        >
2790    Abena Bed Onderleggers</a>
2791
2792<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/seni-bed-onderleggers"
2793            class="menu-item "
2794        >
2795    Seni Bed Onderlegger</a>
2796
2797<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/absorin-bed-onderleggers"
2798            class="menu-item "
2799        >
2800    Absorin Bed Onderleggers</a>
2801
2802<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/attends-bed-onderleggers"
2803            class="menu-item "
2804        >
2805    Attends Bed Onderleggers</a>
2806
2807<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/stoelbeschermer"
2808            class="menu-item "
2809        >
2810    Stoelbeschermer</a>
2811
2812<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/bedzeil"
2813            class="menu-item "
2814        >
2815    Bedzeil</a>
2816
2817<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/celstofmatjes"
2818            class="menu-item "
2819        >
2820    Celstofmatjes</a>
2821
2822<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/steeklaken"
2823            class="menu-item "
2824        >
2825    Steeklaken</a>
2826    </div>
2827                                                </div>
2828            </div>
2829        </div>
2830    </nav>
2831    
2832            <div id="sticky-search-wrapper"
2833                 class="order-4 ml-auto relative w-search lg:mx-4 lg:order-2 lg:ml-12 lg:my-4 lg:w-[380px] xl:ml-16"
2834            >
2835                <div id="search-content"
2836                     class="relative transition-all duration-300 ease-in-out"
2837                >
2838                    
2839<script>
2840    function initMiniSearchComponent() {
2841        "use strict";
2842
2843        return {
2844            show: false,
2845            showNoResults: false,
2846            query: null,
2847            formSelector: "#search_mini_form",
2848            url: "https://www.123drogisterij.nl/search/ajax/suggest/",
2849            destinationSelector: "#search_autocomplete",
2850            templates: {"term":{"title":"Zoektermen","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Producten","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Categorie\u00ebn","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Attributen","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}},
2851            priceFormat: {"pattern":"\u20ac\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},
2852            minSearchLength: 2,
2853            searchResultsByType: {},
2854            currentRequest: null,
2855
2856            /**
2857             * Get search results.
2858             */
2859            getSearchResults: function () {
2860                this.showNoResults = false;
2861
2862                let value = document.querySelector('#search').value.trim();
2863                this.query = value;
2864
2865                if (value.length < parseInt(this.minSearchLength, 10)) {
2866                    this.searchResultsByType = [];
2867
2868                    return false;
2869                }
2870
2871                let url = this.url + '?' + new URLSearchParams({
2872                    q: document.querySelector('#search').value,
2873                    _: Date.now()
2874                }).toString();
2875
2876                if (this.currentRequest !== null) {
2877                    this.currentRequest.abort();
2878                }
2879                this.currentRequest = new AbortController();
2880
2881                fetch(url, {
2882                    method: 'GET',
2883                    signal: this.currentRequest.signal,
2884                }).then((response) => {
2885                    if (response.ok) {
2886                        return response.json();
2887                    }
2888                }).then((data)  => {
2889                    this.show = data.length > 0;
2890
2891                    if (data.length === 0) {
2892                        this.showNoResults = true;
2893                    } else {
2894                        this.showNoResults = false;
2895                    }
2896
2897                    this.searchResultsByType = data.reduce((acc, result) => {
2898                        if (! acc[result.type]) acc[result.type] = [];
2899                        acc[result.type].push(result);
2900                        return acc;
2901                    }, {});
2902                }).catch((error) => {
2903                    ;
2904                });
2905            },
2906        }
2907    }
2908</script>
2908
2909
2910<div id="search-content" x-show="true">
2911    <div x-data="initMiniSearchComponent()" @click.away="show = false; showNoResults = false">
2912        <form class="form minisearch" id="search_mini_form" action="https://www.123drogisterij.nl/catalogsearch/result/" method="get" role="search">
2913            <div class="relative">
2914                <label class="sr-only" for="search">
2915                    Zoek&#x20;naar...                </label>
2916                <input id="search"
2917                       x-on:input.debounce="getSearchResults()"
2918                       x-ref="searchInput"
2919                       type="search"
2920                       class="w-full pl-4 transition border-gray-400 h-[44px] lg:!flex lg:h-[54px]"
2921                       autocapitalize="off" autocomplete="off" autocorrect="off"
2922                       name="q"
2923                       value=""
2924                       placeholder="Zoek naar..."
2925                       maxlength="128"
2926                       @search-open.window.debounce.10="
2927                            $el.focus();
2928                            $el.select();
2929                       "
2930                />
2931            </div>
2932            <div x-cloak x-show="showNoResults" class="absolute text-md bg-white z-50 f-w top-[110%] right-0 card w-full">
2933                Geen resultaten gevonden voor:                 "<strong x-html="query"></strong>"
2934            </div>
2935            <div id="search_autocomplete" class="search-autocomplete w-full" x-show="show" style="display:none;">
2936                <div class="absolute bg-white z-50 top-[110%] card f-w py-0 right-0 max-h-screen-75 overflow-y-scroll sm:w-full">
2937                    <template x-for="searchResultByType in Object.values(searchResultsByType).reverse()">
2938                        <div class="border-t py-4 first-of-type:border-t-0">
2939                            <template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
2940                                <div class="font-bold text-md" x-text="templates[searchResultByType[0].type].title"></div>
2941                            </template>
2942                            <template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
2943                                <div class="font-bold text-md" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
2944                            </template>
2945                            <template x-for="searchResult in searchResultByType">
2946                                <div class="rounded-md p-2">
2947                                    
2948<template x-if="searchResult.type == 'term'">
2949    <a class="flex gap-2 w-full block p-2"
2950       x-bind:href="'https://www.123drogisterij.nl/catalogsearch/result/?q=' + searchResult.title"
2951       :title="searchResult.title">
2952        <span class="text-sm" x-text="searchResult.title"></span>
2953        <span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
2954    </a>
2955</template>
2956
2957<template x-if="searchResult.type == 'product'">
2958    <a class="w-full block" :href="searchResult.url" :title="searchResult.title">
2959        <div class="grid grid-cols-4 gap-4 p-3">
2960            <div>
2961                <img :src="searchResult.image" class="inline-block" />
2962            </div>
2963            <div class="col-span-3">
2964                <span class="block text-md font-bold mb-2" x-text="searchResult.title"></span>
2965                <span class="text-md price-wrapper-search" x-html="searchResult.price"></span>
2966            </div>
2967        </div>
2968    </a>
2969</template>
2970
2971<template x-if="searchResult.type == 'category'">
2972    <a class="flex gap-2 w-full block p-2" :href="searchResult.url" :title="searchResult.title">
2973        <span class="text-md italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
2974        <span class="text-md" x-text="searchResult.title"></span>
2975    </a>
2976</template>
2977
2978<template x-if="searchResult.type == 'product_attribute'">
2979    <a class="flex gap-2 w-full block p-2" :href="searchResult.url" :title="searchResult.title">
2980        <span class="text-md" x-text="searchResult.title"></span>
2981        <span class="text-md uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
2982    </a>
2983</template>
2984
2985<script>
2986    function renderEsAutocompleteTitleAttribute(data)
2987    {
2988        data = data.filter(function(item) {
2989            return item.type === 'product_attribute';
2990        }).map(function(item) {
2991            return item['attribute_label']
2992        }).reduce(function(prev, item) {
2993            if (item in prev) {
2994                prev[item]++;
2995            } else {
2996                prev[item] = 1;
2997            }
2998            return prev;
2999        }, {});
3000
3001        data = Object.entries(data).sort(function(item1, item2) {
3002            return item2[1] - item1[1]
3003        }).map(function(item) {return item[0]});
3004
3005        if (data.length > 2) {
3006            data = data.slice(0, 2);
3007            data.push('...');
3008        }
3009
3010        return data.join(', ');
3011    }
3012</script>
3012
3013
3014<template x-if="searchResult.type == 'cms_page'">
3015    <a class="flex gap-2 w-full block p-2" :href="searchResult.url" :title="searchResult.title">
3016        <span class="text-sm" x-text="searchResult.title"></span>
3017    </a>
3018</template>
3019                                </div>
3020                            </template>
3021                        </div>
3022                    </template>
3023                </div>
3024            </div>
3025                    </form>
3026    </div>
3027</div>
3028
3029                    <a class="flex p-1.5 bg-primary-500 rounded-md no-underline cursor-pointer absolute top-1 left-auto right-1 transition lg:p-2.5 lg:right-1 lg:top-[0.325rem] hover:bg-primary-300"
3030                       title="Zoeken"
3031                       @click="document.getElementById('search_mini_form').submit();"
3032                    >
3033                        <span class="hidden md:block text-white mr-1">Zoeken</span>
3034                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6 text-white" width="24" height="24" role="img">
3035    <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/>
3036<title/></svg>
3037                    </a>
3038                </div>
3039            </div>
3040
3041            <div class="order-2 flex justify-end items-center ml-auto w-3/5 md:w-1/3 lg:mr-2 lg:my-4 lg:w-auto">
3042                                    <a class="p-2 xl:flex gap-1 items-center group" href="tel:0492-747100" title="Bel ons">
3043                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6 text-green-600" width="24" height="24" role="img">
3044    <path fill-rule="evenodd" d="M1.5 4.5a3 3 0 013-3h1.372c.86 0 1.61.586 1.819 1.42l1.105 4.423a1.875 1.875 0 01-.694 1.955l-1.293.97c-.135.101-.164.249-.126.352a11.285 11.285 0 006.697 6.697c.103.038.25.009.352-.126l.97-1.293a1.875 1.875 0 011.955-.694l4.423 1.105c.834.209 1.42.959 1.42 1.82V19.5a3 3 0 01-3 3h-2.25C8.552 22.5 1.5 15.448 1.5 6.75V4.5z" clip-rule="evenodd"/>
3045<title>Bel ons</title></svg>
3046                        <div class="text-md">
3047                                                            <strong class="hidden xl:block">
3048                                    Ma - vrij van 9.00 – 13.00 uur                                </strong>
3049                                                            <span class="hidden text-secondary-800 group-hover:underline font-medium xl:block">
3050                                0492-747100                            </span>
3051                        </div>
3052                    </a>
3053                                    <a class="flex flex-row items-center gap-y-2 py-2 px-4 group min-w-14 xl:min-w-44 xl:px-8"
3054                   href="https://www.123drogisterij.nl/customer/account/index/"
3055                   title="Account"
3056                >
3057                    <template x-if="!customer.signin_token">
3058                        <div class="flex items-center gap-1">
3059                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6" width="24" height="24" role="img">
3060    <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/>
3061<title>Mijn account</title></svg>
3062                            <div class="hidden whitespace-nowrap flex-col mb-auto xl:flex">
3063                                <strong class="text-md">
3064                                    Mijn account                                </strong>
3065
3066                                <span class="text-secondary-800 text-md font-medium group-hover:underline group-hover:underline">
3067                                    Log in                                </span>
3068                            </div>
3069                        </div>
3070                    </template>
3071
3072                    <template x-if="customer.signin_token">
3073                        <div class="flex items-center gap-1 hover:underline">
3074                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6" width="24" height="24" role="img">
3075    <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z" clip-rule="evenodd"/>
3076<title>Mijn account</title></svg>
3077                            <div class="hidden whitespace-nowrap lg:flex lg:flex-col lg:mb-auto">
3078                                <strong class="text-md">
3079                                    Mijn account                                </strong>
3080
3081                                <span class="text-secondary-800 text-md font-medium group-hover:underline group-hover:underline">
3082                                    Overzicht                                </span>
3083                            </div>
3084                        </div>
3085                    </template>
3086                </a>
3087
3088                                    <a id="compare-link"
3089                       class="flex gap-1 items-center fixed bottom-4 right-4 bg-white border-none text-sm rounded-full shadow-hard h-12 py-2 px-4 md:relative md:top-0 md:right-0 md:shadow-none "
3090                       :class="{ 'hidden': !(itemCount > 0) }"
3091                       href="https://www.123drogisterij.nl/catalog/product_compare/index/"
3092                       title="Vergelijken"
3093                       x-data="initCompareHeader()" x-cloak
3094                       @private-content-loaded.window="receiveCompareData($event.detail.data)"
3095                    >
3096                        <span class="md:hidden">
3097                            Vergelijken                        </span>
3098                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 text-primary-500" width="24" height="24" role="img">
3099    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"/>
3100<title>Vergelijken</title></svg>
3101
3102                        <span class="absolute top-[0.35rem] right-2 bg-black text-white text-xs font-bold leading-none rounded-full items-center justify-center w-4 h-4 flex ">
3103
3104                        <span class="-mt-px ml-px" x-text="itemCount"></span>
3105
3106                        <span x-show="itemCount === 1" class="sr-only">
3107                            product                        </span>
3108
3109                        <span x-show="itemCount > 1" class="sr-only">
3110                            producten                        </span>
3111                    </span>
3112                    </a>
3113                                        <button
3114                                    id="menu-cart-icon"
3115                    class="relative flex flex-col items-center py-2 pl-2 pr-1 xl:pr-0"
3116                    x-ref="cartButton"
3117                    :aria-disabled="isCartEmpty()"
3118                    title="Winkelmand"
3119                                            @click.prevent.stop="() => {
3120                        $dispatch('toggle-cart', { isOpen: true })
3121                    }"
3122                        @toggle-cart.window="toggleCart($event)"
3123                        :aria-expanded="isCartOpen"
3124                        aria-haspopup="dialog"
3125                                    >
3126                     <span
3127                         class="sr-only label"
3128                         x-text="`
3129                        Open of sluit winkelmand,
3130                        ${isCartEmpty() ?
3131                        'Winkelmand is leeg' :
3132                        hyva.str(
3133                            'You have %1 product%2 in your cart.',
3134                            cart.summary_count,
3135                            cart.summary_count === 1 ? '' : 's'
3136                        )}`
3137                    ">
3138                    </span>
3139
3140                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-6 w-6 xl:h-8 xl:w-8" width="24" height="24" role="img">
3141    <path d="M2.25 2.25a.75.75 0 000 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 00-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 000-1.5H5.378A2.25 2.25 0 017.5 15h11.218a.75.75 0 00.674-.421 60.358 60.358 0 002.96-7.228.75.75 0 00-.525-.965A60.864 60.864 0 005.68 4.509l-.232-.867A1.875 1.875 0 003.636 2.25H2.25zM3.75 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0zM16.5 20.25a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z"/>
3142<title/></svg>
3143
3144                    <div class="absolute top-0 -right-2.5 hidden bg-primary-500 text-white text-xs font-bold leading-none
3145                    rounded-full items-center justify-center w-5 h-5 hover:bg-primary-300"
3146                         :class="{'hidden': !cart.summary_count,'flex': cart.summary_count }"
3147                    >
3148                        <span class="-mt-px ml-px" x-text="cart.summary_count"></span>
3149                    </div>
3150                                            </button>
3151                                </div>
3152        </div>
3153    </div>
3154
3155        
3155<script>
3156        'use strict';
3157
3158        const initTopmenuDesktop_6ac1ddf284e2c = () => ({
3159            backdrop: false,
3160            openSubmenuId: null,
3161            toggleSubmenu(menuNode) {
3162                if (menuNode === this.openSubmenuId) {
3163                    this.backdrop = false
3164                    this.openSubmenuId = null
3165                    hyva.releaseFocus()
3166                } else {
3167                    this.backdrop = true
3168                    this.openSubmenuId = menuNode
3169                    this.$nextTick(() => {
3170                        hyva.trapFocus(this.$refs['submenu-' + menuNode])
3171                    })
3172                }
3173            }
3174        })
3175    </script>
3175
3176
3177    <div x-data="initTopmenuDesktop_6ac1ddf284e2c()"
3178         x-defer="interact"
3179         class="navigation hidden w-full lg:block"
3180         :class="{'menu-open': backdrop}"
3181    >
3182        <div class="backdrop desktopmenu mt-h"
3183             x-show="backdrop"
3184             x-transition:enter="ease-in-out duration-250"
3185             x-transition:enter-start="opacity-0"
3186             x-transition:enter-end="opacity-100"
3187             x-transition:leave="ease-in-out duration-250"
3188             x-transition:leave-start="opacity-100"
3189             x-transition:leave-end="opacity-0"
3190             x-cloak
3191        ></div>
3192        <nav class="container lg:block"
3193             aria-label="Main&#x20;menu"
3194             @mouseleave="backdrop = false; openSubmenuId = 0;"
3195             @keydown.escape="backdrop = false; openSubmenuId = 0;"
3196        >
3197            <ul class="relative flex justify-between">
3198                                    <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent rounded-sm group"
3199                                                    :class="{'hovered' : openSubmenuId === '27'}"
3200                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '27'; backdrop = true;}, 200)"
3201                            @mouseleave="clearTimeout(openSubmenuTimer)"
3202                                                >
3203                        <div class="group "
3204                             :class="{'' : openSubmenuId === '27'}"
3205                        >
3206                            
3207<a href="https://www.123drogisterij.nl/incontinentiemateriaal"
3208    class="flex justify-between items-center w-full  hover:underline"
3209    data-menu="menu-27"
3210>
3211    Incontinentiemateriaal</a>
3212                        </div>
3213                                                    <button type="button"
3214                                    x-ref="sr-button-27"
3215                                    :aria-expanded="openSubmenuId === '27' ? 'true' : 'false'"
3216                                    aria-label="Open submenu"
3217                                    @click="toggleSubmenu('27'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
3218                            >
3219                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
3220    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
3221</svg>
3222                            </button>
3223                                                            <div x-ref="submenu-27"
3224            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
3225            x-show="openSubmenuId === '27'"
3226            x-cloak
3227        >
3228            
3228<script>
3229                'use strict';
3230
3231                const initSubMenu27 = () => ({
3232                    openLevel2SubmenuId: null,
3233                    openLevel2Submenu(menuNode) {
3234                        this.openLevel2SubmenuId = menuNode
3235                        this.$nextTick(() => {
3236                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
3237                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
3238                        })
3239                    },
3240                    openLevel3SubmenuId: null,
3241                    openLevel3Submenu(menuNode) {
3242                        this.openLevel3SubmenuId = menuNode
3243                        this.$nextTick(() => {
3244                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
3245                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
3246                        })
3247                    },
3248                })
3249            </script>
3249
3250
3251            <div class="flex container pb-8 h-full"
3252                x-data="initSubMenu27()"
3253            >
3254                <ul class="w-80">
3255                                            <li class="py-2 px-4"
3256                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '28' }"
3257                            @mouseenter="openLevel2SubmenuId = '28'"
3258                                                            x-init="openLevel2SubmenuId = '28'"
3259                                                        >
3260                            <div class="flex justify-stretch">
3261                                
3262<a href="https://www.123drogisterij.nl/incontinentiemateriaal/koopjeshoek"
3263    class="flex justify-between items-center w-full font-semibold hover:underline"
3264    data-menu="menu-28"
3265>
3266    Koopjeshoek</a>
3267                                                                        </div>
3268                        </li>
3269                                                <li class="py-2 px-4"
3270                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '29' }"
3271                            @mouseenter="openLevel2SubmenuId = '29'"
3272                                                    >
3273                            <div class="flex justify-stretch">
3274                                
3275<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie"
3276    class="flex justify-between items-center w-full font-semibold hover:underline"
3277    data-menu="menu-29"
3278>
3279    TENA</a>
3280                                                                                <button type="button"
3281                                        class="flex flex-1 justify-end items-center pr-1"
3282                                        :aria-expanded="openLevel2SubmenuId === '29' ? 'true' : 'false'"
3283                                        aria-controls="level-2-submenu-29"
3284                                        @click="openLevel2Submenu('29')"
3285                                    >
3286                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3287    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3288</svg>
3289                                        <span class="sr-only">
3290                                            Open submenu for TENA                                        </span>
3291                                    </button>
3292                                                                </div>
3293                        </li>
3294                                                <li class="py-2 px-4"
3295                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '49' }"
3296                            @mouseenter="openLevel2SubmenuId = '49'"
3297                                                    >
3298                            <div class="flex justify-stretch">
3299                                
3300<a href="https://www.123drogisterij.nl/incontinentiemateriaal/plastic-broekjes-voor-volwassenen"
3301    class="flex justify-between items-center w-full font-semibold hover:underline"
3302    data-menu="menu-49"
3303>
3304    Plastic Broek Volwassenen</a>
3305                                                                        </div>
3306                        </li>
3307                                                <li class="py-2 px-4"
3308                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '50' }"
3309                            @mouseenter="openLevel2SubmenuId = '50'"
3310                                                    >
3311                            <div class="flex justify-stretch">
3312                                
3313<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inleggers-voor-extra-absorptie"
3314    class="flex justify-between items-center w-full font-semibold hover:underline"
3315    data-menu="menu-50"
3316>
3317    Inleggers voor extra absorptie</a>
3318                                                                        </div>
3319                        </li>
3320                                                <li class="py-2 px-4"
3321                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '51' }"
3322                            @mouseenter="openLevel2SubmenuId = '51'"
3323                                                    >
3324                            <div class="flex justify-stretch">
3325                                
3326<a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers"
3327    class="flex justify-between items-center w-full font-semibold hover:underline"
3328    data-menu="menu-51"
3329>
3330    Zwemluiers</a>
3331                                                                        </div>
3332                        </li>
3333                                                <li class="py-2 px-4"
3334                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '52' }"
3335                            @mouseenter="openLevel2SubmenuId = '52'"
3336                                                    >
3337                            <div class="flex justify-stretch">
3338                                
3339<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena"
3340    class="flex justify-between items-center w-full font-semibold hover:underline"
3341    data-menu="menu-52"
3342>
3343    Abena</a>
3344                                                                                <button type="button"
3345                                        class="flex flex-1 justify-end items-center pr-1"
3346                                        :aria-expanded="openLevel2SubmenuId === '52' ? 'true' : 'false'"
3347                                        aria-controls="level-2-submenu-52"
3348                                        @click="openLevel2Submenu('52')"
3349                                    >
3350                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3351    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3352</svg>
3353                                        <span class="sr-only">
3354                                            Open submenu for Abena                                        </span>
3355                                    </button>
3356                                                                </div>
3357                        </li>
3358                                                <li class="py-2 px-4"
3359                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '63' }"
3360                            @mouseenter="openLevel2SubmenuId = '63'"
3361                                                    >
3362                            <div class="flex justify-stretch">
3363                                
3364<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend"
3365    class="flex justify-between items-center w-full font-semibold hover:underline"
3366    data-menu="menu-63"
3367>
3368    Depend</a>
3369                                                                                <button type="button"
3370                                        class="flex flex-1 justify-end items-center pr-1"
3371                                        :aria-expanded="openLevel2SubmenuId === '63' ? 'true' : 'false'"
3372                                        aria-controls="level-2-submenu-63"
3373                                        @click="openLevel2Submenu('63')"
3374                                    >
3375                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3376    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3377</svg>
3378                                        <span class="sr-only">
3379                                            Open submenu for Depend                                        </span>
3380                                    </button>
3381                                                                </div>
3382                        </li>
3383                                                <li class="py-2 px-4"
3384                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '73' }"
3385                            @mouseenter="openLevel2SubmenuId = '73'"
3386                                                    >
3387                            <div class="flex justify-stretch">
3388                                
3389<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie"
3390    class="flex justify-between items-center w-full font-semibold hover:underline"
3391    data-menu="menu-73"
3392>
3393    Attends</a>
3394                                                                                <button type="button"
3395                                        class="flex flex-1 justify-end items-center pr-1"
3396                                        :aria-expanded="openLevel2SubmenuId === '73' ? 'true' : 'false'"
3397                                        aria-controls="level-2-submenu-73"
3398                                        @click="openLevel2Submenu('73')"
3399                                    >
3400                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3401    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3402</svg>
3403                                        <span class="sr-only">
3404                                            Open submenu for Attends                                        </span>
3405                                    </button>
3406                                                                </div>
3407                        </li>
3408                                                <li class="py-2 px-4"
3409                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '84' }"
3410                            @mouseenter="openLevel2SubmenuId = '84'"
3411                                                    >
3412                            <div class="flex justify-stretch">
3413                                
3414<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie"
3415    class="flex justify-between items-center w-full font-semibold hover:underline"
3416    data-menu="menu-84"
3417>
3418    Absorin</a>
3419                                                                                <button type="button"
3420                                        class="flex flex-1 justify-end items-center pr-1"
3421                                        :aria-expanded="openLevel2SubmenuId === '84' ? 'true' : 'false'"
3422                                        aria-controls="level-2-submenu-84"
3423                                        @click="openLevel2Submenu('84')"
3424                                    >
3425                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3426    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3427</svg>
3428                                        <span class="sr-only">
3429                                            Open submenu for Absorin                                        </span>
3430                                    </button>
3431                                                                </div>
3432                        </li>
3433                                                <li class="py-2 px-4"
3434                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '92' }"
3435                            @mouseenter="openLevel2SubmenuId = '92'"
3436                                                    >
3437                            <div class="flex justify-stretch">
3438                                
3439<a href="https://www.123drogisterij.nl/incontinentiemateriaal/betterdry"
3440    class="flex justify-between items-center w-full font-semibold hover:underline"
3441    data-menu="menu-92"
3442>
3443    BetterDry</a>
3444                                                                        </div>
3445                        </li>
3446                                                <li class="py-2 px-4"
3447                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '93' }"
3448                            @mouseenter="openLevel2SubmenuId = '93'"
3449                                                    >
3450                            <div class="flex justify-stretch">
3451                                
3452<a href="https://www.123drogisterij.nl/incontinentiemateriaal/inco-s"
3453    class="flex justify-between items-center w-full font-semibold hover:underline"
3454    data-menu="menu-93"
3455>
3456    Inco&#039;s</a>
3457                                                                        </div>
3458                        </li>
3459                                                <li class="py-2 px-4"
3460                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '94' }"
3461                            @mouseenter="openLevel2SubmenuId = '94'"
3462                                                    >
3463                            <div class="flex justify-stretch">
3464                                
3465<a href="https://www.123drogisterij.nl/incontinentiemateriaal/netbroekjes"
3466    class="flex justify-between items-center w-full font-semibold hover:underline"
3467    data-menu="menu-94"
3468>
3469    Netbroekjes</a>
3470                                                                        </div>
3471                        </li>
3472                                                <li class="py-2 px-4"
3473                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '96' }"
3474                            @mouseenter="openLevel2SubmenuId = '96'"
3475                                                    >
3476                            <div class="flex justify-stretch">
3477                                
3478<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni"
3479    class="flex justify-between items-center w-full font-semibold hover:underline"
3480    data-menu="menu-96"
3481>
3482    Seni</a>
3483                                                                                <button type="button"
3484                                        class="flex flex-1 justify-end items-center pr-1"
3485                                        :aria-expanded="openLevel2SubmenuId === '96' ? 'true' : 'false'"
3486                                        aria-controls="level-2-submenu-96"
3487                                        @click="openLevel2Submenu('96')"
3488                                    >
3489                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3490    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3491</svg>
3492                                        <span class="sr-only">
3493                                            Open submenu for Seni                                        </span>
3494                                    </button>
3495                                                                </div>
3496                        </li>
3497                                                <li class="py-2 px-4"
3498                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '105' }"
3499                            @mouseenter="openLevel2SubmenuId = '105'"
3500                                                    >
3501                            <div class="flex justify-stretch">
3502                                
3503<a href="https://www.123drogisterij.nl/incontinentiemateriaal/matrasbeschermer"
3504    class="flex justify-between items-center w-full font-semibold hover:underline"
3505    data-menu="menu-105"
3506>
3507    Incontinentie matrasbeschermer</a>
3508                                                                        </div>
3509                        </li>
3510                                                <li class="py-2 px-4"
3511                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '107' }"
3512                            @mouseenter="openLevel2SubmenuId = '107'"
3513                                                    >
3514                            <div class="flex justify-stretch">
3515                                
3516<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging"
3517    class="flex justify-between items-center w-full font-semibold hover:underline"
3518    data-menu="menu-107"
3519>
3520    Verzorging</a>
3521                                                                                <button type="button"
3522                                        class="flex flex-1 justify-end items-center pr-1"
3523                                        :aria-expanded="openLevel2SubmenuId === '107' ? 'true' : 'false'"
3524                                        aria-controls="level-2-submenu-107"
3525                                        @click="openLevel2Submenu('107')"
3526                                    >
3527                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3528    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3529</svg>
3530                                        <span class="sr-only">
3531                                            Open submenu for Verzorging                                        </span>
3532                                    </button>
3533                                                                </div>
3534                        </li>
3535                                                <li class="py-2 px-4"
3536                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '112' }"
3537                            @mouseenter="openLevel2SubmenuId = '112'"
3538                                                    >
3539                            <div class="flex justify-stretch">
3540                                
3541<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare"
3542    class="flex justify-between items-center w-full font-semibold hover:underline"
3543    data-menu="menu-112"
3544>
3545    Molicare</a>
3546                                                                                <button type="button"
3547                                        class="flex flex-1 justify-end items-center pr-1"
3548                                        :aria-expanded="openLevel2SubmenuId === '112' ? 'true' : 'false'"
3549                                        aria-controls="level-2-submenu-112"
3550                                        @click="openLevel2Submenu('112')"
3551                                    >
3552                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3553    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3554</svg>
3555                                        <span class="sr-only">
3556                                            Open submenu for Molicare                                        </span>
3557                                    </button>
3558                                                                </div>
3559                        </li>
3560                                                <li class="py-2 px-4"
3561                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '116' }"
3562                            @mouseenter="openLevel2SubmenuId = '116'"
3563                                                    >
3564                            <div class="flex justify-stretch">
3565                                
3566<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan"
3567    class="flex justify-between items-center w-full font-semibold hover:underline"
3568    data-menu="menu-116"
3569>
3570    Egosan</a>
3571                                                                                <button type="button"
3572                                        class="flex flex-1 justify-end items-center pr-1"
3573                                        :aria-expanded="openLevel2SubmenuId === '116' ? 'true' : 'false'"
3574                                        aria-controls="level-2-submenu-116"
3575                                        @click="openLevel2Submenu('116')"
3576                                    >
3577                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3578    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3579</svg>
3580                                        <span class="sr-only">
3581                                            Open submenu for Egosan                                        </span>
3582                                    </button>
3583                                                                </div>
3584                        </li>
3585                                                <li class="py-2 px-4"
3586                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '121' }"
3587                            @mouseenter="openLevel2SubmenuId = '121'"
3588                                                    >
3589                            <div class="flex justify-stretch">
3590                                
3591<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen"
3592    class="flex justify-between items-center w-full font-semibold hover:underline"
3593    data-menu="menu-121"
3594>
3595    Incontinentiemateriaal voor kinderen</a>
3596                                                                                <button type="button"
3597                                        class="flex flex-1 justify-end items-center pr-1"
3598                                        :aria-expanded="openLevel2SubmenuId === '121' ? 'true' : 'false'"
3599                                        aria-controls="level-2-submenu-121"
3600                                        @click="openLevel2Submenu('121')"
3601                                    >
3602                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3603    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3604</svg>
3605                                        <span class="sr-only">
3606                                            Open submenu for Incontinentiemateriaal voor kinderen                                        </span>
3607                                    </button>
3608                                                                </div>
3609                        </li>
3610                                                <li class="py-2 px-4"
3611                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '125' }"
3612                            @mouseenter="openLevel2SubmenuId = '125'"
3613                                                    >
3614                            <div class="flex justify-stretch">
3615                                
3616<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie"
3617    class="flex justify-between items-center w-full font-semibold hover:underline"
3618    data-menu="menu-125"
3619>
3620    Fix</a>
3621                                                                                <button type="button"
3622                                        class="flex flex-1 justify-end items-center pr-1"
3623                                        :aria-expanded="openLevel2SubmenuId === '125' ? 'true' : 'false'"
3624                                        aria-controls="level-2-submenu-125"
3625                                        @click="openLevel2Submenu('125')"
3626                                    >
3627                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
3628    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3629</svg>
3630                                        <span class="sr-only">
3631                                            Open submenu for Fix                                        </span>
3632                                    </button>
3633                                                                </div>
3634                        </li>
3635                                        </ul>
3636
3637                
3638            <ul id="level-2-submenu-29"
3639            x-ref="level-2-submenu-29"
3640            x-show="openLevel2SubmenuId === '29'"
3641            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
3642        >
3643                            <li class="py-2"
3644                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '30' }"
3645                    @mouseenter="openLevel3SubmenuId = '30'"
3646                >
3647                    <div class="flex justify-stretch">
3648                        
3649<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants"
3650    class="flex justify-between items-center w-full  hover:underline"
3651    data-menu="menu-30"
3652>
3653    TENA Pants</a>
3654
3655                                                    <button type="button"
3656                                    class="flex flex-1 justify-end items-center pr-1"
3657                                    :aria-expanded="openLevel2SubmenuId === '30' ? 'true' : 'false'"
3658                                    aria-controls="level-2-submenu-30"
3659                                    @click="openLevel2Submenu('30')"
3660                            >
3661                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0" width="20" height="20">
3662    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
3663</svg>
3664                                <span class="sr-only">
3665                                    Open submenu for TENA Pants                                </span>
3666                            </button>
3667                                                </div>
3668                    
3669            <ul id="level-3-submenu-30"
3670            x-ref="level-3-submenu-30"
3671            x-show="openLevel3SubmenuId === '30'"
3672            class="flex flex-col w-80 bg-white absolute left-full top-0"
3673        >
3674                            <li class="pl-12 py-2 hover:bg-tertiary-100">
3675                    
3676<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-vrouwen"
3677    class="flex justify-between items-center w-full  hover:underline"
3678    data-menu="menu-31"
3679>
3680    TENA Pants voor vrouwen</a>
3681                                    </li>
3682                                <li class="pl-12 py-2 hover:bg-tertiary-100">
3683                    
3684<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-pants/tena-pants-voor-mannen"
3685    class="flex justify-between items-center w-full  hover:underline"
3686    data-menu="menu-32"
3687>
3688    TENA Pants voor mannen</a>
3689                                    </li>
3690                        </ul>
3691                        </li>
3692                                <li class="py-2"
3693                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '33' }"
3694                    @mouseenter="openLevel3SubmenuId = '33'"
3695                >
3696                    <div class="flex justify-stretch">
3697                        
3698<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady"
3699    class="flex justify-between items-center w-full  hover:underline"
3700    data-menu="menu-33"
3701>
3702    TENA Lady</a>
3703
3704                                            </div>
3705                                    </li>
3706                                <li class="py-2"
3707                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '34' }"
3708                    @mouseenter="openLevel3SubmenuId = '34'"
3709                >
3710                    <div class="flex justify-stretch">
3711                        
3712<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-for-men"
3713    class="flex justify-between items-center w-full  hover:underline"
3714    data-menu="menu-34"
3715>
3716    TENA For Men</a>
3717
3718                                            </div>
3719                                    </li>
3720                                <li class="py-2"
3721                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '35' }"
3722                    @mouseenter="openLevel3SubmenuId = '35'"
3723                >
3724                    <div class="flex justify-stretch">
3725                        
3726<a href="#"
3727    class="flex justify-between items-center w-full  hover:underline"
3728    data-menu="menu-35"
3729>
3730    TENA Slip Active Fit</a>
3731
3732                                            </div>
3733                                    </li>
3734                                <li class="py-2"
3735                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '36' }"
3736                    @mouseenter="openLevel3SubmenuId = '36'"
3737                >
3738                    <div class="flex justify-stretch">
3739                        
3740<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-lady-broekjes"
3741    class="flex justify-between items-center w-full  hover:underline"
3742    data-menu="menu-36"
3743>
3744    TENA Lady Pants</a>
3745
3746                                            </div>
3747                                    </li>
3748                                <li class="py-2"
3749                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '37' }"
3750                    @mouseenter="openLevel3SubmenuId = '37'"
3751                >
3752                    <div class="flex justify-stretch">
3753                        
3754<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-discreet"
3755    class="flex justify-between items-center w-full  hover:underline"
3756    data-menu="menu-37"
3757>
3758    TENA Discreet</a>
3759
3760                                            </div>
3761                                    </li>
3762                                <li class="py-2"
3763                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '38' }"
3764                    @mouseenter="openLevel3SubmenuId = '38'"
3765                >
3766                    <div class="flex justify-stretch">
3767                        
3768<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-flex"
3769    class="flex justify-between items-center w-full  hover:underline"
3770    data-menu="menu-38"
3771>
3772    TENA Flex</a>
3773
3774                                            </div>
3775                                    </li>
3776                                <li class="py-2"
3777                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '39' }"
3778                    @mouseenter="openLevel3SubmenuId = '39'"
3779                >
3780                    <div class="flex justify-stretch">
3781                        
3782<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bed-onderleggers"
3783    class="flex justify-between items-center w-full  hover:underline"
3784    data-menu="menu-39"
3785>
3786    TENA Bed Onderlegger</a>
3787
3788                                            </div>
3789                                    </li>
3790                                <li class="py-2"
3791                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '40' }"
3792                    @mouseenter="openLevel3SubmenuId = '40'"
3793                >
3794                    <div class="flex justify-stretch">
3795                        
3796<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-huidverzorging"
3797    class="flex justify-between items-center w-full  hover:underline"
3798    data-menu="menu-40"
3799>
3800    TENA Huidverzorging</a>
3801
3802                                            </div>
3803                                    </li>
3804                                <li class="py-2"
3805                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '41' }"
3806                    @mouseenter="openLevel3SubmenuId = '41'"
3807                >
3808                    <div class="flex justify-stretch">
3809                        
3810<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-slips-confioair"
3811    class="flex justify-between items-center w-full  hover:underline"
3812    data-menu="menu-41"
3813>
3814    TENA Slips - PROskin</a>
3815
3816                                            </div>
3817                                    </li>
3818                                <li class="py-2"
3819                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '42' }"
3820                    @mouseenter="openLevel3SubmenuId = '42'"
3821                >
3822                    <div class="flex justify-stretch">
3823                        
3824<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-confioair"
3825    class="flex justify-between items-center w-full  hover:underline"
3826    data-menu="menu-42"
3827>
3828    TENA Comfort - PROskin</a>
3829
3830                                            </div>
3831                                    </li>
3832                                <li class="py-2"
3833                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '43' }"
3834                    @mouseenter="openLevel3SubmenuId = '43'"
3835                >
3836                    <div class="flex justify-stretch">
3837                        
3838<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-bariatric-slip"
3839    class="flex justify-between items-center w-full  hover:underline"
3840    data-menu="menu-43"
3841>
3842    TENA Bariatric Slip</a>
3843
3844                                            </div>
3845                                    </li>
3846                                <li class="py-2"
3847                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '44' }"
3848                    @mouseenter="openLevel3SubmenuId = '44'"
3849                >
3850                    <div class="flex justify-stretch">
3851                        
3852<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-fix"
3853    class="flex justify-between items-center w-full  hover:underline"
3854    data-menu="menu-44"
3855>
3856    TENA Fix</a>
3857
3858                                            </div>
3859                                    </li>
3860                                <li class="py-2"
3861                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '46' }"
3862                    @mouseenter="openLevel3SubmenuId = '46'"
3863                >
3864                    <div class="flex justify-stretch">
3865                        
3866<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-steeklaken"
3867    class="flex justify-between items-center w-full  hover:underline"
3868    data-menu="menu-46"
3869>
3870    TENA Steeklaken</a>
3871
3872                                            </div>
3873                                    </li>
3874                                <li class="py-2"
3875                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '47' }"
3876                    @mouseenter="openLevel3SubmenuId = '47'"
3877                >
3878                    <div class="flex justify-stretch">
3879                        
3880<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men"
3881    class="flex justify-between items-center w-full  hover:underline"
3882    data-menu="menu-47"
3883>
3884    TENA Men</a>
3885
3886                                            </div>
3887                                    </li>
3888                                <li class="py-2"
3889                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '48' }"
3890                    @mouseenter="openLevel3SubmenuId = '48'"
3891                >
3892                    <div class="flex justify-stretch">
3893                        
3894<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-comfort-mini"
3895    class="flex justify-between items-center w-full  hover:underline"
3896    data-menu="menu-48"
3897>
3898    TENA Comfort Mini</a>
3899
3900                                            </div>
3901                                    </li>
3902                        </ul>
3903        
3904            <ul id="level-2-submenu-52"
3905            x-ref="level-2-submenu-52"
3906            x-show="openLevel2SubmenuId === '52'"
3907            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
3908        >
3909                            <li class="py-2"
3910                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '53' }"
3911                    @mouseenter="openLevel3SubmenuId = '53'"
3912                >
3913                    <div class="flex justify-stretch">
3914                        
3915<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-flex"
3916    class="flex justify-between items-center w-full  hover:underline"
3917    data-menu="menu-53"
3918>
3919    Abena Pants</a>
3920
3921                                            </div>
3922                                    </li>
3923                                <li class="py-2"
3924                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '54' }"
3925                    @mouseenter="openLevel3SubmenuId = '54'"
3926                >
3927                    <div class="flex justify-stretch">
3928                        
3929<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form"
3930    class="flex justify-between items-center w-full  hover:underline"
3931    data-menu="menu-54"
3932>
3933    Abena Slip</a>
3934
3935                                            </div>
3936                                    </li>
3937                                <li class="py-2"
3938                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '55' }"
3939                    @mouseenter="openLevel3SubmenuId = '55'"
3940                >
3941                    <div class="flex justify-stretch">
3942                        
3943<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-man"
3944    class="flex justify-between items-center w-full  hover:underline"
3945    data-menu="menu-55"
3946>
3947    Abena Man</a>
3948
3949                                            </div>
3950    
3950                                </li>
3951                                <li class="py-2"
3952                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '56' }"
3953                    @mouseenter="openLevel3SubmenuId = '56'"
3954                >
3955                    <div class="flex justify-stretch">
3956                        
3957<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/verzorgend-wassen-abena"
3958    class="flex justify-between items-center w-full  hover:underline"
3959    data-menu="menu-56"
3960>
3961    Verzorgend Wassen van Abena</a>
3962
3963                                            </div>
3964                                    </li>
3965                                <li class="py-2"
3966                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '57' }"
3967                    @mouseenter="openLevel3SubmenuId = '57'"
3968                >
3969                    <div class="flex justify-stretch">
3970                        
3971<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-san"
3972    class="flex justify-between items-center w-full  hover:underline"
3973    data-menu="menu-57"
3974>
3975    Abena San</a>
3976
3977                                            </div>
3978                                    </li>
3979                                <li class="py-2"
3980                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '58' }"
3981                    @mouseenter="openLevel3SubmenuId = '58'"
3982                >
3983                    <div class="flex justify-stretch">
3984                        
3985<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-geurneutralisator"
3986    class="flex justify-between items-center w-full  hover:underline"
3987    data-menu="menu-58"
3988>
3989    Abena Geurneutralisator</a>
3990
3991                                            </div>
3992                                    </li>
3993                                <li class="py-2"
3994                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '59' }"
3995                    @mouseenter="openLevel3SubmenuId = '59'"
3996                >
3997                    <div class="flex justify-stretch">
3998                        
3999<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abena-abri-let"
4000    class="flex justify-between items-center w-full  hover:underline"
4001    data-menu="menu-59"
4002>
4003    Abena Let</a>
4004
4005                                            </div>
4006                                    </li>
4007                                <li class="py-2"
4008                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '60' }"
4009                    @mouseenter="openLevel3SubmenuId = '60'"
4010                >
4011                    <div class="flex justify-stretch">
4012                        
4013<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-light"
4014    class="flex justify-between items-center w-full  hover:underline"
4015    data-menu="menu-60"
4016>
4017    Abena Light</a>
4018
4019                                            </div>
4020                                    </li>
4021                                <li class="py-2"
4022                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '61' }"
4023                    @mouseenter="openLevel3SubmenuId = '61'"
4024                >
4025                    <div class="flex justify-stretch">
4026                        
4027<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-soft"
4028    class="flex justify-between items-center w-full  hover:underline"
4029    data-menu="menu-61"
4030>
4031    Abena Abri-Soft</a>
4032
4033                                            </div>
4034                                    </li>
4035                                <li class="py-2"
4036                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '62' }"
4037                    @mouseenter="openLevel3SubmenuId = '62'"
4038                >
4039                    <div class="flex justify-stretch">
4040                        
4041<a href="https://www.123drogisterij.nl/incontinentiemateriaal/abena/abri-form-junior"
4042    class="flex justify-between items-center w-full  hover:underline"
4043    data-menu="menu-62"
4044>
4045    Abena Slip Junior</a>
4046
4047                                            </div>
4048                                    </li>
4049                        </ul>
4050        
4051            <ul id="level-2-submenu-63"
4052            x-ref="level-2-submenu-63"
4053            x-show="openLevel2SubmenuId === '63'"
4054            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4055        >
4056                            <li class="py-2"
4057                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '64' }"
4058                    @mouseenter="openLevel3SubmenuId = '64'"
4059                >
4060                    <div class="flex justify-stretch">
4061                        
4062<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend
4062/depend-inleggers"
4063    class="flex justify-between items-center w-full  hover:underline"
4064    data-menu="menu-64"
4065>
4066    Depend Inleggers</a>
4067
4068                                            </div>
4069                                    </li>
4070                                <li class="py-2"
4071                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '65' }"
4072                    @mouseenter="openLevel3SubmenuId = '65'"
4073                >
4074                    <div class="flex justify-stretch">
4075                        
4076<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-slip"
4077    class="flex justify-between items-center w-full  hover:underline"
4078    data-menu="menu-65"
4079>
4080    Depend Slip</a>
4081
4082                                            </div>
4083                                    </li>
4084                                <li class="py-2"
4085                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '66' }"
4086                    @mouseenter="openLevel3SubmenuId = '66'"
4087                >
4088                    <div class="flex justify-stretch">
4089                        
4090<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants"
4091    class="flex justify-between items-center w-full  hover:underline"
4092    data-menu="menu-66"
4093>
4094    Depend Pants</a>
4095
4096                                                    <button type="button"
4097                                    class="flex flex-1 justify-end items-center pr-1"
4098                                    :aria-expanded="openLevel2SubmenuId === '66' ? 'true' : 'false'"
4099                                    aria-controls="level-2-submenu-66"
4100                                    @click="openLevel2Submenu('66')"
4101                            >
4102                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0" width="20" height="20">
4103    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
4104</svg>
4105                                <span class="sr-only">
4106                                    Open submenu for Depend Pants                                </span>
4107                            </button>
4108                                                </div>
4109                    
4110            <ul id="level-3-submenu-66"
4111            x-ref="level-3-submenu-66"
4112            x-show="openLevel3SubmenuId === '66'"
4113            class="flex flex-col w-80 bg-white absolute left-full top-0"
4114        >
4115                            <li class="pl-12 py-2 hover:bg-tertiary-100">
4116                    
4117<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-women"
4118    class="flex justify-between items-center w-full  hover:underline"
4119    data-menu="menu-67"
4120>
4121    Depend Pants for Women</a>
4122                                    </li>
4123                                <li class="pl-12 py-2 hover:bg-tertiary-100">
4124                    
4125<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-pants/depend-pants-for-men"
4126    class="flex justify-between items-center w-full  hover:underline"
4127    data-menu="menu-68"
4128>
4129    Depend Pants for Men</a>
4130                                    </li>
4131                        </ul>
4132                        </li>
4133                                <li class="py-2"
4134                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '69' }"
4135                    @mouseenter="openLevel3SubmenuId = '69'"
4136                >
4137                    <div class="flex justify-stretch">
4138                        
4139<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-verband"
4140    class="flex justify-between items-center w-full  hover:underline"
4141    data-menu="menu-69"
4142>
4143    Depend Verband</a>
4144
4145                                            </div>
4146                                    </li>
4147                                <li class="py-2"
4148                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '70' }"
4149                    @mouseenter="openLevel3SubmenuId = '70'"
4150                >
4151                    <div class="flex justify-stretch">
4152                        
4153<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend
4153/depend-for-men"
4154    class="flex justify-between items-center w-full  hover:underline"
4155    data-menu="menu-70"
4156>
4157    Depend For Men</a>
4158
4159                                            </div>
4160                                    </li>
4161                                <li class="py-2"
4162                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '71' }"
4163                    @mouseenter="openLevel3SubmenuId = '71'"
4164                >
4165                    <div class="flex justify-stretch">
4166                        
4167<a href="https://www.123drogisterij.nl/incontinentiemateriaal/depend/depend-anatomic"
4168    class="flex justify-between items-center w-full  hover:underline"
4169    data-menu="menu-71"
4170>
4171    Depend Anatomic</a>
4172
4173                                            </div>
4174                                    </li>
4175                        </ul>
4176        
4177            <ul id="level-2-submenu-73"
4178            x-ref="level-2-submenu-73"
4179            x-show="openLevel2SubmenuId === '73'"
4180            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4181        >
4182                            <li class="py-2"
4183                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '74' }"
4184                    @mouseenter="openLevel3SubmenuId = '74'"
4185                >
4186                    <div class="flex justify-stretch">
4187                        
4188<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-slip"
4189    class="flex justify-between items-center w-full  hover:underline"
4190    data-menu="menu-74"
4191>
4192    Attends Slip</a>
4193
4194                                            </div>
4195                                    </li>
4196                                <li class="py-2"
4197                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '75' }"
4198                    @mouseenter="openLevel3SubmenuId = '75'"
4199                >
4200                    <div class="flex justify-stretch">
4201                        
4202<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-inleggers-2"
4203    class="flex justify-between items-center w-full  hover:underline"
4204    data-menu="menu-75"
4205>
4206    Attends inleggers</a>
4207
4208                                            </div>
4209                                    </li>
4210                                <li class="py-2"
4211                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '76' }"
4212                    @mouseenter="openLevel3SubmenuId = '76'"
4213                >
4214                    <div class="flex justify-stretch">
4215                        
4216<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-pull-ons"
4217    class="flex justify-between items-center w-full  hover:underline"
4218    data-menu="menu-76"
4219>
4220    Attends Pull-Ons</a>
4221
4222                                            </div>
4223                                    </li>
4224                                <li class="py-2"
4225                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '77' }"
4226                    @mouseenter="openLevel3SubmenuId = '77'"
4227                >
4228                    <div class="flex justify-stretch">
4229                        
4230<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-for-men"
4231    class="flex justify-between items-center w-full  hover:underline"
4232    data-menu="menu-77"
4233>
4234    Attends For Men</a>
4235
4236                                            </div>
4237                                    </li>
4238                                <li class="py-2"
4239                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '78' }"
4240                    @mouseenter="openLevel3SubmenuId = '78'"
4241                >
4242                    <div class="flex justify-stretch">
4243                        
4244<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-soft"
4245    class="flex justify-between items-center w-full  hover:underline"
4246    data-menu="menu-78"
4247>
4248    Attends Soft</a>
4249
4250                                            </div>
4251                                    </li>
4252                                <li class="py-2"
4253                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '79' }"
4254                    @mouseenter="openLevel3SubmenuId = '79'"
4255                >
4256                    <div class="flex justify-stretch">
4257                        
4258<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours"
4259    class="flex justify-between items-center w-full  hover:underline"
4260    data-menu="menu-79"
4261>
4262    Attends Contours</a>
4263
4264                                            </div>
4265                                    </li>
4266                                <li class="py-2"
4267                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '80' }"
4268                    @mouseenter="openLevel3SubmenuId = '80'"
4269                >
4270                    <div class="flex justify-stretch">
4271                        
4272<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-contours-air-comfort"
4273    class="flex justify-between items-center w-full  hover:underline"
4274    data-menu="menu-80"
4275>
4276    Attends Contours Air Comfort</a>
4277
4278                                            </div>
4279                                    </li>
4280                                <li class="py-2"
4281                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '82' }"
4282                    @mouseenter="openLevel3SubmenuId = '82'"
4283                >
4284                    <div class="flex justify-stretch">
4285                        
4286<a href="https://www.123drogisterij.nl/incontinentiemateriaal/attends-incontinentie/attends-cover-dri"
4287    class="flex justify-between items-center w-full  hover:underline"
4288    data-menu="menu-82"
4289>
4290    Attends Cover Dri</a>
4291
4292                                            </div>
4293                                    </li>
4294                        </ul>
4295        
4296            <ul id="level-2-submenu-84"
4297            x-ref="level-2-submenu-84"
4298            x-show="openLevel2SubmenuId === '84'"
4299            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4300        >
4301                            <li class="py-2"
4302                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '85' }"
4303                    @mouseenter="openLevel3SubmenuId = '85'"
4304                >
4305                    <div class="flex justify-stretch">
4306                        
4307<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-slip"
4308    class="flex justify-between items-center w-full  hover:underline"
4309    data-menu="menu-85"
4310>
4311    Absorin Slip</a>
4312
4313                                            </div>
4314                                    </li>
4315                                <li class="py-2"
4316                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '86' }"
4317                    @mouseenter="openLevel3SubmenuId = '86'"
4318                >
4319                    <div class="flex justify-stretch">
4320                        
4321<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-pants"
4322    class="flex justify-between items-center w-full  hover:underline"
4323    data-menu="menu-86"
4324>
4325    Absorin Pants</a>
4326
4327                                            </div>
4328                                    </li>
4329                                <li class="py-2"
4330                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '87' }"
4331                    @mouseenter="openLevel3SubmenuId = '87'"
4332                >
4333                    <div class="flex justify-stretch">
4334                        
4335<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-sanette"
4336    class="flex justify-between items-center w-full  hover:underline"
4337    data-menu="menu-87"
4338>
4339    Absorin Sanette</a>
4340
4341                                            </div>
4342                                    </li>
4343                                <li class="py-2"
4344                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '88' }"
4345                    @mouseenter="openLevel3SubmenuId = '88'"
4346                >
4347                    <div class="flex justify-stretch">
4348                        
4349<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-finette"
4350    class="flex justify-between items-center w-full  hover:underline"
4351    data-menu="menu-88"
4352>
4353    Absorin Finette</a>
4354
4355                                            </div>
4356                                    </li>
4357                                <li class="py-2"
4358                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '89' }"
4359                    @mouseenter="openLevel3SubmenuId = '89'"
4360                >
4361                    <div class="flex justify-stretch">
4362                        
4363<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-onderlegger"
4364    class="flex justify-between items-center w-full  hover:underline"
4365    data-menu="menu-89"
4366>
4367    Absorin Onderlegger</a>
4368
4369                                            </div>
4370                                    </li>
4371                                <li class="py-2"
4372                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '90' }"
4373                    @mouseenter="openLevel3SubmenuId = '90'"
4374                >
4375                    <div class="flex justify-stretch">
4376                        
4377<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-inlay"
4378    class="flex justify-between items-center w-full  hover:underline"
4379    data-menu="menu-90"
4380>
4381    Absorin Classic Inlay</a>
4382
4383                                            </div>
4384                                    </li>
4385                                <li class="py-2"
4386                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '91' }"
4387                    @mouseenter="openLevel3SubmenuId = '91'"
4388                >
4389                    <div class="flex justify-stretch">
4390                        
4391<a href="https://www.123drogisterij.nl/incontinentiemateriaal/absorin-incontinentie/absorin-mincy"
4392    class="flex justify-between items-center w-full  hover:underline"
4393    data-menu="menu-91"
4394>
4395    Absorin Mannen</a>
4396
4397                                            </div>
4398                                    </li>
4399                        </ul>
4400        
4401            <ul id="level-2-submenu-96"
4402            x-ref="level-2-submenu-96"
4403            x-show="openLevel2SubmenuId === '96'"
4404            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4405        >
4406                            <li class="py-2"
4407                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '97' }"
4408                    @mouseenter="openLevel3SubmenuId = '97'"
4409                >
4410                    <div class="flex justify-stretch">
4411                        
4412<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-bed-onderlegger"
4413    class="flex justify-between items-center w-full  hover:underline"
4414    data-menu="menu-97"
4415>
4416    Seni Bed Onderlegger</a>
4417
4418                                            </div>
4419                                    </li>
4420                                <li class="py-2"
4421                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '98' }"
4422                    @mouseenter="openLevel3SubmenuId = '98'"
4423                >
4424                    <div class="flex justify-stretch">
4425                        
4426<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-slips"
4427    class="flex justify-between items-center w-full  hover:underline"
4428    data-menu="menu-98"
4429>
4430    Seni Slips</a>
4431
4432                                            </div>
4433                                    </li>
4434                                <li class="py-2"
4435                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '99' }"
4436                    @mouseenter="openLevel3SubmenuId = '99'"
4437                >
4438                    <div class="flex justify-stretch">
4439                        
4440<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-lady"
4441    class="flex justify-between items-center w-full  hover:underline"
4442    data-menu="menu-99"
4443>
4444    Seni Lady</a>
4445
4446                                            </div>
4447                                    </li>
4448                                <li class="py-2"
4449                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '100' }"
4450                    @mouseenter="openLevel3SubmenuId = '100'"
4451                >
4452                    <div class="flex justify-stretch">
4453                        
4454<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-care"
4455    class="flex justify-between items-center w-full  hover:underline"
4456    data-menu="menu-100"
4457>
4458    Seni Care</a>
4459
4460                                            </div>
4461                                    </li>
4462                                <li class="py-2"
4463                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '101' }"
4464                    @mouseenter="openLevel3SubmenuId = '101'"
4465                >
4466                    <div class="flex justify-stretch">
4467                        
4468<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-
4468pants"
4469    class="flex justify-between items-center w-full  hover:underline"
4470    data-menu="menu-101"
4471>
4472    Seni Pants</a>
4473
4474                                            </div>
4475                                    </li>
4476                                <li class="py-2"
4477                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '102' }"
4478                    @mouseenter="openLevel3SubmenuId = '102'"
4479                >
4480                    <div class="flex justify-stretch">
4481                        
4482<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-man"
4483    class="flex justify-between items-center w-full  hover:underline"
4484    data-menu="menu-102"
4485>
4486    Seni Man</a>
4487
4488                                            </div>
4489                                    </li>
4490                                <li class="py-2"
4491                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '103' }"
4492                    @mouseenter="openLevel3SubmenuId = '103'"
4493                >
4494                    <div class="flex justify-stretch">
4495                        
4496<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/san-seni-inleggers"
4497    class="flex justify-between items-center w-full  hover:underline"
4498    data-menu="menu-103"
4499>
4500    San Seni inleggers</a>
4501
4502                                            </div>
4503                                    </li>
4504                                <li class="py-2"
4505                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '104' }"
4506                    @mouseenter="openLevel3SubmenuId = '104'"
4507                >
4508                    <div class="flex justify-stretch">
4509                        
4510<a href="https://www.123drogisterij.nl/incontinentiemateriaal/seni/seni-kids-junior"
4511    class="flex justify-between items-center w-full  hover:underline"
4512    data-menu="menu-104"
4513>
4514    Seni Kids Junior</a>
4515
4516                                            </div>
4517                                    </li>
4518                        </ul>
4519        
4520            <ul id="level-2-submenu-107"
4521            x-ref="level-2-submenu-107"
4522            x-show="openLevel2SubmenuId === '107'"
4523            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4524        >
4525                            <li class="py-2"
4526                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '108' }"
4527                    @mouseenter="openLevel3SubmenuId = '108'"
4528                >
4529                    <div class="flex justify-stretch">
4530                        
4531<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/washandjes"
4532    class="flex justify-between items-center w-full  hover:underline"
4533    data-menu="menu-108"
4534>
4535    Washandjes</a>
4536
4537                                            </div>
4538                                    </li>
4539                                <li class="py-2"
4540                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '109' }"
4541                    @mouseenter="openLevel3SubmenuId = '109'"
4542                >
4543                    <div class="flex justify-stretch">
4544                        
4545<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/tena-verzorging"
4546    class="flex justify-between items-center w-full  hover:underline"
4547    data-menu="menu-109"
4548>
4549    TENA Verzorging</a>
4550
4551                                            </div>
4552                                    </li>
4553                                <li class="py-2"
4554                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '110' }"
4555                    @mouseenter="openLevel3SubmenuId = '110'"
4556                >
4557                    <div class="flex justify-stretch">
4558                        
4559<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/seni-verzorging"
4560    class="flex justify-between items-center w-full  hover:underline"
4561    data-menu="menu-110"
4562>
4563    Seni Verzorging</a>
4564
4565                                            </div>
4566                                    </li>
4567                                <li class="py-2"
4568                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '111' }"
4569                    @mouseenter="openLevel3SubmenuId = '111'"
4570                >
4571                    <div class="flex justify-stretch">
4572                        
4573<a href="https://www.123drogisterij.nl/incontinentiemateriaal/verzorging/abena-verzorging"
4574    class="flex justify-between items-center w-full  hover:underline"
4575    data-menu="menu-111"
4576>
4577    Abena Verzorging</a>
4578
4579                                            </div>
4580                                    </li>
4581                        </ul>
4582        
4583            <ul id="level-2-submenu-112"
4584            x-ref="level-2-submenu-112"
4585            x-show="openLevel2SubmenuId === '112'"
4586            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4587        >
4588                            <li class="py-2"
4589                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '113' }"
4590                    @mouseenter="openLevel3SubmenuId = '113'"
4591                >
4592                    <div class="flex justify-stretch">
4593                        
4594<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/molicare-mobile"
4595    class="flex justify-between items-center w-full  hover:underline"
4596    data-menu="menu-113"
4597>
4598    Hartmann Molicare Mobile</a>
4599
4600                                            </div>
4601                                    </li>
4602                                <li class="py-2"
4603                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '114' }"
4604                    @mouseenter="openLevel3SubmenuId = '114'"
4605                >
4606                    <div class="flex justify-stretch">
4607                        
4608<a href="https://www.123drogisterij.nl/incontinentiemateriaal/hartmann-molicare/hartmann-molicare-men"
4609    class="flex justify-between items-center w-full  hover:underline"
4610    data-menu="menu-114"
4611>
4612    Hartmann Molicare Men</a>
4613
4614                                            </div>
4615                                    </li>
4616                        </ul>
4617        
4618            <ul id="level-2-submenu-116"
4619            x-ref="level-2-submenu-116"
4620            x-show="openLevel2SubmenuId === '116'"
4621            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4622        >
4623                            <li class="py-2"
4624                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '117' }"
4625                    @mouseenter="openLevel3SubmenuId = '117'"
4626                >
4627                    <div class="flex justify-stretch">
4628                        
4629<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-pants"
4630    class="flex justify-between items-center w-full  hover:underline"
4631    data-menu="menu-117"
4632>
4633    Egosan Pants</a>
4634
4635                                            </div>
4636                                    </li>
4637                                <li class="py-2"
4638                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '118' }"
4639                    @mouseenter="openLevel3SubmenuId = '118'"
4640                >
4641                    <div class="flex justify-stretch">
4642                        
4643<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-slip"
4644    class="flex justify-between items-center w-full  hover:underline"
4645    data-menu="menu-118"
4646>
4647    Egosan Slip</a>
4648
4649                                            </div>
4650                                    </li>
4651                                <li class="py-2"
4652                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '119' }"
4653                    @mouseenter="openLevel3SubmenuId = '119'"
4654                >
4655                    <div class="flex justify-stretch">
4656                        
4657<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-man"
4658    class="flex justify-between items-center w-full  hover:underline"
4659    data-menu="menu-119"
4660>
4661    Egosan Man</a>
4662
4663                                            </div>
4664                                    </li>
4665                                <li class="py-2"
4666                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '120' }"
4667                    @mouseenter="openLevel3SubmenuId = '120'"
4668                >
4669                    <div class="flex justify-stretch">
4670                        
4671<a href="https://www.123drogisterij.nl/incontinentiemateriaal/egosan/egosan-bed"
4672    class="flex justify-between items-center w-full  hover:underline"
4673    data-menu="menu-120"
4674>
4675    Egosan Bed</a>
4676
4677                                            </div>
4678                                    </li>
4679                        </ul>
4680        
4681            <ul id="level-2-submenu-121"
4682            x-ref="level-2-submenu-121"
4683            x-show="openLevel2SubmenuId === '121'"
4684            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4685        >
4686                            <li class="py-2"
4687                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '122' }"
4688                    @mouseenter="openLevel3SubmenuId = '122'"
4689                >
4690                    <div class="flex justify-stretch">
4691                        
4692<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/luiers-voor-kinderen"
4693    class="flex justify-between items-center w-full  hover:underline"
4694    data-menu="menu-122"
4695>
4696    Luiers voor kinderen</a>
4697
4698                                            </div>
4699                                    </li>
4700                                <li class="py-2"
4701                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '123' }"
4702                    @mouseenter="openLevel3SubmenuId = '123'"
4703                >
4704                    <div class="flex justify-stretch">
4705                        
4706<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/incontinentiebroekjes-voor-kinderen"
4707    class="flex justify-between items-center w-full  hover:underline"
4708    data-menu="menu-123"
4709>
4710    Incontinentiebroekjes voor kinderen</a>
4711
4712                                            </div>
4713                                    </li>
4714                                <li class="py-2"
4715                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '124' }"
4716                    @mouseenter="openLevel3SubmenuId = '124'"
4717                >
4718                    <div class="flex justify-stretch">
4719                        
4720<a href="https://www.123drogisterij.nl/incontinentiemateriaal/incontinentiemateriaal-kinderen/matrasbescherming-voor-kinderen"
4721    class="flex justify-between items-center w-full  hover:underline"
4722    data-menu="menu-124"
4723>
4724    Matrasbescherming voor kinderen</a>
4725
4726                                            </div>
4727                                    </li>
4728                        </ul>
4729        
4730            <ul id="level-2-submenu-125"
4731            x-ref="level-2-submenu-125"
4732            x-show="openLevel2SubmenuId === '125'"
4733            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
4734        >
4735                            <li class="py-2"
4736                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '126' }"
4737                    @mouseenter="openLevel3SubmenuId = '126'"
4738                >
4739                    <div class="flex justify-stretch">
4740                        
4741<a href="https://www.123drogisterij.nl/incontinentiemateriaal/fixatie-broekjes-incontinentie/tena-fixatie-broekjes"
4742    class="flex justify-between items-center w-full  hover:underline"
4743    data-menu="menu-126"
4744>
4745    TENA Fixatie Broekjes</a>
4746
4747                                            </div>
4748                                    </li>
4749                        </ul>
4750                    </div>
4751        </div>
4752        
4753                        </li>
4754                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
4754ded-sm group"
4755                                                    :class="{'hovered' : openSubmenuId === '128'}"
4756                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '128'; backdrop = true;}, 200)"
4757                            @mouseleave="clearTimeout(openSubmenuTimer)"
4758                                                >
4759                        <div class="group "
4760                             :class="{'' : openSubmenuId === '128'}"
4761                        >
4762                            
4763<a href="https://www.123drogisterij.nl/incontinentie-luiers"
4764    class="flex justify-between items-center w-full  hover:underline"
4765    data-menu="menu-128"
4766>
4767    Luiers</a>
4768                        </div>
4769                                                    <button type="button"
4770                                    x-ref="sr-button-128"
4771                                    :aria-expanded="openSubmenuId === '128' ? 'true' : 'false'"
4772                                    aria-label="Open submenu"
4773                                    @click="toggleSubmenu('128'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
4774                            >
4775                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
4776    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
4777</svg>
4778                            </button>
4779                                                            <div x-ref="submenu-128"
4780            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
4781            x-show="openSubmenuId === '128'"
4782            x-cloak
4783        >
4784            
4784<script>
4785                'use strict';
4786
4787                const initSubMenu128 = () => ({
4788                    openLevel2SubmenuId: null,
4789                    openLevel2Submenu(menuNode) {
4790                        this.openLevel2SubmenuId = menuNode
4791                        this.$nextTick(() => {
4792                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
4793                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
4794                        })
4795                    },
4796                    openLevel3SubmenuId: null,
4797                    openLevel3Submenu(menuNode) {
4798                        this.openLevel3SubmenuId = menuNode
4799                        this.$nextTick(() => {
4800                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
4801                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
4802                        })
4803                    },
4804                })
4805            </script>
4805
4806
4807            <div class="flex container pb-8 h-full"
4808                x-data="initSubMenu128()"
4809            >
4810                <ul class="w-80">
4811                                            <li class="py-2 px-4"
4812                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '129' }"
4813                            @mouseenter="openLevel2SubmenuId = '129'"
4814                                                            x-init="openLevel2SubmenuId = '129'"
4815                                                        >
4816                            <div class="flex justify-stretch">
4817                                
4818<a href="https://www.123drogisterij.nl/incontinentie-luiers/zwemluiers"
4819    class="flex justify-between items-center w-full font-semibold hover:underline"
4820    data-menu="menu-129"
4821>
4822    Zwemluiers</a>
4823                                                                        </div>
4824                        </li>
4825                                                <li class="py-2 px-4"
4826                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '130' }"
4827                            @mouseenter="openLevel2SubmenuId = '130'"
4828                                                    >
4829                            <div class="flex justify-stretch">
4830                                
4831<a href="https://www.123drogisterij.nl/incontinentie-luiers/tena-luiers-voor-volwassenen"
4832    class="flex justify-between items-center w-full font-semibold hover:underline"
4833    data-menu="menu-130"
4834>
4835    TENA Luiers</a>
4836                                                                        </div>
4837                        </li>
4838                                                <li class="py-2 px-4"
4839                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '131' }"
4840                            @mouseenter="openLevel2SubmenuId = '131'"
4841                                                    >
4842                            <div class="flex justify-stretch">
4843                                
4844<a href="https://www.123drogisterij.nl/incontinentie-luiers/abena-luiers"
4845    class="flex justify-between items-center w-full font-semibold hover:underline"
4846    data-menu="menu-131"
4847>
4848    Abena Luiers</a>
4849                                                                        </div>
4850                        </li>
4851                                                <li class="py-2 px-4"
4852                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '132' }"
4853                            @mouseenter="openLevel2SubmenuId = '132'"
4854                                                    >
4855                            <div class="flex justify-stretch">
4856                                
4857<a href="https://www.123drogisterij.nl/incontinentie-luiers/attends-luiers"
4858    class="flex justify-between items-center w-full font-semibold hover:underline"
4859    data-menu="menu-132"
4860>
4861    Attends Luiers</a>
4862                                                                        </div>
4863                        </li>
4864                                                <li class="py-2 px-4"
4865                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '133' }"
4866                            @mouseenter="openLevel2SubmenuId = '133'"
4867                                                    >
4868                            <div class="flex justify-stretch">
4869                                
4870<a href="https://www.123drogisterij.nl/incontinentie-luiers/absorin-luiers"
4871    class="flex justify-between items-center w-full font-semibold hover:underline"
4872    data-menu="menu-133"
4873>
4874    Absorin Luiers</a>
4875                                                                        </div>
4876                        </li>
4877                                                <li class="py-2 px-4"
4878                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '134' }"
4879                            @mouseenter="openLevel2SubmenuId = '134'"
4880                                                    >
4881                            <div class="flex justify-stretch">
4882                                
4883<a href="https://www.123drogisterij.nl/incontinentie-luiers/plastic-luiers-voor-volwassenen"
4884    class="flex justify-between items-center w-full font-semibold hover:underline"
4885    data-menu="menu-134"
4886>
4887    Plastic luiers voor volwassenen</a>
4888                                                                        </div>
4889                        </li>
4890                                                <li class="py-2 px-4"
4891                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '135' }"
4892                            @mouseenter="openLevel2SubmenuId = '135'"
4893                                                    >
4894                            <div class="flex justify-stretch">
4895                                
4896<a href="https://www.123drogisterij.nl/incontinentie-luiers/luiers-voor-volwassenen"
4897    class="flex justify-between items-center w-full font-semibold hover:underline"
4898    data-menu="menu-135"
4899>
4900    Luiers voor volwassenen</a>
4901                                                                        </div>
4902                        </li>
4903                                                <li class="py-2 px-4"
4904                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '136' }"
4905                            @mouseenter="openLevel2SubmenuId = '136'"
4906                                                    >
4907                            <div class="flex justify-stretch">
4908                                
4909<a href="https://www.123drogisterij.nl/incontinentie-luiers/depend-luiers"
4910    class="flex justify-between items-center w-full font-semibold hover:underline"
4911    data-menu="menu-136"
4912>
4913    Depend Luiers</a>
4914                                                                        </div>
4915                        </li>
4916                                                <li class="py-2 px-4"
4917                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '137' }"
4918                            @mouseenter="openLevel2SubmenuId = '137'"
4919                                                    >
4920                            <div class="flex justify-stretch">
4921                                
4922<a href="https://www.123drogisterij.nl/incontinentie-luiers/seni-luiers"
4923    class="flex justify-between items-center w-full font-semibold hover:underline"
4924    data-menu="menu-137"
4925>
4926    Seni Luiers</a>
4927                                                                        </div>
4928                        </li>
4929                                                <li class="py-2 px-4"
4930                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '138' }"
4931                            @mouseenter="openLevel2SubmenuId = '138'"
4932                                                    >
4933                            <div class="flex justify-stretch">
4934                                
4935<a href="https://www.123drogisterij.nl/incontinentie-luiers/nachtluiers"
4936    class="flex justify-between items-center w-full font-semibold hover:underline"
4937    data-menu="menu-138"
4938>
4939    Nachtluiers volwassenen</a>
4940                                                                        </div>
4941                        </li>
4942                                        </ul>
4943
4944                            </div>
4945        </div>
4946        
4947                        </li>
4948                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
4948ded-sm group"
4949                                            >
4950                        <div class="group "
4951                             :class="{'' : openSubmenuId === '140'}"
4952                        >
4953                            
4954<a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen"
4955    class="flex justify-between items-center w-full  hover:underline"
4956    data-menu="menu-140"
4957>
4958    Mannen</a>
4959                        </div>
4960                                                                    </li>
4961                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent rounded-sm group"
4962                                                    :class="{'hovered' : openSubmenuId === '141'}"
4963                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '141'; backdrop = true;}, 200)"
4964                            @mouseleave="clearTimeout(openSubmenuTimer)"
4965                                                >
4966                        <div class="group "
4967                             :class="{'' : openSubmenuId === '141'}"
4968                        >
4969                            
4970<a href="https://www.123drogisterij.nl/incontinentie-slips"
4971    class="flex justify-between items-center w-full  hover:underline"
4972    data-menu="menu-141"
4973>
4974    Slip</a>
4975                        </div>
4976                                                    <button type="button"
4977                                    x-ref="sr-button-141"
4978                                    :aria-expanded="openSubmenuId === '141' ? 'true' : 'false'"
4979                                    aria-label="Open submenu"
4980                                    @click="toggleSubmenu('141'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
4981                            >
4982                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
4983    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
4984</svg>
4985                            </button>
4986                                                            <div x-ref="submenu-141"
4987            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
4988            x-show="openSubmenuId === '141'"
4989            x-cloak
4990        >
4991            
4991<script>
4992                'use strict';
4993
4994                const initSubMenu141 = () => ({
4995                    openLevel2SubmenuId: null,
4996                    openLevel2Submenu(menuNode) {
4997                        this.openLevel2SubmenuId = menuNode
4998                        this.$nextTick(() => {
4999                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5000                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5001                        })
5002                    },
5003                    openLevel3SubmenuId: null,
5004                    openLevel3Submenu(menuNode) {
5005                        this.openLevel3SubmenuId = menuNode
5006                        this.$nextTick(() => {
5007                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5008                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5009                        })
5010                    },
5011                })
5012            </script>
5012
5013
5014            <div class="flex container pb-8 h-full"
5015                x-data="initSubMenu141()"
5016            >
5017                <ul class="w-80">
5018                                            <li class="py-2 px-4"
5019                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '142' }"
5020                            @mouseenter="openLevel2SubmenuId = '142'"
5021                                                            x-init="openLevel2SubmenuId = '142'"
5022                                                        >
5023                            <div class="flex justify-stretch">
5024                                
5025<a href="https://www.123drogisterij.nl/incontinentie-slips/tena-slips"
5026    class="flex justify-between items-center w-full font-semibold hover:underline"
5027    data-menu="menu-142"
5028>
5029    TENA Slips</a>
5030                                                                        </div>
5031                        </li>
5032                                                <li class="py-2 px-4"
5033                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '143' }"
5034                            @mouseenter="openLevel2SubmenuId = '143'"
5035                                                    >
5036                            <div class="flex justify-stretch">
5037                                
5038<a href="https://www.123drogisterij.nl/incontinentie-slips/absorin-slip"
5039    class="flex justify-between items-center w-full font-semibold hover:underline"
5040    data-menu="menu-143"
5041>
5042    Absorin Slip</a>
5043                                                                        </div>
5044                        </li>
5045                                                <li class="py-2 px-4"
5046                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '144' }"
5047                            @mouseenter="openLevel2SubmenuId = '144'"
5048                                                    >
5049                            <div class="flex justify-stretch">
5050                                
5051<a href="https://www.123drogisterij.nl/incontinentie-slips/attends-slip"
5052    class="flex justify-between items-center w-full font-semibold hover:underline"
5053    data-menu="menu-144"
5054>
5055    Attends Slip</a>
5056                                                                        </div>
5057                        </li>
5058                                                <li class="py-2 px-4"
5059                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '145' }"
5060                            @mouseenter="openLevel2SubmenuId = '145'"
5061                                                    >
5062                            <div class="flex justify-stretch">
5063                                
5064<a href="https://www.123drogisterij.nl/incontinentie-slips/abena-slips"
5065    class="flex justify-between items-center w-full font-semibold hover:underline"
5066    data-menu="menu-145"
5067>
5068    Abena Slips</a>
5069                                                                        </div>
5070                        </li>
5071                                                <li class="py-2 px-4"
5072                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '146' }"
5073                            @mouseenter="openLevel2SubmenuId = '146'"
5074                                                    >
5075                            <div class="flex justify-stretch">
5076                                
5077<a href="https://www.123drogisterij.nl/incontinentie-slips/depend-slip"
5078    class="flex justify-between items-center w-full font-semibold hover:underline"
5079    data-menu="menu-146"
5080>
5081    Depend Slip</a>
5082                                                                        </div>
5083                        </li>
5084                                                <li class="py-2 px-4"
5085                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '147' }"
5086                            @mouseenter="openLevel2SubmenuId = '147'"
5087                                                    >
5088                            <div class="flex justify-stretch">
5089                                
5090<a href="https://www.123drogisterij.nl/incontinentie-slips/seni-slip"
5091    class="flex justify-between items-center w-full font-semibold hover:underline"
5092    data-menu="menu-147"
5093>
5094    Seni Slip</a>
5095                                                                        </div>
5096                        </li>
5097                                                <li class="py-2 px-4"
5098                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '148' }"
5099                            @mouseenter="openLevel2SubmenuId = '148'"
5100                                                    >
5101                            <div class="flex justify-stretch">
5102                                
5103<a href="https://www.123drogisterij.nl/incontinentie-slips/betterdry-slip"
5104    class="flex justify-between items-center w-full font-semibold hover:underline"
5105    data-menu="menu-148"
5106>
5107    BetterDry Slip</a>
5108                                                                        </div>
5109                        </li>
5110                                        </ul>
5111
5112                            </div>
5113        </div>
5114        
5115                        </li>
5116                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5116ded-sm group"
5117                                                    :class="{'hovered' : openSubmenuId === '149'}"
5118                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '149'; backdrop = true;}, 200)"
5119                            @mouseleave="clearTimeout(openSubmenuTimer)"
5120                                                >
5121                        <div class="group "
5122                             :class="{'' : openSubmenuId === '149'}"
5123                        >
5124                            
5125<a href="https://www.123drogisterij.nl/incontinentie-pants"
5126    class="flex justify-between items-center w-full  hover:underline"
5127    data-menu="menu-149"
5128>
5129    Pants</a>
5130                        </div>
5131                                                    <button type="button"
5132                                    x-ref="sr-button-149"
5133                                    :aria-expanded="openSubmenuId === '149' ? 'true' : 'false'"
5134                                    aria-label="Open submenu"
5135                                    @click="toggleSubmenu('149'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
5136                            >
5137                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
5138    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
5139</svg>
5140                            </button>
5141                                                            <div x-ref="submenu-149"
5142            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
5143            x-show="openSubmenuId === '149'"
5144            x-cloak
5145        >
5146            
5146<script>
5147                'use strict';
5148
5149                const initSubMenu149 = () => ({
5150                    openLevel2SubmenuId: null,
5151                    openLevel2Submenu(menuNode) {
5152                        this.openLevel2SubmenuId = menuNode
5153                        this.$nextTick(() => {
5154                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5155                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5156                        })
5157                    },
5158                    openLevel3SubmenuId: null,
5159                    openLevel3Submenu(menuNode) {
5160                        this.openLevel3SubmenuId = menuNode
5161                        this.$nextTick(() => {
5162                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5163                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5164                        })
5165                    },
5166                })
5167            </script>
5167
5168
5169            <div class="flex container pb-8 h-full"
5170                x-data="initSubMenu149()"
5171            >
5172                <ul class="w-80">
5173                                            <li class="py-2 px-4"
5174                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '889' }"
5175                            @mouseenter="openLevel2SubmenuId = '889'"
5176                                                            x-init="openLevel2SubmenuId = '889'"
5177                                                        >
5178                            <div class="flex justify-stretch">
5179                                
5180<a href="https://www.123drogisterij.nl/pants/abso-x-pants"
5181    class="flex justify-between items-center w-full font-semibold hover:underline"
5182    data-menu="menu-889"
5183>
5184    ABSO-X Ultra Pants</a>
5185                                                                        </div>
5186                        </li>
5187                                                <li class="py-2 px-4"
5188                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '150' }"
5189                            @mouseenter="openLevel2SubmenuId = '150'"
5190                                                    >
5191                            <div class="flex justify-stretch">
5192                                
5193<a href="https://www.123drogisterij.nl/incontinentie-pants/tena-pants"
5194    class="flex justify-between items-center w-full font-semibold hover:underline"
5195    data-menu="menu-150"
5196>
5197    TENA Pants</a>
5198                                                                        </div>
5199                        </li>
5200                                                <li class="py-2 px-4"
5201                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '151' }"
5202                            @mouseenter="openLevel2SubmenuId = '151'"
5203                                                    >
5204                            <div class="flex justify-stretch">
5205                                
5206<a href="https://www.123drogisterij.nl/incontinentie-pants/abena-pants"
5207    class="flex justify-between items-center w-full font-semibold hover:underline"
5208    data-menu="menu-151"
5209>
5210    Abena Pants</a>
5211                                                                        </div>
5212                        </li>
5213                                                <li class="py-2 px-4"
5214                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '152' }"
5215                            @mouseenter="openLevel2SubmenuId = '152'"
5216                                                    >
5217                            <div class="flex justify-stretch">
5218                                
5219<a href="https://www.123drogisterij.nl/incontinentie-pants/attends-pants"
5220    class="flex justify-between items-center w-full font-semibold hover:underline"
5221    data-menu="menu-152"
5222>
5223    Attends Pants</a>
5224                                                                        </div>
5225                        </li>
5226                                                <li class="py-2 px-4"
5227                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '153' }"
5228                            @mouseenter="openLevel2SubmenuId = '153'"
5229                                                    >
5230                            <div class="flex justify-stretch">
5231                                
5232<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants"
5233    class="flex justify-between items-center w-full font-semibold hover:underline"
5234    data-menu="menu-153"
5235>
5236    Depend Pants</a>
5237                                                                                <button type="button"
5238                                        class="flex flex-1 justify-end items-center pr-1"
5239                                        :aria-expanded="openLevel2SubmenuId === '153' ? 'true' : 'false'"
5240                                        aria-controls="level-2-submenu-153"
5241                                        @click="openLevel2Submenu('153')"
5242                                    >
5243                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="relative transition-all duration-150 ease-in-out left-0 cursor-default" width="20" height="20">
5244    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/>
5245</svg>
5246                                        <span class="sr-only">
5247                                            Open submenu for Depend Pants                                        </span>
5248                                    </button>
5249                                                                </div>
5250                        </li>
5251                                                <li class="py-2 px-4"
5252                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '156' }"
5253                            @mouseenter="openLevel2SubmenuId = '156'"
5254                                                    >
5255                            <div class="flex justify-stretch">
5256                                
5257<a href="https://www.123drogisterij.nl/pants/incontinentiebroekjes"
5258    class="flex justify-between items-center w-full font-semibold hover:underline"
5259    data-menu="menu-156"
5260>
5261    Incontinentiebroekjes</a>
5262                                                                        </div>
5263                        </li>
5264                                                <li class="py-2 px-4"
5265                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '157' }"
5266                            @mouseenter="openLevel2SubmenuId = '157'"
5267                                                    >
5268                            <div class="flex justify-stretch">
5269                                
5270<a href="https://www.123drogisterij.nl/incontinentie-pants/lille-pants"
5271    class="flex justify-between items-center w-full font-semibold hover:underline"
5272    data-menu="menu-157"
5273>
5274    Lille Pants</a>
5275                                                                        </div>
5276                        </li>
5277                                                <li class="py-2 px-4"
5278                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '158' }"
5279                            @mouseenter="openLevel2SubmenuId = '158'"
5280                                                    >
5281                            <div class="flex justify-stretch">
5282                                
5283<a href="https://www.123drogisterij.nl/incontinentie-pants/seni-active-pants"
5284    class="flex justify-between items-center w-full font-semibold hover:underline"
5285    data-menu="menu-158"
5286>
5287    Seni Active pants</a>
5288                                                                        </div>
5289                        </li>
5290                                                <li class="py-2 px-4"
5291                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '159' }"
5292                            @mouseenter="openLevel2SubmenuId = '159'"
5293                                                    >
5294                            <div class="flex justify-stretch">
5295                                
5296<a href="https://www.123drogisterij.nl/incontinentie-pants/absorin-pants"
5297    class="flex justify-between items-center w-full font-semibold hover:underline"
5298    data-menu="menu-159"
5299>
5300    Absorin Comfort Pants</a>
5301                                                                        </div>
5302                        </li>
5303                                        </ul>
5304
5305                
5306            <ul id="level-2-submenu-153"
5307            x-ref="level-2-submenu-153"
5308            x-show="openLevel2SubmenuId === '153'"
5309            class="flex flex-col w-80 bg-tertiary-100 pl-12 relative pr-4"
5310        >
5311                            <li class="py-2"
5312                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '154' }"
5313                    @mouseenter="openLevel3SubmenuId = '154'"
5314                >
5315                    <div class="flex justify-stretch">
5316                        
5317<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/vrouwen"
5318    class="flex justify-between items-center w-full  hover:underline"
5319    data-menu="menu-154"
5320>
5321    Vrouwen</a>
5322
5323                                            </div>
5324                                    </li>
5325                                <li class="py-2"
5326                    :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel3SubmenuId === '155' }"
5327                    @mouseenter="openLevel3SubmenuId = '155'"
5328                >
5329                    <div class="flex justify-stretch">
5330                        
5331<a href="https://www.123drogisterij.nl/incontinentie-pants/depend-pants/mannen"
5332    class="flex justify-between items-center w-full  hover:underline"
5333    data-menu="menu-155"
5334>
5335    Mannen</a>
5336
5337                                            </div>
5338                                    </li>
5339                        </ul>
5340                    </div>
5341        </div>
5342        
5343                        </li>
5344                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5344ded-sm group"
5345                                                    :class="{'hovered' : openSubmenuId === '160'}"
5346                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '160'; backdrop = true;}, 200)"
5347                            @mouseleave="clearTimeout(openSubmenuTimer)"
5348                                                >
5349                        <div class="group "
5350                             :class="{'' : openSubmenuId === '160'}"
5351                        >
5352                            
5353<a href="https://www.123drogisterij.nl/incontinentie-inleggers"
5354    class="flex justify-between items-center w-full  hover:underline"
5355    data-menu="menu-160"
5356>
5357    Inlegger</a>
5358                        </div>
5359                                                    <button type="button"
5360                                    x-ref="sr-button-160"
5361                                    :aria-expanded="openSubmenuId === '160' ? 'true' : 'false'"
5362                                    aria-label="Open submenu"
5363                                    @click="toggleSubmenu('160'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
5364                            >
5365                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
5366    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
5367</svg>
5368                            </button>
5369                                                            <div x-ref="submenu-160"
5370            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
5371            x-show="openSubmenuId === '160'"
5372            x-cloak
5373        >
5374            
5374<script>
5375                'use strict';
5376
5377                const initSubMenu160 = () => ({
5378                    openLevel2SubmenuId: null,
5379                    openLevel2Submenu(menuNode) {
5380                        this.openLevel2SubmenuId = menuNode
5381                        this.$nextTick(() => {
5382                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5383                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5384                        })
5385                    },
5386                    openLevel3SubmenuId: null,
5387                    openLevel3Submenu(menuNode) {
5388                        this.openLevel3SubmenuId = menuNode
5389                        this.$nextTick(() => {
5390                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5391                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5392                        })
5393                    },
5394                })
5395            </script>
5395
5396
5397            <div class="flex container pb-8 h-full"
5398                x-data="initSubMenu160()"
5399            >
5400                <ul class="w-80">
5401                                            <li class="py-2 px-4"
5402                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '161' }"
5403                            @mouseenter="openLevel2SubmenuId = '161'"
5404                                                            x-init="openLevel2SubmenuId = '161'"
5405                                                        >
5406                            <div class="flex justify-stretch">
5407                                
5408<a href="https://www.123drogisterij.nl/incontinentie-inleggers/tena-inleggers"
5409    class="flex justify-between items-center w-full font-semibold hover:underline"
5410    data-menu="menu-161"
5411>
5412    TENA Inleggers</a>
5413                                                                        </div>
5414                        </li>
5415                                                <li class="py-2 px-4"
5416                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '162' }"
5417                            @mouseenter="openLevel2SubmenuId = '162'"
5418                                                    >
5419                            <div class="flex justify-stretch">
5420                                
5421<a href="https://www.123drogisterij.nl/incontinentie-inleggers/abena-inleggers"
5422    class="flex justify-between items-center w-full font-semibold hover:underline"
5423    data-menu="menu-162"
5424>
5425    Abena Inleggers</a>
5426                                                                        </div>
5427                        </li>
5428                                                <li class="py-2 px-4"
5429                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '163' }"
5430                            @mouseenter="openLevel2SubmenuId = '163'"
5431                                                    >
5432                            <div class="flex justify-stretch">
5433                                
5434<a href="https://www.123drogisterij.nl/incontinentie-inleggers/depend-inleggers"
5435    class="flex justify-between items-center w-full font-semibold hover:underline"
5436    data-menu="menu-163"
5437>
5438    Depend Inleggers</a>
5439                                                                        </div>
5440                        </li>
5441                                                <li class="py-2 px-4"
5442                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '164' }"
5443                            @mouseenter="openLevel2SubmenuId = '164'"
5444                                                    >
5445                            <div class="flex justify-stretch">
5446                                
5447<a href="https://www.123drogisterij.nl/incontinentie-inleggers/absorin-inleggers"
5448    class="flex justify-between items-center w-full font-semibold hover:underline"
5449    data-menu="menu-164"
5450>
5451    Absorin Inleggers</a>
5452                                                                        </div>
5453                        </li>
5454                                                <li class="py-2 px-4"
5455                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '165' }"
5456                            @mouseenter="openLevel2SubmenuId = '165'"
5457                                                    >
5458                            <div class="flex justify-stretch">
5459                                
5460<a href="https://www.123drogisterij.nl/incontinentie-inleggers/seni-inleggers"
5461    class="flex justify-between items-center w-full font-semibold hover:underline"
5462    data-menu="menu-165"
5463>
5464    Seni inleggers</a>
5465                                                                        </div>
5466                        </li>
5467                                                <li class="py-2 px-4"
5468                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '166' }"
5469                            @mouseenter="openLevel2SubmenuId = '166'"
5470                                                    >
5471                            <div class="flex justify-stretch">
5472                                
5473<a href="https://www.123drogisterij.nl/incontinentie-inleggers/attends-inleggers"
5474    class="flex justify-between items-center w-full font-semibold hover:underline"
5475    data-menu="menu-166"
5476>
5477    Attends Inlegger</a>
5478                                                                        </div>
5479                        </li>
5480                                                <li class="py-2 px-4"
5481                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '167' }"
5482                            @mouseenter="openLevel2SubmenuId = '167'"
5483                                                    >
5484                            <div class="flex justify-stretch">
5485                                
5486<a href="https://www.123drogisterij.nl/incontinentie-inleggers/inlegverband-incontinentieverband"
5487    class="flex justify-between items-center w-full font-semibold hover:underline"
5488    data-menu="menu-167"
5489>
5490    Inlegverband / incontinentieverband</a>
5491                                                                        </div>
5492                        </li>
5493                                                <li class="py-2 px-4"
5494                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '168' }"
5495                            @mouseenter="openLevel2SubmenuId = '168'"
5496                                                    >
5497                            <div class="flex justify-stretch">
5498                                
5499<a href="https://www.123drogisterij.nl/incontinentie-inleggers/mannenverband"
5500    class="flex justify-between items-center w-full font-semibold hover:underline"
5501    data-menu="menu-168"
5502>
5503    Mannenverband</a>
5504                                                                        </div>
5505                        </li>
5506                                        </ul>
5507
5508                            </div>
5509        </div>
5510        
5511                        </li>
5512                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5512ded-sm group"
5513                                                    :class="{'hovered' : openSubmenuId === '169'}"
5514                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '169'; backdrop = true;}, 200)"
5515                            @mouseleave="clearTimeout(openSubmenuTimer)"
5516                                                >
5517                        <div class="group "
5518                             :class="{'' : openSubmenuId === '169'}"
5519                        >
5520                            
5521<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie"
5522    class="flex justify-between items-center w-full  hover:underline"
5523    data-menu="menu-169"
5524>
5525    Verzorging</a>
5526                        </div>
5527                                                    <button type="button"
5528                                    x-ref="sr-button-169"
5529                                    :aria-expanded="openSubmenuId === '169' ? 'true' : 'false'"
5530                                    aria-label="Open submenu"
5531                                    @click="toggleSubmenu('169'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
5532                            >
5533                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
5534    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
5535</svg>
5536                            </button>
5537                                                            <div x-ref="submenu-169"
5538            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
5539            x-show="openSubmenuId === '169'"
5540            x-cloak
5541        >
5542            
5542<script>
5543                'use strict';
5544
5545                const initSubMenu169 = () => ({
5546                    openLevel2SubmenuId: null,
5547                    openLevel2Submenu(menuNode) {
5548                        this.openLevel2SubmenuId = menuNode
5549                        this.$nextTick(() => {
5550                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5551                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5552                        })
5553                    },
5554                    openLevel3SubmenuId: null,
5555                    openLevel3Submenu(menuNode) {
5556                        this.openLevel3SubmenuId = menuNode
5557                        this.$nextTick(() => {
5558                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5559                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5560                        })
5561                    },
5562                })
5563            </script>
5563
5564
5565            <div class="flex container pb-8 h-full"
5566                x-data="initSubMenu169()"
5567            >
5568                <ul class="w-80">
5569                                            <li class="py-2 px-4"
5570                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '170' }"
5571                            @mouseenter="openLevel2SubmenuId = '170'"
5572                                                            x-init="openLevel2SubmenuId = '170'"
5573                                                        >
5574                            <div class="flex justify-stretch">
5575                                
5576<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/wegwerp-washandjes-nat-en-droog"
5577    class="flex justify-between items-center w-full font-semibold hover:underline"
5578    data-menu="menu-170"
5579>
5580    Wegwerp Washandjes</a>
5581                                                                        </div>
5582                        </li>
5583                                                <li class="py-2 px-4"
5584                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '171' }"
5585                            @mouseenter="openLevel2SubmenuId = '171'"
5586                                                    >
5587                            <div class="flex justify-stretch">
5588                                
5589<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgingsproducten-cremes-wasgels"
5590    class="flex justify-between items-center w-full font-semibold hover:underline"
5591    data-menu="menu-171"
5592>
5593    Crèmes &amp; wasgels</a>
5594                                                                        </div>
5595                        </li>
5596                                                <li class="py-2 px-4"
5597                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '172' }"
5598                            @mouseenter="openLevel2SubmenuId = '172'"
5599                                                    >
5600                            <div class="flex justify-stretch">
5601                                
5602<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/verzorgend-wassen-natte-washandjes"
5603    class="flex justify-between items-center w-full font-semibold hover:underline"
5604    data-menu="menu-172"
5605>
5606    Verzorgend wassen - Wet Wash - Shampoo Cap</a>
5607                                                                        </div>
5608                        </li>
5609                                                <li class="py-2 px-4"
5610                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '173' }"
5611                            @mouseenter="openLevel2SubmenuId = '173'"
5612                                                    >
5613                            <div class="flex justify-stretch">
5614                                
5615<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/luieremmer-janibell-akord"
5616    class="flex justify-between items-center w-full font-semibold hover:underline"
5617    data-menu="menu-173"
5618>
5619    Luieremmer Janibell Akord</a>
5620                                                                        </div>
5621                        </li>
5622                                                <li class="py-2 px-4"
5623                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '174' }"
5624                            @mouseenter="openLevel2SubmenuId = '174'"
5625                                                    >
5626                            <div class="flex justify-stretch">
5627                                
5628<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/uri-go"
5629    class="flex justify-between items-center w-full font-semibold hover:underline"
5630    data-menu="menu-174"
5631>
5632    Uri-Go</a>
5633                                                                        </div>
5634                        </li>
5635                                                <li class="py-2 px-4"
5636                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '175' }"
5637                            @mouseenter="openLevel2SubmenuId = '175'"
5638                                                    >
5639                            <div class="flex justify-stretch">
5640                                
5641<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/vochtige-washandjes"
5642    class="flex justify-between items-center w-full font-semibold hover:underline"
5643    data-menu="menu-175"
5644>
5645    Vochtige washandjes</a>
5646                                                                        </div>
5647                        </li>
5648                                                <li class="py-2 px-4"
5649                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '176' }"
5650                            @mouseenter="openLevel2SubmenuId = '176'"
5651                                                    >
5652                            <div class="flex justify-stretch">
5653                                
5654<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/slabben-voor-volwassenen"
5655    class="flex justify-between items-center w-full font-semibold hover:underline"
5656    data-menu="menu-176"
5657>
5658    Slab voor volwassenen</a>
5659                                                                        </div>
5660                        </li>
5661                                                <li class="py-2 px-4"
5662                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '177' }"
5663                            @mouseenter="openLevel2SubmenuId = '177'"
5664                                                    >
5665                            <div class="flex justify-stretch">
5666                                
5667<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/shampoo-cap"
5668    class="flex justify-between items-center w-full font-semibold hover:underline"
5669    data-menu="menu-177"
5670>
5671    Shampoo cap</a>
5672                                                                        </div>
5673                        </li>
5674                                                <li class="py-2 px-4"
5675                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '178' }"
5676                            @mouseenter="openLevel2SubmenuId = '178'"
5677                                                    >
5678                            <div class="flex justify-stretch">
5679                                
5680<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/opvangzakken"
5681    class="flex justify-between items-center w-full font-semibold hover:underline"
5682    data-menu="menu-178"
5683>
5684    Opvangzakken | Dr. Helewa</a>
5685                                                                        </div>
5686                        </li>
5687                                                <li class="py-2 px-4"
5688                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '179' }"
5689                            @mouseenter="openLevel2SubmenuId = '179'"
5690                                                    >
5691                            <div class="flex justify-stretch">
5692                                
5693<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/producten-voor-mantelzorgers"
5694    class="flex justify-between items-center w-full font-semibold hover:underline"
5695    data-menu="menu-179"
5696>
5697    Producten voor mantelzorgers</a>
5698                                                                        </div>
5699                        </li>
5700                                                <li class="py-2 px-4"
5701                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '180' }"
5702                            @mouseenter="openLevel2SubmenuId = '180'"
5703                                                    >
5704                            <div class="flex justify-stretch">
5705                                
5706<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie/handschoenen"
5707    class="flex justify-between items-center w-full font-semibold hover:underline"
5708    data-menu="menu-180"
5709>
5710    Handschoenen</a>
5711                                                                        </div>
5712                        </li>
5713                                        </ul>
5714
5715                            </div>
5716        </div>
5717        
5718                        </li>
5719                                        <li class="flex items-center justify-between font-medium pt-4 pb-[13px] border-b-3 border-transparent roun
5719ded-sm group"
5720                                                    :class="{'hovered' : openSubmenuId === '181'}"
5721                            @mouseenter="openSubmenuTimer = setTimeout(function () { openSubmenuId = '181'; backdrop = true;}, 200)"
5722                            @mouseleave="clearTimeout(openSubmenuTimer)"
5723                                                >
5724                        <div class="group "
5725                             :class="{'' : openSubmenuId === '181'}"
5726                        >
5727                            
5728<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers"
5729    class="flex justify-between items-center w-full  hover:underline"
5730    data-menu="menu-181"
5731>
5732    Onderlegger</a>
5733                        </div>
5734                                                    <button type="button"
5735                                    x-ref="sr-button-181"
5736                                    :aria-expanded="openSubmenuId === '181' ? 'true' : 'false'"
5737                                    aria-label="Open submenu"
5738                                    @click="toggleSubmenu('181'); document.querySelector('.page-header').classList.add('sticky', 'top-0');"
5739                            >
5740                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 transition level-0 ml-1" width="16" height="16">
5741    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
5742</svg>
5743                            </button>
5744                                                            <div x-ref="submenu-181"
5745            class="absolute left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] top-full shadow-soft-no-top w-screen z-30 bg-white flex border-t border-gray-200 max-h-[75vh] overflow-auto"
5746            x-show="openSubmenuId === '181'"
5747            x-cloak
5748        >
5749            
5749<script>
5750                'use strict';
5751
5752                const initSubMenu181 = () => ({
5753                    openLevel2SubmenuId: null,
5754                    openLevel2Submenu(menuNode) {
5755                        this.openLevel2SubmenuId = menuNode
5756                        this.$nextTick(() => {
5757                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5758                            this.$refs['level-2-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5759                        })
5760                    },
5761                    openLevel3SubmenuId: null,
5762                    openLevel3Submenu(menuNode) {
5763                        this.openLevel3SubmenuId = menuNode
5764                        this.$nextTick(() => {
5765                            const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
5766                            this.$refs['level-3-submenu-' + menuNode]?.querySelector(focusableElements)?.focus()
5767                        })
5768                    },
5769                })
5770            </script>
5770
5771
5772            <div class="flex container pb-8 h-full"
5773                x-data="initSubMenu181()"
5774            >
5775                <ul class="w-80">
5776                                            <li class="py-2 px-4"
5777                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '890' }"
5778                            @mouseenter="openLevel2SubmenuId = '890'"
5779                                                            x-init="openLevel2SubmenuId = '890'"
5780                                                        >
5781                            <div class="flex justify-stretch">
5782                                
5783<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abso-x-ultra-bed"
5784    class="flex justify-between items-center w-full font-semibold hover:underline"
5785    data-menu="menu-890"
5786>
5787    ABSO-X Ultra Bed</a>
5788                                                                        </div>
5789                        </li>
5790                                                <li class="py-2 px-4"
5791                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '182' }"
5792                            @mouseenter="openLevel2SubmenuId = '182'"
5793                                                    >
5794                            <div class="flex justify-stretch">
5795                                
5796<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/tena-bed-onderleggers"
5797    class="flex justify-between items-center w-full font-semibold hover:underline"
5798    data-menu="menu-182"
5799>
5800    TENA Bed Onderleggers</a>
5801                                                                        </div>
5802                        </li>
5803                                                <li class="py-2 px-4"
5804                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '183' }"
5805                            @mouseenter="openLevel2SubmenuId = '183'"
5806                                                    >
5807                            <div class="flex justify-stretch">
5808                                
5809<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/wasbare-onderleggers"
5810    class="flex justify-between items-center w-full font-semibold hover:underline"
5811    data-menu="menu-183"
5812>
5813    Wasbare onderleggers</a>
5814                                                                        </div>
5815                        </li>
5816                                                <li class="py-2 px-4"
5817                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '184' }"
5818                            @mouseenter="openLevel2SubmenuId = '184'"
5819                                                    >
5820                            <div class="flex justify-stretch">
5821                                
5822<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermer"
5823    class="flex justify-between items-center w-full font-semibold hover:underline"
5824    data-menu="menu-184"
5825>
5826    Waterdichte matrasbeschermer</a>
5827                                                                        </div>
5828                        </li>
5829                                                <li class="py-2 px-4"
5830                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '185' }"
5831                            @mouseenter="openLevel2SubmenuId = '185'"
5832                                                    >
5833                            <div class="flex justify-stretch">
5834                                
5835<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/abena-bed-onderleggers"
5836    class="flex justify-between items-center w-full font-semibold hover:underline"
5837    data-menu="menu-185"
5838>
5839    Abena Bed Onderleggers</a>
5840                                                                        </div>
5841                        </li>
5842                                                <li class="py-2 px-4"
5843                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '186' }"
5844                            @mouseenter="openLevel2SubmenuId = '186'"
5845                                                    >
5846                            <div class="flex justify-stretch">
5847                                
5848<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/seni-bed-onderleggers"
5849    class="flex justify-between items-center w-full font-semibold hover:underline"
5850    data-menu="menu-186"
5851>
5852    Seni Bed Onderlegger</a>
5853                                                                        </div>
5854                        </li>
5855                                                <li class="py-2 px-4"
5856                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '187' }"
5857                            @mouseenter="openLevel2SubmenuId = '187'"
5858                                                    >
5859                            <div class="flex justify-stretch">
5860                                
5861<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/absorin-bed-onderleggers"
5862    class="flex justify-between items-center w-full font-semibold hover:underline"
5863    data-menu="menu-187"
5864>
5865    Absorin Bed Onderleggers</a>
5866                                                                        </div>
5867                        </li>
5868                                                <li class="py-2 px-4"
5869                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '188' }"
5870                            @mouseenter="openLevel2SubmenuId = '188'"
5871                                                    >
5872                            <div class="flex justify-stretch">
5873                                
5874<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/attends-bed-onderleggers"
5875    class="flex justify-between items-center w-full font-semibold hover:underline"
5876    data-menu="menu-188"
5877>
5878    Attends Bed Onderleggers</a>
5879                                                                        </div>
5880                        </li>
5881                                                <li class="py-2 px-4"
5882                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '189' }"
5883                            @mouseenter="openLevel2SubmenuId = '189'"
5884                                                    >
5885                            <div class="flex justify-stretch">
5886                                
5887<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/stoelbeschermer"
5888    class="flex justify-between items-center w-full font-semibold hover:underline"
5889    data-menu="menu-189"
5890>
5891    Stoelbeschermer</a>
5892                                                                        </div>
5893                        </li>
5894                                                <li class="py-2 px-4"
5895                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '190' }"
5896                            @mouseenter="openLevel2SubmenuId = '190'"
5897                                                    >
5898                            <div class="flex justify-stretch">
5899                                
5900<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/bedzeil"
5901    class="flex justify-between items-center w-full font-semibold hover:underline"
5902    data-menu="menu-190"
5903>
5904    Bedzeil</a>
5905                                                                        </div>
5906                        </li>
5907                                                <li class="py-2 px-4"
5908                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '191' }"
5909                            @mouseenter="openLevel2SubmenuId = '191'"
5910                                                    >
5911                            <div class="flex justify-stretch">
5912                                
5913<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/celstofmatjes"
5914    class="flex justify-between items-center w-full font-semibold hover:underline"
5915    data-menu="menu-191"
5916>
5917    Celstofmatjes</a>
5918                                                                        </div>
5919                        </li>
5920                                                <li class="py-2 px-4"
5921                            :class="{ 'bg-tertiary-100 desktop-menu-item-active': openLevel2SubmenuId === '193' }"
5922                            @mouseenter="openLevel2SubmenuId = '193'"
5923                                                    >
5924                            <div class="flex justify-stretch">
5925                                
5926<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/steeklaken"
5927    class="flex justify-between items-center w-full font-semibold hover:underline"
5928    data-menu="menu-193"
5929>
5930    Steeklaken</a>
5931                                                                        </div>
5932                        </li>
5933                                        </ul>
5934
5935                            </div>
5936        </div>
5937        
5938                        </li>
5939                                </ul>
5940        </nav>
5941    </div>
5942        
5943<script>
5944    function initCartDrawer() {
5945        return {
5946            open: false,
5947            isLoading: false,
5948            cart: {},
5949            maxItemsToDisplay: 100,
5950            itemsCount: 0,
5951            getData(data) {
5952                if (data.cart) {
5953                    this.cart = data.cart;
5954                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
5955                    this.setCartItems();
5956                }
5957                this.isLoading = false;
5958            },
5959            cartItems: [],
5960            getItemCountTitle() {
5961                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount)
5962            },
5963            setCartItems() {
5964                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];
5965
5966                if (this.maxItemsToDisplay > 0) {
5967                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
5968                }
5969            },
5970            updateItemQty(form) {
5971                this.isLoading = true;
5972
5973                hyvaAjaxFormMinicart({
5974                    form,
5975                    redirect: false
5976                }, () => {
5977                    this.isLoading = false;
5978                });
5979            },
5980            deleteItemFromCart(itemId) {
5981                this.isLoading = true;
5982
5983                const formKey = hyva.getFormKey();
5984                hyvaAjaxFormMinicart({
5985                    url: BASE_URL + 'checkout/sidebar/removeItem/',
5986                    body: 'form_key=' + formKey + '&item_id=' + itemId,
5987                    message: 'U\u0020heeft\u0020het\u0020item\u0020verwijderd.'
5988                }, () => {
5989                    this.isLoading = false
5990                });
5991            },
5992            scrollLock(use = true) {
5993                document.body.style.overflow = use ? 'hidden' : '';
5994            },
5995            toggleCartDrawer(event) {
5996                if (event.detail && event.detail.isOpen) {
5997                    this.open = event.detail.isOpen;
5998                } else {
5999                    this.open = !this.open;
6000                }
6001
6002                if (this.open) {
6003                    this.$root.showModal();
6004                } else {
6005                    this.$root.close();
6006                }
6007
6008                this.scrollLock(this.open);
6009            },
6010            openCartDrawer() {
6011                this.$root.showModal();
6012                this.open = true;
6013                this.scrollLock(true);
6014            },
6015            closeCartDrawer() {
6016                this.$root.close();
6017                this.open = false;
6018                this.scrollLock(false);
6019            },
6020            getSectionDataExtraActions() {
6021                if (!this.cart.extra_actions) {
6022                    return '';
6023                }
6024
6025                const contentNode = document.createElement('div');
6026                contentNode.innerHTML = this.cart.extra_actions;
6027                hyva.activateScripts(contentNode);
6028
6029                return contentNode.innerHTML;
6030            },
6031            onDialogBackdropClickHelper(event, target) {
6032                const rect = target.getBoundingClientRect();
6033                const isInDialog =
6034                    rect.top <= event.clientY &&
6035                    event.clientY <= rect.top + rect.height &&
6036                    rect.left <= event.clientX &&
6037                    event.clientX <= rect.left + rect.width;
6038                return isInDialog;
6039            },
6040            setItemMessage(itemId, message) {
6041                const items = this.cartItems;
6042                items.forEach((item) => {
6043                    if (item.item_id === itemId) {
6044                        item.message = message;
6045                    }
6046                });
6047            },
6048            cartListeners: {
6049                ['@private-content-loaded.window'](event) {
6050                    this.getData(event.detail.data);
6051                },
6052                ['@click'](event) {
6053                    if (this.onDialogBackdropClickHelper(event, this.$root)) return;
6054                    this.closeCartDrawer();
6055                },
6056                ['@toggle-cart.window'](event) {
6057                    this.toggleCartDrawer(event);
6058                },
6059                ['@keydown.window.escape']() {
6060                    this.closeCartDrawer();
6061                },
6062                ['@minicart-error-message.window'](event) {
6063                    if (!event.detail) return;
6064                    const { itemId, message } = event.detail;
6065                    this.setItemMessage(itemId, message);
6066                }
6067            }
6068        }
6069    }
6070
6071    async function hyvaAjaxFormMinicart(
6072        {
6073            form = null,
6074            url = '',
6075            body = '',
6076            redirect = 'default',
6077            message = '',
6078        } = {},
6079        callback = () => {}
6080    ) {
6081        const formData = body ? body : (form ? new FormData(form) : '');
6082        const postUrl = url ? url : (form ? form.action : '');
6083        if (!formData || !postUrl) {
6084            console.warn('You must provide the form or formData and postUrl!');
6085            return;
6086        }
6087
6088        const formUenc = hyva.getUenc();
6089        const itemId = body ? new URLSearchParams(body).get('item_id') : formData.get('item_id');
6090        let bodyUrl = new URLSearchParams(formData);
6091        bodyUrl.append('uenc', formUenc);
6092
6093        try {
6094            const response = await fetch(postUrl, {
6095                method: 'POST',
6096                body: bodyUrl.toString(),
6097                mode: 'cors',
6098                credentials: 'include',
6099                headers: {
6100                    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
6101                    'X-Requested-With': 'XMLHttpRequest'
6102                }
6103            });
6104
6105            if (!response.ok) {
6106                return form.submit();
6107            }
6108
6109            if (redirect === 'default' && response.redirected) {
6110                return window.location.href = response.url;
6111            } else if (redirect !== 'default' && redirect !== false) {
6112                return window.location.href = redirect;
6113            }
6114
6115            const responseBody = await response.json();
6116
6117            if (!responseBody.success) {
6118                throw responseBody.error_message;
6119            }
6120
6121            window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
6122        } catch (error) {
6123            window.dispatchEvent(new CustomEvent('minicart-error-message', { detail: { itemId, message: error } }));
6124        } finally {
6125            callback();
6126        }
6127    }
6128</script>
6128
6129
6130
6131<template id="cart-drawer"
6132          x-data="initCartDrawer()"
6133          @private-content-loaded.window="getData(event.detail.data)"
6134          @toggle-cart.window="open=true"
6135          @keydown.window.escape="open=false"
6136          x-if="cart && cart.summary_count"
6137>
6138    <div role="dialog"
6139         aria-labelledby="cart-drawer-title"
6140         aria-modal="true"
6141         @click.outside="open = false"
6142         class="fixed inset-y-0 right-0 z-30 flex justify-end max-w-full cart-drawer-dialog"
6143    >
6144        <div class="backdrop"
6145             x-show="open"
6146             x-transition:enter="ease-in-out duration-500"
6147             x-transition:enter-start="opacity-0"
6148             x-transition:enter-end="opacity-100"
6149             x-transition:leave="ease-in-out duration-500"
6150             x-transition:leave-start="opacity-100"
6151             x-transition:leave-end="opacity-0"
6152             @click="open = false"
6153             aria-label="Close panel"></div>
6154        <div class="relative w-11/12 max-w-sm min-w-md shadow-hard md:min-w-[32rem] md:max-w-lg"
6155             x-show="open"
6156             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
6157             x-transition:enter-start="translate-x-full"
6158             x-transition:enter-end="translate-x-0"
6159             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
6160             x-transition:leave-start="translate-x-0"
6161             x-transition:leave-end="translate-x-full"
6162        >
6163            <div
6164                x-show="open"
6165                x-transition:enter="ease-in-out duration-500"
6166                x-transition:enter-start="opacity-0"
6167                x-transition:enter-end="opacity-100"
6168                x-transition:leave="ease-in-out duration-500"
6169                x-transition:leave-start="opacity-100"
6170                x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2">
6171                <button @click="open = false;" aria-label="Close panel"
6172                        class="p-2 transition duration-150 ease-in-out hover:text-secondary-900">
6173                    <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
6174                        <path stroke-linecap="round" stroke-linejoin="round"
6175                              stroke-width="2" d="M6 18L18 6M6 6l12 12">
6176                        </path>
6177                    </svg>
6178                </button>
6179            </div>
6180            <div class="flex flex-col h-full bg-white">
6181                <header class="pt-4 px-4 sm:px-6">
6182                    <h2 id="cart-drawer-title" class="text-xl font-bold pb-4 border-b lg:text-2xl">
6183                        Winkelmand                    </h2>
6184                </header>
6185                <div class="overflow-y-auto bg-white sm:gap-8 pt-3 px-4 sm:px-6">
6186                    <template x-for="item in cartItems">
6187                        <div class="flex items-start space-x-4 border-b  w-full pb-4 mb-4">
6188                            <a :href="item.product_url">
6189                                <img
6190                                    :src="item.product_image.src"
6191                                    :width="item.product_image.width"
6192                                    :height="item.product_image.height"
6193                                    loading="lazy"
6194                                    class="border rounded-md max-w-[100px]"
6195                                />
6196                            </a>
6197                            <div class="w-3/4 space-y-2">
6198                                <div>
6199                                    <strong class="block mb-2 lg:text-lg" x-html="item.product_name"></strong>
6200                                    <p class="block text-md">
6201                                        <span>Artikelnummer: </span>
6202                                        <span x-html="item.product_sku"></span>
6203                                    </p>
6204                                </div>
6205
6206                                <template x-for="option in item.options">
6207                                    <template x-if="option.label !== 'Tracking Parameters'">
6208                                        <div class="text-xs">
6209                                            <span class="block font-semibold" x-text="option.label + ':'"></span>
6210                                            <span class="font-normal" x-html="option.value"></span>
6211                                        </div>
6212                                    </template>
6213                                </template>
6214
6215                                <p><span x-html="item.product_price"></span></p>
6216
6217                                <div class="flex justify-between flex-wrap gap-4 mx-auto grid-cols-2 w-full !mt-6">
6218                                    <div class="w-7/12 font-semibold w-auto">
6219                                        <form
6220                                            action="https://www.123drogisterij.nl/checkout/sidebar/updateItemQty/"
6221                                            x-data="{
6222                                                initQty: item.qty,
6223                                                itemQty: item.qty,
6224                                                prevQty: item.qty,
6225                                                updateQty() {
6226                                                    const submitEvent = new Event('submit', { cancelable: true });
6227                                                    this.$root.dispatchEvent(submitEvent);
6228                                                },
6229                                                setQtyDefaults() {
6230                                                    this.initQty = item.qty;
6231                                                    this.itemQty = item.qty;
6232                                                    this.prevQty = item.qty;
6233                                                }
6234                                            }"
6235                                            @submit.prevent="`
6236                                            ${itemQty > 0
6237                                                ? updateItemQty($event.target)
6238                                                : deleteItemFromCart(item.item_id)
6239                                            }`"
6240                                            x-init="$watch('item.qty', () => setQtyDefaults());"
6241                                            method="post"
6242                                            class="form form-cart flex gap-1"
6243                                        >
6244                                            <input name="form_key" type="hidden" value="GE9GUcRbrb4C5Z9I" />                                            <input type="hidden" name="item_id" :value="item.item_id">
6245                                            <label class="flex items-center border rounded-md mb-0 border-gray-400">
6246                                                <button
6247                                                    class="h-13 pl-2 text-gray-500"
6248                                                    type="button"
6249                                                    @click="itemQty === 1 ? itemQty = 1 : itemQty--"
6250                                                    @click.debounce.1000ms="updateQty($event)"
6251                                                >
6252                                                    <span>
6253                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-5 h-5 text-gray-900" width="24" height="24" role="img">
6254    <path fill-rule="evenodd" d="M3.75 12a.75.75 0 01.75-.75h15a.75.75 0 010 1.5h-15a.75.75 0 01-.75-.75z" clip-rule="evenodd"/>
6255<title>minus</title></svg>
6256                                                    </span>
6257                                                </button>
6258                                                <input
6259                                                    type="number"
6260                                                    class="qty form-input w-10 h-10 px-0 py-2 text-center border-x-0 rounded-none border-0 font-normal focus:outline-none focus:border-0 [&::-webkit-inner-spin-button]:hidden"
6261                                                    required
6262                                                    step="any"
6263                                                    x-model.number="itemQty"
6264                                                    :id="`minicart-${item.item_id}-qty`"
6265                                                    name="item_qty"
6266                                                    @change="updateQty($event)"
6267                                                    min="1"
6268                                                >
6269                                                <button
6270                                                    class="h-10 pr-2 text-gray-500"
6271                                                    type="button"
6272                                                    @click="itemQty++"
6273                                                    @click.debounce.1000ms="updateQty($event)"
6274                                                >
6275                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" width="20" height="20">
6276    <path fill-rule="evenodd" d="M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z" clip-rule="evenodd"/>
6277</svg>
6278                                                </button>
6279                                            </label>
6280                                        </form>
6281                                    </div>
6282                                    <div class="flex justify-end items-baseline gap-4 w-5/12 w-auto">
6283                                        <a :href="item.configure_url"
6284                                           x-show="item.product_type !== 'grouped'"
6285                                           class="action action-edit block float-right h-full text-gray-500 text-right text-sm group transition hover:text-black"
6286                                           :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022\u0020aanpassen', item.product_name)"
6287                                        >
6288                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 md:h-6 md:w-6 h-full align-middle inline" width="24" height="24">
6289    <path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z"/>
6290</svg>
6291                                            <span class="hidden lg:inline-block">
6292                                                Bewerken                                            </span>
6293                                        </a>
6294                                        <button type="button"
6295                                                class="action action-remove block h-full text-gray-500 text-right text-sm group transition p-2 hover:text-black"
6296                                                @click="deleteItemFromCart(item.item_id)"
6297                                                :aria-label="hyva.strf('Verwijder\u0020product\u0020\u0022\u00250\u0022\u0020van\u0020winkelmand', item.product_name)"
6298                                        >
6299
6300                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="h-5 w-5 md:h-6 md:w-6 h-full align-middle inline group-hover:text-red-600" width="24" height="24">
6301    <path fill-rule="evenodd" d="M16.5 4.478v.227a48.816 48.816 0 013.878.512.75.75 0 11-.256 1.478l-.209-.035-1.005 13.07a3 3 0 01-2.991 2.77H8.084a3 3 0 01-2.991-2.77L4.087 6.66l-.209.035a.75.75 0 01-.256-1.478A48.567 48.567 0 017.5 4.705v-.227c0-1.564 1.213-2.9 2.816-2.951a52.662 52.662 0 013.369 0c1.603.051 2.815 1.387 2.815 2.951zm-6.136-1.452a51.196 51.196 0 013.273 0C14.39 3.05 15 3.684 15 4.478v.113a49.488 49.488 0 00-6 0v-.113c0-.794.609-1.428 1.364-1.452zm-.355 5.945a.75.75 0 10-1.5.058l.347 9a.75.75 0 101.499-.058l-.346-9zm5.48.058a.75.75 0 10-1.498-.058l-.347 9a.75.75 0 001.5.058l.345-9z" clip-rule="evenodd"/>
6302</svg>
6303                                        </button>
6304                                    </div>
6305                                </div>
6306                            </div>
6307                        </div>
6308                    </template>
6309                </div>
6310                <div class="relative px-6 pb-4 border-t mt-auto lg:pb-12">
6311                    <div class="grid gap-4 py-2">
6312                        <div class="flex w-full grid-cols-2 py-2">
6313                            <div class="w-5/12">
6314                            <span
6315                                class="font-semibold"
6316                                x-html="`
6317                                ${cart.summary_count === 1
6318                                    ? hyva.str('&#x25;1&#x20;product', cart.summary_count)
6319                                    : hyva.str('&#x25;1&#x20;producten', cart.summary_count)
6320                                }`">
6321                            </span>
6322                            </div>
6323                            <div class="w-7/12 text-right">
6324                                <p class="font-semibold">
6325                                    Subtotaal: <span x-html="cart.subtotal"></span>
6326                                </p>
6327                            </div>
6328                        </div>
6329                        <div class="flex flex-col gap-2">
6330                            <a href="https://www.123drogisterij.nl/checkout/index/"
6331                               class="inline-flex btn btn-primary">
6332                                Ik ga bestellen                            </a>
6333                            <a href="https://www.123drogisterij.nl/checkout/cart/"
6334                               class="inline-flex btn text-black hover:underline">
6335                                Bekijk winkelmand                            </a>
6336                        </div>
6337                        <div class="payment-methods">
6338                            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#fff" d="M25.275 28H12.977A1.98 1.98 0 0 1 11 26.023V5.977A1.98 1.98 0 0 1 12.977 4h12.298c11.663 0 13.404 7.501 13.404 11.973C38.68 23.729 33.92 28 25.275 28"></path><path fill="#000" fill-rule="evenodd" d="M12.978 26.8h12.297c4.14 0 7.164-1.023 9.142-2.798 1.958-1.757 3.063-4.403 3.063-8.029 0-2.113-.418-4.794-2.076-6.927C33.789 6.971 30.829 5.2 25.274 5.2H12.979a.78.78 0 0 0-.778.778v20.044a.78.78 0 0 0 .778.778m-.001 1.2h12.298c8.644 0 13.404-4.271 13.404-12.027C38.68 
633811.501 36.939 4 25.275 4H12.977A1.98 1.98 0 0 0 11 5.977v20.046A1.98 1.98 0 0 0 12.977 28" clip-rule="evenodd"></path><path fill="#C06" d="M18.539 7.92v17.479h7.61c6.912 0 9.91-3.906 9.91-9.417 0-5.278-2.998-9.381-9.91-9.381h-6.292a1.32 1.32 0 0 0-1.318 1.318"></path><path fill="#fff" d="M21.154 17.026q.198 0 .386-.064a.85.85 0 0 0 .333-.214 1.1 1.1 0 0 0 .234-.389 1.7 1.7 0 0 0 .088-.585q0-.315-.062-.57a1.1 1.1 0 0 0-.202-.436.9.9 0 0 0-.37-.277 1.5 1.5 0 0 0-.571-.097h-.655v2.632zm.064-3.404q.404 0 .751.13c.227.082.433.213.603.385q.255.257.398.643.143.387.143.907 0 .456-.117.842t-.354.666c-.161.19-.363.341-.59.442q-.355.162-.834.161h-1.802v-4.176zm5.627 0v.772H24.64v.895h2.023v.714H24.64v1.023h2.252v.772h-3.17v-4.176zm3.197 2.562-.527-1.533h-.012l-.543 1.533zm-.053-2.562 1.561 4.176h-.953l-.316-.93H28.72l-.328.93h-.924l1.58-4.176zm3.057 0v3.404h2.035v.772h-2.953v-4.176z"></path><path fill="#000" d="M17.026 15.71a1.926 1.926 0 1 1-3.853 0 1.926 1.926 0 0 1 3.853 0m-.466 9.69a2.92 2.92 0 0 1-2.919-2.919v-2.276a1.46 1.46 0 1 1 2.919 0z"></path></g><defs><clippath id="a"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met iDeal</title></svg>
6339
6340<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_2)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M43 10.5v9.523h-2.167V10.5zm-2.965 3.214v6.327H38.11v-.546a2.6 2.6 0 0 1-.83.546q-.465.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.5 3.5 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q-.001-.708.238-1.313.252-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.466.19.83.545v-.545h1.925zm-3.414 4.604q.592.001.97-.407.39-.404.39-1.035c0-.42-.13-.769-.39-1.036a1.27 1.27 0 0 0-.97-.406c-.391 0-.722.134-.983.406q-.377.405-.377 1.036c0 .42.127.769.377 1.035q.391.406.983.407M29.996 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.157.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24h-1.044v3.238h-2.205V10.5zm-.316 4.34c.296 0 .519-.03.681-.09q.254-.103.415-.253.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.239-.101-.681-.102h-.731v2.378zm-11.055-1.126h2.393l1.624 3.034h.027l1.447-3.034h2.216l-4.748 9.538h-2.205l2.167-4.363zm-.427 0v6.327h-1.926v-.546a2.6 2.6 0 0 1-.83.546q-.466.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.6 3.6 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q0-.708.238-1.313.251-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.467.19.83.545v-.545h1.925zm-3.414 4.604q.591.001.972-.407.392-.404.392-1.035c0-.42-.13-.769-.392-1.036a1.27 1.27 0 0 0-.972-.406q-.591-.001-.983.406-.378.405-.377 1.036c0 .42.128.769.377 1.035q.392.406.983.407M8.25 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.156.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24H7.205v3.238H5V10.5zm-.313 4.34c.295 0 .519-.03.681-.09a1.3 1.3 0 0 0 .415-.253q.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.24-.101-.681-.102h-.731v2.378z"></path></g><defs><clippath id="a_2"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met PayPal</title></svg>
6341
6342<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_3)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M39.478 18.825c-.884 0-1.572-.724-1.572-1.603 0-.88.688-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.69 1.603-1.573 1.603m-.442 1.694c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143H43v-6.258h-1.897v.142c0 .09 0 .453.233 1.06l-.051.026c-.533-1.112-1.495-1.396-2.249-1.396-1.806 0-3.08 1.422-3.08 3.297s1.274 3.297 3.08 3.297m-6.38-6.594c-.858 0-1.534.297-2.08 1.396l-.052-.026c.234-.607.234-.97.234-1.06v-.142H28.86v6.258h1.95v-3.297c0-.866.507-1.41 1.325-1.41.82 0 1.222.466 1.222 1.397v3.31h1.95v-3.982c0-1.423-1.118-2.444-2.652-2.444M26.04 15.32l-.052-.026c.234-.607.234-.97.234-1.
634206v-.142h-1.897v6.258h1.95l.012-3.013c0-.879.468-1.41 1.235-1.41.208 0 .377.027.572.078v-1.913c-.858-.181-1.625.142-2.054 1.228m-6.199 3.504c-.883 0-1.572-.724-1.572-1.603 0-.88.689-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.689 1.603-1.573 1.603M19.4 20.52c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143h1.897v-6.258h-1.897v.142c0 .09 0 .453.234 1.06l-.052.026c-.533-1.112-1.495-1.396-2.248-1.396-1.807 0-3.08 1.422-3.08 3.297s1.273 3.297 3.08 3.297m-5.796-.168h1.95V11.3h-1.95zm-1.43-9.051h-1.988c0 1.616-1 3.064-2.52 4.099l-.599.414V11.3H5v9.05h2.066v-4.486l3.418 4.487h2.521l-3.288-4.293c1.495-1.073 2.47-2.74 2.457-4.758"></path></g><defs><clippath id="a_3"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Klarna</title></svg>
6343
6344<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_4)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#FF5F00" d="M28.376 8.139h-8.75v15.725h8.75z"></path><path fill="#EB001B" d="M20.181 16a9.98 9.98 0 0 1 3.82-7.861A9.96 9.96 0 0 0 17.82 6c-5.522 0-10 4.478-10 10s4.478 10 10 10A9.96 9.96 0 0 0 24 23.861 9.98 9.98 0 0 1 20.182 16"></path><path fill="#F79E1B" d="M40.178 16c0 5.522-4.477 10-10 10-2.333 0-4.477-.8-6.18-2.139A9.98 9.98 0 0 0 27.818 16a9.98 9.98 0 0 0-3.82-7.861A9.96 9.96 0 0 1 30.178 6c5.522 0 10 4.478 10 10"></path></g><defs><clippath id="a_4"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Mastercard</title></svg>
6345
6346<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_5)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1434CB" d="M19.108 10.212 14.243 21.82H11.07l-2.393-9.263c-.146-.57-.272-.78-.714-1.02-.722-.391-1.913-.759-2.962-.987l.071-.337h5.109c.651 0 1.237.434 1.385 1.184l1.264 6.715 3.124-7.9zm12.435 7.817c.013-3.063-4.236-3.232-4.206-4.6.009-.417.405-.86 1.273-.973.43-.056 1.616-.099 2.96.52l.527-2.461A8.1 8.1 0 0 0 29.29 10c-2.968 0-5.056 1.578-5.074 3.837-.019 1.67 1.491 2.603 2.629 3.158 1.17.569 1.563.934 1.558 1.443-.008.778-.933 1.122-1.798 1.135-1.509.024-2.385-.408-3.083-.733l-.544 2.543c.702.322 1.997.603 3.339.617 3.154 0 5.218-1.558 5.227-3.97m7.837 3.79h2.777l-2.424-11.607H37.17c-.577 0-1.063.336-1.278.852L31.387 21.82h3.152l.626-1.734h3.852zm-3.35-4.113 1.58-4.358.91 4.358zm-12.632-7.494L20.915 21.82h-3.002l2.483-11.607z"></path></g><defs><clippath id="a_5"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met VISA</title></svg>
6347
6348<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_6)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1E3764" d="M7.9 25.92v-4.652h1.436c1.043 0 1.714.392 1.714 1.203 0 .458-.213.777-.512.963.432.2.685.585.685 1.11 0 .937-.685 1.376-1.748 1.376zm.924-2.719h.684c.419 0 .599-.206.599-.584 0-.406-.326-.539-.765-.539h-.518zm0 1.908h.571c.559 0 .884-.14.884-.578 0-.432-.279-.612-.804-.612h-.651zm4.19.89c-.91 0-1.369-.445-1.369-1.043 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.75v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.552.426.16.005.319-.027.465-.093m1.536.67v-3.183a4.1 4.1 0 0 1 1.502-.292c.97 0 1.529.478 1.529 1.362v2.114h-.918v-2.047c0-.459-.212-.672-.618-.672-.201-.002-.4.038-.584.12v2.599zm6.236-3.276-.173.725a2 2 0 0 0-.751-.166c-.538 0-.83.378-.83 1.003 0 .685.305 1.037.876 1.037.255-.007.506-.066.738-.173l.146.738c-.3.134-.627.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.631-1.788 1.688-1.788.345-.002.686.066 1.004.2M23.325 26c-1.023 0-1.66-.712-1.66-1.782 0-1.063.637-1.774 1.66-1.774 1.031 0 1.656.711 1.656 1.774 0 1.07-.625 1.782-1.655 1.782m0-.758c.473 0 .719-.392.719-1.024 0-.624-.246-1.017-.718-1.017-.465 0-.724.393-.724 1.017 0 .632.259 1.024.724 1.024m2.187.678v-3.184a4.1 4.1 0 0 1 1.502-.292c.97 0 1.528.478 1.528 1.362v2.114h-.917v-2.047c0-.459-.213-.672-.618-.672a1.4 1.4 0 0 0-.585.12v2.599zm5.098.08c-.79 0-1.196-.433-1.196-1.31v-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.178 0 .352-.04l.047.738q-.286.063-.579.06m2.315 0c-.91 0-1.369-.446-1.369-1.044 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.751v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.551.426.16.005.32-.027.466-.093m4.028-2.606-.173.725a2 2 0 0 0-.75-.166c-.539 0-.831.378-.831 1.003 0 .685.305 1.037.877 1.037.255-.007.506-.066.738-.173l.146.738c-.301.134-.628.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.63-1.788 1.688-1.788.344-.002.685.066 1.003.2M39.53 26c-.791 0-1.197-.433-1.197-1.31v
6348-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.179 0 .352-.04l.047.738q-.286.063-.578.06"></path><path fill="url(#b)" d="M14.297 18.942c4.853 0 7.28-3.236 9.706-6.471H7.9v6.47z"></path><path fill="url(#c)" d="M33.71 6c-4.854 0-7.28 3.235-9.707 6.47h16.104V6z"></path></g><defs><lineargradient id="b" x1="11.157" x2="22.938" y1="16.005" y2="11.629" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"></stop><stop offset="1" stop-color="#1E3764"></stop></lineargradient><lineargradient id="c" x1="24.978" x2="37.487" y1="13.032" y2="8.764" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"></stop><stop offset="1" stop-color="#FFD800"></stop></lineargradient><clippath id="a_6"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Bancontact</title></svg>
6349
6350</div>                        </div>
6351                    </div>
6352                </div>
6353            </div>
6354        </div>
6355    </div>
6356</template>
6357    <!-- BLOCK authentication-popup -->
6357<script>
6358    function initAuthentication() {
6359        return {
6360            open: false,
6361            close() {
6362                this.open = false;
6363            },
6364            forceAuthentication: false,
6365            checkoutUrl: 'https://www.123drogisterij.nl/checkout/index/',
6366            errors: 0,
6367            hasCaptchaToken: 0,
6368            displayErrorMessage: false,
6369            errorMessages: [],
6370            setErrorMessages(message) {
6371                this.errorMessages = [message];
6372                this.displayErrorMessage = true;
6373            },
6374            submitForm() {
6375                // Do not rename $form, the variable is expected to be declared in the recaptcha output
6376                const $form = document.querySelector('#login-form');
6377                    if (!this.hasCaptchaToken) {
6378        this.errors = 1;
6379
6380
6381        const executeGreCaptcha = () => {
6382            grecaptcha.ready(() => {
6383                grecaptcha.execute(
6384                    '6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V',
6385                    {action: 'submit'}
6386                ).then((token) => {
6387                    const tokenElement = $form['g\u002Drecaptcha\u002Dresponse'];
6388
6389                    if (tokenElement && token && token.length > 0) {
6390                        $form['g\u002Drecaptcha\u002Dresponse'].value = token;
6391                        this.errors = 0;
6392                        this.hasCaptchaToken = 1;
6393                        (this.submitForm || $form.submit).call(this);
6394                    } else {
6395                        this.errors = 1;
6396                        const error = tokenElement
6397                            ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again'
6398                            : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.';
6399                        if (this.setErrorMessages) {
6400                            this.setErrorMessages([error])
6401                            this.displayErrorMessage = true;
6402                        } else {
6403                            window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000);
6404                        }
6405                    }
6406                }).catch(exception => {
6407                    console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`)
6408                });
6409            })
6410        }
6411
6412        if (window.grecaptcha) {
6413            executeGreCaptcha();
6414        } else {
6415            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V";
6416            const script = document.createElement('script');
6417            script.setAttribute('type', 'text/javascript');
6418            script.setAttribute('src', recaptchaUrl);
6419            document.head.appendChild(script);
6420
6421            script.addEventListener("load", executeGreCaptcha, false);
6422        }
6423    }
6424    
6425                if (this.errors === 0) {
6426                    this.dispatchLoginRequest($form);
6427                }
6428            },
6429            onPrivateContentLoaded() {
6430                const data = this.$event.detail.data;
6431                const isLoggedIn = data.customer && data.customer.firstname;
6432                if (data.cart && !isLoggedIn) {
6433                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
6434                }
6435            },
6436            redirectIfAuthenticated() {
6437                const event = this.$event;
6438                this.open = this.forceAuthentication;
6439
6440                if (event.detail && event.detail.url) {
6441                    this.checkoutUrl = event.detail.url;
6442                }
6443                if (!this.forceAuthentication) {
6444                    window.location.href = this.checkoutUrl;
6445                }
6446            },
6447            resetErrors() {
6448                this.errors = 0;
6449            },
6450            dispatchLoginRequest(form) {
6451                this.isLoading = true;
6452                const username = this.$refs['customer-email'].value;
6453                const password = this.$refs['customer-password'].value;
6454                const formKey = hyva.getFormKey();
6455                const bodyFields = {
6456                    'username': username,
6457                    'password': password,
6458                    'formKey': formKey
6459                };
6460                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
6461                const recaptchaField = fieldName && form[fieldName];
6462                if (recaptchaField) {
6463                    bodyFields[fieldName] = recaptchaField.value;
6464                }
6465                fetch('https://www.123drogisterij.nl/customer/ajax/login/', {
6466                        method: 'POST',
6467                        headers: {
6468                            'Content-Type': 'application/json',
6469                            'X-Requested-With': 'XMLHttpRequest'
6470                        },
6471                        body: JSON.stringify(bodyFields)
6472                    }
6473                ).then(response => {
6474                        return response.json()
6475                    }
6476                ).then(data => {
6477                    this.isLoading = false;
6478                    if (data.errors) {
6479                        this.setErrorMessages(data.message);
6480                        this.errors = 1;
6481                        this.hasCaptchaToken = 0;
6482                    } else {
6483                        window.location.href = this.checkoutUrl;
6484                    }
6485                });
6486            }
6487        }
6488    }
6489
6490    window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true})
6491</script>
6491
6492<section id="authentication-popup"
6493         x-data="initAuthentication"
6494         @private-content-loaded.window="onPrivateContentLoaded"
6495         @toggle-authentication.window="redirectIfAuthenticated"
6496         @keydown.window.escape="close"
6497>
6498    <div
6499        class="backdrop"
6500        aria-hidden="true"
6501        x-cloak
6502        x-show="open"
6503        x-transition:enter="ease-in-out duration-500"
6504        x-transition:enter-start="opacity-0"
6505        x-transition:enter-end="opacity-100"
6506        x-transition:leave="ease-in-out duration-500"
6507        x-transition:leave-start="opacity-100"
6508        x-transition:leave-end="opacity-0"
6509        @click="close"
6510    ></div>
6511    <div role="dialog"
6512         aria-modal="true"
6513         @click.outside="close"
6514         class="inset-y-0 right-0 z-30 flex max-w-full fixed"
6515         x-cloak
6516         x-show="open"
6517    >
6518        <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
6519             x-show="open"
6520             x-cloak
6521             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
6522             x-transition:enter-start="translate-x-full"
6523             x-transition:enter-end="translate-x-0"
6524             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
6525             x-transition:leave-start="translate-x-0"
6526             x-transition:leave-end="translate-x-full"
6527        >
6528            <div
6529                x-show="open"
6530                x-cloak
6531                x-transition:enter="ease-in-out duration-500"
6532                x-transition:enter-start="opacity-0"
6533                x-transition:enter-end="opacity-100"
6534                x-transition:leave="ease-in-out duration-500"
6535                x-transition:leave-start="opacity-100"
6536                x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2">
6537                <button
6538                    type="button"
6539                    @click="close"
6540                    aria-label="Close&#x20;panel"
6541                    class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"
6542                >
6543                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
6544  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
6545</svg>
6546                </button>
6547            </div>
6548            <template x-if="open">
6549                <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
6550                    <div class="mx-4">
6551                        <div class="message error mb-0" x-show="errors" x-cloak>
6552                            <template x-for="(message, index) in errorMessages" :key="index">
6553                                <div>
6554                                    <template x-if="message">
6555                                        <span x-html="message"></span>
6556                                    </template>
6557                                </div>
6558                            </template>
6559                        </div>
6560                    </div>
6561                    <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
6562                        <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900">
6563                            <strong class="font-medium">Reken af met uw account</strong>
6564                        </p>
6565
6566                        <form class="form form-login"
6567                              method="post"
6568                              @submit.prevent="submitForm"
6569                              id="login-form"
6570                        >
6571                            <div class="control">
6572    <input type="hidden"
6573           value=""
6574           name="g-recaptcha-response"
6575    />
6576</div>
6577                            <div class="fieldset login">
6578                                <div class="field email required">
6579                                    <label class="label" for="form-login-username" form="login-form" >
6580                                        <span>E-mail adres</span>
6581                                    </label>
6582                                    <div class="control">
6583                                        <input name="username"
6584                                               id="form-login-username"
6585                                               x-ref="customer-email"
6586                                               @change="resetErrors"
6587                                               type="email"
6588                                               required
6589                                               autocomplete="off"
6590                                               class="form-input input-text"
6591                                        >
6592                                    </div>
6593                                </div>
6594                                <div class="field password required">
6595                                    <label for="form-login-password" class="label" form="login-form">
6596                                        <span>Wachtwoord</span>
6597                                    </label>
6598                                    <div class="control">
6599                                        <input name="password"
6600                                               id="form-login-password"
6601                                               type="password"
6602                                               class="form-input input-text"
6603                                               required
6604                                               x-ref="customer-password"
6605                                               autocomplete="off"
6606                                               @change="resetErrors"
6607                                        >
6608                                    </div>
6609                                </div>
6610
6611                                <input name="context" type="hidden" value="checkout" />
6612                                <div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
6613                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75"
6614                                    >
6615                                        Inloggen                                    </button>
6616                                    <a href="https://www.123drogisterij.nl/customer/account/forgotpassword/"
6617                                    >
6618                                        Wachtwoord vergeten?                                    </a>
6619                                </div>
6620
6621                            </div>
6622                        </form>
6623                    </div>
6624                    <div class="mx-4">
6625                        <p class="my-4 text-sm text-gray-900">
6626Dit formulier is beveiligd met reCAPTCHA - het <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacybeleid</a> en de <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">Servicevoorwaarden</a> van <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google</a> zijn van toepassing.</p>
6627                    </div>
6628                    <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
6629                        <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900">
6630                            <strong class="font-medium">Afrekenen als een nieuwe klant</strong>
6631                        </p>
6632
6633                        <div class="block-content">
6634                            <p class="mb-1">
6635                                Het aanmaken van een account heeft vele voordelen:                            </p>
6636                            <ul class="list-disc pl-5">
6637                                <li> Bekijk bestelling en verzendstatus</li>
6638                                <li> Bekijk bestelgeschiedenis</li>
6639                                <li> Reken sneller af</li>
6640                            </ul>
6641                            <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center">
6642                                <a href="https://www.123drogisterij.nl/customer/account/create/"
6643                                   class="inline-flex btn btn-primary">
6644                                    Registreren                                </a>
6645                            </div>
6646                        </div>
6647                    </div>
6648                </div>
6649            </template>
6650        </div>
6651    </div>
6652</section>
6653<!-- /BLOCK authentication-popup --></nav>
6654</header>
6654<main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div>
6655<div class="page messages">
6655<script>
6656        function initMessages() {
6657        "use strict";
6658        return {
6659            messages: window.mageMessages || [],
6660            isEmpty() {
6661                return this.messages.reduce(
6662                    function (isEmpty, message) {
6663                        return isEmpty && message === undefined
6664                    }, true
6665                )
6666            },
6667            removeMessage(messageIndex) {
6668                this.messages[messageIndex] = undefined;
6669            },
6670            addMessages(messages, hideAfter) {
6671                messages.map((message) => {
6672                    this.messages = this.messages.concat(message);
6673                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
6674                        hideAfter = window.defaultSuccessMessageTimeout;
6675                    }
6676                    if (hideAfter) {
6677                        this.setHideTimeOut(this.messages.length -1, hideAfter);
6678                    }
6679                });
6680            },
6681            setHideTimeOut(messageIndex, hideAfter) {
6682                setTimeout((messageIndex) => {
6683                    this.removeMessage(messageIndex);
6684                }, hideAfter, messageIndex);
6685            },
6686            eventListeners: {
6687                ['@messages-loaded.window'](event) {
6688                    this.addMessages(event.detail.messages, event.detail.hideAfter)
6689                },
6690                ['@private-content-loaded.window'](event) {
6691                    const data = event.detail.data;
6692                    if (
6693                        data.messages &&
6694                        data.messages.messages &&
6695                        data.messages.messages.length
6696                    ) {
6697                        this.addMessages(data.messages.messages);
6698                    }
6699                },
6700                ['@clear-messages.window']() {
6701                    this.messages = [];
6702                }
6703            }
6704        }
6705    }
6706</script>
6706
6707<section class="w-full"
6708        id="messages"
6709         x-data="initMessages()"
6710         x-bind="eventListeners"
6711         aria-live="assertive"
6712         role="alert"
6713>
6714    <template x-if="!isEmpty()">
6715        <div class="w-full">
6716            <div class="messages container mt-4">
6717                <template x-for="(message, index) in messages" :key="index">
6718                    <div>
6719                        <template x-if="message">
6720                            <div class="message shadow-hard " :class="message.type"
6721                                 :ui-id="'message-' + message.type"
6722                            >
6723                                <span x-html="message.text"></span>
6724                                <button
6725                                    type="button"
6726                                    class="text-white hover:scale-110 transition"
6727                                    aria-label="Close message"
6728                                    @click.prevent="removeMessage(index)"
6729                                >
6730                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="stroke-current" width="18" height="18">
6731    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
6732</svg>
6733                                </button>
6734                            </div>
6735                        </template>
6736                    </div>
6737                </template>
6738            </div>
6739        </div>
6740    </template>
6741</section>
6742</div><div class="columns"><div class="column main">
6743<div class="relative bg-tertiary-300 w-screen left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] mb-6">
6744    <div class="container pt-14 py-24 lg:py-0">
6745        <div class="w-full lg:pt-24">
6746                            <strong class="block mb-1.5 text-base text-secondary-800 uppercase lg:text-lg">
6747                    123Drogisterij                </strong>
6748                                <h1 class="mb-6 lg:w-3/4 xl:w-2/3">
6749                    Uw specialist in incontinentie<wbr>materiaal                </h1>
6750                                <div class="mb-6 text-xl lg:text-2xl">
6751                    Vind het juiste product voor uw situatie                </div>
6752                            <div class="hidden lg:block">
6753            
6754<div class="flex w-full flex-wrap gap-x-6 gap-y-4">
6755            <a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie" title="TENA"
6756           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6757        >
6758                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/760921_TENA_Lady_Maxi_Night_12.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/760921_TENA_Lady_Maxi_Night_12.jpg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="TENA verpakking" /></picture>
6759                
6760            <span class="flex flex-col text-center font-bold">
6761                TENA            </span>
6762        </a>
6763                <a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men" title="TENA Men"
6764           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6765        >
6766                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="TENA Men verpakking" /></picture>
6767                
6768            <span class="flex flex-col text-center font-bold">
6769                TENA Men            </span>
6770        </a>
6771                <a href="https://www.123drogisterij.nl/incontinentiemateriaal" title="Incontinentiemateriaal"
6772           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6773        >
6774                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/HeaderMix2.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/HeaderMix2.
6774jpg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Incontinentiemateriaal verpakking" /></picture>
6775                
6776            <span class="flex flex-col text-center font-bold">
6777                Incontinentiemateriaal            </span>
6778        </a>
6779                <a href="https://www.123drogisterij.nl/incontinentie-slips/tena-slips" title="TENA Slips"
6780           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6781        >
6782                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/59eb4ed0-e700-4f71-b160-026ec8ec95b2.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/59eb4ed0-e700-4f71-b160-026ec8ec95b2.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="TENA Slips verpakking" /></picture>
6783                
6784            <span class="flex flex-col text-center font-bold">
6785                TENA Slips            </span>
6786        </a>
6787                <a href="https://www.123drogisterij.nl/incontinentie-pants/abena-pants" title="Abena Pants"
6788           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6789        >
6790                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/0f24cd28-4f69-42b4-aa89-bed03a1f941c.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/0f24cd28-4f69-42b4-aa89-bed03a1f941c.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Abena Pants verpakking" /></picture>
6791                
6792            <span class="flex flex-col text-center font-bold">
6793                Abena Pants            </span>
6794        </a>
6795                <a href="https://www.123drogisterij.nl/incontinentie-pants/absorin-pants" title="Absorin Comfort Pants"
6796           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6797        >
6798                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/0ec583ed-6d6b-4d9d-9ca9-1c326b7a3b17.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/0ec583ed-6d6b-4d9d-9ca9-1c326b7a3b17.jpeg" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Absorin Comfort Pants verpakking" /></picture>
6799                
6800            <span class="flex flex-col text-center font-bold">
6801                Absorin Comfort Pants            </span>
6802        </a>
6803                <a href="https://www.123drogisterij.nl/incontinentie-pants/attends-pants" title="Attends Pants"
6804           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6805        >
6806                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/aad620c2-ad4a-4a37-bcd5-aff069d33514_1_.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/aad620c2-ad4a-4a37-bcd5-aff069d33514_1_.png" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Attends Pants verpakking" /></picture>
6807                
6808            <span class="flex flex-col text-center font-bold">
6809                Attends Pants            </span>
6810        </a>
6811                <a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" title="Mannen"
6812           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6813        >
6814                            <picture class="rounded-xl bg-white object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/144/2fd35c26005135b4b6a9e6d63ddc14ac.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/144/2fd35c26005135b4b6a9e6d63ddc14ac.png" class="rounded-xl bg-white object-contain" width="36" height="36" loading="eager" fetchpriority="high" alt="Mannen verpakking" /></picture>
6815                
6816            <span class="flex flex-col text-center font-bold">
6817                Mannen            </span>
6818        </a>
6819                <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" title="Onderlegger"
6820           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6821        >
6822            
6823            <span class="flex flex-col text-center font-bold">
6824                Onderlegger            </span>
6825        </a>
6826                <a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers" title="Zwemluiers"
6827           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6828        >
6829            
6830            <span class="flex flex-col text-center font-bold">
6831                Zwemluiers            </span>
6832        </a>
6833                <a href="https://www.123drogisterij.nl/incontinentiemateriaal/abso-x/abso-x-ultra-pants" title="ABSO-X Pants"
6834           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6835        >
6836            
6837            <span class="flex flex-col text-center font-bold">
6838                ABSO-X Pants            </span>
6839        </a>
6840                <a href="https://www.123drogisterij.nl/catalog/category/view/s/tena-slip-active-fit/id/202/" title="TENA Slip Active Fit"
6841           class="flex group items-center bg-white gap-1 px-2.5 py-2 h-13 rounded-xl text-secondary-800 underline shadow-soft transition hover:shadow-hard"
6842        >
6843            
6844            <span class="flex flex-col text-center font-bold">
6845                TENA Slip Active Fit            </span>
6846        </a>
6847        </div>
6848
6849            </div>
6850        </div>
6851
6852            </div>
6853    <div class="container adien-banner relative bottom-28 lg:bottom-0 lg:top-14 lg:mb-24">
6854        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="flex flex-row text-white bg-green-600 relative mt-8 mb-8 rounded-xl">
6855            <div class="w-[140px]">
6856            <div class="absolute bottom-0 left-0">
6857            <picture class="object-cover h-[180px]"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/image.webp"><img src="https://www.123drogisterij.nl/media/wysiwyg/image.png" alt="Keuzehulp mederwerker" width="140" height="180" class="object-cover h-[180px]" loading="lazy"></picture>
6858            </div>
6859        </div>
6860    
6861    <div class="flex flex-col w-2/3 p-4 pr-8 justify-between md:w-full md:p-7 md:px-8 md:gap-4 lg:flex-row lg:items-center">
6862        <div class="flex flex-col">
6863            <strong class="mb-0.5 uppercase md:mb-2 lg:text-xl">
6864                Twijfelt u welk product u nodig hebt?            </strong>
6865
6866                            <span class="mb-2 md:m-0">
6867                    Ontdek snel wat het best past bij uw situatie!                </span>
6868                    </div>
6869
6870        <button data-advisor-id="728236a7-44df-4820-ae80-59590615ecc3" type="button" class="btn btn-primary">
6871            Start de keuzehulp        </button>
6872    </div>
6873</div>
6874</div>    </div>
6875</div>
6876
6877
6878<script>
6879    function initLogin () {
6880        return {
6881            customer: false,
6882            openLoginModal: false,
6883
6884            getData(data) {
6885                if (data.customer) {
6886                    this.customer = data.customer;
6887                }
6888            }
6889        }
6890    }
6891</script>
6891
6892
6893<div x-data="initLogin()"
6894     @private-content-loaded.window="getData(event.detail.data)"
6895     @keydown.window.escape="openLoginModal = false"
6896>
6897    <template x-if="!customer.signin_token">
6898      <div>
6899          <div class="relative -mt-24 mb-6 lg:mt-0 lg:absolute lg:right-0 lg:top-0 lg:mb-0 lg:w-auto lg:max-w-lg">
6900              <div class="flex flex-col gap-4 rounded-2xl border-b-[5px] border-primary-500 bg-white p-4 shadow-soft lg:flex-row lg:items-center lg:justify-between lg:gap-6 lg:rounded-t-none lg:rounded-b-2xl">
6901                  <div>
6902                      <strong class="block text-secondary-800 text-xl font-bold pb-2 lg:pb-0 lg:text-2xl">
6903                          Al eerder besteld?                      </strong>
6904                      <span class="text-base">
6905                Login met uw gegevens en bestel makkelijk opnieuw            </span>
6906                  </div>
6907
6908                  <button
6909                      type="button"
6910                      @click="openLoginModal = true"
6911                      class="btn btn-secondary w-32 lg:shrink-0"
6912                  >
6913                      Log in                  </button>
6914              </div>
6915          </div>
6916
6917        <div
6918            class="fixed inset-0 z-40 flex items-center justify-center p-4"
6919            role="dialog"
6920            aria-modal="true"
6921            aria-labelledby="block-customer-login-heading"
6922            x-cloak
6923            x-show="openLoginModal"
6924        >
6925            <div
6926                class="backdrop"
6927                aria-hidden="true"
6928                x-cloak
6929                x-show="openLoginModal"
6930                x-transition:enter="ease-in-out duration-500"
6931                x-transition:enter-start="opacity-0"
6932                x-transition:enter-end="opacity-100"
6933                x-transition:leave="ease-in-out duration-500"
6934                x-transition:leave-start="opacity-100"
6935                x-transition:leave-end="opacity-0"
6936                @click="openLoginModal = false"
6937            ></div>
6938
6939            <div
6940                class="relative z-10 w-full max-w-md rounded-3xl border-t-[5px] border-primary-500 bg-white p-6 shadow-soft"
6941                x-cloak
6942                x-show="openLoginModal"
6943                @click.outside="openLoginModal = false"
6944                x-transition:enter="ease-in-out duration-500"
6945                x-transition:enter-start="opacity-0 scale-95"
6946                x-transition:enter-end="opacity-100 scale-100"
6947                x-transition:leave="ease-in-out duration-500"
6948                x-transition:leave-start="opacity-100 scale-100"
6949                x-transition:leave-end="opacity-0 scale-95"
6950            >
6951                <button
6952                    type="button"
6953                    @click="openLoginModal = false"
6954                    aria-label="Close&#x20;panel"
6955                    class="absolute right-4 top-4 text-gray-300 transition duration-150 ease-in-out hover:text-black"
6956                >
6957                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6" width="24" height="24" aria-hidden="true">
6958  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
6959</svg>
6960                </button>
6961
6962                <form class="form form-login"
6963                      action="https://www.123drogisterij.nl/customer/account/loginPost/"
6964                      method="post"
6965                      x-data="initCustomerLoginForm()"
6966                      @submit.prevent="submitForm()"
6967                      id="customer-login-form"
6968                >
6969                    <input name="form_key" type="hidden" value="GE9GUcRbrb4C5Z9I" />                    <div class="fieldset login">
6970                        <legend id="block-customer-login-heading" class="mb-4">
6971                            <strong class="text-xl text-secondary-800 lg:text-2xl">
6972                                Inloggen                            </strong>
6973                        </legend>
6974                        <div class="field email required mb-4">
6975                            <label class="label" for="email">
6976                                <span>E-mailadres</span>
6977                            </label>
6978                            <div class="control">
6979                                <input name="login[username]"
6980                                       class="form-input max-w-full w-full"
6981                                       required
6982                                       value=""
6983                                       autocomplete="off"
6984                                       id="email"
6985                                       type="email"
6986                                       title="E-mailadres"
6987                                />
6988                            </div>
6989                        </div>
6990                        <div class="field password required">
6991                            <label for="pass" class="label">
6992                                <span>Wachtwoord</span>
6993                            </label>
6994                            <div class="control relative flex items-center">
6995                                <div class="sr-only" aria-live="polite">
6996                                    <template x-if="!showPassword">
6997                                        <span>
6998                                            Password hidden                                        </span>
6999                                    </template>
7000                                    <template x-if="showPassword">
7001                                        <span>
7002                                            Password shown                                        </span>
7003                                    </template>
7004                                </div>
7005                                <input name="login[password]"
7006                                    class="form-input max-w-full w-full"
7007                                    required
7008                                    :type="showPassword ? 'text' : 'password'"
7009                                    autocomplete="off"
7010                                    id="pass"
7011                                    title="Wachtwoord"
7012                                />
7013                                <button
7014                                    type="button"
7015                                    x-on:click="showPassword = !showPassword"
7016                                    :aria-pressed="showPassword ? 'true' : 'false'"
7017                                    class="px-4 py-3 absolute right-2"
7018                                    :aria-label="showPassword ? 'Verberg\u0020wachtwoord' : 'Toon\u0020wachtwoord'"
7019                                >
7020                                    <template x-if="!showPassword">
7021                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="24" height="24" role="img">
7022  <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"/>
7023  <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/>
7024<title>eye</title></svg>
7025                                    </template>
7026                                    <template x-if="showPassword">
7027                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="24" height="24" role="img">
7028  <path fill-rule="evenodd" d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z" clip-rule="evenodd"/>
7029  <path d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"/>
7030<title>eye-off</title></svg>
7031                                    </template>
7032                                </button>
7033                            </div>
7034                        </div>
7035
7036                        <div class="control">
7037    <input type="hidden"
7038           value=""
7039           name="g-recaptcha-response"
7040    />
7041</div>
7042                                                <div class="flex flex-col justify-between pt-6 items-center">
7043                                <button type="submit" class="btn btn-secondary w-full mb-4 disabled:opacity-75" name="send"
7044                                                                    >
7045                                    <span>
7046                                        Inloggen                                    </span>
7047                                </button>
7048                                <a class="underline text-secondary-800 mb-2 lg:text-md" href="https://www.123drogisterij.nl/customer/account/forgotpassword/">
7049                                    Wachtwoord vergeten?                                </a>
7050                                <a class="underline text-secondary-800 lg:text-md" href="customer/account/create/">
7051                                    Account aanmaken?                                </a>
7052                        </div>
7053                        <div>
7054                            <template x-if="displayErrorMessage">
7055                                <p class="text-red flex items-center">
7056                                    <span class="inline-block w-8 h-8 mr-3">
7057                                        <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">
7058  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
7059<title>exclamation-circle</title></svg>
7060                                    </span>
7061                                    <template x-for="errorMessage in errorMessages">
7062                                        <span x-html="errorMessage"></span>
7063                                    </template>
7064                                </p>
7065                            </template>
7066                        </div>
7067                    </div>
7068                </form>
7069
7070                <div class="mt-4">
7071                    <p class="my-4 text-sm text-gray-900">
7072Dit formulier is beveiligd met reCAPTCHA - het <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Privacybeleid</a> en de <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">Servicevoorwaarden</a> van <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google</a> zijn van toepassing.</p>
7073                </div>
7074            </div>
7075        </div>
7076      </div>
7077    </template>
7078
7079    
7079<script>
7080        function initCustomerLoginForm() {
7081            return {
7082                errors: 0,
7083                hasCaptchaToken: 0,
7084                showPassword: false,
7085                displayErrorMessage: false,
7086                errorMessages: [],
7087                setErrorMessages(messages) {
7088                    this.errorMessages = [messages]
7089                    this.displayErrorMessage = this.errorMessages.length
7090                },
7091                submitForm() {
7092                    // do not rename $form, the variable is the expected name in the recaptcha output
7093                    const $form = document.querySelector('#customer-login-form');
7094                        if (!this.hasCaptchaToken) {
7095        this.errors = 1;
7096
7097
7098        const executeGreCaptcha = () => {
7099            grecaptcha.ready(() => {
7100                grecaptcha.execute(
7101                    '6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V',
7102                    {action: 'submit'}
7103                ).then((token) => {
7104                    const tokenElement = $form['g\u002Drecaptcha\u002Dresponse'];
7105
7106                    if (tokenElement && token && token.length > 0) {
7107                        $form['g\u002Drecaptcha\u002Dresponse'].value = token;
7108                        this.errors = 0;
7109                        this.hasCaptchaToken = 1;
7110                        (this.submitForm || $form.submit).call(this);
7111                    } else {
7112                        this.errors = 1;
7113                        const error = tokenElement
7114                            ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again'
7115                            : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.';
7116                        if (this.setErrorMessages) {
7117                            this.setErrorMessages([error])
7118                            this.displayErrorMessage = true;
7119                        } else {
7120                            window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000);
7121                        }
7122                    }
7123                }).catch(exception => {
7124                    console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`)
7125                });
7126            })
7127        }
7128
7129        if (window.grecaptcha) {
7130            executeGreCaptcha();
7131        } else {
7132            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V";
7133            const script = document.createElement('script');
7134            script.setAttribute('type', 'text/javascript');
7135            script.setAttribute('src', recaptchaUrl);
7136            document.head.appendChild(script);
7137
7138            script.addEventListener("load", executeGreCaptcha, false);
7139        }
7140    }
7141    
7142                    if (this.errors === 0) {
7143                        $form.submit();
7144                    }
7145                }
7146            }
7147        }
7148    </script>
7148
7149</div>
7150
7151<strong class="block text-xl mb-4 lg:text-2xl">
7152    Heb je vragen?</strong>
7153
7154<div class="flex flex-col gap-4 pb-4 lg:pb-8 xl:flex-row xl:gap-16">
7155            <a class="flex gap-2 items-start group"
7156           href="tel:0492-747100"
7157           title="Bel ons"
7158        >
7159            <div class="rounded-md bg-green-600 p-1.5">
7160                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-8 w-8 text-white" width="32" height="32" role="img">
7161    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"/>
7162<title>Bel ons</title></svg>
7163            </div>
7164            <div class="flex flex-col">
7165                <span class="text-base font-medium group-hover:underline lg:text-lg">Bel ons: 0492-747100</span>
7166                <span class="text-gray-500 lg:text-md lg:text-black">Ma - vrij van 9.00 – 13.00 uur</span>
7167            </div>
7168        </a>
7169                <a class="flex gap-2 items-start group"
7170           href="mailto:[email protected]"
7171           title="Mail ons"
7172        >
7173            <div class="rounded-md bg-green-600 p-1.5">
7174                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-8 w-8 text-white" width="32" height="32" role="img">
7175    <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/>
7176<title>Bel ons</title></svg>
7177            </div>
7178            <div class="flex flex-col">
7179                <span class="text-base font-medium group-hover:underline lg:text-lg">Mail ons: [email protected]</span>
7180                <span class="text-gray-500 lg:text-md lg:text-black">We antwoorden zo spoedig mogelijk op uw vraag.</span>
7181            </div>
7182        </a>
7183        </div>
7184
7185<div class="relative w-screen left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] border-b border-secondary-800 mb-6 lg:mb-14"></div>
7186<style>#html-body [data-pb-style=XBHMNYQ]{border-style:none}@media only screen and (max-width: 767px) { #html-body [data-pb-style=XBHMNYQ]{border-style:none} }</style><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze meest populaire categorie&euml;n</h2> <p>Wij bieden een ruim assortiment van de beste producten: TENA Lady is een complete lijn voor vrouwen. Het gaat van de opvang van druppels tot aan sterk absorberende broekjes. TENA Men is een complete lijn voor mannen. Het gaat van de opvang van druppels tot aan sterk absorberende broekjes. TENA Pants: d&eacute; meestgekozen oplossing bij incontinentie. Voor mannen en vrouwen. En nog veel meer. Bekijk hieronder onze categorie&euml;n.</p> <p><a href="incontinentiemateriaal"><strong>Bekijk alle categorie&euml;n <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" width="24" height="24" role="img">
7187  <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
7188<title>heroicons/solid/arrow-right</title></svg>
7189</strong></a></p> <p>&nbsp;</p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
7190<div data-content-type="featured-categories" class="flex w-full mb-8 z-0 lg:mb-14">
7191            <a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-men" title="Ga naar TENA Men" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7192                            <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/4c99703a-ef23-4af1-9f0a-be4b6bc3d803_1_.jpeg" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="TENA Men afbeelding" loading="lazy"></picture>
7193                            <strong class="text-secondary-800 underline">
7194                TENA Men            </strong>
7195        </a>
7196                <a href="https://www.123drogisterij.nl/incontinentiemateriaal" title="Ga naar Incontinentiemateriaal" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7197                            <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/HeaderMix2.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/HeaderMix2.
7197jpg" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Incontinentiemateriaal afbeelding" loading="lazy"></picture>
7198                            <strong class="text-secondary-800 underline">
7199                Incontinentiemateriaal            </strong>
7200        </a>
7201                <a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen" title="Ga naar Mannen" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7202                            <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/2fd35c26005135b4b6a9e6d63ddc14ac.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/2fd35c26005135b4b6a9e6d63ddc14ac.png" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Mannen afbeelding" loading="lazy"></picture>
7203                            <strong class="text-secondary-800 underline">
7204                Mannen            </strong>
7205        </a>
7206                <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermers" title="Ga naar Matrasbeschermers" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7207                            <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/7e3d142a449dc0706b7c56df166e1b1b.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/7e3d142a449dc0706b7c56df166e1b1b.png" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Matrasbeschermers afbeelding" loading="lazy"></picture>
7208                            <strong class="text-secondary-800 underline">
7209                Matrasbeschermers            </strong>
7210        </a>
7211                <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/steeklaken" title="Ga naar Steeklaken" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7212                            <picture class="rounded-brand-md object-contain"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/resized_nocrop/400/97fa99c6c339d932eba2cedf67151bde.webp"><img src="https://www.123drogisterij.nl/media/resized_nocrop/400/97fa99c6c339d932eba2cedf67151bde.png" class="rounded-brand-md object-contain" width="218" height="200" loading="eager" alt="Steeklaken afbeelding" loading="lazy"></picture>
7213                            <strong class="text-secondary-800 underline">
7214                Steeklaken            </strong>
7215        </a>
7216                <a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers" title="Ga naar Onderlegger" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7217                        <strong class="text-secondary-800 underline">
7218                Onderlegger            </strong>
7219        </a>
7220                <a href="https://www.123drogisterij.nl/incontinentiemateriaal/zwemluiers" title="Ga naar Zwemluiers" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7221                        <strong class="text-secondary-800 underline">
7222                Zwemluiers            </strong>
7223        </a>
7224                <a href="https://www.123drogisterij.nl/incontinentiemateriaal/abso-x" title="Ga naar ABSO-X" class="relative flex gap-2 rounded-xl shadow-soft flex-col group items-center justify-end my-4 p-4 transition hover:shadow-hard">
7225                        <strong class="text-secondary-800 underline">
7226                ABSO-X            </strong>
7227        </a>
7228        </div>
7229
7230<div class="relative">
7231    <div class="block absolute -top-[340px] h-[270px] sm:-top-[300px] sm:h-[250px]
7232        right-0 h-full w-16 z-10 bg-gradient-to-r from-transparent to-white z-0
7233        lg:-top-[400px] lg:h-[350px]"></div>
7234</div>
7235</div><div class="pagebuilder-content-half" data-content-type="content-half" data-appearance="default" data-show-button="true" data-show-button_2="true" data-element="main"><a class="pagebuilder-content-half-width-wrapper" href="https://www.123drogisterij.nl/incontinentie-pants/tena-pants" target="" data-link-type="category" title="Ga naar TENA pants" data-element="link"><div class="pagebuilder-content-half-image"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/7322540839920-0_600x600_1.webp"><img width="236" height="236" src="https://www.123drogisterij.nl/media/wysiwyg/7322540839920-0_600x600_1.png" alt="TENA pants" title="Ga naar TENA pants" loading="lazy" data-element="desktop_image" loading="lazy"></picture></div><div class="pagebuilder-content-half-content"><div data-element="content_title">Populaire keuze</div><div data-element="content"><p>Meest gekozen TENA producten</p></div><div class="pagebuilder-content-half-buttons"><button type="button" class="pagebuilder-button-primary" data-element="button">Bekijk producten</button></div></div></a><a class="pagebuilder-content-half-width-wrapper2" href="https://www.123drogisterij.nl/incontinentiemateriaal/koopjeshoek" target="" data-link-type="category" title="Naar de aanbiedingen" data-element="link_2"><div class="pagebuilder-content-half-image"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/Group_395.webp"><img width="236" height="236" src="https://www.123drogisterij.nl/media/wysiwyg/Group_395.png" alt="Aanbiedingen" title="Naar de aanbiedingen" loading="lazy" data-element="desktop_image_2" loading="lazy"></picture></div><div class="pagebuilder-content-half-content"><div data-element="content_title_2">Aanbiedingen</div><div data-element="content_2"><p>Bekijk onze beste aanbiedingen</p></div><div class="pagebuilder-content-half-buttons"><button type="button" class="pagebuilder-button-primary" data-element="button_2">Bekijk aanbiedingen</button></div></div></a></div><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze populaire producten</h2></div><div class="pagebuilder-featured-products" data-content-type="featured-products" data-appearance="carousel" data-show-arrows="true" data-show-dots="true" data-element="main">
7235<div class="glider-contain product-items widget-product-carousel">
7236        <div data-role="glider-content" class="mx-auto grid gap-4 pb-4 lg:py-4 sm:grid-cols-2 lg:grid-cols-4 relative overflow-y-hidden overflow-x-scroll">
7237                                        
7238<a href="https://www.123drogisterij.nl/wasbare-matrasbeschermer-met-instopstroken-85-x-90-cm" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7239    <span title="Wasbare matrasbeschermer met instopstroken - 85 x 90 cm." class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7240        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/f/o/fotofluvius-careland-1920px-20240704-004.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-1804.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/f/o/fotofluvius-careland-1920px-20240704-004.jpg" loading="lazy" width="240" height="300" alt="Wasbare matrasbeschermer met instopstroken - 85 x 90 cm." title="Wasbare matrasbeschermer met instopstroken - 85 x 90 cm." loading="lazy"></picture>
7241    </span>
7242
7243    <strong>
7244        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-1804-${$id('slider-id')}`">
7245            Wasbare matrasbeschermer met instopstroken - 85 x 90 cm.        </span>
7246    </strong>
7247
7248            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7249            Verpakking: 1 stuks        </span>
7250                <span class="block text-gray-500 mt-4 mb-6 px-4">
7251            <div class="flex gap-2">
7252                                    <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7253                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7254                    </svg>
7255                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7256                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7257                    </svg>
7258                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7259                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7260                    </svg>
7261                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7262                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7263                    </svg>
7264                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7265                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7266                    </svg>
7267                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7268                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7269                    </svg>
7270                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7271                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7271697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7272                    </svg>
7273                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7274                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7275                    </svg>
7276                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7277                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7278                    </svg>
7279                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7280                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7281                    </svg>
7282                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7283                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7284                    </svg>
7285                                </div>
7286        </span>
7287        
7288    
7289    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7290        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-1804.window="updatePrice($event.detail);">
7291            <div class="price-box price-final_price" data-role="priceBox" data-product-id="1804" data-price-box="product-id-1804">
7292
7293    <span x-data x-id="['product\u002Dprice\u002D1804']" class="price-container price-final_price tax weee">
7294        <span :id="$id('product\u002Dprice\u002D1804')" data-price-amount="11.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;11,49</span></span>
7295        </span>
7296
7297    <span class="minimal-price-link">
7298        <span x-data x-id="['1804']" class="price-container price-final_price tax weee">
7299            <span class="price-label">Vanaf</span>
7300        <span :id="$id('1804')" data-price-amount="9.5" data-price-type="" class="price-wrapper ">&euro;&nbsp;9,50</span>
7301        </span>
7302    </span>
7303</div>        </div>
7304
7305        <button class="btn btn-outline md:hidden" type="button">
7306            Bekijk        </button>
7307        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7308            Bekijk product        </button>
7309    </div>
7310
7311            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7312            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7313  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7314<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7315            <span>
7316                Tot 22:30 uur besteld = morgen in huis            </span>
7317        </div>
7318        </a>
7319                            
7320<a href="https://www.123drogisterij.nl/tena-for-men-level-1" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7321    <span title="TENA For Men Level 1" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7322        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-19.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_1.jpg" loading="lazy" width="240" height="300" alt="Tena Men Level 1" title="Tena Men Level 1" loading="lazy"></picture>
7323    </span>
7324
7325    <strong>
7326        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-19-${$id('slider-id')}`">
7327            TENA For Men Level 1        </span>
7328    </strong>
7329
7330            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7331            Verpakking: 24 stuks        </span>
7332                <span class="block text-gray-500 mt-4 mb-6 px-4">
7333            <div class="flex gap-2">
7334                                    <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7335                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7336                    </svg>
7337                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7338                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7339                    </svg>
7340                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7341                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7342                    </svg>
7343                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7344                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7345                    </svg>
7346                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7347                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7348                    </svg>
7349                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7350                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7351                    </svg>
7352                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7353                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7354                    </svg>
7355                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7356                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7357                    </svg>
7358                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7359                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7360                    </svg>
7361                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7362                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7363                    </svg>
7364                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7365                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7365697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7366                    </svg>
7367                                </div>
7368        </span>
7369        
7370    
7371    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7372        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-19.window="updatePrice($event.detail);">
7373            <div class="price-box price-final_price" data-role="priceBox" data-product-id="19" data-price-box="product-id-19">
7374
7375    <span x-data x-id="['product\u002Dprice\u002D19']" class="price-container price-final_price tax weee">
7376        <span :id="$id('product\u002Dprice\u002D19')" data-price-amount="10.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;10,49</span></span>
7377        </span>
7378
7379    <span class="minimal-price-link">
7380        <span x-data x-id="['19']" class="price-container price-final_price tax weee">
7381            <span class="price-label">Vanaf</span>
7382        <span :id="$id('19')" data-price-amount="8.29" data-price-type="" class="price-wrapper ">&euro;&nbsp;8,29</span>
7383        </span>
7384    </span>
7385</div>        </div>
7386
7387        <button class="btn btn-outline md:hidden" type="button">
7388            Bekijk        </button>
7389        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7390            Bekijk product        </button>
7391    </div>
7392
7393            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7394            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7395  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7396<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7397            <span>
7398                Tot 22:30 uur besteld = morgen in huis            </span>
7399        </div>
7400        </a>
7401                            
7402<a href="https://www.123drogisterij.nl/tena-for-men-level-3" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7403    <span title="TENA For Men Level 3" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7404        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_3.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-121.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_men_level_3.jpg" loading="lazy" width="240" height="300" alt="Tena Men Level 3" title="Tena Men Level 3" loading="lazy"></picture>
7405    </span>
7406
7407    <strong>
7408        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-121-${$id('slider-id')}`">
7409            TENA For Men Level 3        </span>
7410    </strong>
7411
7412            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7413            Verpakking: 16 stuks        </span>
7414                <span class="block text-gray-500 mt-4 mb-6 px-4">
7415            <div class="flex gap-2">
7416                                    <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7417                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7418                    </svg>
7419                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7420                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7421                    </svg>
7422                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7423                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7423697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7424                    </svg>
7425                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7426                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7427                    </svg>
7428                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7429                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7430                    </svg>
7431                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7432                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7433                    </svg>
7434                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7435                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7436                    </svg>
7437                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7438                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7439                    </svg>
7440                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7441                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7442                    </svg>
7443                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7444                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7445                    </svg>
7446                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7447                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7448                    </svg>
7449                                </div>
7450        </span>
7451        
7452    
7453    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7454        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-121.window="updatePrice($event.detail);">
7455            <div class="price-box price-final_price" data-role="priceBox" data-product-id="121" data-price-box="product-id-121">
7456
7457    <span x-data x-id="['product\u002Dprice\u002D121']" class="price-container price-final_price tax weee">
7458        <span :id="$id('product\u002Dprice\u002D121')" data-price-amount="10.49" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;10,49</span></span>
7459        </span>
7460
7461    <span class="minimal-price-link">
7462        <span x-data x-id="['121']" class="price-container price-final_price tax weee">
7463            <span class="price-label">Vanaf</span>
7464        <span :id="$id('121')" data-price-amount="8.29" data-price-type="" class="price-wrapper ">&euro;&nbsp;8,29</span>
7465        </span>
7466    </span>
7467</div>        </div>
7468
7469        <button class="btn btn-outline md:hidden" type="button">
7470            Bekijk        </button>
7471        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7472            Bekijk product        </button>
7473    </div>
7474
7475            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7476            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7477  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7478<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7479            <span>
7480                Tot 22:30 uur besteld = morgen in huis            </span>
7481        </div>
7482        </a>
7483                            
7484<a href="https://www.123drogisterij.nl/swimmm-zwemluiers-voor-volwassenen" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7485    <span title="Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7486        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/s/w/swimmm_diposable_swim_pants.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-2035.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/s/w/swimmm_diposable_swim_pants.png" loading="lazy" width="240" height="300" alt="Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen" title="Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen" loading="lazy"></picture>
7487    </span>
7488
7489    <strong>
7490        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-2035-${$id('slider-id')}`">
7491            Swimmm Wegwerp Zwemluiers voor Volwassenen en Kinderen        </span>
7492    </strong>
7493
7494            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7495            Verpakking:         </span>
7496        
7497    
7498    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7499        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-2035.window="updatePrice($event.detail);">
7500            <div class="price-box price-final_price" data-role="priceBox" data-product-id="2035" data-price-box="product-id-2035">    <span class="normal-price">
7501<span x-data x-id="['product\u002Dprice\u002D2035']" class="price-container price-final_price tax weee">
7502        <span :id="$id('product\u002Dprice\u002D2035')" data-price-amount="29.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;29,99</span></span>
7503        </span>
7504</span>
7505
7506
7507</div>        </div>
7508
7509        <button class="btn btn-outline md:hidden" type="button">
7510            Bekijk        </button>
7511        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7512            Bekijk product        </button>
7513    </div>
7514
7515            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7516            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7517  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7518<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7519            <span>
7520                Tot 22:30 uur besteld = morgen in huis            </span>
7521        </div>
7522        </a>
7523                            
7524<a href="https://www.123drogisterij.nl/abso-x-ultra-pants-medium" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7525    <span title="ABSO-X Ultra Pants Medium" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7526        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_pants_medium_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-2167.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_pants_medium_1.png" loading="lazy" width="240" height="300" alt="ABSO-X Ultra Pants Medium" title="ABSO-X Ultra Pants Medium" loading="lazy"></picture>
7527    </span>
7528
7529    <strong>
7530        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-2167-${$id('slider-id')}`">
7531            ABSO-X Ultra Pants Medium        </span>
7532    </strong>
7533
7534            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7535            Verpakking: 10 stuks        </span>
7536                <span class="block text-gray-500 mt-4 mb-6 px-4">
7537            <div class="flex gap-2">
7538                                    <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7539                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7540                    </svg>
7541                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7542                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7543                    </svg>
7544                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7545                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7546                    </svg>
7547                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7548                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7549                    </svg>
7550                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7551                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7552                    </svg>
7553                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7554                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7555                    </svg>
7556                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7557                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7558                    </svg>
7559                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7560                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7561                    </svg>
7562                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7563                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7564                    </svg>
7565                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7566                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7567                    </svg>
7568                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7569                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7570                    </svg>
7571                                </div>
7572        </span>
7573        
7574    
7575    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7576        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-2167.window="updatePrice($event.detail);">
7577            <div class="price-box price-final_price" data-role="priceBox" data-product-id="2167" data-price-box="product-id-2167">
7578
7579    <span x-data x-id="['product\u002Dprice\u002D2167']" class="price-container price-final_price tax weee">
7580        <span :id="$id('product\u002Dprice\u002D2167')" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;14,99</span></span>
7581        </span>
7582
7583    <span class="minimal-price-link">
7584        <span x-data x-id="['2167']" class="price-container price-final_price tax weee">
7585            <span class="price-label">Vanaf</span>
7586        <span :id="$id('2167')" data-price-amount="9.99" data-price-type="" class="price-wrapper ">&euro;&nbsp;9,99</span>
7587        </span>
7588    </span>
7589</div>        </div>
7590
7591        <button class="btn btn-outline md:hidden" type="button">
7592            Bekijk        </button>
7593        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7594            Bekijk product        </button>
7595    </div>
7596
7597            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7598            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7599  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7600<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7601            <span>
7602                Tot 22:30 uur besteld = morgen in huis            </span>
7603        </div>
7604        </a>
7605                            
7606<a href="https://www.123drogisterij.nl/tena-slip-active-fit-ultima-medium" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7607    <span title="TENA Slip Active Fit Ultima Medium" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7608        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_slip_active_fit_ultima_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-381.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_slip_active_fit_ultima_1.jpg" loading="lazy" width="240" height="300" alt="** Tena Slip Active Fit Ultima Medium" title="** Tena Slip Active Fit Ultima Medium" loading="lazy"></picture>
7609    </span>
7610
7611    <strong>
7612        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-381-${$id('slider-id')}`">
7613            TENA Slip Active Fit Ultima Medium        </span>
7614    </strong>
7615
7616            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7617            Verpakking: 21 stuks        </span>
7618                <span class="block text-gray-500 mt-4 mb-6 px-4">
7619            <div class="flex gap-2">
7620                                    <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7621                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7622                    </svg>
7623                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7624                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7625                    </svg>
7626                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7627                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7628                    </svg>
7629                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7630                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7630697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7631                    </svg>
7632                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7633                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7634                    </svg>
7635                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7636                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7637                    </svg>
7638                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7639                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7640                    </svg>
7641                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7642                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7643                    </svg>
7644                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7645                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7646                    </svg>
7647                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7648                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7649                    </svg>
7650                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7651                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7652                    </svg>
7653                                </div>
7654        </span>
7655        
7656    
7657    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7658        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-381.window="updatePrice($event.detail);">
7659            <div class="price-box price-final_price" data-role="priceBox" data-product-id="381" data-price-box="product-id-381">
7660
7661    <span x-data x-id="['product\u002Dprice\u002D381']" class="price-container price-final_price tax weee">
7662        <span :id="$id('product\u002Dprice\u002D381')" data-price-amount="29.59" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;29,59</span></span>
7663        </span>
7664
7665    <span class="minimal-price-link">
7666        <span x-data x-id="['381']" class="price-container price-final_price tax weee">
7667            <span class="price-label">Vanaf</span>
7668        <span :id="$id('381')" data-price-amount="26.95" data-price-type="" class="price-wrapper ">&euro;&nbsp;26,95</span>
7669        </span>
7670    </span>
7671</div>        </div>
7672
7673        <button class="btn btn-outline md:hidden" type="button">
7674            Bekijk        </button>
7675        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7676            Bekijk product        </button>
7677    </div>
7678
7679            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7680            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7681  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7682<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7683            <span>
7684                Tot 22:30 uur besteld = morgen in huis            </span>
7685        </div>
7686        </a>
7687                            
7688<a href="https://www.123drogisterij.nl/tena-pants-maxi-large" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7689    <span title="TENA Pants Maxi Large" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7690        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_pants_maxi_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-34.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/t/e/tena_pants_maxi_1.jpg" loading="lazy" width="240" height="300" alt="Tena Pants Maxi" title="Tena Pants Maxi" loading="lazy"></picture>
7691    </span>
7692
7693    <strong>
7694        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-34-${$id('slider-id')}`">
7695            TENA Pants Maxi Large        </span>
7696    </strong>
7697
7698            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7699            Verpakking: 10 stuks        </span>
7700                <span class="block text-gray-500 mt-4 mb-6 px-4">
7701            <div class="flex gap-2">
7702                                    <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7703                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7704                    </svg>
7705                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7706                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7707                    </svg>
7708                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7709                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7710                    </svg>
7711                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7712                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7713                    </svg>
7714                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7715                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7716                    </svg>
7717                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7718                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7719                    </svg>
7720                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7721                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7722                    </svg>
7723                                        <svg class="h-4 w-2.5 fill-green-600" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7724                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39
7724697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7725                    </svg>
7726                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7727                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7728                    </svg>
7729                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7730                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7731                    </svg>
7732                                        <svg class="h-4 w-2.5 fill-gray-200" width="10" height="15" viewbox="0 0 10 15" fill="none" xmlns="http://www.w3.org/2000/svg">
7733                        <path d="M10 10.102C10 12.8071 7.76142 15 5 15C2.23858 15 0 12.8071 0 10.102C0 7.39697 5 0 5 0C5 0 10 7.39697 10 10.102Z"></path>
7734                    </svg>
7735                                </div>
7736        </span>
7737        
7738    
7739    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7740        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-34.window="updatePrice($event.detail);">
7741            <div class="price-box price-final_price" data-role="priceBox" data-product-id="34" data-price-box="product-id-34">
7742
7743    <span x-data x-id="['product\u002Dprice\u002D34']" class="price-container price-final_price tax weee">
7744        <span :id="$id('product\u002Dprice\u002D34')" data-price-amount="21.59" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;21,59</span></span>
7745        </span>
7746
7747    <span class="minimal-price-link">
7748        <span x-data x-id="['34']" class="price-container price-final_price tax weee">
7749            <span class="price-label">Vanaf</span>
7750        <span :id="$id('34')" data-price-amount="16.59" data-price-type="" class="price-wrapper ">&euro;&nbsp;16,59</span>
7751        </span>
7752    </span>
7753</div>        </div>
7754
7755        <button class="btn btn-outline md:hidden" type="button">
7756            Bekijk        </button>
7757        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7758            Bekijk product        </button>
7759    </div>
7760
7761            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7762            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7763  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7764<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7765            <span>
7766                Tot 22:30 uur besteld = morgen in huis            </span>
7767        </div>
7768        </a>
7769                            
7770<a href="https://www.123drogisterij.nl/abso-x-ultra-bed-underpad-60-90" class="item product product-item flex flex-col pt-4 shadow-soft rounded-xl transition group hover:shadow-hard">
7771    <span title="ABSO-X Ultra Bed Underpad | 60x90 | met SAP" class="product photo product-item-photo block mx-auto px-4" tabindex="-1">
7772        <picture class="object-contain product-image-photo"><source type="image/webp" srcset="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_underpads_1.webp"><img class="object-contain product-image-photo" x-data="" @update-gallery-2169.window="$root.src = $event.detail" src="https://www.123drogisterij.nl/media/catalog/product/cache/2765542505660baab28ecd555e27366e/a/b/abso-x_ultra_underpads_1.png" loading="lazy" width="240" height="300" alt="ABSO-X Ultra Bed Underpad | 60x90 | met SAP" title="ABSO-X Ultra Bed Underpad | 60x90 | met SAP" loading="lazy"></picture>
7773    </span>
7774
7775    <strong>
7776        <span class="product-item-link block my-2 px-4 text-base" :id="`slide-desc-2169-${$id('slider-id')}`">
7777            ABSO-X Ultra Bed Underpad | 60x90 | met SAP        </span>
7778    </strong>
7779
7780            <span class="block text-gray-500 mb-1 px-4 lg:text-md">
7781            Verpakking: 30 stuks        </span>
7782        
7783    
7784    <div class="flex justify-between items-center px-4 mt-auto mb-2">
7785        <div x-data="initPriceBox()" x-defer="intersect" @update-prices-2169.window="updatePrice($event.detail);">
7786            <div class="price-box price-final_price" data-role="priceBox" data-product-id="2169" data-price-box="product-id-2169">
7787
7788    <span x-data x-id="['product\u002Dprice\u002D2169']" class="price-container price-final_price tax weee">
7789        <span :id="$id('product\u002Dprice\u002D2169')" data-price-amount="15.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">&euro;&nbsp;15,99</span></span>
7790        </span>
7791
7792    <span class="minimal-price-link">
7793        <span x-data x-id="['2169']" class="price-container price-final_price tax weee">
7794            <span class="price-label">Vanaf</span>
7795        <span :id="$id('2169')" data-price-amount="11.99" data-price-type="" class="price-wrapper ">&euro;&nbsp;11,99</span>
7796        </span>
7797    </span>
7798</div>        </div>
7799
7800        <button class="btn btn-outline md:hidden" type="button">
7801            Bekijk        </button>
7802        <button class="hidden btn btn-outline py-2 px-6 md:flex group-hover:btn-outline-active" type="button">
7803            Bekijk product        </button>
7804    </div>
7805
7806            <div class="flex items-center gap-1 px-3 py-2 bg-tertiary-300 rounded-b-xl text-sm">
7807            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" class="h-5 w-5 text-green-600" width="24" height="24" role="img">
7808  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
7809<title>Tot 22:30 uur besteld = morgen in huis</title></svg>
7810            <span>
7811                Tot 22:30 uur besteld = morgen in huis            </span>
7812        </div>
7813        </a>
7814                    </div>
7815        
7816<div class="flex w-full justify-center items-center carousel-nav">
7817    <button class="glider-prev rounded-md p-2 bg-tertiary-300 outline-none" aria-label="Vorige">
7818        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-6 h-6" width="24" height="24" role="img">
7819    <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z" clip-rule="evenodd"></path>
7820<title>Vorige</title></svg>
7821    </button>
7822    <div class="glider-dots select-none flex flex-wrap mx-4 justify-center p-0 focus:outline-none"></div>
7823    <button class="glider-next rounded-md p-2 bg-tertiary-300 outline-none" aria-label="volgende">
7824        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" aria-hidden="true" class="w-6 h-6" width="24" height="24" role="img">
7825    <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z" clip-rule="evenodd"></path>
7826<title>volgende</title></svg>
7827    </button>
7828</div>
7829    </div></div><div class="pagebuilder-usps" data-content-type="usps" data-appearance="default" data-element="main"><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25ZM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 1 1 6 0h3a.75.75 0 0 0 .75-.75V15Z"></path><path d="M8.25 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM15.75 6.75a.75.75 0 0 0-.75.75v11.25c0 .087.015.17.042.248a3 3 0 0 1 5.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 0 0-3.732-10.104 1.837 1.837 0 0 0-1.47-.725H15.75Z"></path><path d="M19.5 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_1_link"><div data-element="usp_1">Boven 20 euro GRATIS BEZORGD</div></a></div><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path d="M3.375 4.5C2.339 4.5 1.5 5.34 1.5 6.375V13.5h12V6.375c0-1.036-.84-1.875-1.875-1.875h-8.25ZM13.5 15h-12v2.625c0 1.035.84 1.875 1.875 1.875h.375a3 3 0 1 1 6 0h3a.75.75 0 0 0 .75-.75V15Z"></path><path d="M8.25 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0ZM15.75 6.75a.75.75 0 0 0-.75.75v11.25c0 .087.015.17.042.248a3 3 0 0 1 5.958.464c.853-.175 1.522-.935 1.464-1.883a18.659 18.659 0 0 0-3.732-10.104 1.837 1.837 0 0 0-1.47-.725H15.75Z"></path><path d="M19.5 19.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_2_link"><div data-element="usp_2">
7829Tot 22:30 uur besteld = morgen in huis</div></a></div><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_3_link"><div data-element="usp_3">100% anoniem verpakt</div></a></div><div class="usp"><div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"></path></svg></div><a href="https://www.123drogisterij.nl/veelgestelde-vragen" target="" data-link-type="page" data-element="usp_4_link"><div data-element="usp_4">Niet goed, geld terug</div></a></div></div><div class="pagebuilder-featuredhalf" data-content-type="featuredhalf" data-appearance="default" data-background-color="false" data-image-right="false" data-object-fit="cover" data-object-position="top" data-full-width="false" data-show-button="false" data-show-button_second="false" data-element="main"><div class="pagebuilder-featuredhalf-width-wrapper"><div class="full-bleed-background"></div><div class="pagebuilder-featuredhalf-image"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/Jan_Chriz.webp"><img width="500" height="650" src="https://www.123drogisterij.nl/media/wysiwyg/Jan_Chriz.png" alt="Jan van de Graaf en Chriz van de Graaf " title="Uw specialist in incontinentiemateriaal" loading="lazy" data-element="desktop_image" loading="lazy"></picture><ul class="usps"><li data-element="usp_1">+12 jaar ervaring</li><li data-element="usp_2">Toewijding</li><li data-element="usp_3">Kennis</li></ul></div><div class="pagebuilder-featuredhalf-content"><div data-element="content"><p><strong>Over ons</strong></p><h2>Uw specialist in incontinentiemateriaal</h2><p>123Drogisterij is een specialist in incontinentiemateriaal. Wij verzenden de bestellingen op werkdagen tot 23.30 uur. Deze worden de volgende dag bezorgd: snel, betrouwbaar en discreet. En dat doen wij inmiddels voor tienduizenden tevreden klanten.</p><p>Wij zijn dus een familiebedrijf, en hechten dan ook aan de waarden van familiebedrijven.</p><ul><li>Hard werken voor je klanten</li><li>Duurzame groei met het vizier op de lange termijn</li><li>Oog voor de belangen van iedereen met wie je te maken hebt</li></ul></div></div></div></div><div class="pagebuilder-featured-half-video" data-content-type="featured-half-video" data-appearance="default" data-background-color="false" data-image-right="false" data-object-fit="cover" data-object-position="none" data-full-width="false" data-show-button="false" data-show-button_second="false" data-element="main"><div class="pagebuilder-featuredhalf-width-wrapper"><div class="pagebuilder-video-container"><iframe width="632" height="400" frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/RWdbipkqQC4" data-element="video"></iframe></div><div class="pagebuilder-featuredhalf-content"><details><summary data-element="content_title">Wij zijn snel en discreet</summary><p data-element="content">Vindt u het ook vervelend om incontinentiematerialen te kopen in de winkel? Vaak heeft de winkel geen groot aanbod aan verschillende&nbsp;incontinentiematerialen. Hierdoor heeft u weinig keuze. Bij 123Drogisterij kunt u uw producten snel en discreet bestellen. Als u uw incontinentiemateriaal op werkdagen bestelt, versturen we het diezelfde dag nog. Dit kunnen we zelfs doen tot half 12 in de avond. Daardoor heeft u de bestelling de volgende dag al in huis. Wel zo makkelijk. Bestellingen van boven de 20 euro versturen we gratis naar u toe. Dit doen we inmiddels al voor tienduizenden tevreden klanten.</p></details>
7829<details><summary data-element="content_title_2">123Drogisterij heeft alle vertrouwde merken</summary><p data-element="content_section_2">Bij 123Drogisterij hebben wij een breed assortiment aan alle bekende merken die incontinentiemateriaal verkopen. Hieronder vallen bijvoorbeeld TENA, Abena, Depend, Attends, Absorin, Hartmann, Seni, en nog veel meer. Naast alle bekende merken mogen wij met trots zeggen dat we het grootste en meest diverse aanbod aan producten hebben. Bed onderleggers, slips, pants, inleggers, stoelbeleggers en dekzeilen; 123drogisterij.nl heeft het allemaal.</p></details><details><summary data-element="content_title_3">Waar moet u op letten bij het kopen van incontinentiemateriaal?</summary><p data-element="content_section_3">Het kan soms best lastig zijn om te weten wat u moet kopen. Zeker omdat het advies van de dokter wel goed kan zijn, maar het alsnog even duurt voordat u heeft uitgevogeld welke producten en merken u zelf prettig vindt. Openlijk praten over incontinentie doen maar weinig mensen. Het is belangrijk dat u goed let op de volgende dingen: de mate van incontinentie, het activiteitsniveau en de gezondheidstoestand. Al deze factoren spelen mee als u een product gaat uitzoeken bij 123Drogisterij. Soms valt de mate van incontinentie mee. Dan zult u andere producten nodig hebben dan als de mate van incontinentie sterker is. Dit betekent over het algemeen dat u slips, pants en ander incontinentiemateriaal moet hebben w
7829at een sterkere opname kracht heeft dan alleen het standaard incontinentiemateriaal. In veel gevallen is incontinentie tijdelijk. Maar het kan ook voor langere tijd een probleem vormen. Als dit het geval is, kan het prettig zijn om een vast merk uit het assortiment van 123Drogisterij te kiezen wat u prettig vindt.</p></details></div></div></div><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze kennisbank</h2></div><div class="pagebuilder-banner-small" data-content-type="banner-small" data-appearance="full-width" data-show-button_1="false" data-show-button_2="false" data-show-button_3="false" data-element="main" data-pb-style="XBHMNYQ"><a class="banner-item" href="incontinentie-pants/tena-pants" target="" data-link-type="default" title="Incontinentiebroekjes" data-element="link_1"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/130367.webp"><img width="480" height="260" src="https://www.123drogisterij.nl/media/wysiwyg/130367.jpg" alt="Incontinentiebroekjes" title="Incontinentiebroekjes" loading="lazy" data-element="desktop_image_1" loading="lazy"></picture><div class="relative"><div class="content"><h3 data-element="text_1">Incontinentiebroekjes</h3><span data-element="subtext_1">Meer informatie over</span></div></div></a><a class="banner-item" href="incontinentiemateriaal/zwemluiers" target="" data-link-type="default" title="Zwemluiers" data-element="link_2"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/6115fe40-6077-439f-a932-5fc48ae151ac.webp"><img width="480" height="260" src="https://www.123drogisterij.nl/media/wysiwyg/6115fe40-6077-439f-a932-5fc48ae151ac.jpeg" alt="Zwemluiers voor volwassenen en kinderen" title="Zwemluiers" loading="lazy" data-element="desktop_image_2" loading="lazy"></picture><div class="relative"><div class="content"><h3 data-element="text_2">Zwemluiers</h3><span data-element="subtext_2">Meer informatie over</span></div></div></a><a class="banner-item" href="incontinentie-bed-onderleggers/wasbare-onderleggers" target="" data-link-type="default" title="Wasbare onderleggers" data-element="link_3"><picture><source type="image/webp" srcset="https://www.123drogisterij.nl/media/wysiwyg/tweepersoons_wasbare_onderlegger_180-85.webp"><img width="480" height="260" src="https://www.123drogisterij.nl/media/wysiwyg/tweepersoons_wasbare_onderlegger_180-85.jpg" alt="Wasbare onderleggers" title="Wasbare onderleggers" loading="lazy" data-element="desktop_image_3" loading="lazy"></picture><div class="relative"><div class="content"><h3 data-element="text_3">Wasbare onderleggers</h3><span data-element="subtext_3">Meer informatie over</span></div></div></a></div><div class="pagebuilder-textblock" data-content-type="textblock" data-appearance="default" data-element="main"><h2>Onze artikelen en tips met de beste adviezen</h2> <p><a href="/kennisbank"><strong id="GV6A7H1">Bekijk alle artikelen <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" width="24" height="24" role="img">
7830  <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path>
7831<title>heroicons/solid/arrow-right</title></svg>
7832</strong></a></p></div><div data-content-type="featured-items" data-appearance="inline" data-element="main"><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/welke-soorten-incontinentiemateriaal-zijn-er" target="" data-link-type="default" data-element="link"><strong data-element="title">Welke soorten incontinentiemateriaal zijn er?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/alles-over-incontinentiemateriaal" target="" data-link-type="default" data-element="link"><strong data-element="title">Alle begrippen uitgelegd!</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/het-kiezen-van-het-juiste-incontinentiemateriaal" target="" data-link-type="default" data-element="link"><strong data-element="title">Welk incontinentiemateriaal heb ik nodig?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/hoe-incontinentiemateriaal-gebruiken" target="" data-link-type="default" data-element="link"><strong data-element="title">Hoe moet ik het gebruiken?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/welk-incontinentiemateriaal-voor-de-nacht" target="" data-link-type="default" data-element="link"><strong data-element="title">Heb ik voor de nacht ander materiaal nodig?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/welk-incontinentiemateriaal-bij-ontlastingsincontinentie" target="" data-link-type="default" data-element="link"><strong data-element="title">Welk materiaal gebruik ik wanneer ik (ook) ontlasting verlies?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="maattabel" target="" data-link-type="default" data-element="link"><strong data-element="title">Maattabel</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/hoe-vaak-moet-je-incontinentiemateriaal-verwisselen" target="" data-link-type="default" data-element="link"><strong data-element="title">Hoe vaak moet u materiaal verwisselen?</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/droog-en-zonder-lekkage-de-nacht-door-10-tips" target="" data-link-type="default" data-element="link"><strong data-element="title">10 tips: Droog en zonder lekkage de nacht door</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank/hoe-incontinentiemateriaal-gebruiken" target="" data-link-type="default" data-element="link"><strong data-element="title">Hoe incontinentiemateriaal gebruiken? - Aanleginstructies</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="wandelstokken" target="" data-link-type="default" data-element="link"><strong data-element="title">Alles over de wandelstok en onze nieuwe webshop wandelstok-winkel</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="incontinentie-luiers/luiers-voor-volwassenen" target="" data-link-type="default" data-element="link"><strong data-element="title">Alles over luiers voor volwassenen</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="incontinentiemateriaal" target="" data-link-type="default" data-element="link"><strong data-element="title">Overzicht incontinentiemateriaal</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="kennisbank-hulpmiddelen" target="" data-link-type="default" data-element="link"><strong data-element="title">Bezoek ook onze kennisbank voor hulpmiddelen</strong><span data-element="subtitle">Lees meer</span></a></div><div data-content-type="featured-items-item" data-appearance="default" data-element="main"><a class="wrapper" href="incontinentie-inleggers/mannenverband" target="" data-link-type="default" data-element="link"><strong data-element="title">
7832Alles over mannenverband</strong><span data-element="subtitle">Lees meer</span></a></div></div> 
7832<script nonce="aGozZ2U5amsyNHl1b3F5cWJ5cjJreTM2OGR4enQxNzc=">
7833    function hasWebP() {
7834        var elem = document.createElement('canvas');
7835
7836        if (!!(elem.getContext && elem.getContext('2d'))) {
7837            return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0;
7838        }
7839        return false;
7840    }
7841
7842    if (hasWebP()) {
7843        document.body.classList.add("webp");
7844    } else {
7845        document.body.classList.add("no-webp");
7846    }</script>
7846</div></div></main><footer class="page-footer"><div class="footer content">
7847<div class="border-t border-secondary-800 py-4 lg:py-6">
7848    <div class="container lg:flex lg:gap-12">
7849        <div class="flex justify-between gap-4 lg:flex-col">
7850            <div class="">
7851    <a id="logo" class="flex items-center justify-start text-xl no-underline hover:no-underline font-title"
7852        href="https://www.123drogisterij.nl/"
7853        aria-label="Go&#x20;to&#x20;Home&#x20;page"
7854    >
7855        <picture>
7856            <img src="https://www.123drogisterij.nl/media/logo/stores/2/123drogisterij.jpeg"
7857                 alt="Store&#x20;logo"
7858                width="333"                height="100"            />
7859        </picture>
7860            </a>
7861</div>
7862
7863                            <a href="https://www.kiyoh.com/reviews/1044623/123drogisterij_nl" target="_blank"  class="flex flex-row gap-2 p-2 text-sm md:text-lg hover:underline">
7864                    <div class="relative">
7865                        <img height="56" width="56" class="w-10 h-10 min-w-10 sm:h-14 sm:w-14" alt="Kiyoh review badge" src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Magento_Theme/images/kiyoh.svg"/>
7866                        <span class="absolute top-3 left-2.5 sm:top-4 sm:left-4 font-medium">9.5</span>
7867                    </div>
7868
7869                    <div class="kiyoh-schema" itemscope="itemscope" itemtype="https://schema.org/Organization">
7870                        <meta itemprop="name" content="123Drogisterij.nl"/>
7871                        <div class="flex flex-col h-full justify-between" itemprop="aggregateRating" itemscope="itemscope" itemtype="https://schema.org/AggregateRating">
7872                            <meta itemprop="bestRating" content="10">
7873                            <meta itemprop="ratingValue" content="9.5">
7874                            <meta itemprop="reviewCount" content="5231">
7875                            <meta itemprop="ratingCount" content="5231">
7876                                                            <div class="flex justify-center relative lg:justify-start lg:-ml-1">
7877                                                                            <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20"
7878                                             style="color: #ffba49"
7879                                             fill="currentColor">
7880                                            <path
7881                                                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
7882                                            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
7883                                            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
7884                                            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"/>
7885                                        </svg>
7886                                                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20"
7887                                             style="color: #ffba49"
7888                                             fill="currentColor">
7889                                            <path
7890                                                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
7891                                            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
7892                                            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
7893                                            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"/>
7894                                        </svg>
7895                                                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20"
7896                                             style="color: #ffba49"
7897                                             fill="currentColor">
7898                                            <path
7899                                                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
7900                                            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
7901                                            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
7902                                            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"/>
7902
7903                                        </svg>
7904                                                                                <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4 sm:w-6 sm:h-6 mt-px" viewBox="0 0 20 20"
7905                                             style="color: #ffba49"
7906                                             fill="currentColor">
7907                                            <path
7908                                                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
7909                                            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
7910                                            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
7911                                            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"/>
7912                                        </svg>
7913                                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 sm:w-6 sm:h-6 mt-px">
7914                                            <defs>
7915                                                <linearGradient id="partialFill">
7916                                                    <stop offset="0%" stop-color="#ffba49"/>
7917                                                    <stop offset="75%" stop-color="#ffba49"/>
7918                                                    <stop offset="75%" stop-color="#cbd5e0"/>
7919                                                    <stop offset="100%" stop-color="#cbd5e0"/>
7920                                                </linearGradient>
7921                                            </defs>
7922                                            <g fill="url(#partialFill)">
7923                                                <path
7924                                                    d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
7925                                                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
7926                                                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
7927                                                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"/>
7928                                            </g>
7929                                        </svg>
7930                                                                        </div>
7931                                                            <p class="text-center lg:text-left">
7932                                <span class="text-lg">5231</span>
7933                                beoordelingen                            </p>
7934                        </div>
7935                    </div>
7936                </a>
7937                        </div>
7938
7939        <div class="mt-4 lg:mt-0 lg:w-3/4">
7940            <strong class="block mb-2 text-xl lg:text-2xl">Vraag ons om advies</strong>
7941            <p class="prose md:prose-base">
7942                123Drogisterij is dus dé specialist in incontinentiemateriaal. Komt u er niet uit? Geen zorgen, <a href="/over-ons">onze gespecialiseerde medewerkers</a> staan altijd klaar voor al uw vragen of advies.            </p>
7943
7944            <div class="flex flex-col gap-4 mt-4 lg:flex-row lg:gap-8 lg:mt-8 lg:gap-32">
7945                                    <a class="flex gap-2 items-center group" href="tel:0492-747100" title="0492-747100">
7946                        <div class="bg-green-600 p-2 rounded-md">
7947                            <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 text-white" width="24" height="24" role="img">
7948  <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
7949<title>phone</title></svg>
7950                        </div>
7951                        <div>
7952                        <span class="text-base font-medium group-hover:underline lg:text-lg">
7953                            Bel ons: 0492-747100                        </span>
7954                                                            <span class="block text-md text-gray-500">Ma - vrij van 9.00 – 13.00 uur</span>
7955                                                        </div>
7956                    </a>
7957                                        <a class="flex gap-2 items-start hover:underline" href="mailto:[email protected]" title="[email protected]">
7958                        <div class="bg-green-600 p-2 rounded-md">
7959                            <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 text-white" width="24" height="24" role="img">
7960  <path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
7961<title>mail</title></svg>
7962                        </div>
7963                        <div>
7964                            <span class="block text-base font-medium lg:text-lg">Mail ons: [email protected]</span>
7965                            <span class="text-md text-gray-500">We antwoorden zo spoedig mogelijk op uw vraag.</span>
7966                        </div>
7967                    </a>
7968                            </div>
7969        </div>
7970    </div>
7971</div>
7972
7973<div class="bg-gray-100">
7974    <div class="container pt-6 pb-4 flex flex-col lg:justify-between lg:flex-row lg:py-8">
7975        <div class="flex flex-col text-md mb-2 lg:w-1/4">
7976            <ul>
7977                <li><strong class="block text-base mb-2">Adres</strong></li>
7978                <li class="block w-3/4 lg:w-full">123Drogisterij</li>
7979                <li class="block w-3/4 lg:w-full">Broederwal 161</li>
7980                <li class="block w-3/4 lg:w-full">5708ZT Helmond</li>
7981                <li class="block mb-1 w-3/4 lg:w-full">Nederland</li>
7982
7983                <li class="block mb-1 w-3/4 lg:w-full">Careland BV</li>
7984
7985                                    <li class="block mb-1 w-3/4 lg:w-full">BTW: NL851499338B01</li>
7986                                        <li class="block mb-1 w-3/4 lg:w-full">KvK: 54937485</li>
7987                                </ul>
7988        </div>
7989
7990            
7990<script>
7991        'use strict';
7992
7993        const initMenuFooter_6ac1ddf31f74d = () => {
7994            return {
7995                isDesktop: true,
7996                checkIsDesktopResolution() {
7997                    this.isDesktop = window.matchMedia('(min-width: 1024px)').matches;
7998                },
7999                toggleSubmenu(event, index) {
8000                    const focusableElements = 'button:not([disabled]), a[href]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
8001
8002                    event.stopPropagation()
8003                    this[index] = !this[index]
8004
8005                    if (this[index]) {
8006                        this.$nextTick(() => {
8007                            this.$refs['submenu-' + index]?.querySelector(focusableElements)?.focus()
8008                        })
8009                    } else {
8010                        this.$nextTick(() => {
8011                            this.$refs['submenu-toggle-' + index]?.focus()
8012                        })
8013                    }
8014                },
8015            }
8016        };
8017    </script>
8017
8018
8019    <div class=" w-full flex flex-wrap"
8020         x-data="initMenuFooter_6ac1ddf31f74d()"
8021         x-defer="intersect"
8022    >
8023        <ul class="w-full flex flex-col flex-wrap divide-y divide-black divide-container lg:flex-row lg:justify-between lg:divide-y-0"
8024            x-init="checkIsDesktopResolution()"
8025            @resize.window.debounce="checkIsDesktopResolution()"
8026            @visibilitychange.window.debounce="checkIsDesktopResolution()"
8027        >
8028                                            <li x-data="{'node1': false }"
8029                    class="flex-1 "
8030                >
8031                                            <div @keydown.escape="(event) => !isDesktop && toggleSubmenu(event, 'node1')">
8032                            <strong x-show="isDesktop"
8033                                x-cloak="tablet"
8034                                class="block mb-2 lg:text-base"
8035                            >
8036                                Klantenservice                            </strong>
8037                            <button x-show="!isDesktop"
8038                                x-cloak="desktop"
8039                                x-ref="submenu-toggle-node1"
8040                                class="outline-none w-full py-4 font-bold "
8041                                @click="(event) => toggleSubmenu(event, 'node1')"
8042                                :aria-expanded="node1 === true"
8043                                type="button"
8044                            >
8045                                <div class="flex items-center justify-between">
8046                                    <strong class="text-base">
8047                                        Klantenservice                                    </strong>
8048                                    <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node1 === true}">
8049                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24">
8050    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
8051</svg>
8052                                    </div>
8053                                </div>
8054                            </button>
8055
8056                            <div x-show="isDesktop || !!node1"
8057                                x-cloak="tablet"
8058                                x-ref="submenu-node1"
8059                                x-collapse
8060                                class="pb-8"
8061                                :aria-hidden="!isDesktop && node1 === false ? 'true' : 'false'"
8062                            >
8063                                
8064                                    <ul>
8065                    <li class="py-1 group text-md ">
8066                
8067<a class="hover:underline outline-none"
8068    href="https://www.123drogisterij.nl/klantenservice"
8069            data-menu="menu-2"
8070    >
8071    Klantenservice</a>
8072                            </li>
8073                        <li class="py-1 group text-md ">
8074                
8075<a class="hover:underline outline-none"
8076    href="https://www.123drogisterij.nl/bestellen"
8077            data-menu="menu-3"
8078    >
8079    Bestellen</a>
8080                            </li>
8081                        <li class="py-1 group text-md ">
8082                
8083<a class="hover:underline outline-none"
8084    href="https://www.123drogisterij.nl/betalen"
8085            data-menu="menu-4"
8086    >
8087    Betalen</a>
8088                            </li>
8089                        <li class="py-1 group text-md ">
8090                
8091<a class="hover:underline outline-none"
8092    href="https://www.123drogisterij.nl/verzending"
8093            data-menu="menu-5"
8094    >
8095    Verzending</a>
8096                            </li>
8097                        <li class="py-1 group text-md ">
8098                
8099<a class="hover:underline outline-none"
8100    href="https://www.123drogisterij.nl/garantie"
8101            data-menu="menu-6"
8102    >
8103    Garantie</a>
8104                            </li>
8105                        <li class="py-1 group text-md ">
8106                
8107<a class="hover:underline outline-none"
8108    href="https://www.123drogisterij.nl/retouren"
8109            data-menu="menu-7"
8110    >
8111    Retouren</a>
8112                            </li>
8113                        <li class="py-1 group text-md ">
8114                
8115<a class="hover:underline outline-none"
8116    href="https://www.123drogisterij.nl/bestelling-annuleren"
8117            data-menu="menu-893"
8118    >
8119    Bestelling annuleren</a>
8120                            </li>
8121                </ul>
8122                                </div>
8123                        </div>
8124                                        </li>
8125                                                <li x-data="{'node8': false }"
8126                    class="flex-1 "
8127                >
8128                                            <div @keydown.escape="(event) =>
8128 !isDesktop && toggleSubmenu(event, 'node8')">
8129                            <strong x-show="isDesktop"
8130                                x-cloak="tablet"
8131                                class="block mb-2 lg:text-base"
8132                            >
8133                                Categorieën                            </strong>
8134                            <button x-show="!isDesktop"
8135                                x-cloak="desktop"
8136                                x-ref="submenu-toggle-node8"
8137                                class="outline-none w-full py-4 font-bold "
8138                                @click="(event) => toggleSubmenu(event, 'node8')"
8139                                :aria-expanded="node8 === true"
8140                                type="button"
8141                            >
8142                                <div class="flex items-center justify-between">
8143                                    <strong class="text-base">
8144                                        Categorieën                                    </strong>
8145                                    <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node8 === true}">
8146                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24">
8147    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
8148</svg>
8149                                    </div>
8150                                </div>
8151                            </button>
8152
8153                            <div x-show="isDesktop || !!node8"
8154                                x-cloak="tablet"
8155                                x-ref="submenu-node8"
8156                                x-collapse
8157                                class="pb-8"
8158                                :aria-hidden="!isDesktop && node8 === false ? 'true' : 'false'"
8159                            >
8160                                
8161                                    <ul>
8162                    <li class="py-1 group text-md ">
8163                
8164<a href="https://www.123drogisterij.nl/incontinentiemateriaal"
8165    class="hover:underline outline-none"
8166            data-menu="menu-9"
8167    >
8168    Incontinentiemateriaal</a>
8169                            </li>
8170                        <li class="py-1 group text-md ">
8171                
8172<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-for-men"
8173    class="hover:underline outline-none"
8174            data-menu="menu-10"
8175    >
8176    TENA Men</a>
8177                            </li>
8178                        <li class="py-1 group text-md ">
8179                
8180<a href="https://www.123drogisterij.nl/incontinentiemateriaal/tena-incontinentie/tena-discreet"
8181    class="hover:underline outline-none"
8182            data-menu="menu-11"
8183    >
8184    TENA Discreet</a>
8185                            </li>
8186                        <li class="py-1 group text-md ">
8187                
8188<a href="https://www.123drogisterij.nl/incontinentie-luiers"
8189    class="hover:underline outline-none"
8190            data-menu="menu-12"
8191    >
8192    Luiers</a>
8193                            </li>
8194                        <li class="py-1 group text-md ">
8195                
8196<a href="https://www.123drogisterij.nl/incontinentiemateriaal-voor-mannen"
8197    class="hover:underline outline-none"
8198            data-menu="menu-13"
8199    >
8200    Mannen</a>
8201                            </li>
8202                        <li class="py-1 group text-md ">
8203                
8204<a href="https://www.123drogisterij.nl/incontinentie-slips"
8205    class="hover:underline outline-none"
8206            data-menu="menu-14"
8207    >
8208    Slips</a>
8209                            </li>
8210                        <li class="py-1 group text-md ">
8211                
8212<a href="https://www.123drogisterij.nl/incontinentie-inleggers/mannenverband"
8213    class="hover:underline outline-none"
8214            data-menu="menu-15"
8215    >
8216    Mannenverband</a>
8217                            </li>
8218                </ul>
8219                                </div>
8220                        </div>
8221                                        </li>
8222                                                <li x-data="{'node16': false }"
8223                    class="flex-1 "
8224                >
8225                                            <div @keydown.escape="(event) =>
8225 !isDesktop && toggleSubmenu(event, 'node16')">
8226                            <strong x-show="isDesktop"
8227                                x-cloak="tablet"
8228                                class="block mb-2 lg:text-base"
8229                            >
8230                                Categorieën                            </strong>
8231                            <button x-show="!isDesktop"
8232                                x-cloak="desktop"
8233                                x-ref="submenu-toggle-node16"
8234                                class="outline-none w-full py-4 font-bold "
8235                                @click="(event) => toggleSubmenu(event, 'node16')"
8236                                :aria-expanded="node16 === true"
8237                                type="button"
8238                            >
8239                                <div class="flex items-center justify-between">
8240                                    <strong class="text-base">
8241                                        Categorieën                                    </strong>
8242                                    <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node16 === true}">
8243                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24">
8244    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
8245</svg>
8246                                    </div>
8247                                </div>
8248                            </button>
8249
8250                            <div x-show="isDesktop || !!node16"
8251                                x-cloak="tablet"
8252                                x-ref="submenu-node16"
8253                                x-collapse
8254                                class="pb-8"
8255                                :aria-hidden="!isDesktop && node16 === false ? 'true' : 'false'"
8256                            >
8257                                
8258                                    <ul>
8259                    <li class="py-1 group text-md ">
8260                
8261<a href="https://www.123drogisterij.nl/incontinentie-pants"
8262    class="hover:underline outline-none"
8263            data-menu="menu-17"
8264    >
8265    Pants</a>
8266                            </li>
8267                        <li class="py-1 group text-md ">
8268                
8269<a href="https://www.123drogisterij.nl/incontinentie-inleggers"
8270    class="hover:underline outline-none"
8271            data-menu="menu-18"
8272    >
8273    Inleggers</a>
8274                            </li>
8275                        <li class="py-1 group text-md ">
8276                
8277<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers"
8278    class="hover:underline outline-none"
8279            data-menu="menu-19"
8280    >
8281    Bed onderleggers</a>
8282                            </li>
8283                        <li class="py-1 group text-md ">
8284                
8285<a href="https://www.123drogisterij.nl/verzorgingsproducten-bij-incontinentie"
8286    class="hover:underline outline-none"
8287            data-menu="menu-20"
8288    >
8289    Verzorging</a>
8290                            </li>
8291                        <li class="py-1 group text-md ">
8292                
8293<a href="https://www.123drogisterij.nl/incontinentie-bed-onderleggers/matrasbeschermers"
8294    class="hover:underline outline-none"
8295            data-menu="menu-21"
8296    >
8297    Matrasbeschermers</a>
8298                            </li>
8299                        <li class="py-1 group text-md ">
8300                
8301<a href="https://www.123drogisterij.nl/incontinentie-luiers/wasbare-luiers-volwassenen"
8302    class="hover:underline outline-none"
8303            data-menu="menu-22"
8304    >
8305    Wasbare luiers volwassen</a>
8306                            </li>
8307                </ul>
8308                                </div>
8309                        </div>
8310                                        </li>
8311                                                <li x-data="{'node23': false }"
8312                    class="flex-1 "
8313                >
8314                                            <div @keydown.escape="(event) =>
8314 !isDesktop && toggleSubmenu(event, 'node23')">
8315                            <strong x-show="isDesktop"
8316                                x-cloak="tablet"
8317                                class="block mb-2 lg:text-base"
8318                            >
8319                                Handige links                            </strong>
8320                            <button x-show="!isDesktop"
8321                                x-cloak="desktop"
8322                                x-ref="submenu-toggle-node23"
8323                                class="outline-none w-full py-4 font-bold "
8324                                @click="(event) => toggleSubmenu(event, 'node23')"
8325                                :aria-expanded="node23 === true"
8326                                type="button"
8327                            >
8328                                <div class="flex items-center justify-between">
8329                                    <strong class="text-base">
8330                                        Handige links                                    </strong>
8331                                    <div class="transition-transform duration-150 ease-in-out transform" :class="{'rotate-180' : node23 === true}">
8332                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="text-black" width="24" height="24">
8333    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/>
8334</svg>
8335                                    </div>
8336                                </div>
8337                            </button>
8338
8339                            <div x-show="isDesktop || !!node23"
8340                                x-cloak="tablet"
8341                                x-ref="submenu-node23"
8342                                x-collapse
8343                                class="pb-8"
8344                                :aria-hidden="!isDesktop && node23 === false ? 'true' : 'false'"
8345                            >
8346                                
8347                                    <ul>
8348                    <li class="py-1 group text-md ">
8349                
8350<a class="hover:underline outline-none"
8351    href="https://www.123drogisterij.nl/contacts"
8352            data-menu="menu-365"
8353    >
8354    Contact</a>
8355                            </li>
8356                        <li class="py-1 group text-md ">
8357                
8358<a class="hover:underline outline-none"
8359    href="https://www.123drogisterij.nl/over-ons"
8360            data-menu="menu-24"
8361    >
8362    Over ons</a>
8363                            </li>
8364                        <li class="py-1 group text-md ">
8365                
8366<a class="hover:underline outline-none"
8367    href="https://www.123drogisterij.nl/keuzehulp"
8368            data-menu="menu-25"
8369    >
8370    Keuzehulp</a>
8371                            </li>
8372                        <li class="py-1 group text-md ">
8373                
8374<a class="hover:underline outline-none"
8375    href="https://www.123drogisterij.nl/veelgestelde-vragen"
8376            data-menu="menu-26"
8377    >
8378    Veelgestelde vragen</a>
8379                            </li>
8380                </ul>
8381                                </div>
8382                        </div>
8383                                        </li>
8384                        </ul>
8385    </div>
8386        </div>
8387</div>
8388
8389<div class="flex flex-col py-4 bg-white text-black lg:justify-between lg:items-center lg:py-0">
8390    <div class="container flex items-center flex-col text-center text-md lg:flex-row lg:justify-between">
8391        <div class="flex flex-wrap justify-center gap-4 w-full flex-col xl:flex-row lg:justify-between lg:order-3 lg:items-center lg:gap-8 lg:py-6">
8392            <div class="lg:order-2">
8393                <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_7)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#fff" d="M25.275 28H12.977A1.98 1.98 0 0 1 11 26.023V5.977A1.98 1.98 0 0 1 12.977 4h12.298c11.663 0 13.404 7.501 13.404 11.973C38.68 23.729 33.92 28 25.275 28"></path><path fill="#000" fill-rule="evenodd" d="M12.978 26.8h12.297c4.14 0 7.164-1.023 9.142-2.798 1.958-1.757 3.063-4.403 3.063-8.029 0-2.113-.418-4.794-2.076-6.927C33.789 6.971 30.829 5.2 25.274 5.2H12.979a.78.78 0 0 0-.778.778v20.044a.78.78 0 0 0 .778.778m-.001 1.2h12.298c8.644 0 13.404-4.271 13.404-12.027C38.68 
839311.501 36.939 4 25.275 4H12.977A1.98 1.98 0 0 0 11 5.977v20.046A1.98 1.98 0 0 0 12.977 28" clip-rule="evenodd"></path><path fill="#C06" d="M18.539 7.92v17.479h7.61c6.912 0 9.91-3.906 9.91-9.417 0-5.278-2.998-9.381-9.91-9.381h-6.292a1.32 1.32 0 0 0-1.318 1.318"></path><path fill="#fff" d="M21.154 17.026q.198 0 .386-.064a.85.85 0 0 0 .333-.214 1.1 1.1 0 0 0 .234-.389 1.7 1.7 0 0 0 .088-.585q0-.315-.062-.57a1.1 1.1 0 0 0-.202-.436.9.9 0 0 0-.37-.277 1.5 1.5 0 0 0-.571-.097h-.655v2.632zm.064-3.404q.404 0 .751.13c.227.082.433.213.603.385q.255.257.398.643.143.387.143.907 0 .456-.117.842t-.354.666c-.161.19-.363.341-.59.442q-.355.162-.834.161h-1.802v-4.176zm5.627 0v.772H24.64v.895h2.023v.714H24.64v1.023h2.252v.772h-3.17v-4.176zm3.197 2.562-.527-1.533h-.012l-.543 1.533zm-.053-2.562 1.561 4.176h-.953l-.316-.93H28.72l-.328.93h-.924l1.58-4.176zm3.057 0v3.404h2.035v.772h-2.953v-4.176z"></path><path fill="#000" d="M17.026 15.71a1.926 1.926 0 1 1-3.853 0 1.926 1.926 0 0 1 3.853 0m-.466 9.69a2.92 2.92 0 0 1-2.919-2.919v-2.276a1.46 1.46 0 1 1 2.919 0z"></path></g><defs><clippath id="a_7"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met iDeal</title></svg>
8394
8395<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_8)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M43 10.5v9.523h-2.167V10.5zm-2.965 3.214v6.327H38.11v-.546a2.6 2.6 0 0 1-.83.546q-.465.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.5 3.5 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q-.001-.708.238-1.313.252-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.466.19.83.545v-.545h1.925zm-3.414 4.604q.592.001.97-.407.39-.404.39-1.035c0-.42-.13-.769-.39-1.036a1.27 1.27 0 0 0-.97-.406c-.391 0-.722.134-.983.406q-.377.405-.377 1.036c0 .42.127.769.377 1.035q.391.406.983.407M29.996 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.157.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24h-1.044v3.238h-2.205V10.5zm-.316 4.34c.296 0 .519-.03.681-.09q.254-.103.415-.253.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.239-.101-.681-.102h-.731v2.378zm-11.055-1.126h2.393l1.624 3.034h.027l1.447-3.034h2.216l-4.748 9.538h-2.205l2.167-4.363zm-.427 0v6.327h-1.926v-.546a2.6 2.6 0 0 1-.83.546q-.466.201-1.006.203-.679 0-1.259-.253a3.2 3.2 0 0 1-1.006-.72 3.6 3.6 0 0 1-.682-1.06 3.7 3.7 0 0 1-.238-1.33q0-.708.238-1.313.251-.619.682-1.076a3 3 0 0 1 1.006-.708 3 3 0 0 1 1.26-.267q.539 0 1.006.203.467.19.83.545v-.545h1.925zm-3.414 4.604q.591.001.972-.407.392-.404.392-1.035c0-.42-.13-.769-.392-1.036a1.27 1.27 0 0 0-.972-.406q-.591-.001-.983.406-.378.405-.377 1.036c0 .42.128.769.377 1.035q.392.406.983.407M8.25 10.5q.857 0 1.462.24.604.24 1.02.67.428.444.668 1.013.239.57.238 1.227.001.657-.238 1.227c-.156.377-.383.72-.667 1.013q-.415.43-1.021.67-.604.24-1.462.24H7.205v3.238H5V10.5zm-.313 4.34c.295 0 .519-.03.681-.09a1.3 1.3 0 0 0 .415-.253q.34-.316.34-.847t-.34-.847a1.2 1.2 0 0 0-.415-.24q-.24-.101-.681-.102h-.731v2.378z"></path></g><defs><clippath id="a_8"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met PayPal</title></svg>
8396
8397<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_9)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#000" d="M39.478 18.825c-.884 0-1.572-.724-1.572-1.603 0-.88.688-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.69 1.603-1.573 1.603m-.442 1.694c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143H43v-6.258h-1.897v.142c0 .09 0 .453.233 1.06l-.051.026c-.533-1.112-1.495-1.396-2.249-1.396-1.806 0-3.08 1.422-3.08 3.297s1.274 3.297 3.08 3.297m-6.38-6.594c-.858 0-1.534.297-2.08 1.396l-.052-.026c.234-.607.234-.97.234-1.06v-.142H28.86v6.258h1.95v-3.297c0-.866.507-1.41 1.325-1.41.82 0 1.222.466 1.222 1.397v3.31h1.95v-3.982c0-1.423-1.118-2.444-2.652-2.444M26.04 15.32l-.052-.026c.234-.607.234-.97.234-1.
839706v-.142h-1.897v6.258h1.95l.012-3.013c0-.879.468-1.41 1.235-1.41.208 0 .377.027.572.078v-1.913c-.858-.181-1.625.142-2.054 1.228m-6.199 3.504c-.883 0-1.572-.724-1.572-1.603 0-.88.689-1.603 1.572-1.603s1.573.724 1.573 1.603c0 .88-.689 1.603-1.573 1.603M19.4 20.52c.754 0 1.716-.284 2.249-1.396l.052.025c-.234.608-.234.97-.234 1.06v.143h1.897v-6.258h-1.897v.142c0 .09 0 .453.234 1.06l-.052.026c-.533-1.112-1.495-1.396-2.248-1.396-1.807 0-3.08 1.422-3.08 3.297s1.273 3.297 3.08 3.297m-5.796-.168h1.95V11.3h-1.95zm-1.43-9.051h-1.988c0 1.616-1 3.064-2.52 4.099l-.599.414V11.3H5v9.05h2.066v-4.486l3.418 4.487h2.521l-3.288-4.293c1.495-1.073 2.47-2.74 2.457-4.758"></path></g><defs><clippath id="a_9"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Klarna</title></svg>
8398
8399<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_10)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#FF5F00" d="M28.376 8.139h-8.75v15.725h8.75z"></path><path fill="#EB001B" d="M20.181 16a9.98 9.98 0 0 1 3.82-7.861A9.96 9.96 0 0 0 17.82 6c-5.522 0-10 4.478-10 10s4.478 10 10 10A9.96 9.96 0 0 0 24 23.861 9.98 9.98 0 0 1 20.182 16"></path><path fill="#F79E1B" d="M40.178 16c0 5.522-4.477 10-10 10-2.333 0-4.477-.8-6.18-2.139A9.98 9.98 0 0 0 27.818 16a9.98 9.98 0 0 0-3.82-7.861A9.96 9.96 0 0 1 30.178 6c5.522 0 10 4.478 10 10"></path></g><defs><clippath id="a_10"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Mastercard</title></svg>
8400
8401<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_11)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1434CB" d="M19.108 10.212 14.243 21.82H11.07l-2.393-9.263c-.146-.57-.272-.78-.714-1.02-.722-.391-1.913-.759-2.962-.987l.071-.337h5.109c.651 0 1.237.434 1.385 1.184l1.264 6.715 3.124-7.9zm12.435 7.817c.013-3.063-4.236-3.232-4.206-4.6.009-.417.405-.86 1.273-.973.43-.056 1.616-.099 2.96.52l.527-2.461A8.1 8.1 0 0 0 29.29 10c-2.968 0-5.056 1.578-5.074 3.837-.019 1.67 1.491 2.603 2.629 3.158 1.17.569 1.563.934 1.558 1.443-.008.778-.933 1.122-1.798 1.135-1.509.024-2.385-.408-3.083-.733l-.544 2.543c.702.322 1.997.603 3.339.617 3.154 0 5.218-1.558 5.227-3.97m7.837 3.79h2.777l-2.424-11.607H37.17c-.577 0-1.063.336-1.278.852L31.387 21.82h3.152l.626-1.734h3.852zm-3.35-4.113 1.58-4.358.91 4.358zm-12.632-7.494L20.915 21.82h-3.002l2.483-11.607z"></path></g><defs><clippath id="a_11"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met VISA</title></svg>
8402
8403<svg xmlns="http://www.w3.org/2000/svg" width="48" height="32" fill="none" viewbox="0 0 48 32" class="inline-block" role="img"><g clip-path="url(#a_12)"><path fill="#fff" d="M0 4a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v24a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4z"></path><path fill="#1E3764" d="M7.9 25.92v-4.652h1.436c1.043 0 1.714.392 1.714 1.203 0 .458-.213.777-.512.963.432.2.685.585.685 1.11 0 .937-.685 1.376-1.748 1.376zm.924-2.719h.684c.419 0 .599-.206.599-.584 0-.406-.326-.539-.765-.539h-.518zm0 1.908h.571c.559 0 .884-.14.884-.578 0-.432-.279-.612-.804-.612h-.651zm4.19.89c-.91 0-1.369-.445-1.369-1.043 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.75v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.552.426.16.005.319-.027.465-.093m1.536.67v-3.183a4.1 4.1 0 0 1 1.502-.292c.97 0 1.529.478 1.529 1.362v2.114h-.918v-2.047c0-.459-.212-.672-.618-.672-.201-.002-.4.038-.584.12v2.599zm6.236-3.276-.173.725a2 2 0 0 0-.751-.166c-.538 0-.83.378-.83 1.003 0 .685.305 1.037.876 1.037.255-.007.506-.066.738-.173l.146.738c-.3.134-.627.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.631-1.788 1.688-1.788.345-.002.686.066 1.004.2M23.325 26c-1.023 0-1.66-.712-1.66-1.782 0-1.063.637-1.774 1.66-1.774 1.031 0 1.656.711 1.656 1.774 0 1.07-.625 1.782-1.655 1.782m0-.758c.473 0 .719-.392.719-1.024 0-.624-.246-1.017-.718-1.017-.465 0-.724.393-.724 1.017 0 .632.259 1.024.724 1.024m2.187.678v-3.184a4.1 4.1 0 0 1 1.502-.292c.97 0 1.528.478 1.528 1.362v2.114h-.917v-2.047c0-.459-.213-.672-.618-.672a1.4 1.4 0 0 0-.585.12v2.599zm5.098.08c-.79 0-1.196-.433-1.196-1.31v-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.178 0 .352-.04l.047.738q-.286.063-.579.06m2.315 0c-.91 0-1.369-.446-1.369-1.044 0-.658.539-1.043 1.336-1.05q.297.006.592.053v-.16c0-.405-.233-.598-.678-.598-.3-.003-.598.05-.877.16l-.167-.718c.286-.12.745-.2 1.15-.2.977 0 1.462.52 1.462 1.416v1.848c-.272.14-.784.293-1.449.293m.559-.751v-.712a2.2 2.2 0 0 0-.472-.053c-.306 0-.545.12-.545.432 0 .28.2.426.551.426.16.005.32-.027.466-.093m4.028-2.606-.173.725a2 2 0 0 0-.75-.166c-.539 0-.831.378-.831 1.003 0 .685.305 1.037.877 1.037.255-.007.506-.066.738-.173l.146.738c-.301.134-.628.2-.957.193-1.103 0-1.741-.685-1.741-1.768 0-1.077.63-1.788 1.688-1.788.344-.002.685.066 1.003.2M39.53 26c-.791 0-1.197-.433-1.197-1.31v
8403-1.435h-.452v-.731h.452v-.738l.917-.047v.785h.738v.73h-.738v1.423c0 .385.16.565.459.565q.179 0 .352-.04l.047.738q-.286.063-.578.06"></path><path fill="url(#b_2)" d="M14.297 18.942c4.853 0 7.28-3.236 9.706-6.471H7.9v6.47z"></path><path fill="url(#c_2)" d="M33.71 6c-4.854 0-7.28 3.235-9.707 6.47h16.104V6z"></path></g><defs><lineargradient id="b_2" x1="11.157" x2="22.938" y1="16.005" y2="11.629" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"></stop><stop offset="1" stop-color="#1E3764"></stop></lineargradient><lineargradient id="c_2" x1="24.978" x2="37.487" y1="13.032" y2="8.764" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"></stop><stop offset="1" stop-color="#FFD800"></stop></lineargradient><clippath id="a_12"><path fill="#fff" d="M0 0h48v32H0z"></path></clippath></defs><title>Betaal met Bancontact</title></svg>
8404
8405</div>            </div>
8406
8407            <div class="flex justify-center flex-wrap gap-4 lg:order-3">
8408                                    <a class="hover:underline" href="/algemene-voorwaarden">
8409                        Algemene voorwaarden                    </a>
8410                                        <a class="hover:underline" href="/copyright">
8411                        Copyright                    </a>
8412                                        <a class="hover:underline" href="/privacy">
8413                        Privacybeleid                    </a>
8414                                </div>
8415
8416            <span class="text-center lg:text-left lg:order-1">
8417                Copyright © 2026. Alle rechten voorbehouden. <br/>
8418            </span>
8419        </div>
8420    </div>
8421</div>
8422</div></footer>
8422<script>
8423    window.MagefanJs = window.MagefanJs || {};
8424    window.MagefanJs.ajax = function(options) {
8425        var xmlhttp = new XMLHttpRequest();
8426        xmlhttp.onreadystatechange = function () {
8427            if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200) {
8428                var data = xmlhttp.responseText;
8429                if (options.success) options.success(data);
8430            }
8431        };
8432
8433        xmlhttp.open(options.type, options.url, true);
8434
8435        var requestHeader = Object.assign({}, {
8436            'X-Requested-With': 'XMLHttpRequest',
8437            'Content-type': 'application/x-www-form-urlencoded'
8438        }, options.requestHeader ? options.requestHeader : {});
8439
8440        for (var header in requestHeader) {
8441            xmlhttp.setRequestHeader(header, requestHeader[header]);
8442        }
8443        xmlhttp.send(options.data);
8444    };
8445</script>
8445<div id="mf-coupon-code-link-popup" >
8446    <div class="mf-coupon-code-link-popup-wrap">
8447        <header class="modal-header">
8448            <button class="action-close" id="close-popup" data-role="closeBtn" type="button">
8449                <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
8450                    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/>
8451                </svg>
8452            </button>
8453        </header>
8454        <div class="modal-content">
8455            <div class="popup_image">
8456            </div>
8457            <div class="message"></div>
8458        </div>
8459    </div>
8460</div>
8461<div class="custom-modals-overlay" style="z-index: 901;"></div>
8462<style>
8463    #mf-coupon-code-link-popup {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 902;min-width: 0;visibility: hidden;opacity: 0;-webkit-transition: visibility 0s .3s,opacity .3s ease;transition: visibility 0s .3s,opacity .3s ease;pointer-events: none;overflow-y: auto;display: none;}
8464    .mf-coupon-code-link-popup-wrap {min-width: 350px; margin: 5rem auto;width: 75%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;box-sizing: border-box;height: auto;left: 0;position: absolute;right: 0;-webkit-transform: translateY(-200%);transform: translateY(-200%);-webkit-transition: -webkit-transform .2s ease;transition: transform .2s ease;background: 0 0;box-shadow: none;opacity: 1;pointer-events: auto;background: #fff;}
8465    #mf-coupon-code-link-popup._show {visibility: visible;opacity: 1;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;display: block;}
8466    #mf-coupon-code-link-popup._show .mf-coupon-code-link-popup-wrap {-webkit-transform: translateY(0);transform: translateY(0); max-width: 400px;}
8467    #mf-coupon-code-link-popup .modal-header {padding: 1.2rem 0 1.2rem;}
8468    #mf-coupon-code-link-popup .modal-header .modal-title {color: #fff;font-weight: 600;padding: 0 3rem;}
8469    #mf-coupon-code-link-popup .modal-header .action-close {display: block;position: absolute;top: 10px;right: 10px;padding: 15px;background: none;background: 0 0;-moz-box-sizing: content-box;border: 0;box-shadow: none;margin: 0;text-decoration: none;}
8470    #mf-coupon-code-link-popup .modal-content {padding: 0;margin: 0;border: none;}
8471    #mf-coupon-code-link-popup .modal-content .message{margin: 20px;}
8472    body._show-modal {height: 100%;overflow: hidden;width: 100%;}
8473    body .custom-modals-overlay {opacity: 0;background: none;position: static;}
8474    body._show-modal .custom-modals-overlay {background-color: rgba(51,51,51,.55);bottom: 0;left: 0;position: fixed;right: 0;top: 0;opacity: 1;}
8475</style>
8476<script>
8477    function MagefanAjaxCouponCodeLink(urlStr) {
8478        document.body.dispatchEvent(new CustomEvent('processStart'));
8479        var modalElement = document.getElementById('mf-coupon-code-link-popup');
8480        if (modalElement) {
8481
8482            MagefanJs.ajax({
8483                'url': urlStr,
8484                'type': 'POST',
8485                'dataType': 'json',
8486                success:  function(response) {
8487                    response = JSON.parse(response);
8488
8489                    var popupImageContainer = document.querySelector('#mf-coupon-code-link-popup .popup_image');
8490                    if (popupImageContainer && response.img) {
8491                        popupImageContainer.innerHTML = '<img src="' + response.img + '" alt="coupon code applied">';
8492                    };
8493
8494                    var messageContainer = document.querySelector('#mf-coupon-code-link-popup .message');
8495                    if (messageContainer && response.message) {
8496                        messageContainer.textContent = response.message;
8497                    };
8498
8499                    var modalElement = document.querySelector('#mf-coupon-code-link-popup');
8500
8501                    document.querySelector('.custom-modals-overlay').addEventListener('click', function(event) {
8502                        // popup = document.querySelector('.custom-modal-popup');
8503                        closePopup(modalElement);
8504                    });
8505
8506                    document.getElementById('close-popup').addEventListener('click', function(event) {
8507                        popup = event.target.closest('#mf-coupon-code-link-popup');
8508                        closePopup(popup);
8509                    });
8510
8511                    function closePopup(modalElement){
8512                        document.body.classList.remove('_show-modal');
8513                        modalElement.classList.remove('_show');
8514
8515                        if (window.location.href == response.redirectUrl) {
8516                            return false;
8517                        };
8518
8519                        if (response.status && response.redirectUrl && response.redirectUrl.length) {
8520                            window.location.href = response.redirectUrl;
8521                        };
8522                    };
8523
8524                    document.body.classList.add('_show-modal');
8525                    modalElement.classList.add('_show');
8526
8527                    document.body.dispatchEvent(new CustomEvent('processStop'));
8528                }
8529            });
8530
8531        } else {
8532            console.error('Magento require is not available.');
8533        };
8534    };
8535
8536    window.addEventListener('DOMContentLoaded', function () {
8537        document.querySelectorAll('a[href*="/mfapplycc/apply/"]').forEach(function (link) {
8538            link.addEventListener('click', function (event) {
8539                event.preventDefault();
8540                event.stopPropagation();
8541                MagefanAjaxCouponCodeLink(this.getAttribute('href'));
8542            });
8543        });
8544    });
8545</script>
8545<script>try {
8546smileTracker.addPageVar('type.identifier', 'cms_index_index');
8547smileTracker.addPageVar('type.label', 'CMS homepagina');
8548smileTracker.addPageVar('locale', 'nl_NL');
8549} catch (err) { ; }</script>
vendor: 1 bytes, line 8549
8549
8550<script>
8551    let SnapSlider = class {
8552        constructor(el, {
8553            labelSepparator = 'van',
8554            autoPager,
8555            groupPager
8556        } = {}) {
8557            this.el = el;
8558            this.track = this.el.querySelector("[data-track]");
8559            if (!this.track) {
8560                console.warn(
8561                    "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track",
8562                    this.el
8563                );
8564                return;
8565            }
8566            this.initialLoad = true;
8567            this.slides = [];
8568            this.inViewObserver;
8569            this.mutationObserver;
8570            this.resizeObserver;
8571            this.pager = this.el.querySelector("[data-pager]");
8572            this.navBtns = Array.from(
8573                this.el.querySelectorAll("[data-next], [data-prev]")
8574            );
8575            this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator;
8576            this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false;
8577            this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false;
8578            this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
8579            this.sliderId = this.el.id || this.sliderLabel || "slider";
8580            this.markerIdName = "data-target-id";
8581            this.pagerClasses = this.el.dataset.pagerClass || "snap-pager";
8582            this.markerClasses = this.el.dataset.markerClass || "snap-marker";
8583            this.init();
8584        }
8585        init() {
8586            this.setupSlides();
8587            this.setupNav();
8588            if (this.useAutoPager) {
8589                this.createPager();
8590            } else {
8591                this.setupPager();
8592            }
8593            this.setupObservers();
8594            this.setupMutationObserver();
8595            this.setupResizeObserver();
8596            this.el.addEventListener("click", this.eventHandler.bind(this));
8597            this.el.addEventListener("keydown", this.eventHandler.bind(this));
8598        }
8599        destroy() {
8600            this.inViewObserver?.disconnect();
8601            this.mutationObserver?.disconnect();
8602            this.resizeObserver?.disconnect();
8603            this.el.removeEventListener("click", this.eventHandler.bind(this));
8604            this.el.removeEventListener("keydown", this.eventHandler.bind(this));
8605        }
8606        roundUpIfGreaterThan(number, min = 8) {
8607            const decimalPart = number - Math.floor(number);
8608            return decimalPart >= min ? Math.ceil(number) : Math.floor(number);
8609        }
8610        getInViewItems() {
8611            const inViewSlides = this.track.querySelectorAll("[data-in-view]");
8612            const firstInViewSlide = inViewSlides[0] || null;
8613            const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null;
8614            const isAtStart = firstInViewSlide === this.slides[0];
8615            const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1];
8616            return {
8617                inViewSlides,
8618                totalInViewSlides: inViewSlides.length,
8619                firstInViewSlide,
8620                lastInViewSlide,
8621                isAtStart,
8622                isAtEnd,
8623                hasNoOverflow: isAtStart && isAtEnd
8624            };
8625        }
8626        groupPagerMarkers() {
8627            if (!this.pager || !this.useGroupPager) return;
8628            const totalVisibleSlides = this.roundUpIfGreaterThan(
8629                this.track.offsetWidth / this.slides[0].offsetWidth
8630            );
8631            const markers = Array.from(this.pager.querySelectorAll("a, button"));
8632            markers.forEach((marker, index) => {
8633                marker.style.display = index % totalVisibleSlides === 0 ? null : "none";
8634            });
8635        }
8636        handleInView(entries) {
8637            entries.forEach((entry) => {
8638                const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector(
8639                    `[${this.markerIdName}="${entry.target.id}"]`
8640                ));
8641                entry.target.toggleAttribute("data-in-view", entry.isIntersecting);
8642                entry.target.toggleAttribute("inert", !entry.isIntersecting);
8643                marker?.setAttribute("aria-current", entry.isIntersecting);
8644                marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1");
8645            });
8646            const {
8647                isAtStart,
8648                isAtEnd,
8649                hasNoOverflow
8650            } = this.getInViewItems();
8651            this.navBtns.forEach((btn) => {
8652                if (btn.hasAttribute("data-next")) {
8653                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
8654                    isAtEnd ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
8655                }
8656                if (btn.hasAttribute("data-prev")) {
8657                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
8658                    isAtStart ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
8659                }
8660            });
8661            if (this.pager) {
8662                this.pager.style.visibility = hasNoOverflow ? "hidden" : null;
8663            }
8664            if (!this.initialLoad) {
8665                this.el.dispatchEvent(
8666                    new CustomEvent("slideChange", {
8667                        detail: this.getInViewItems()
8668                    })
8669                );
8670            } else {
8671                this.initialLoad = false;
8672            }
8673            if (document.activeElement.parentElement.hasAttribute("data-pager")) {
8674                const activeItems = this.pager.querySelectorAll('[tabindex="0"]');
8675                if (activeItems.length) {
8676                    activeItems[0].focus();
8677                }
8678            }
8679        }
8680        getSlides() {
8681            if (!this.track) return [];
8682            return Array.from(this.track.children).filter(
8683                (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "script"
8684            );
8685        }
8686        refreshSlides() {
8687            this.initialLoad = true;
8688            this.slides = this.getSlides();
8689            this.setupSlides();
8690            if (this.useAutoPager) {
8691                this.createPager();
8692            } else {
8693                this.setupPager();
8694            }
8695            this.groupPagerMarkers();
8696            this.setupObservers();
8697        }
8698        setupSlides() {
8699            this.slides = this.getSlides();
8700            this.slides.forEach((slide, index) => {
8701                const totalSlides = this.slides.length;
8702                const currentSlide = index + 1;
8703                const existingLabel = slide.getAttribute("aria-label") || "";
8704                const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture";
8705                const slideLabelTag = isImage ? "alt" : "aria-label";
8706                const hasAutoLabel = existingLabel.startsWith(
8707                    `${currentSlide} ${this.slideLabelSepparator} `
8708                );
8709                if (!slide.hasAttribute("id")) {
8710                    slide.setAttribute(
8711                        "id",
8712                        `${this.sliderId}-item-${currentSlide}`
8713                    );
8714                }
8715                if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) {
8716                    slide.setAttribute(
8717                        slideLabelTag,
8718                        `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}`
8719                    );
8720                }
8721                if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) {
8722                    slide.setAttribute("role", "group");
8723                }
8724                if (this.pager && !isImage) {
8725                    slide.setAttribute("role", "tabpanel");
8726                }
8727                if (slide.getAttribute("role") === "group") {
8728                    slide.setAttribute("aria-roledescription", "item");
8729                }
8730            });
8731            if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") {
8732                this.el.setAttribute("role", "region");
8733            }
8734            if (!this.el.hasAttribute("aria-roledescription")) {
8735                this.el.setAttribute("aria-roledescription", "carousel");
8736            }
8737            this.track.setAttribute("tabindex", 0);
8738            this.track.setAttribute("aria-live", "polite");
8739        }
8740        setupNav() {
8741            this.navBtns.forEach((btn) => {
8742                btn.setAttribute("disabled", "");
8743                btn.removeAttribute("hidden");
8744                btn.classList.remove("invisible");
8745                btn.style.visibility = null;
8746            });
8747        }
8748        createPager() {
8749            const newPager = document.createElement("nav");
8750            newPager.setAttribute("data-pager", "");
8751            newPager.setAttribute("role", "tablist");
8752            newPager.classList.add(...this.pagerClasses.split(" "));
8753            this.slides.forEach((slide, index) => {
8754                const marker = document.createElement("button");
8755                const slideId = slide.id || `${this.sliderId}-item-${index + 1}`;
8756                marker.setAttribute(this.markerIdName, slideId);
8757                marker.classList.add(...this.markerClasses.split(" "));
8758                this.setupPagerMarker(marker, index);
8759                newPager.appendChild(marker);
8760                if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") {
8761                    slide.removeAttribute("aria-roledescription");
8762                    slide.setAttribute("role", "tabpanel");
8763                }
8764            });
8765            if (this.pager) {
8766                this.pager.setAttribute("role", "tablist");
8767                this.pager.replaceChildren(...newPager.children);
8768            } else {
8769                this.track.after(newPager);
8770                this.pager = this.el.querySelector("[data-pager]");
8771            }
8772        }
8773        setupPager() {
8774            if (!this.pager) return;
8775            this.pager.setAttribute("role", "tablist");
8776            const items = Array.from(this.pager.querySelectorAll("a, button"));
8777            items.forEach((marker, index) => this.setupPagerMarker(marker, index));
8778        }
8779        setupPagerMarker(marker, index) {
8780            const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
8781            const slideId = markerId || `${this.sliderId}-item-${index + 1}`;
8782            if (!markerId) {
8783                marker.setAttribute(this.markerIdName, slideId);
8784            }
8785            marker.setAttribute("role", "tab");
8786            marker.setAttribute("aria-controls", slideId);
8787            marker.setAttribute("aria-posinset", index + 1);
8788            marker.setAttribute("aria-setsize", this.slides.length);
8789            marker.setAttribute("tabindex", "-1");
8790            if (!marker.hasAttribute("aria-label")) {
8791                marker.setAttribute("aria-label", `Slide ${index + 1}`);
8792            }
8793        }
8794        setupObservers() {
8795            if (this.inViewObserver) {
8796                this.inViewObserver.disconnect();
8797            }
8798            this.inViewObserver = new IntersectionObserver(
8799                this.handleInView.bind(this), {
8800                    root: this.track,
8801                    threshold: 0.8
8802                }
8803            );
8804            this.slides.forEach((slide) => this.inViewObserver.observe(slide));
8805        }
8806        setupMutationObserver() {
8807            this.mutationObserver = new MutationObserver(
8808                this.refreshSlides.bind(this)
8809            );
8810            this.mutationObserver.observe(this.track, {
8811                childList: true,
8812                subtree: false
8813            });
8814        }
8815        setupResizeObserver() {
8816            this.resizeObserver = new ResizeObserver(
8817                this.groupPagerMarkers.bind(this)
8818            );
8819            this.resizeObserver.observe(this.el);
8820        }
8821        goToSlideDir(dir = "next") {
8822            const {
8823                firstInViewSlide,
8824                lastInViewSlide
8825            } = this.getInViewItems();
8826            const isPrev = dir === "prev";
8827            let targetSlide = isPrev ? firstInViewSlide?.previousElementSibling : lastInViewSlide?.nextElementSibling;
8828            if (!targetSlide) return;
8829            if (targetSlide.tagName.toLowerCase() === "template") {
8830                targetSlide = isPrev ? targetSlide?.previousElementSibling : targetSlide?.nextElementSibling;
8831            }
8832            targetSlide.scrollIntoView({ block: "nearest", inline: isPrev ? "end" : "start" });
8833        }
8834        pagerToSlide(event) {
8835            if (!event.target.closest("[data-pager]")) return;
8836            const marker = event.target.closest("a, button");
8837            if (!marker) return;
8838            event.preventDefault();
8839            const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
8840            const targetSlide = this.track.querySelector(`#${slideId}`);
8841            targetSlide?.scrollIntoView({ block: "nearest", inline: "start" });
8842        }
8843        eventHandler(event) {
8844            const target = event.target.closest(
8845                "[data-next], [data-prev], [data-pager]"
8846            );
8847            if (!target) return;
8848            if (event.type === "click") {
8849                if (target.hasAttribute("data-next")) {
8850                    this.goToSlideDir("next");
8851                } else if (target.hasAttribute("data-prev")) {
8852                    this.goToSlideDir("prev");
8853                } else if (target.closest("[data-pager]")) {
8854                    this.pagerToSlide(event);
8855                }
8856            }
8857            if (event.type === "keydown" && target.closest("[data-pager]")) {
8858                if (event.key === "ArrowRight") {
8859                    this.goToSlideDir("next");
8860                } else if (event.key === "ArrowLeft") {
8861                    this.goToSlideDir("prev");
8862                }
8863            }
8864        }
8865    };
8866
8867    (() => {
8868        function alpineSnapSlider(Alpine) {
8869            Alpine.directive("snap-slider", (el, {
8870                modifiers
8871            }, {
8872                cleanup
8873            }) => {
8874                const autoPager = modifiers.includes("auto-pager");
8875                const groupPager = modifiers.includes("group-pager");
8876                const slider = new SnapSlider(el, {
8877                    autoPager,
8878                    groupPager
8879                });
8880                cleanup(() => {
8881                    slider.destroy();
8882                });
8883            });
8884        }
8885
8886        document.addEventListener("alpine:init", () => {
8887            window.Alpine.plugin(alpineSnapSlider);
8888        });
8889    })();
8890</script>
vendor: 1 bytes, line 8890
8890
8891<script>
8892    (() => {
8893        // src/dialog.js
8894        function dialog_default(Alpine) {
8895            Alpine.directive("htmldialog", fylgjaAlpineDialog);
8896            function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) {
8897            const evaluate = expression.length ? evaluateLater(expression) : () => {};
8898            const canEvaluate = expression.length > 0;
8899            const lockPageScroll = modifiers.includes("noscroll");
8900            const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
8901            el.style.display = null;
8902            el.style.length === 0 && el.removeAttribute("style");
8903            if (el._x_isShown) {
8904                open();
8905            }
8906            const closeBySupported = (() => {
8907                return "closedBy" in HTMLDialogElement.prototype;
8908            })();
8909            function scrollLock(use = true) {
8910                document.body.style.overflow = use ? "hidden" : "";
8911            }
8912            function dialogSubmit(event) {
8913                if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
8914                event.preventDefault();
8915                evaluate();
8916                }
8917            }
8918            function escapeDialog(event) {
8919                if (event.key !== "Escape") return;
8920                event.preventDefault();
8921                if (closeBy === "none") return;
8922                evaluate();
8923            }
8924            function handleCloseByEvent(event) {
8925                if (event.target !== el) return;
8926                const rect = el.getBoundingClientRect();
8927                const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
8928                if (!isInDialog) {
8929                if (closeBy === "any") {
8930                    if (closeBySupported) {
8931                    event.preventDefault();
8932                    }
8933                    evaluate();
8934                }
8935                }
8936            }
8937            function handleCloseEvent() {
8938                evaluate();
8939            }
8940            function open() {
8941                if (el.hasAttribute("open")) return;
8942                el.showModal();
8943                scrollLock(lockPageScroll);
8944            }
8945            function close() {
8946                if (!el.hasAttribute("open")) return;
8947                el.close();
8948                scrollLock(false);
8949            }
8950            el._x_doShow = () => open();
8951            el._x_doHide = () => close();
8952            el.addEventListener("keydown", escapeDialog);
8953            el.addEventListener("submit", dialogSubmit);
8954            el.addEventListener("click", handleCloseByEvent);
8955            el.addEventListener("cancel", handleCloseEvent);
8956            cleanup(() => {
8957                el.removeEventListener("keydown", escapeDialog);
8958                el.removeEventListener("submit", dialogSubmit);
8959                el.removeEventListener("click", handleCloseByEvent);
8960                el.removeEventListener("cancel", handleCloseEvent);
8961                scrollLock(false);
8962            });
8963            }
8964        }
8965        function modifierValue(modifiers, key, fallback) {
8966            if (modifiers.indexOf(key) === -1) return fallback;
8967            const rawValue = modifiers[modifiers.indexOf(key) + 1];
8968            if (!rawValue) return fallback;
8969            if (key === "closeby") {
8970            const allowedValues = ["auto", "none", "closerequest", "any"];
8971            const options = allowedValues.join(", ");
8972            if (!allowedValues.includes(rawValue)) {
8973                console.warn(
8974                `"${rawValue}" is not one of the allowed values for closeby: ${options}`
8975                );
8976                return fallback;
8977            }
8978            }
8979            return rawValue;
8980        }
8981
8982        // src/cdn.js
8983        document.addEventListener("alpine:init", () => {
8984            window.Alpine.plugin(dialog_default);
8985        });
8986    })();
8987</script>
vendor: 1 bytes, line 8987
8987
8988<script>
8989    (() => {
8990        function src_default(Alpine) {
8991            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
8992                let evaluate = evaluateLater(expression);
8993                let options = {
8994                    rootMargin: getRootMargin(modifiers),
8995                    threshold: getThreshold(modifiers)
8996                };
8997                let observer = new IntersectionObserver((entries) => {
8998                    entries.forEach((entry) => {
8999                        if (entry.isIntersecting === (value === "leave"))
9000                            return;
9001                        evaluate();
9002                        modifiers.includes("once") && observer.disconnect();
9003                    });
9004                }, options);
9005                observer.observe(el);
9006                cleanup(() => {
9007                    observer.disconnect();
9008                });
9009            }));
9010        }
9011        function getThreshold(modifiers) {
9012            if (modifiers.includes("full"))
9013                return 0.99;
9014            if (modifiers.includes("half"))
9015                return 0.5;
9016            if (!modifiers.includes("threshold"))
9017                return 0;
9018            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
9019            if (threshold === "100")
9020                return 1;
9021            if (threshold === "0")
9022                return 0;
9023            return Number(`.${threshold}`);
9024        }
9025        function getLengthValue(rawValue) {
9026            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
9027            return match ? match[1] + (match[2] || "px") : void 0;
9028        }
9029        function getRootMargin(modifiers) {
9030            const key = "margin";
9031            const fallback = "0px 0px 0px 0px";
9032            const index = modifiers.indexOf(key);
9033            if (index === -1)
9034                return fallback;
9035            let values = [];
9036            for (let i = 1; i < 5; i++) {
9037                values.push(getLengthValue(modifiers[index + i] || ""));
9038            }
9039            values = values.filter((v) => v !== void 0);
9040            return values.length ? values.join(" ").trim() : fallback;
9041        }
9042
9043        document.addEventListener("alpine:init", () => {
9044            window.Alpine.plugin(src_default);
9045        });
9046    })();
9047</script>
vendor: 1 bytes, line 9047
9047
9048<script>
9049    for (const [selector, deferUntil] of Object.entries({".product-slider section[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":"idle"})) {
9050        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
9051    }
9052</script>
vendor: 1 bytes, line 9052
9052
9053<script>
9054    (function () {
9055        "use strict";
9056
9057        const hasAlpine = new Promise(resolve => {
9058            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
9059        });
9060
9061        const hasInteract = new Promise(resolve => {
9062            (events => {
9063                const onInteract = () => {
9064                    resolve();
9065                    events.forEach(type => window.removeEventListener(type, onInteract));
9066                }
9067                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
9068            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
9069        });
9070
9071        const onIntersect = (el) => {
9072            return new Promise(resolve => {
9073                const observer = new IntersectionObserver(entries => {
9074                    for (const entry of entries) {
9075                        if (entry.isIntersecting) {
9076                            observer.disconnect()
9077                            resolve();
9078                        }
9079                    }
9080                }, {});
9081                observer.observe(el);
9082            });
9083        }
9084
9085        function runComponent(el) {
9086            hasAlpine.then(() => {
9087                el.removeAttribute('x-ignore');
9088                queueMicrotask(() => Alpine.initTree(el));
9089            });
9090        }
9091
9092        function initDeferredComponents() {
9093            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
9094                el.setAttribute('x-ignore', '');
9095                const deferUntil = (el.getAttribute('x-defer') || '').trim();
9096                switch (deferUntil) {
9097                    case 'interact':
9098                        hasInteract.then(() => runComponent(el));
9099                        break;
9100                    case 'intersect':
9101                        onIntersect(el).then(() => runComponent(el))
9102                        break;
9103                    case 'idle':
9104                        window.requestIdleCallback
9105                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
9106                            : setTimeout(() => runComponent(el), 4000);
9107                        break;
9108                    case 'eager':
9109                        runComponent(el);
9110                        break;
9111                    default:
9112                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
9113                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
9114                        }
9115                }
9116            });
9117        }
9118
9119        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
9120    })()
9121</script>
vendor: 1 bytes, line 9121
9121
vendor: 1,455 bytes, lines 9122-9124
9122<script>
9123(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();
9124</script>
9124
9125
9126<script type="module"
9127        src="https://www.123drogisterij.nl/static/version1790863840/frontend/Careland/123d/nl_NL/Hyva_Theme/js/alpine3.min.js"
9128        defer
9129        crossorigin
9130></script>
vendor: 1 bytes, line 9130
9130
9131<script>
9132    function dispatchMessages(messages, hideAfter) {
9133        const messagesEvent = new CustomEvent("messages-loaded", {
9134            detail: {
9135                messages: messages,
9136                hideAfter: hideAfter
9137            }
9138        });
9139        window.dispatchEvent(messagesEvent);
9140    }
9141
9142    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
9143        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
9144    }
9145
9146    (function( hyva, undefined ) {
9147
9148        hyva.initFormKey = () => {
9149            const inputSelector = 'input[name="form_key"]',
9150                formKey = hyva.getFormKey();
9151
9152            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
9153                input.value = formKey
9154            });
9155        }
9156
9157        hyva.initMessages = () => {
9158            try {
9159                const messages = hyva.getCookie('mage-messages');
9160                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
9161
9162                dispatchMessages(window.mageMessages);
9163
9164                                // empty `mage-messages` cookie
9165                const skipSetDomain = true;
9166                hyva.setCookie('mage-messages','', -1, skipSetDomain);
9167
9168            } catch (error) {
9169                console.warn('Error parsing Cookie Messages:', error);
9170            }
9171        }
9172
9173        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
9174        hyva.alpineInitialized(hyva.initMessages)
9175
9176    }( window.hyva = window.hyva || {} ));
9177</script>
vendor: 1 bytes, line 9177
9177
9178<script>
9179    {
9180        const private_content_key = 'mage-cache-storage';
9181        const private_content_expire_key = 'mage-cache-timeout';
9182        const private_content_version_key = 'private_content_version';
9183        const section_data_ids_key = 'section_data_ids';
9184        const mage_cache_session_id_key = 'mage-cache-sessid';
9185        const last_visited_store_key = 'last_visited_store';
9186
9187        const ttl = 3600;
9188
9189        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
9190            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
9191        }
9192
9193        function loadSectionData () {
9194            const browserStorage = hyva.getBrowserStorage();
9195            if (!browserStorage) {
9196                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
9197                    [{
9198                        type: "warning",
9199                        text: "Activeer LocalStorage in je browser."
9200                    }]
9201                );
9202                return;
9203            }
9204            try {
9205                let isInvalid = false;
9206
9207                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
9208                    isInvalid = true;
9209                }
9210                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
9211
9212                if (!hyva.getCookie(mage_cache_session_id_key)) {
9213                    isInvalid = true;
9214                    browserStorage.removeItem(private_content_key);
9215                    const skipSetDomain = true;
9216                    const days = false;
9217                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
9218                }
9219
9220                const cookieVersion = hyva.getCookie(private_content_version_key);
9221                const storageVersion = browserStorage.getItem(private_content_version_key);
9222
9223                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
9224                    isInvalid = true;
9225                }
9226
9227                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
9228                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
9229                    browserStorage.removeItem(private_content_key);
9230                }
9231
9232                if (isInvalid && cookieVersion) {
9233                    fetchPrivateContent([]);
9234                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
9235                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
9236                    if (
9237                        privateContent &&
9238                        privateContentExpires &&
9239                        privateContent.cart &&
9240                        privateContent.customer
9241                    ) {
9242                        dispatchPrivateContent(privateContent);
9243                    } else {
9244                        fetchPrivateContent([]);
9245                    }
9246                } else {
9247                    if (document.getElementById('default-section-data')) {
9248                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
9249                        dispatchPrivateContent(privateContent);
9250                    } else {
9251                        dispatchPrivateContent({});
9252                    }
9253                }
9254
9255            } catch (error) {
9256                console.warn('Error retrieving Private Content:', error);
9257            }
9258        }
9259
9260        hyva.alpineInitialized(loadSectionData)
9261        window.addEventListener('reload-customer-section-data', loadSectionData);
9262
9263        window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
9264
9265        function dispatchPrivateContent(data) {
9266
9267            const privateContentEvent = new CustomEvent("private-content-loaded", {
9268                detail: {
9269                    data: window.processSectionDataBeforeDispatch(data)
9270                }
9271            });
9272            window.dispatchEvent(privateContentEvent);
9273        }
9274
9275        function fetchPrivateContent(sections) {
9276            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
9277                method: 'GET',
9278                headers: {
9279                    'Content-Type': 'application/json',
9280                    'X-Requested-With': 'XMLHttpRequest'
9281                }
9282            })
9283                .then(response => response.ok && response.json())
9284                .then(
9285                    data => {
9286                        if (data) {
9287                            try {
9288                                const browserStorage = hyva.getBrowserStorage();
9289
9290                                // merge new data preserving non-invalidated sections
9291                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
9292
9293                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
9294                                    delete oldSectionData['checkout-data'];
9295                                }
9296                                const newSectionData = Object.assign(oldSectionData, data);
9297
9298                                dispatchPrivateContent(newSectionData);
9299
9300                                // don't persist messages, they've been dispatched already
9301                                if (newSectionData.messages && newSectionData.messages.messages ) {
9302                                    newSectionData.messages.messages = [];
9303                                }
9304
9305                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
9306
9307                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
9308                                browserStorage.setItem(private_content_expire_key, expiresAt);
9309
9310                                const newCookieVersion = hyva.getCookie(private_content_version_key);
9311                                browserStorage.setItem(private_content_version_key, newCookieVersion);
9312
9313                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
9314                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
9315                                hyva.setCookie(
9316                                    section_data_ids_key,
9317                                    JSON.stringify(
9318                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
9319                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
9320                                            return sectionDataIds;
9321                                        }, {})
9322                                    ),
9323                                    false,
9324                                    true
9325                                );
9326                            } catch (error) {
9327                                console.warn("Couldn't store privateContent", error);
9328                            }
9329                        }
9330                    }
9331                );
9332        }
9333    }
9334</script>
vendor: 1 bytes, line 9334
9334
9335<script>
9336    (() => {
9337        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
9338    })()
9339</script>
vendor: 1 bytes, line 9339
9339
9340<script>
9341    (events => {
9342        const dispatchUserInteractionEvent = () => {
9343            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
9344            window.dispatchEvent(new Event('init-external-scripts'))
9345        };
9346        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
9347    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])
9348</script>
vendor: 1 bytes, line 9348
9348
9349<script>
9350    'use strict';
9351
9352    (() => {
9353        const initCarousels = (elements) => {
9354            if (!Glider) {
9355                return;
9356            }
9357
9358            const initProductCarousel = (carousel) => {
9359                const gliderElement = carousel.querySelector('[data-role="glider-content"]');
9360
9361                if (!gliderElement) {
9362                    return;
9363                }
9364
9365                const gliderDots = carousel.querySelector('.glider-dots');
9366                const gliderPrev = carousel.querySelector('.glider-prev');
9367                const gliderNext = carousel.querySelector('.glider-next');
9368
9369                const glider = new Glider(gliderElement, {
9370                    slidesToShow: 1,
9371                    slidesToScroll: 1,
9372                    scrollLock: true,
9373                    draggable: true,
9374                    dragVelocity: 2.5,
9375                    dots: gliderDots,
9376                    arrows: {
9377                        prev: gliderPrev,
9378                        next: gliderNext,
9379                    },
9380                    responsive: [
9381                        {
9382                            breakpoint: 640,
9383                            settings: {
9384                                slidesToShow: 2,
9385                                slidesToScroll: 2,
9386                            }
9387                        },
9388                        {
9389                            breakpoint: 1024,
9390                            settings: {
9391                                slidesToShow: 3,
9392                                slidesToScroll: 3,
9393                            }
9394                        },
9395                        {
9396                            breakpoint: 1280,
9397                            settings: {
9398                                slidesToShow: 4,
9399                                slidesToScroll: 4,
9400                            }
9401                        },
9402                    ],
9403                });
9404
9405                carousel.classList.remove('overflow-x-scroll');
9406                gliderPrev.classList.remove('hidden');
9407                gliderNext.classList.remove('hidden');
9408
9409                if (carousel.dataset.autoplay !== 'false') {
9410                    gliderAutoplay(
9411                        glider,
9412                        carousel.dataset.autoplaySpeed,
9413                        carousel.dataset.infiniteLoop
9414                    );
9415                }
9416                window.addEventListener('page-builder-tab-activate', event => {
9417                    const tab = event.detail.tab;
9418                    if (tab && tab.contains(gliderElement)) {
9419                        event.detail.nextTick.then(() => {
9420                            requestAnimationFrame(() => glider.refresh(true))
9421                        });
9422                    }
9423                });
9424            };
9425
9426            const initSliderCarousel = (slider) => {
9427                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
9428                slider.classList.add('glider-contain');
9429
9430                slider.insertAdjacentHTML(
9431                    'beforeend',
9432                    '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9432003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9432003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
9433                );
9434
9435                const gliderElement = slider.querySelector('[data-role="glider-content"]');
9436                const gliderDots = slider.querySelector('.glider-dots');
9437                const gliderPrev = slider.querySelector('.glider-prev');
9438                const gliderNext = slider.querySelector('.glider-next');
9439
9440                const glider = new Glider(gliderElement, {
9441                    slidesToShow: 1,
9442                    slidesToScroll: 1,
9443                    scrollLock: true,
9444                    scrollLockDelay: 250,
9445                    draggable: true,
9446                    dragVelocity: 2.5,
9447                    dots: gliderDots,
9448                    arrows: {
9449                        prev: gliderPrev,
9450                        next: gliderNext,
9451                    },
9452                });
9453
9454                slider.classList.add('glider-initialized');
9455                if (slider.dataset.showArrows === 'true') {
9456                    gliderPrev.classList.remove('hidden');
9457                    gliderNext.classList.remove('hidden');
9458                }
9459
9460                if (slider.dataset.autoplay !== 'false') {
9461                    gliderAutoplay(
9462                        glider,
9463                        slider.dataset.autoplaySpeed,
9464                        slider.dataset.infiniteLoop
9465                    );
9466                }
9467            };
9468
9469            const gliderAutoplay = (glider, milliseconds, loop) => {
9470                const pagesCount = glider.track.childElementCount;
9471                let slideTimeout = null;
9472                let nextIndex = 1;
9473                let paused = false;
9474
9475                const slide = () => {
9476                    slideTimeout = setTimeout(
9477                        () => {
9478                            if (loop && nextIndex >= pagesCount) {
9479                                nextIndex = 0;
9480                            }
9481                            glider.scrollItem(nextIndex);
9482                        },
9483                        parseInt(milliseconds)
9484                    );
9485                };
9486
9487                glider.ele.addEventListener('glider-animated', () => {
9488                    nextIndex = glider.slide + glider.opt.slidesToScroll;
9489                    window.clearInterval(slideTimeout);
9490                    if (!paused && (loop || nextIndex < pagesCount)) {
9491                        slide();
9492                    }
9493                });
9494
9495                const pause = () => {
9496                    if (!paused) {
9497                        clearInterval(slideTimeout);
9498                        paused = true;
9499                    }
9500                };
9501
9502                const unpause = () => {
9503                    if (paused) {
9504                        slide();
9505                        paused = false;
9506                    }
9507                };
9508
9509                glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true});
9510                glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true});
9511                glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true});
9512                glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true});
9513
9514                slide();
9515            };
9516
9517            elements.forEach(element => {
9518                if (element.dataset.contentType === 'products') {
9519                    initProductCarousel(element);
9520                }
9521                if (element.dataset.contentType === 'slider') {
9522                    initSliderCarousel(element);
9523                }
9524            });
9525        };
9526
9527        window.addEventListener('DOMContentLoaded', () => {
9528            const carouselElements = document.querySelectorAll(
9529                `[data-content-type="products"][data-appearance="carousel"],
9530                [data-content-type="slider"]`
9531            );
9532
9533            if (carouselElements.length > 0) {
9534                const script = document.createElement('script');
9535                script.type = 'text/javascript';
9536
9537                script.addEventListener('load', () => {
9538                    initCarousels(carouselElements);
9539                });
9540
9541                script.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
9542                document.head.appendChild(script);
9543            }
9544        });
9545    })();
9546</script>
vendor: 1 bytes, line 9546
9546
9547<script>
9548    'use strict';
9549
9550    const grecaptchaV2LoadCallbacks = [];
9551
9552    function executeRecaptchaLoadCallbacks () {
9553        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
9554            const callback = grecaptchaV2LoadCallbacks.pop();
9555            typeof callback === 'string' ? window[callback]() : callback();
9556        }
9557    }
9558
9559    (function() {
9560        const loadRecaptchaScript = (event) => {
9561
9562            if (window.grecaptcha || !event.target.form) {
9563                return;
9564            }
9565
9566            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
9567            const siteKey = '6LdEduIrAAAAADLY9aaFf8Q0ZRbb6LN6NnyhO\u002D5V';
9568            const script = document.createElement('script');
9569            script.type = 'text/javascript';
9570            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
9571            script.async = true;
9572            document.head.appendChild(script);
9573
9574            script.addEventListener('load', () => {
9575                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
9576            });
9577        }
9578
9579        window.forceLoadRecaptchaScript = (form) => {
9580            loadRecaptchaScript({target: {form: form || 'dummy'}});
9581            executeRecaptchaLoadCallbacks();
9582        };
9583
9584        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
9585        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });
9586
9587    }());
9588
9589</script>
vendor: 1 bytes, line 9589
9589
9590<script>
9591    function initPriceBox()
9592    {
9593        return {
9594            updatePrice(priceData) {
9595                const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
9596                const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
9597                const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
9598                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
9599                    regularPriceLabel && regularPriceLabel.classList.add('hidden');
9600                } else {
9601                    regularPriceLabel && regularPriceLabel.classList.remove('hidden');
9602                }
9603                regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
9604                basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
9605            }
9606        }
9607    }
9608</script>
vendor: 1 bytes, line 9608
9608
9609<script>try {
9610smileTracker.addPageVar('cms.identifier', 'home');
9611smileTracker.addPageVar('cms.title', 'Home page');
9612} catch (err) { ; }</script>
9612<script defer>
9613    'use strict';
9614
9615    (() => {
9616        const equalizeButtonWidths = (buttons) => {
9617            const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]');
9618            let buttonMinWidth = 0;
9619
9620            buttonList.forEach(button => {
9621                const buttonWidth = button.offsetWidth;
9622
9623                if (buttonWidth > buttonMinWidth) {
9624                    buttonMinWidth = buttonWidth;
9625                }
9626            });
9627
9628            buttonList.forEach(button => {
9629                button.style.minWidth = `${buttonMinWidth}px`;
9630            });
9631        };
9632
9633        window.addEventListener('DOMContentLoaded', () => {
9634            document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => {
9635                equalizeButtonWidths(buttons);
9636            });
9637        });
9638    })();
9639</script>
9639
9640
9641<script defer>
9642    'use strict';
9643
9644    (() => {
9645        const initCarousels = (elements) => {
9646            if (!Glider) {
9647                return;
9648            }
9649
9650            const initProductCarousel = (carousel) => {
9651                const gliderElement = carousel.querySelector('[data-role="glider-content"]');
9652
9653                if (!gliderElement) {
9654                    return;
9655                }
9656
9657                const gliderDots = carousel.querySelector('.glider-dots');
9658                const gliderPrev = carousel.querySelector('.glider-prev');
9659                const gliderNext = carousel.querySelector('.glider-next');
9660
9661                const glider = new Glider(gliderElement, {
9662                    slidesToShow: 1.15,
9663                    slidesToScroll: 1,
9664                    scrollLock: true,
9665                    draggable: true,
9666                    dragVelocity: 1.5,
9667                    dots: gliderDots,
9668                    rewind: true,
9669                    arrows: {
9670                        prev: gliderPrev,
9671                        next: gliderNext,
9672                    },
9673                    responsive: [
9674                        {
9675                            breakpoint: 440,
9676                            settings: {
9677                                slidesToShow: 1.3,
9678                            }
9679                        },
9680                        {
9681                            breakpoint: 768,
9682                            settings: {
9683                                slidesToShow: 2.2,
9684                                slidesToScroll: 2,
9685                            }
9686                        },
9687                        {
9688                            breakpoint: 1024,
9689                            settings: {
9690                                slidesToShow: 3.2,
9691                                slidesToScroll: 2,
9692                            }
9693                        },
9694                        {
9695                            breakpoint: 1280,
9696                            settings: {
9697                                slidesToShow: 4,
9698                                slidesToScroll: 4,
9699                            }
9700                        },
9701                    ],
9702                });
9703
9704                carousel.classList.add('glider-initialized');
9705                carousel.classList.remove('overflow-x-scroll');
9706            };
9707
9708            const initFeaturedCategoryCarousel = (slider) => {
9709                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
9710                slider.classList.add('glider-contain');
9711
9712                slider.insertAdjacentHTML(
9713                    'beforeend',
9714                    '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9714003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9714003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
9715                );
9716
9717                const gliderElement = slider.querySelector('[data-role="glider-content"]');
9718                const gliderDots = slider.querySelector('.glider-dots');
9719                const gliderPrev = slider.querySelector('.glider-prev');
9720                const gliderNext = slider.querySelector('.glider-next');
9721
9722                const glider = new Glider(gliderElement, {
9723                    slidesToShow: 1.4,
9724                    slidesToScroll: 1,
9725                    scrollLock: false,
9726                    scrollLockDelay: 250,
9727                    draggable: true,
9728                    dragVelocity: 1.5,
9729                    dots: gliderDots,
9730                    rewind: true,
9731                    arrows: {
9732                        prev: gliderPrev,
9733                        next: gliderNext,
9734                    },
9735                    responsive: [
9736                        {
9737                            breakpoint: 400,
9738                            settings: {
9739                                slidesToShow: 1.7,
9740                                slidesToScroll: 2,
9741                            }
9742                        },
9743                        {
9744                            breakpoint: 650,
9745                            settings: {
9746                                slidesToShow: 3.7,
9747                                slidesToScroll: 3,
9748                            }
9749                        },
9750                        {
9751                            breakpoint: 850,
9752                            settings: {
9753                                slidesToShow: 4.7,
9754                                slidesToScroll: 4,
9755                            }
9756                        },
9757                    ],
9758                });
9759
9760                slider.classList.add('glider-initialized');
9761            };
9762
9763            const initSliderCarousel = (slider) => {
9764                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
9765                slider.classList.add('glider-contain');
9766
9767                slider.insertAdjacentHTML(
9768                    'beforeend',
9769                    '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9769003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9769003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
9770                );
9771
9772                const gliderElement = slider.querySelector('[data-role="glider-content"]');
9773                const gliderDots = slider.querySelector('.glider-dots');
9774                const gliderPrev = slider.querySelector('.glider-prev');
9775                const gliderNext = slider.querySelector('.glider-next');
9776
9777                const glider = new Glider(gliderElement, {
9778                    slidesToShow: 1,
9779                    slidesToScroll: 1,
9780                    scrollLock: true,
9781                    scrollLockDelay: 250,
9782                    draggable: true,
9783                    dragVelocity: 1.5,
9784                    dots: gliderDots,
9785                    arrows: {
9786                        prev: gliderPrev,
9787                        next: gliderNext,
9788                    },
9789                });
9790
9791                slider.classList.add('glider-initialized');
9792                if (slider.dataset.showArrows === 'true') {
9793                    gliderPrev.classList.remove('hidden');
9794                    gliderNext.classList.remove('hidden');
9795                }
9796
9797                if (slider.dataset.autoplay !== 'false') {
9798                    gliderAutoplay(
9799                        glider,
9800                        slider.dataset.autoplaySpeed,
9801                        slider.dataset.infiniteLoop
9802                    );
9803                }
9804            };
9805
9806            const initHorizontalFilterSlider = (slider) => {
9807                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
9808                slider.classList.add('glider-contain');
9809
9810                slider.insertAdjacentHTML(
9811                    'beforeend',
9812                    '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9812003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9812003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
9813                );
9814
9815                const gliderElement = slider.querySelector('[data-role="glider-content"]');
9816                const gliderDots = slider.querySelector('.glider-dots');
9817                const gliderPrev = slider.querySelector('.glider-prev');
9818                const gliderNext = slider.querySelector('.glider-next');
9819
9820                const glider = new Glider(gliderElement, {
9821                    slidesToShow: 2.8,
9822                    slidesToScroll: 2,
9823                    scrollLock: false,
9824                    draggable: true,
9825                    dragVelocity: 1.5,
9826                    dots: gliderDots,
9827                    arrows: {
9828                        prev: gliderPrev,
9829                        next: gliderNext,
9830                    },
9831                    responsive: [
9832                        {
9833                            breakpoint: 450,
9834                            settings: {
9835                                slidesToShow: 3.5,
9836                                slidesToScroll: 3,
9837                            }
9838                        },
9839                        {
9840                            breakpoint: 550,
9841                            settings: {
9842                                slidesToShow: 4.5,
9843                                slidesToScroll: 4,
9844                            }
9845                        },
9846                        {
9847                            breakpoint: 768,
9848                            settings: {
9849                                slidesToShow: 5.5,
9850                                slidesToScroll: 5,
9851                            }
9852                        },
9853                        {
9854                            breakpoint: 1014,
9855                            settings: {
9856                                slidesToShow: 6.5,
9857                                slidesToScroll: 6,
9858                            }
9859                        },
9860                    ],
9861                });
9862
9863                glider.removeItem(0); // remove template tag from slider
9864
9865                slider.classList.add('glider-initialized');
9866
9867                if (slider.dataset.showArrows === 'true') {
9868                    gliderPrev.classList.remove('hidden');
9869                    gliderNext.classList.remove('hidden');
9870                }
9871            };
9872
9873            const initReviewSlider = (slider) => {
9874                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
9875                slider.classList.add('glider-contain');
9876
9877                slider.insertAdjacentHTML(
9878                    'beforeend',
9879                    '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9879003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
9879003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
9880                );
9881
9882                const gliderElement = slider.querySelector('[data-role="glider-content"]');
9883                const gliderDots = slider.querySelector('.glider-dots');
9884                const gliderPrev = slider.querySelector('.glider-prev');
9885                const gliderNext = slider.querySelector('.glider-next');
9886
9887                const glider = new Glider(gliderElement, {
9888                    slidesToShow: 1.2,
9889                    slidesToScroll: 1,
9890                    scrollLock: true,
9891                    draggable: true,
9892                    dragVelocity: 1.5,
9893                    dots: gliderDots,
9894                    arrows: {
9895                        prev: gliderPrev,
9896                        next: gliderNext,
9897                    },
9898                    rewind: true,
9899                    responsive: [
9900                        {
9901                            breakpoint: 450,
9902                            settings: {
9903                                slidesToShow: 2.2,
9904                                slidesToScroll: 2,
9905                            }
9906                        },
9907
9908                    ],
9909                });
9910
9911                slider.classList.add('glider-initialized');
9912
9913                if (slider.dataset.showArrows === 'true') {
9914                    gliderPrev.classList.remove('hidden');
9915                    gliderNext.classList.remove('hidden');
9916                }
9917            };
9918
9919            const initUspSlider = (slider) => {
9920                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
9921                slider.classList.add('glider-contain');
9922
9923                slider.dataset.autoplay = 'false';
9924                slider.dataset.infiniteLoop = 'true';
9925
9926                const gliderElement = slider.querySelector('[data-role="glider-content"]');
9927
9928                const glider = new Glider(gliderElement, {
9929                    slidesToShow: 1,
9930                    slidesToScroll: 1,
9931                    scrollLock: false,
9932                    scrollLockDelay: 250,
9933                    draggable: false,
9934                    dragVelocity: 1.5,
9935                    duration: 1,
9936                    responsive: [
9937                        {
9938                            breakpoint: 768,
9939                            settings: {
9940                                slidesToShow: 3,
9941                            },
9942                        },
9943                        {
9944                            breakpoint: 1024,
9945                            settings: {
9946                                slidesToShow: 4,
9947                            },
9948                        },
9949                    ],
9950                });
9951
9952                slider.classList.add('glider-initialized');
9953
9954                if (slider.dataset.showArrows === 'true') {
9955                    gliderPrev.classList.remove('hidden');
9956                    gliderNext.classList.remove('hidden');
9957                }
9958
9959                if (slider.dataset.autoplay !== 'false') {
9960                    gliderAutoplay(
9961                        glider,
9962                        slider.dataset.autoplaySpeed,
9963                        slider.dataset.infiniteLoop
9964                    );
9965                }
9966
9967                function sliderAuto(slider, miliseconds) {
9968                    const slidesCount = glider.track.childElementCount;
9969                    let slideTimeout = null;
9970                    let nextIndex = 1;
9971
9972                    function slide() {
9973                        slideTimeout = setTimeout(
9974                            function () {
9975                                if (nextIndex >= slidesCount) {
9976                                    nextIndex = 0;
9977                                }
9978                                glider.scrollItem(nextIndex++);
9979                            },
9980                            miliseconds
9981                        );
9982                    }
9983
9984                    glider.ele.addEventListener('glider-animated', function () {
9985                        window.clearInterval(slideTimeout);
9986                        slide();
9987                    });
9988
9989                    slide();
9990                }
9991
9992                sliderAuto(slider, 3000)
9993            };
9994
9995            const initHeaderUspSlider = (slider) => {
9996                function checkScreensize(sliderMaxSize) {
9997                    // If media query matches
9998                    if (sliderMaxSize.matches) {
9999                        slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
10000                        slider.classList.add('glider-contain');
10001
10002                        const gliderElement = slider.querySelector('[data-role="glider-content"]');
10003
10004                        const glider = new Glider(gliderElement, {
10005                            slidesToShow: 1,
10006                            slidesToScroll: 1,
10007                            scrollLock: false,
10008                            draggable: true,
10009                            dragVelocity: 1.5,
10010                            duration: 10,
10011                            rewind: true,
10012                            responsive: [
10013                                {
10014                                    breakpoint: 550,
10015                                    settings: {
10016                                        slidesToShow: 2,
10017                                    },
10018                                },
10019                                {
10020                                    breakpoint: 768,
10021                                    settings: {
10022                                        slidesToShow: 3,
10023                                    },
10024                                },
10025                            ],
10026                        });
10027
10028                        slider.classList.add('glider-initialized');
10029
10030                        if (slider.dataset.showArrows === 'true') {
10031                            gliderPrev.classList.remove('hidden');
10032                            gliderNext.classList.remove('hidden');
10033                        }
10034
10035                        if (slider.dataset.autoplay !== 'false') {
10036                            gliderAutoplay(
10037                                glider,
10038                                5000,
10039                                true
10040                            );
10041                        }
10042
10043                        function sliderAuto(slider, miliseconds) {
10044                            const slidesCount = glider.track.childElementCount;
10045                            let slideTimeout = null;
10046                            let nextIndex = 1;
10047
10048                            function slide () {
10049                                slideTimeout = setTimeout(
10050                                    function () {
10051                                        if (nextIndex >= slidesCount ) {
10052                                            nextIndex = 0;
10053                                        }
10054                                        glider.scrollItem(0);
10055                                    },
10056                                    miliseconds
10057                                );
10058                            }
10059
10060                            glider.ele.addEventListener('glider-animated', function() {
10061                                window.clearInterval(slideTimeout);
10062                                slide();
10063                            });
10064
10065                            slide();
10066                        }
10067
10068                        sliderAuto(slider, 10000)
10069                    } else {
10070                        let headerUsps = document.querySelector('[data-content-type="header-usps"]');
10071
10072                        if (headerUsps !== null) {
10073                            // Remove glider classes to bring back grid
10074                            headerUsps.classList.remove('glider-initialized', 'glider-contain');
10075
10076                            const draggable = headerUsps.getElementsByClassName('glider-track')[0];
10077                            if (draggable !== undefined) {
10078                                draggable.replaceWith(...draggable.childNodes);
10079                            }
10080
10081                            const track = headerUsps.getElementsByClassName('glider')[0];
10082                            if (track !== undefined){
10083                                track.replaceWith(...track.childNodes);
10084                            }
10085
10086                            let elems = headerUsps.querySelectorAll('.glider-slide');
10087
10088                            [].forEach.call(elems, function (el) {
10089                                el.classList = "flex justify-center items-center gap-1.5";
10090                                el.removeAttribute('style');
10091                            });
10092                        }
10093                    }
10094                }
10095
10096                let sliderMaxSize = window.matchMedia("(max-width: 1536px)")
10097                checkScreensize(sliderMaxSize) // Call listener function at run time
10098                sliderMaxSize.addListener(checkScreensize) // Attach listener function on state changes
10099            };
10100
10101            const initBannerSmallCarousel = (slider) => {
10102                function checkScreensize(sliderMaxSize) {
10103                    // If media query matches
10104                    if (sliderMaxSize.matches) {
10105                        slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
10106                        slider.classList.add('glider-contain');
10107
10108                        const gliderElement = slider.querySelector('[data-role="glider-content"]');
10109
10110                        const glider = new Glider(gliderElement, {
10111                            slidesToShow: 1.2,
10112                            slidesToScroll: 1,
10113                            scrollLock: true,
10114                            draggable: true,
10115                            dragVelocity: 1.5,
10116                            rewind: true,
10117                            responsive: [
10118                                {
10119                                    breakpoint: 768,
10120                                    settings: {
10121                                        slidesToShow: 2.2,
10122                                        slidesToScroll: 2,
10123                                    }
10124                                },
10125                                {
10126                                    breakpoint: 1024,
10127                                    settings: {
10128                                        slidesToShow: 2.6,
10129                                        slidesToScroll: 2,
10130                                    }
10131                                },
10132                            ],
10133                        });
10134
10135                        slider.classList.add('glider-initialized');
10136
10137                    } else {
10138                        let bannerSmall = document.querySelector('.pagebuilder-banner-small.glider-initialized');
10139
10140                        if (bannerSmall !== null) {
10141                            // Remove glider classes to bring back grid
10142                            bannerSmall.classList.remove('glider-initialized','glider-contain');
10143
10144                            const draggable = bannerSmall.getElementsByClassName('draggable')[0];
10145                            draggable.replaceWith(...draggable.childNodes);
10146
10147                            const track = bannerSmall.getElementsByClassName('glider-track')[0];
10148                            track.replaceWith(...track.childNodes);
10149
10150                            var elems = bannerSmall.querySelectorAll('.glider-slide');
10151
10152                            [].forEach.call(elems, function(el) {
10153                                el.classList = "";
10154                                el.removeAttribute('style');
10155                            });
10156                        }
10157                    }
10158                }
10159
10160                let sliderMaxSize = window.matchMedia("(max-width: 1280px)")
10161                checkScreensize(sliderMaxSize) // Call listener function at run time
10162                sliderMaxSize.addListener(checkScreensize) // Attach listener function on state changes
10163            };
10164
10165            const initFeaturedItemsCarousel = (slider) => {
10166                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
10167                slider.classList.add('glider-contain');
10168
10169                slider.insertAdjacentHTML(
10170                    'beforeend',
10171                    '\u000A\u003Cdiv\u0020class\u003D\u0022flex\u0020w\u002Dfull\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020carousel\u002Dnav\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dprev\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
10171003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M7.72\u002012.53a.75.75\u00200\u0020010\u002D1.06l7.5\u002D7.5a.75.75\u00200\u0020111.06\u00201.06L9.31\u002012l6.97\u00206.97a.75.75\u00200\u002011\u002D1.06\u00201.06l\u002D7.5\u002D7.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003EVorige\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D4\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022glider\u002Dnext\u0020rounded\u002Dmd\u0020p\u002D2\u0020bg\u002Dtertiary\u002D300\u0020outline\u002Dnone\u0022\u0020aria\u002Dlabel\u003D\u0022volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020fill\u003D\u0022currentColor\u0022\u0020aria\u002Dhidden\u003D\u0022true\u0022\u0020class\u003D\u0022w\u002D6\u0020h\u002D6\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u
10171003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cpath\u0020fill\u002Drule\u003D\u0022evenodd\u0022\u0020d\u003D\u0022M16.28\u002011.47a.75.75\u00200\u0020010\u00201.06l\u002D7.5\u00207.5a.75.75\u00200\u002001\u002D1.06\u002D1.06L14.69\u002012\u00207.72\u00205.03a.75.75\u00200\u0020011.06\u002D1.06l7.5\u00207.5z\u0022\u0020clip\u002Drule\u003D\u0022evenodd\u0022\u002F\u003E\u000A\u003Ctitle\u003Evolgende\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
10172                );
10173
10174                const gliderElement = slider.querySelector('[data-role="glider-content"]');
10175                const gliderPrev = slider.querySelector('.glider-prev');
10176                const gliderNext = slider.querySelector('.glider-next');
10177
10178                const glider = new Glider(gliderElement, {
10179                    slidesToShow: 1.2,
10180                    slidesToScroll: 1,
10181                    scrollLock: true,
10182                    scrollLockDelay: 250,
10183                    draggable: true,
10184                    dragVelocity: 1.5,
10185                    rewind: true,
10186                    arrows: {
10187                        prev: gliderPrev,
10188                        next: gliderNext,
10189                    },
10190                    responsive: [
10191                        {
10192                            breakpoint: 768,
10193                            settings: {
10194                                slidesToShow: 2.2,
10195                                slidesToScroll: 2,
10196                            }
10197                        },
10198                        {
10199                            breakpoint: 1024,
10200                            settings: {
10201                                slidesToShow: 3.2,
10202                                slidesToScroll: 3,
10203                            }
10204                        },
10205                    ],
10206                });
10207
10208                slider.classList.add('glider-initialized');
10209
10210                if (slider.dataset.showArrows === 'true') {
10211                    gliderPrev.classList.remove('hidden');
10212                    gliderNext.classList.remove('hidden');
10213                }
10214            };
10215
10216            const gliderAutoplay = (glider, milliseconds, loop) => {
10217                const pagesCount = glider.track.childElementCount;
10218                let slideTimeout = null;
10219                let nextIndex = 1;
10220                let paused = false;
10221
10222                const slide = () => {
10223                    slideTimeout = setTimeout(
10224                        () => {
10225                            if (loop && nextIndex >= pagesCount) {
10226                                nextIndex = 0;
10227                            }
10228                            glider.scrollItem(nextIndex);
10229                        },
10230                        parseInt(milliseconds)
10231                    );
10232                };
10233
10234                glider.ele.addEventListener('glider-animated', () => {
10235                    nextIndex = glider.slide + glider.opt.slidesToScroll;
10236                    window.clearInterval(slideTimeout);
10237                    if (!paused && (loop || nextIndex < pagesCount)) {
10238                        slide();
10239                    }
10240                });
10241
10242                const pause = () => {
10243                    if (!paused) {
10244                        clearInterval(slideTimeout);
10245                        paused = true;
10246                    }
10247                };
10248
10249                const unpause = () => {
10250                    if (paused) {
10251                        slide();
10252                        paused = false;
10253                    }
10254                };
10255
10256                glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true});
10257                glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true});
10258                glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true});
10259                glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true});
10260
10261                slide();
10262            };
10263
10264            elements.forEach(element => {
10265                if (element.dataset.contentType === 'banner-small') {
10266                    initBannerSmallCarousel(element);
10267                }
10268                if (element.dataset.contentType === 'featured-products') {
10269                    initProductCarousel(element);
10270                }
10271                if (element.dataset.contentType === 'featured-categories') {
10272                    initFeaturedCategoryCarousel(element);
10273                }
10274                if (element.dataset.contentType === 'slider') {
10275                    initSliderCarousel(element);
10276                }
10277                if (element.dataset.contentType === 'usps') {
10278                    initUspSlider(element);
10279                }
10280                if (element.dataset.contentType === 'header-usps') {
10281                    initHeaderUspSlider(element);
10282                }
10283                if (element.dataset.element === 'horizontal-filter') {
10284                    initHorizontalFilterSlider(element);
10285                }
10286                if (element.dataset.element === 'review-slider') {
10287                    initReviewSlider(element);
10288                }
10289                if (element.dataset.contentType === 'featured-items') {
10290                    initFeaturedItemsCarousel(element);
10291                }
10292            });
10293        };
10294
10295        window.addEventListener('DOMContentLoaded', () => {
10296            const carouselElements = document.querySelectorAll(
10297                `[data-content-type="banner-small"],
10298                 [data-content-type="featured-products"],
10299                 [data-content-type="featured-categories"],
10300                 [data-content-type="featured-items"],
10301                 [data-appearance="carousel"],
10302                 [data-content-type="slider"],
10303                 [data-content-type="usps"],
10304                 [data-content-type="header-usps"],
10305                 [data-element="subcategories"],
10306                 [data-element="horizontal-filter"],
10307                 [data-element="review-slider"]`
10308            );
10309
10310            if (carouselElements.length > 0) {
10311                const script = document.createElement('script');
10312                script.type = 'text/javascript';
10313
10314                script.addEventListener('load', () => {
10315                    initCarousels(carouselElements);
10316                });
10317
10318                script.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fglider.min.js';
10319                document.head.appendChild(script);
10320            }
10321        });
10322    })();
10323</script>
vendor: 1 bytes, line 10323
10323
10324<script defer>
10325    'use strict';
10326
10327    (() => {
10328        const initMaps = (elements) => {
10329            const renderMap = (element) => {
10330                const dataLocations = element.dataset.locations;
10331
10332                // Hide map if no locations set
10333                if (!dataLocations || dataLocations === '[]') {
10334                    element.classList.add('hidden');
10335                    return;
10336                }
10337
10338                const map = new google.maps.Map(
10339                    element,
10340                    getMapOptions(
10341                        element.dataset.showControls !== 'true',
10342                        element.dataset.showControls === 'true'
10343                    )
10344                );
10345                const locations = JSON.parse(dataLocations);
10346                const latitudeLongitudeBounds = new google.maps.LatLngBounds();
10347                const bounds = [];
10348
10349                locations.forEach(location => {
10350                    const position = {
10351                        lat: parseFloat(location.position.latitude),
10352                        lng: parseFloat(location.position.longitude),
10353                    };
10354                    bounds.push(position);
10355
10356                    const infowindow = new google.maps.InfoWindow({
10357                        content: getInfoWindowContent(location),
10358                    });
10359                    const marker = new google.maps.Marker({
10360                        position: position,
10361                        map,
10362                        title: location.location_name,
10363                    });
10364
10365                    marker.addListener('click', () => {
10366                        infowindow.open(map, marker);
10367                    });
10368                });
10369
10370                // Set bounds if multiple locations
10371                if (bounds.length > 1) {
10372                    bounds.forEach(function (bound) {
10373                        latitudeLongitudeBounds.extend(bound);
10374                    });
10375                    map.fitBounds(latitudeLongitudeBounds);
10376                }
10377
10378                // Center if single location
10379                if (bounds.length === 1) {
10380                    map.setCenter(bounds[0]);
10381                }
10382            };
10383
10384            const getMapOptions = (disableDefaultUI, mapTypeControl) => {
10385                const style = '';
10386                return {
10387                    zoom: 8,
10388                    scrollwheel: false,
10389                    disableDoubleClickZoom: false,
10390                    mapTypeControlOptions: {
10391                        style: google.maps.MapTypeControlStyle.DEFAULT,
10392                    },
10393                    styles: style ? JSON.parse(style) : [],
10394                    disableDefaultUI: disableDefaultUI,
10395                    mapTypeControl: mapTypeControl,
10396                };
10397            };
10398
10399            const getInfoWindowContent = (location) => {
10400                const title = location.location_name ?
10401                    `<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : '';
10402                const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : '';
10403                const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : '';
10404                const street = location.address ? `${location.address}<br/>` : '';
10405                const city = location.city ? `${location.city}<br/>` : '';
10406                const state = location.state ? `${location.state}<br/>` : '';
10407                const zipCode = location.zipcode ? `${location.zipcode}<br/>` : '';
10408                const country = location.country ? location.country : '';
10409
10410                return `<div>
10411                            ${title}
10412                            ${comment}
10413                            ${phone}
10414                            <p class="px-1 pt-3 text-primary">
10415                                ${street}
10416                                ${city}
10417                                ${state}
10418                                ${zipCode}
10419                                ${country}
10420                            </p>
10421                        </div>`;
10422            };
10423
10424            const hideAllMaps = () => {
10425                document.querySelectorAll('[data-content-type="map"]').forEach(element => {
10426                    element.classList.add('hidden');
10427                });
10428            };
10429
10430            window.gm_authFailure = () => {
10431                hideAllMaps();
10432            };
10433
10434            if (typeof google.maps === 'undefined') {
10435                hideAllMaps();
10436                return;
10437            }
10438
10439            elements.forEach(element => {
10440                if (element.dataset.contentType === 'map') {
10441                    renderMap(element);
10442                }
10443            });
10444        };
10445
10446        window.addEventListener('DOMContentLoaded', () => {
10447            const mapElements = document.querySelectorAll('[data-content-type="map"]');
10448
10449            if (mapElements.length > 0) {
10450                const script = document.createElement('script');
10451                script.type = 'text/javascript';
10452
10453                script.addEventListener('load', () => {
10454                    initMaps(mapElements);
10455                });
10456
10457                script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.56\u0026key\u003D';
10458                document.head.appendChild(script);
10459            }
10460        });
10461    })();
10462</script>
vendor: 1 bytes, line 10462
10462
10463<script defer>
10464    'use strict';
10465
10466    (() => {
10467        const initParallaxImage = (element) => {
10468            if (!window.jarallax) {
10469                return;
10470            }
10471
10472            element.classList.add('jarallax');
10473            element.dataset.jarallax = '';
10474            const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
10475            const elementStyle = window.getComputedStyle(element);
10476
10477            window.jarallax(element, {
10478                imgPosition: elementStyle.backgroundPosition || '50% 50%',
10479                imgRepeat: elementStyle.backgroundRepeat || 'no-repeat',
10480                imgSize: elementStyle.backgroundSize || 'cover',
10481                speed: parallaxSpeed,
10482            });
10483        };
10484
10485        const initVideoBackground = (element) => {
10486            if (!window.jarallax) {
10487                return;
10488            }
10489
10490            let slider = null;
10491
10492            if (element.classList.contains('pagebuilder-slide-wrapper')) {
10493                const viewportElement = document.createElement('div');
10494                slider = element.closest('[data-content-type=slider]');
10495                viewportElement.classList.add('jarallax-viewport-element');
10496                element.dataset.elementInViewport = '.jarallax-viewport-element';
10497                element.appendChild(viewportElement);
10498            }
10499
10500            element.classList.add('jarallax');
10501            element.dataset.jarallax = '';
10502            const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
10503
10504            window.jarallax(element, {
10505                imgSrc: element.dataset.videoFallbackSrc,
10506                speed: parallaxSpeed,
10507                videoLoop: element.dataset.videoLoop,
10508                videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible,
10509                videoLazyLoading: element.dataset.videoLazyLoad,
10510                disableVideo: false,
10511                elementInViewport: element.dataset.elementInViewport &&
10512                    element.querySelector(element.dataset.elementInViewport),
10513            });
10514
10515            if (slider) {
10516                if (slider.dataset.afterChangeIsSet) {
10517                    return;
10518                }
10519
10520                slider.addEventListener('glider-loaded', () => {
10521                    slider.querySelectorAll('.jarallax').forEach(videoSlide => {
10522                        videoSlide.jarallax && videoSlide.jarallax.onScroll();
10523                    });
10524                });
10525
10526                slider.addEventListener('glider-animated', () => {
10527                    slider.querySelectorAll('.jarallax').forEach(videoSlide => {
10528                        videoSlide.jarallax && videoSlide.jarallax.onScroll();
10529                    });
10530                });
10531
10532                slider.dataset.afterChangeIsSet = true;
10533            }
10534        };
10535
10536        window.addEventListener('DOMContentLoaded', () => {
10537            const parallaxImageElements = document.querySelectorAll(
10538                `[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"],
10539                [data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]`
10540            );
10541
10542            const videoBackgroundsElements = document.querySelectorAll(
10543                `[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"],
10544                [data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"],
10545                [data-content-type="banner"] [data-background-type="video"],
10546                [data-content-type="slide"] [data-background-type="video"]`
10547            );
10548
10549            if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) {
10550                const jarallaxScript = document.createElement('script');
10551                jarallaxScript.type = 'text/javascript';
10552
10553                jarallaxScript.addEventListener('load', () => {
10554                    parallaxImageElements.forEach(row => {
10555                        initParallaxImage(row);
10556                    });
10557
10558                    const jarallaxVideoScript = document.createElement('script');
10559                    jarallaxVideoScript.type = 'text/javascript';
10560
10561                    jarallaxVideoScript.addEventListener('load', () => {
10562                        videoBackgroundsElements.forEach(element => {
10563                            initVideoBackground(element);
10564                        });
10565                    });
10566
10567                    jarallaxVideoScript.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js';
10568                    document.head.appendChild(jarallaxVideoScript);
10569                });
10570
10571                jarallaxScript.src = 'https\u003A\u002F\u002Fwww.123drogisterij.nl\u002Fstatic\u002Fversion1790863840\u002Ffrontend\u002FCareland\u002F123d\u002Fnl_NL\u002FHyva_PageBuilder\u002Fjs\u002Fjarallax.min.js';
10572                document.head.appendChild(jarallaxScript);
10573            }
10574        });
10575    })();
10576</script>
vendor: 1 bytes, line 10576
10576
10577<script defer>
10578    'use strict';
10579
10580    (() => {
10581        const applyShowOnHover = (element) => {
10582            const showOverlayOnHover = (element) => {
10583                const overlay = element.querySelector('.pagebuilder-overlay');
10584                const color = overlay.dataset.overlayColor;
10585
10586                element.addEventListener('mouseover', () => {
10587                    overlay.style.backgroundColor = color;
10588                });
10589                element.addEventListener('mouseout', () => {
10590                    overlay.style.backgroundColor = 'transparent';
10591                });
10592            };
10593
10594            const showButtonOnHover = (element) => {
10595                const button = element.querySelector('.pagebuilder-banner-button');
10596
10597                element.addEventListener('mouseover', () => {
10598                    button.style.opacity = '1';
10599                    button.style.visibility = 'visible';
10600                });
10601                element.addEventListener('mouseout', () => {
10602                    button.style.opacity = '0';
10603                    button.style.visibility = 'hidden';
10604                });
10605            };
10606
10607            if (element.dataset.showOverlay === 'hover') {
10608                showOverlayOnHover(element);
10609            }
10610            if (element.dataset.showButton === 'hover') {
10611                showButtonOnHover(element);
10612            }
10613        };
10614
10615        window.addEventListener('DOMContentLoaded', () => {
10616            document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => {
10617                applyShowOnHover(element);
10618            });
10619        });
10620    })();
10621</script>
vendor: 1 bytes, line 10621
10621
10622<script defer>
10623    'use strict';
10624
10625    (() => {
10626        document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => {
10627            tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`);
10628        });
10629
10630        document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => {
10631            const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0;
10632
10633            tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => {
10634                const tabLink = tabHeader.querySelector('a');
10635                const tabId = tabLink.getAttribute('href').replace('#', '');
10636
10637                tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`);
10638                tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`);
10639
10640                if (index === defaultActiveTab) {
10641                    tab.setAttribute('x-data', `{ tab: '${tabId}' }`);
10642                }
10643            });
10644        });
10645    })();
10646</script>
vendor: 1 bytes, line 10646
10646
10647<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.123drogisterij.nl\/","name":"123Drogisterij"}</script>
10647<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.123drogisterij.nl\/","name":"123Drogisterij","logo":"https:\/\/www.123drogisterij.nl\/media\/logo\/stores\/2\/logo.jpg","description":"Op zoek naar incontinentiemateriaal en bestelt u het liever online? U kunt gemakkelijk op 123drogisterij.nl uw producten bestellen. 123 drogisterij is de specialist in incontinentiemateriaal en verstuurt uw bestelling snel en discreet. Incontinentie kan een lastig probleem zijn en kan veel hinder geven. Met ons assortiment aan betrouwbare producten van hoge kwaliteit kunt u altijd rekenen op het meeste comfort.","address":{"addressCountry":"NL","@type":"PostalAddress"}}</script>
10647<script type="text/json" id="default-section-data">
10648    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"BE":{"name":"Belgi\u00eb","regions":{"609":{"code":"VAN","name":"Antwerpen"},"610":{"code":"WBR","name":"Brabant wallon"},"611":{"code":"BRU","name":"Brussels-Capital Region"},"612":{"code":"WHT","name":"Hainaut"},"614":{"code":"WLG","name":"Li\u00e8ge"},"613":{"code":"VLI","name":"Limburg"},"615":{"code":"WLX","name":"Luxembourg"},"616":{"code":"WNA","name":"Namur"},"617":{"code":"VOV","name":"Oost-Vlaanderen"},"618":{"code":"VBR","name":"Vlaams-Brabant"},"619":{"code":"VWV","name":"West-Vlaanderen"}}},"DE":{"name":"Duitsland","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"FR":{"name":"Frankrijk","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"}
10648,"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"NL":{"name":"Nederland"},"data_id":1791164989},"instant-purchase":[],"persistent":[],"review":[],"captcha":[],"wishlist":{"items":[]},"multisafepay-payment-request":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[]}</script>
10648
10649</div></body>
10650</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.