It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.lalashops.nl/

  1. <!doctype html>
  2. <html lang="nl">
  3. <head >
  4.    <meta charset="utf-8"/>
  5. <meta name="title" content="Van Game PC tot Zoutlamp. Een webshop apart! - LalaShops - Uw digitaal winkelcentrum"/>
  6. <meta name="description" content="Prebuild Game PC ➽ Gaming Computer ➽ Videobewerking Desktop ➽ Zakelijke Workstation ➽ Zelf Samenstellen ➽ Webshop online bestellen!"/>
  7. <meta name="keywords" content="Computer, PC, gamecomputer, laptop, refurbished, elektronica, leptop, labtop, goedkoop, kristal, edelsteen, mineralen, wierook, heilighout, satya nag champa, eettafel, dressoir, salontafel, houtwerk."/>
  8. <meta name="robots" content="INDEX,FOLLOW"/>
  9. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  10. <title>Van Game PC tot Zoutlamp. Een webshop apart! - LalaShops - Uw digitaal winkelcentrum</title>
  11. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.lalashops.nl/static/version1754469272/_cache/merged/c928e12b00a8d4f119a08d2d17b2320d.css" />
  12. <link  rel="canonical" href="https://www.lalashops.nl" />
  13. <link  rel="icon" type="image/x-icon" href="https://www.lalashops.nl/media/favicon/stores/9/Lalalogo_Square_1.jpeg" />
  14. <link  rel="shortcut icon" type="image/x-icon" href="https://www.lalashops.nl/media/favicon/stores/9/Lalalogo_Square_1.jpeg" />
  15. <meta name="p:domain_verify" content="47cc93f4786e941c8e337baa2de54005"/>
  16. <style>
  17. .checkout-cart-index #block-shipping {display:none;}
  18. </style>
  19. <!-- Google tag (gtag.js) -->
  20. <script async src="https://www.googletagmanager.com/gtag/js?id=G-BWS5WE8M8T"></script>
  21. <script>
  22.  window.dataLayer = window.dataLayer || [];
  23.  function gtag(){dataLayer.push(arguments);}
  24.  gtag('js', new Date());
  25.  
  26.  gtag('config', 'G-BWS5WE8M8T');
  27. </script>
  28.    
  29. <script>
  30.    var BASE_URL = 'https://www.lalashops.nl/';
  31.    var THEME_PATH = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL';
  32.    var COOKIE_CONFIG = {
  33.        "expires": null,
  34.        "path": "\u002F",
  35.        "domain": ".lalashops.nl",
  36.        "secure": true,
  37.        "lifetime": "360000",
  38.        "cookie_restriction_enabled": true    };
  39.    var CURRENT_STORE_CODE = 'lalashops_webshop_sv';
  40.    var CURRENT_WEBSITE_ID = '1';
  41.  
  42.    window.hyva = window.hyva || {}
  43.  
  44.    window.cookie_consent_groups = window.cookie_consent_groups || {}
  45.    window.cookie_consent_groups['necessary'] = true;
  46.  
  47.    window.cookie_consent_config = window.cookie_consent_config || {};
  48.    window.cookie_consent_config['necessary'] = [].concat(
  49.        window.cookie_consent_config['necessary'] || [],
  50.        [
  51.            'user_allowed_save_cookie',
  52.            'form_key',
  53.            'mage-messages',
  54.            'private_content_version',
  55.            'mage-cache-sessid',
  56.            'last_visited_store',
  57.            'section_data_ids'
  58.        ]
  59.    );
  60. </script>
  61. <script>
  62.    'use strict';
  63.    (function( hyva, undefined ) {
  64.  
  65.        function lifetimeToExpires(options, defaults) {
  66.  
  67.            const lifetime = options.lifetime || defaults.lifetime;
  68.  
  69.            if (lifetime) {
  70.                const date = new Date;
  71.                date.setTime(date.getTime() + lifetime * 1000);
  72.                return date;
  73.            }
  74.  
  75.            return null;
  76.        }
  77.  
  78.        function generateRandomString() {
  79.  
  80.            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
  81.                length = 16;
  82.  
  83.            let formKey = '',
  84.                charactersLength = allowedCharacters.length;
  85.  
  86.            for (let i = 0; i < length; i++) {
  87.                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
  88.            }
  89.  
  90.            return formKey;
  91.        }
  92.  
  93.        const sessionCookieMarker = {noLifetime: true}
  94.  
  95.        const cookieTempStorage = {};
  96.  
  97.        const internalCookie = {
  98.            get(name) {
  99.                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
  100.                return v ? v[2] : null;
  101.            },
  102.            set(name, value, days, skipSetDomain) {
  103.                let expires,
  104.                    path,
  105.                    domain,
  106.                    secure,
  107.                    samesite;
  108.  
  109.                const defaultCookieConfig = {
  110.                    expires: null,
  111.                    path: '/',
  112.                    domain: null,
  113.                    secure: false,
  114.                    lifetime: null,
  115.                    samesite: 'lax'
  116.                };
  117.  
  118.                const cookieConfig = window.COOKIE_CONFIG || {};
  119.  
  120.                expires = days && days !== sessionCookieMarker
  121.                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
  122.                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
  123.  
  124.                path = cookieConfig.path || defaultCookieConfig.path;
  125.                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
  126.                secure = cookieConfig.secure || defaultCookieConfig.secure;
  127.                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
  128.  
  129.                document.cookie = name + "=" + encodeURIComponent(value) +
  130.                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
  131.                    (path ? '; path=' + path : '') +
  132.                    (domain ? '; domain=' + domain : '') +
  133.                    (secure ? '; secure' : '') +
  134.                    (samesite ? '; samesite=' + samesite : 'lax');
  135.            },
  136.            isWebsiteAllowedToSaveCookie() {
  137.                const allowedCookies = this.get('user_allowed_save_cookie');
  138.                if (allowedCookies) {
  139.                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
  140.  
  141.                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
  142.                }
  143.                return false;
  144.            },
  145.            getGroupByCookieName(name) {
  146.                const cookieConsentConfig = window.cookie_consent_config || {};
  147.                let group = null;
  148.                for (let prop in cookieConsentConfig) {
  149.                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
  150.                    if (cookieConsentConfig[prop].includes(name)) {
  151.                        group = prop;
  152.                        break;
  153.                    }
  154.                }
  155.                return group;
  156.            },
  157.            isCookieAllowed(name) {
  158.                const cookieGroup = this.getGroupByCookieName(name);
  159.                return cookieGroup
  160.                    ? window.cookie_consent_groups[cookieGroup]
  161.                    : this.isWebsiteAllowedToSaveCookie();
  162.            },
  163.            saveTempStorageCookies() {
  164.                for (const [name, data] of Object.entries(cookieTempStorage)) {
  165.                    if (this.isCookieAllowed(name)) {
  166.                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
  167.                        delete cookieTempStorage[name];
  168.                    }
  169.                }
  170.            }
  171.        };
  172.  
  173.        hyva.getCookie = (name) => {
  174.            const cookieConfig = window.COOKIE_CONFIG || {};
  175.  
  176.            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
  177.                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
  178.            }
  179.  
  180.            return internalCookie.get(name);
  181.        }
  182.  
  183.        hyva.setCookie = (name, value, days, skipSetDomain) => {
  184.            const cookieConfig = window.COOKIE_CONFIG || {};
  185.  
  186.            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
  187.                cookieTempStorage[name] = {value, days, skipSetDomain};
  188.                return;
  189.            }
  190.            return internalCookie.set(name, value, days, skipSetDomain);
  191.        }
  192.  
  193.  
  194.        hyva.setSessionCookie = (name, value, skipSetDomain) => {
  195.            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
  196.        }
  197.  
  198.        hyva.getBrowserStorage = () => {
  199.            const browserStorage = window.localStorage || window.sessionStorage;
  200.            if (!browserStorage) {
  201.                console.warn('Browser Storage is unavailable');
  202.                return false;
  203.            }
  204.            try {
  205.                browserStorage.setItem('storage_test', '1');
  206.                browserStorage.removeItem('storage_test');
  207.            } catch (error) {
  208.                console.warn('Browser Storage is not accessible', error);
  209.                return false;
  210.            }
  211.            return browserStorage;
  212.        }
  213.  
  214.        hyva.postForm = (postParams) => {
  215.            const form = document.createElement("form");
  216.  
  217.            let data = postParams.data;
  218.  
  219.            if (! postParams.skipUenc && ! data.uenc) {
  220.                data.uenc = btoa(window.location.href);
  221.            }
  222.            form.method = "POST";
  223.            form.action = postParams.action;
  224.  
  225.            Object.keys(postParams.data).map(key => {
  226.                const field = document.createElement("input");
  227.                field.type = 'hidden'
  228.                field.value = postParams.data[key];
  229.                field.name = key;
  230.                form.appendChild(field);
  231.            });
  232.  
  233.            const form_key = document.createElement("input");
  234.            form_key.type = 'hidden';
  235.            form_key.value = hyva.getFormKey();
  236.            form_key.name="form_key";
  237.            form.appendChild(form_key);
  238.  
  239.            document.body.appendChild(form);
  240.  
  241.            form.submit();
  242.        }
  243.  
  244.        hyva.getFormKey = function () {
  245.            let formKey = hyva.getCookie('form_key');
  246.  
  247.            if (!formKey) {
  248.                formKey = generateRandomString();
  249.                hyva.setCookie('form_key', formKey);
  250.            }
  251.  
  252.            return formKey;
  253.        }
  254.  
  255.        hyva.formatPrice = (value, showSign, options = {}) => {
  256.            const formatter = new Intl.NumberFormat(
  257.                'nl\u002DNL',
  258.                Object.assign({
  259.                    style: 'currency',
  260.                    currency: 'EUR',
  261.                    signDisplay: showSign ? 'always' : 'auto'
  262.                }, options)
  263.            );
  264.            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
  265.                formatter.formatToParts(value).map(({type, value}) => {
  266.                    switch (type) {
  267.                        case 'currency':
  268.                            return '\u20AC' || value;
  269.                        case 'minusSign':
  270.                            return '- ';
  271.                        case 'plusSign':
  272.                            return '+ ';
  273.                        default :
  274.                            return value;
  275.                    }
  276.                }).reduce((string, part) => string + part) :
  277.                formatter.format(value);
  278.        }
  279.  
  280.        const formatStr = function (str, nStart) {
  281.            const args = Array.from(arguments).slice(2);
  282.  
  283.            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
  284.                const idx = parseInt(n) - nStart;
  285.  
  286.                if (args[idx] === null || args[idx] === void 0) {
  287.                    return m;
  288.                }
  289.                return p.length % 2
  290.                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
  291.                    : p.replace('%%', '%') + n;
  292.            })
  293.        }
  294.  
  295.        hyva.str = function (string) {
  296.            const args = Array.from(arguments);
  297.            args.splice(1, 0, 1);
  298.  
  299.            return formatStr.apply(undefined, args);
  300.        }
  301.  
  302.        hyva.strf = function () {
  303.            const args = Array.from(arguments);
  304.            args.splice(1, 0, 0);
  305.  
  306.            return formatStr.apply(undefined, args);
  307.        }
  308.  
  309.        /**
  310.         * Take a html string as `content` parameter and
  311.         * extract an element from the DOM to replace in
  312.         * the current page under the same selector,
  313.         * defined by `targetSelector`
  314.         */
  315.        hyva.replaceDomElement = (targetSelector, content) => {
  316.            // Parse the content and extract the DOM node using the `targetSelector`
  317.            const parser = new DOMParser();
  318.            const doc = parser.parseFromString(content, 'text/html');
  319.            const contentNode = doc.querySelector(targetSelector);
  320.  
  321.            // Bail if content can't be found
  322.            if (!contentNode) {
  323.                return;
  324.            }
  325.  
  326.            hyva.activateScripts(contentNode)
  327.  
  328.            // Replace the old DOM node with the new content
  329.            document.querySelector(targetSelector).replaceWith(contentNode);
  330.  
  331.            // Reload customerSectionData and display cookie-messages if present
  332.            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
  333.            hyva.initMessages();
  334.        }
  335.  
  336.        hyva.activateScripts = (contentNode) => {
  337.            // Extract all the script tags from the content.
  338.            // Script tags won't execute when inserted into a dom-element directly,
  339.            // therefore we need to inject them to the head of the document.
  340.            const tmpScripts = contentNode.getElementsByTagName('script');
  341.  
  342.            if (tmpScripts.length > 0) {
  343.                // Push all script tags into an array
  344.                // (to prevent dom manipulation while iterating over dom nodes)
  345.                const scripts = [];
  346.                for (let i = 0; i < tmpScripts.length; i++) {
  347.                    scripts.push(tmpScripts[i]);
  348.                }
  349.  
  350.                // Iterate over all script tags and duplicate+inject each into the head
  351.                for (let i = 0; i < scripts.length; i++) {
  352.                    let script = document.createElement('script');
  353.                    script.innerHTML = scripts[i].innerHTML;
  354.  
  355.                    document.head.appendChild(script);
  356.  
  357.                    // Remove the original (non-executing) node from the content
  358.                    scripts[i].parentNode.removeChild(scripts[i]);
  359.                }
  360.            }
  361.            return contentNode;
  362.        }
  363.  
  364.        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
  365.        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
  366.  
  367.        let currentTrap;
  368.  
  369.        const focusableElements = (rootElement) => {
  370.            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
  371.            return Array.from(rootElement.querySelectorAll(selector))
  372.                .filter(el => {
  373.                    return el.style.display !== 'none'
  374.                        && !el.disabled
  375.                        && el.tabIndex !== -1
  376.                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
  377.                })
  378.        }
  379.  
  380.        const focusTrap = (e) => {
  381.            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
  382.            if (!isTabPressed) return;
  383.  
  384.            const focusable = focusableElements(currentTrap)
  385.            const firstFocusableElement = focusable[0]
  386.            const lastFocusableElement = focusable[focusable.length - 1]
  387.  
  388.            e.shiftKey
  389.                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
  390.                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
  391.        };
  392.  
  393.        hyva.releaseFocus = (rootElement) => {
  394.            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
  395.                currentTrap.removeEventListener('keydown', focusTrap)
  396.                currentTrap = null
  397.            }
  398.        }
  399.        hyva.trapFocus = (rootElement) => {
  400.            if (!rootElement) return;
  401.            hyva.releaseFocus()
  402.            currentTrap = rootElement
  403.            rootElement.addEventListener('keydown', focusTrap)
  404.            const firstElement = focusableElements(rootElement)[0]
  405.            firstElement && firstElement.focus()
  406.        }
  407.  
  408.                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
  409.                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
  410.  
  411.    }( window.hyva = window.hyva || {} ));
  412. </script>
  413.  
  414.            
  415.    <!-- BEGIN GOOGLE ADWORDS CODE -->
  416.    <script>
  417.        {
  418.            (function initGoogleAdwords(){
  419.                const config = {
  420.                    conversionId: "AW\u002D694466228",
  421.                    gtagSiteSrc: "https\u003A\u002F\u002Fwww.googletagmanager.com\u002Fgtag\u002Fjs\u003Fid\u003DAW\u002D694466228",
  422.                    conversionLabel: "",
  423.                    isCookieRestrictionModeEnabled: "1",
  424.                    cookieName: 'user_allowed_save_cookie',
  425.                    currentWebsite: '1'
  426.                };
  427.                const anonymize_ip = true;
  428.  
  429.                let allowServices = false,
  430.                    allowedCookies,
  431.                    allowedWebsites;
  432.  
  433.                if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
  434.                    console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
  435.                }
  436.  
  437.                if (config.isCookieRestrictionModeEnabled && typeof hyva !== 'undefined') {
  438.                    allowedCookies = hyva.getCookie(config.cookieName);
  439.  
  440.                    if (allowedCookies !== null) {
  441.                        allowedWebsites = JSON.parse(unescape(allowedCookies));
  442.  
  443.                        if (allowedWebsites[config.currentWebsite] === 1) {
  444.                            allowServices = true;
  445.                        }
  446.                    }
  447.                } else {
  448.                    allowServices = true;
  449.                }
  450.  
  451.                if (allowServices) {
  452.                    if (!window.gtag) {
  453.                                                    const gtagScript = document.createElement('script');
  454.                            gtagScript.type = 'text/javascript';
  455.                            gtagScript.async = true;
  456.                            gtagScript.src = config.gtagSiteSrc;
  457.                            document.head.insertBefore(gtagScript, document.head.children[0]);
  458.                            
  459.                        window.dataLayer = window.dataLayer || [];
  460.                        window.gtag = function () {
  461.                            dataLayer.push(arguments)
  462.                        };
  463.  
  464.                        gtag('js', new Date());
  465.                        gtag('set', 'developer_id.dYjhlMD', true);
  466.                    }
  467.  
  468.                    gtag('config', config.conversionId, {'anonymize_ip': anonymize_ip});
  469.                    if (config.conversionLabel) {
  470.                        gtag(
  471.                            'event',
  472.                            'conversion',
  473.                            {
  474.                                'send_to': config.conversionId + '/'
  475.                                    + config.conversionLabel
  476.                            }
  477.                        );
  478.                    }
  479.                }
  480.            }())
  481.        }
  482.    </script>
  483.    <!-- END GOOGLE ADWORDS CODE -->
  484.  
  485.    <!-- BEGIN GOOGLE ANALYTICS 4 CODE -->
  486.    <script>
  487.        (function initGoogleGA(){
  488.            const config = {"isCookieRestrictionModeEnabled":true,"currentWebsite":1,"cookieName":"user_allowed_save_cookie","pageTrackingData":{"optPageUrl":"","measurementId":"G-BWS5WE8M8T"},"ordersTrackingData":[],"googleAnalyticsAvailable":true};
  489.            const anonymize_ip = true;
  490.  
  491.            let allowServices = false,
  492.                allowedCookies,
  493.                allowedWebsites,
  494.                measurementId;
  495.  
  496.            if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
  497.                console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
  498.            }
  499.            if (config.isCookieRestrictionModeEnabled && typeof hyva !== 'undefined') {
  500.                allowedCookies = hyva.getCookie(config.cookieName);
  501.  
  502.                if (allowedCookies !== null) {
  503.                    allowedWebsites = JSON.parse(unescape(allowedCookies));
  504.  
  505.                    if (allowedWebsites[config.currentWebsite] === 1) {
  506.                        allowServices = true;
  507.                    }
  508.                } else {
  509.                    window.addEventListener('user-allowed-save-cookie', initGoogleGA, { once: true, passive: true });
  510.                }
  511.            } else {
  512.                allowServices = true;
  513.            }
  514.  
  515.            if (allowServices) {
  516.                measurementId = config.pageTrackingData.measurementId;
  517.                if (!window.gtag) {
  518.                                            const gtagScript = document.createElement('script');
  519.                        gtagScript.type = 'text/javascript';
  520.                        gtagScript.async = true;
  521.                        gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=' + measurementId;
  522.                        document.head.insertBefore(gtagScript, document.head.children[0]);
  523.                    
  524.                    window.dataLayer = window.dataLayer || [];
  525.                    window.gtag = function(){dataLayer.push(arguments)};
  526.                    gtag('js', new Date());
  527.                    gtag('set', 'developer_id.dYjhlMD', true);
  528.                }
  529.  
  530.                gtag('config', measurementId, { 'anonymize_ip': anonymize_ip });
  531.                // Purchase Event
  532.                if (config.ordersTrackingData.hasOwnProperty('currency')) {
  533.                    let purchaseObject = config.ordersTrackingData.orders[0];
  534.                    purchaseObject['items'] = config.ordersTrackingData.products;
  535.                    gtag('event', 'purchase', purchaseObject);
  536.                }
  537.            }
  538.        }())
  539.    </script>
  540.    <!-- END GOOGLE ANALYTICS 4 CODE -->
  541. <script>
  542.    if (!window.IntersectionObserver) {
  543.        window.IntersectionObserver = function (callback) {
  544.            this.observe = el => el && callback(this.takeRecords());
  545.            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
  546.            this.disconnect = () => {};
  547.            this.unobserve = () => {};
  548.        }
  549.    }
  550. </script>
  551.  
  552. <meta property="og:type" content="website"/>
  553. <meta property="og:title" content="Van&#x20;Game&#x20;PC&#x20;tot&#x20;Zoutlamp.&#x20;Een&#x20;webshop&#x20;apart&#x21;"/>
  554. <meta property="og:description" content="Prebuild&#x20;Game&#x20;PC&#x20;&#x27BD;&#x20;Gaming&#x20;Computer&#x20;&#x27BD;&#x20;Videobewerking&#x20;Desktop&#x20;&#x27BD;&#x20;Zakelijke&#x20;Workstation&#x20;&#x27BD;&#x20;Zelf&#x20;Samenstellen&#x20;&#x27BD;&#x20;Webshop&#x20;online&#x20;bestellen&#x21;"/>
  555. <meta property="og:url" content="https://www.lalashops.nl"/>
  556. <meta property="og:site_name" content="LaLaShops.nl"/>
  557. <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.lalashops.nl\/","name":"LaLaShops.nl"}</script><script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".cms-content"],"xpath":["\/html\/head\/title"]}}</script>
  558. <script>
  559.    window.addEventListener('DOMContentLoaded', () => {
  560.        if (window._amSwiperLoaded) {
  561.            return;
  562.        }
  563.  
  564.        // Load Swiper script asynchronously
  565.        const script = document.createElement('script');
  566.        script.src = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js';
  567.        script.async = true;
  568.        document.body.appendChild(script);
  569.  
  570.        window._amSwiperLoaded = true;
  571.  
  572.        script.onload = () => {
  573.            // Dispatch custom event when Swiper is loaded
  574.            window.dispatchEvent(new CustomEvent('amSwiperLoaded', {}));
  575.        }
  576.    });
  577. </script></head>
  578. <body id="html-body" class="cms-home cms-index-index page-layout-1column">
  579.  
  580. <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />
  581.    <noscript>
  582.        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
  583.            <div class="container text-center">
  584.                <p>
  585.                    <strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong>
  586.                    <span>
  587.                        Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser.                    </span>
  588.                </p>
  589.            </div>
  590.        </section>
  591.    </noscript>
  592.  
  593.  
  594. <script>
  595.    document.body.addEventListener('touchstart', () => {}, {passive: true})
  596. </script>
  597.  
  598.    <script>
  599.        function initCookieBanner() {
  600.            const isUserAllowedSaveCookieName = 'user_allowed_save_cookie';
  601.            const currentWebsiteId = 1;
  602.  
  603.            const isAllowedSaveCookie = () => {
  604.                const allowedCookies = hyva.getCookie(isUserAllowedSaveCookieName);
  605.  
  606.                if (!allowedCookies) {
  607.                    return false;
  608.                }
  609.  
  610.                let allowedCookieWebsites;
  611.                try {
  612.                    allowedCookieWebsites = JSON.parse(unescape(allowedCookies));
  613.                } catch (error) {
  614.                    return false;
  615.                }
  616.  
  617.                return allowedCookieWebsites[currentWebsiteId] !== undefined ?
  618.                    !!allowedCookieWebsites[currentWebsiteId] :
  619.                    false;
  620.            };
  621.  
  622.            const component = {
  623.                showCookieBanner: false,
  624.                cookieName: isUserAllowedSaveCookieName,
  625.                cookieValue: '{"1":1}',
  626.                cookieLifetime: '31536000',
  627.                noCookiesUrl: 'https\u003A\u002F\u002Fwww.lalashops.nl\u002Fcookie\u002Findex\u002FnoCookies\u002F',
  628.  
  629.                checkAcceptCookies() {
  630.                    this.showCookieBanner = !isAllowedSaveCookie();
  631.                },
  632.                setAcceptCookies() {
  633.                    const cookieExpires = this.cookieLifetime / 60 / 60 / 24;
  634.                    hyva.setCookie(this.cookieName, this.cookieValue, cookieExpires);
  635.  
  636.                    if (!hyva.getCookie(this.cookieName)) {
  637.                        window.location.href = this.noCookiesUrl;
  638.                    } else {
  639.                        window.dispatchEvent(new CustomEvent('user-allowed-save-cookie'));
  640.                    }
  641.                }
  642.            };
  643.  
  644.            component.checkAcceptCookies(); // Trigger this on load to ensure the banner's state is updated immediately
  645.  
  646.            return component;
  647.        }
  648.    </script>
  649.  
  650.    <section id="notice-cookie-block"
  651.        aria-label="Wij&#x20;gebruiken&#x20;cookies&#x20;om&#x20;uw&#x20;ervaring&#x20;beter&#x20;te&#x20;maken."
  652.        x-data="initCookieBanner();"
  653.        x-defer="intersect"
  654.        @private-content-loaded.window="checkAcceptCookies()">
  655.  
  656.        <template x-if="showCookieBanner">
  657.            <div role="dialog"
  658.                aria-modal="true"
  659.                class="container fixed py-0 right-0 bottom-0 z-30 flex max-w-full bg-container-darker
  660.            border-t-2 border-container-darker">
  661.                <button @click="showCookieBanner = false;" aria-label="Close&#x20;panel"
  662.                    class="absolute right-0 top-0 p-4">
  663.                    <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">
  664.  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
  665. <title>x</title></svg>
  666.                </button>
  667.  
  668.                <div class="p-2 pr-4">
  669.                    <p class="mb-1">
  670.                        <span class="font-semibold">
  671.                            Wij gebruiken cookies om uw ervaring beter te maken.                        </span>
  672.                    </p>
  673.                    <p class="mb-1">
  674.                        <span>
  675.                            Om te voldoen aan de cookie wetgeving, vragen we uw toestemming om de cookies te plaatsen.                        </span>
  676.                    </p>
  677.                    <p class="mb-4">
  678.                        <a href="https://www.lalashops.nl/privacy-policy-cookie-restriction-mode/"
  679.                            class="underline">
  680.                            Read our policy                        </a>
  681.                    </p>
  682.                    <div class="my-2">
  683.                        <button @click="setAcceptCookies(); showCookieBanner = false"
  684.                            id="btn-cookie-allow"
  685.                            class="btn btn-primary">
  686.                            Cookies toestaan                        </button>
  687.                    </div>
  688.                </div>
  689.            </div>
  690.        </template>
  691.    </section>
  692.  
  693.  
  694. <div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
  695.   contentarea"
  696.   href="#contentarea">
  697.    <span>
  698.        Ga naar de inhoud    </span>
  699. </a>
  700. <script>
  701.    const isHomepage = true;
  702.  
  703.    function initHeader() {
  704.        return {
  705.            searchOpen: false,
  706.            cart: {},
  707.            isCartOpen: false,
  708.            isMobile: true,
  709.            isHeaderFixed: false,
  710.            isTopMenuFixed: false,
  711.            headerMainInitialTop: null,
  712.            topMenuInitialTop: null,
  713.            isPageLoaded: false,
  714.  
  715.            init() {
  716.                this.checkIsSearchMobile();
  717.  
  718.                if (!this.isMobile) {
  719.                    this.headerMainInitialTop = this.$refs.headerMain.getBoundingClientRect().top + window.scrollY;
  720.                    this.topMenuInitialTop = this.$refs.topMenu.getBoundingClientRect().top + window.scrollY;
  721.  
  722.                    if (isHomepage) {
  723.                        this.isHeaderFixed = false;
  724.                        this.isTopMenuFixed = false;
  725.                    } else {
  726.                        this.isHeaderFixed = false;
  727.                        this.isTopMenuFixed = false;
  728.                    }
  729.  
  730.                    this.checkPosition();
  731.  
  732.                    window.addEventListener('scroll', this.checkPosition.bind(this));
  733.                }
  734.  
  735.                if (this.isMobile) {
  736.                    this.isHeaderFixed = true;
  737.                }
  738.  
  739.                setTimeout(() => {
  740.                    this.isPageLoaded = true;
  741.                }, 10);
  742.            },
  743.            getData(data) {
  744.                if (data.cart) {
  745.                    this.cart = data.cart;
  746.                }
  747.            },
  748.            isCartEmpty() {
  749.                return !this.cart.summary_count;
  750.            },
  751.            checkIsSearchMobile() {
  752.                const mobileElement = this.$refs.searchContainerMobile;
  753.                this.isMobile = mobileElement ? getComputedStyle(mobileElement).display !== "none" : window.matchMedia('(max-width: 1023px)').matches;
  754.  
  755.                // Prevent moving the search form if an input is focused
  756.                const searchInput = this.$refs.searchForm.querySelector('input');
  757.                if (document.activeElement === searchInput) {
  758.                    return; // Don't move the search form if the input is currently focused
  759.                }
  760.  
  761.                if (this.isMobile) {
  762.                    this.$refs.searchContainerMobile.appendChild(this.$refs.searchForm);
  763.                } else {
  764.                    this.$refs.searchContainerDesktop.appendChild(this.$refs.searchForm);
  765.                }
  766.            },
  767.  
  768.            toggleCart(event) {
  769.                if (event.detail && event.detail.isOpen !== undefined) {
  770.                    this.isCartOpen = event.detail.isOpen;
  771.                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
  772.                        this.$refs.cartButton.focus();
  773.                    }
  774.                } else {
  775.                    this.isCartOpen = true;
  776.                }
  777.            },
  778.            checkPosition() {
  779.                if (!this.isMobile) {
  780.                    const headerMain = this.$refs.headerMain;
  781.                    const topMenu = this.$refs.topMenu;
  782.  
  783.                    const headerMainRect = headerMain.getBoundingClientRect();
  784.                    const topMenuRect = topMenu.getBoundingClientRect();
  785.  
  786.                    const scrollPosition = window.scrollY;
  787.  
  788.                    if (isHomepage) {
  789.                        this.isHeaderFixed = scrollPosition >= this.headerMainInitialTop;
  790.  
  791.                        this.isTopMenuFixed = this.isHeaderFixed && topMenuRect.top <= headerMainRect.bottom;
  792.  
  793.                        if (scrollPosition < 89) {
  794.                            this.isTopMenuFixed = false;
  795.                        }
  796.  
  797.                        const topContainer = document.querySelector('.top-container');
  798.                        const pageMain = document.querySelector('.page-main');
  799.  
  800.                        if (window.innerWidth >= 1024) {
  801.                            if (this.isTopMenuFixed) {
  802.                                if (topContainer) {
  803.                                    topContainer.style.paddingTop = '51px';
  804.                                } else if (pageMain) {
  805.                                    pageMain.style.paddingTop = '141px';
  806.                                }
  807.                            } else {
  808.                                if (topContainer) {
  809.                                    topContainer.style.paddingTop = '';
  810.                                } else if (pageMain) {
  811.                                    pageMain.style.paddingTop = '';
  812.                                }
  813.                            }
  814.                        }
  815.  
  816.                        // Update clerk-instant-search-container position
  817.                        const clerkContainer = document.querySelector('.clerk-instant-search-container');
  818.                        if (clerkContainer) {
  819.                            if (this.isHeaderFixed) {
  820.                                clerkContainer.style.position = 'fixed';
  821.                                clerkContainer.style.top = '65px';
  822.                            } else {
  823.                                clerkContainer.style.position = 'absolute';
  824.                                clerkContainer.style.top = '108px';
  825.                            }
  826.                        }
  827.                    } else {
  828.                        this.isHeaderFixed = scrollPosition >= this.headerMainInitialTop;
  829.                        this.isTopMenuFixed = this.isHeaderFixed;
  830.                    }
  831.                }
  832.            },
  833.  
  834.            eventListeners: {
  835.                ['@private-content-loaded.window'](event) {
  836.                    this.getData(event.detail.data);
  837.                },
  838.                ['@resize.window.debounce']() {
  839.                    this.checkIsSearchMobile();
  840.                },
  841.                ['@visibilitychange.window.debounce']() {
  842.                    this.checkIsSearchMobile();
  843.                },
  844.            },
  845.        }
  846.    }
  847.  
  848.    function initCompareHeader() {
  849.        return {
  850.            compareProducts: null,
  851.            itemCount: 0,
  852.            receiveCompareData(data) {
  853.                if (data['compare-products']) {
  854.                    this.compareProducts = data['compare-products'];
  855.                    this.itemCount = this.compareProducts.count;
  856.                }
  857.            }
  858.        }
  859.    }
  860. </script>
  861.  
  862. <div class="border-t-[3px] border-primary fixed top-0 left-0 w-full z-50"></div>
  863. <div id="header" class="bg-white pt-[3px]" x-data="initHeader()" x-bind="eventListeners">
  864.    
  865. <div class="bg-lala-gray-light-ultra h-10 hidden lg:flex items-center">
  866.    <div class="container flex gap-8 2xl:gap-16 justify-between text-lala-gray text-xs font-light text-center items-center">
  867.        <div>Welkom in ons digitaal winkelcentrum!</div>
  868.        <a href="tel:085 877 0866" class="mr-auto hover:text-lala-black">Bel:&nbsp;085 877 0866</a>
  869.        
  870. <div class="flex gap-2">
  871.  
  872.    <div class="icon-user text-base text-black"></div>
  873.  
  874.    <nav class="flex">
  875.                    
  876. <a id="customer.header.sign.in.link" class="hover:text-lala-black" onclick="hyva.setCookie && hyva.setCookie(
  877.       'login_redirect',
  878.       window.location.href,
  879.       1
  880.   )" href="https://www.lalashops.nl/customer/account/index/" title="Inloggen">
  881.    Inloggen</a>
  882.    &nbsp;/&nbsp;<a id="customer.header.register.link" class="hover:text-lala-black" href="https://www.lalashops.nl/customer/account/create/" title="Account&#x20;aanmaken">
  883.        Account aanmaken    </a>
  884.            </nav>
  885. </div>        <a class="hover:text-lala-black" href="https://www.lalashops.nl/over-ons/">Over ons</a>
  886.    </div>
  887. </div>
  888.    <div class="header-main">
  889.        <div class="bg-white border-b border-b-lala-gray-light lg:border-b-transparent z-50"
  890.            :class="{
  891.                'fixed top-0 left-0 w-full z-40 bg-lala-blue': isHeaderFixed && isPageLoaded,
  892.                '!border-b-lala-gray-light-ultra': isHomepage,
  893.                'bg-lala-blue': !isHomepage // Non-homepage starts as blue, but is initially static
  894.            }"
  895.            x-ref="headerMain"
  896.            :style="isPageLoaded ? 'transition: all 300ms ease-in-out;' : ''">
  897.            <div class="container h-[60px] lg:h-[90px] flex gap-4 items-center justify-between">
  898.                
  899. <a class="header-logo inline-block align-middle max-w-[165px] lg:max-w-none -translate-x-1 lg:translate-x-0" href="https://www.lalashops.nl/" title="Go&#x20;to&#x20;Home&#x20;page">
  900.            <picture><source type="image/webp" srcset="https://www.lalashops.nl/media/logo/stores/9/Lalashops-logo_portal.webp"><img src="https://www.lalashops.nl/media/logo/stores/9/Lalashops-logo_portal.png" alt="LalaShops&#x20;Logo" width="300" height="73" loading="eager" fetchpriority="high"></picture>
  901.    </a>
  902.                <div x-ref="searchContainerDesktop" class="hidden max-w-2xl lg:block min-h-a11y px-6 flex-1 relative"></div>
  903.  
  904.                <div class="hidden lg:block h-9 border-r border-r-lala-gray-light-ultra"></div>
  905.  
  906.                <div class="flex gap-1 lg:gap-8 items-center">
  907.                    <a id="compare-link" class="fixed bottom-12 hidden w-[70px] h-[70px] border border-lala-gray-light-ultra justify-center lg:flex flex-col items-center gap-0.5 p-1 bg-white rounded-full hover:bg-lala-blue outline-offset-2 invisible" :class="{ 'invisible': !(itemCount > 0) }" href="https://www.lalashops.nl/catalog/product_compare/index/" title="Producten&#x20;vergelijken" x-data="initCompareHeader()" @private-content-loaded.window="receiveCompareData($event.detail.data)" :aria-label="`
  908.                    Producten&#x20;vergelijken,
  909.                    ${itemCount > 1 ? hyva.str('\u00251\u0020producten', itemCount) : hyva.str('\u00251\u0020product', itemCount) }`">
  910.                        <div class="icon-balance text-3xl"></div>
  911.                        <div class="hidden text-xxs text-lala-gray font-light">Vergelijken</div>
  912.                        <!-- <span x-text="itemCount" class="absolute -top-1.5 -right-1.5 px-2 py-0.5 rounded-full bg-yellow-200 text-yellow-800 text-xs font-semibold leading-none text-center uppercase tabular-nums" aria-hidden="true"></span> -->
  913.                    </a>
  914.  
  915.                    <a class="hidden lg:flex flex-col gap-[0.15rem] items-center" href="https://www.lalashops.nl/klantenservice/">
  916.                        <div class="icon-headset text-3xl"></div>
  917.                        <div class="text-xxs text-lala-gray font-light">Klantenservice</div>
  918.                    </a>
  919.  
  920.                    
  921. <div x-data="{ openSidebarWishlist: false }">
  922.    <a id="customer.header.wishlist.link.new" @click.prevent.stop="() => {
  923.                        $dispatch('toggle-wishlist', { isOpen: true })
  924.                    }" class="hidden lg:flex flex-col items-center relative gap-[0.15rem]" href="https://www.lalashops.nl/wishlist/" title="Verlanglijst" x-data="{ itemCount: 0 }" @private-content-loaded.window="itemCount = parseInt($event.detail.data.wishlist.counter)">
  925.        <div class="icon-heart text-[1.75rem]"></div>
  926.        <div class="text-xxs text-lala-gray font-light">Verlanglijst</div>
  927.        <template x-if="itemCount">
  928.            <span class="absolute -top-1.5 right-1 pt-[5px] pb-[3px] px-[7px] rounded-full bg-primary text-white text-xs font-semibold leading-none text-center uppercase tabular-nums" x-text="`${itemCount}`"></span>
  929.        </template>
  930.    </a>
  931.  
  932.    
  933.    <div class="wishlist-sidebar fixed top-0 right-0 z-[60] h-[100vh]">
  934.                    
  935.  
  936.  
  937.  
  938. <script>
  939.    function initWishlistOnWishlistSidebar($wishlistJson) {
  940.        function wishlistSidebarFetchHandler(body, postUrl, isRemoveAction = true) {
  941.            const messages = {
  942.                "success": isRemoveAction ?
  943.                    "\u00251\u0020has\u0020been\u0020removed\u0020from\u0020your\u0020Wish\u0020List." :
  944.                    "\u00251\u0020is\u0020toegevoegd\u0020aan\u0020uw\u0020verlanglijst.",
  945.                "warning": isRemoveAction ?
  946.                    "Could\u0020not\u0020remove\u0020item\u0020from\u0020your\u0020Wish\u0020List." :
  947.                    "Could\u0020not\u0020add\u0020item\u0020to\u0020your\u0020Wish\u0020List.",
  948.            }
  949.  
  950.            const postHeaders = {
  951.                "headers": {
  952.                    "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  953.                },
  954.                body: body,
  955.                "method": "POST",
  956.                "mode": "cors",
  957.                "credentials": "include"
  958.            };
  959.  
  960.            return fetch(postUrl, postHeaders).then(function(response) {
  961.                if (response.redirected) {
  962.                    window.location.href = response.url;
  963.                } else if (response.ok) {
  964.                    return response.json();
  965.                } else {
  966.                    const message = {
  967.                        type: "warning",
  968.                        text: messages.warning
  969.                    };
  970.                    window.dispatchMessages && window.dispatchMessages([message], 5000);
  971.                }
  972.            }).then(function(response) {
  973.                if (!response) return;
  974.                const message = {
  975.                    type: (response.success) ? "success" : "error",
  976.                    text: (response.success) ? messages.success : response.error_message
  977.                }
  978.                window.dispatchMessages && window.dispatchMessages([message], 5000);
  979.                window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
  980.            }).catch(function(error) {
  981.                const message = {
  982.                    type: "error",
  983.                    text: error
  984.                };
  985.                window.dispatchMessages && window.dispatchMessages([message], 5000);
  986.            });
  987.        }
  988.  
  989.        const test = $wishlistJson
  990.  
  991.        return {
  992.            test,
  993.            wishlistProducts: null,
  994.            itemCount: 0,
  995.            wishlistCountLabel: null,
  996.            wishlistItems: {},
  997.            open: false,
  998.            receiveWishlistData: function(data) {
  999.                if (data['wishlist']) {
  1000.                    this.wishlistProducts = data['wishlist'];
  1001.                    this.wishlistCountLabel = '(' + this.wishlistProducts.counter + ')';
  1002.                    this.itemCount = this.wishlistProducts.items.length;
  1003.                    this.wishlistItems = this.wishlistProducts.items;
  1004.                }
  1005.            },
  1006.            addToCart: function(json) {
  1007.                const obj = JSON.parse(json);
  1008.                const postUrl = obj.action;
  1009.                const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item + "&qty=" + obj.data.qty + "&uenc=" + hyva.getUenc();
  1010.                wishlistSidebarFetchHandler(body, postUrl, /* isRemoveAction */ false);
  1011.            },
  1012.            removeFromWishlist: function(json) {
  1013.                const obj = JSON.parse(json);
  1014.                const postUrl = obj.action;
  1015.                const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item + "&uenc=" + hyva.getUenc();
  1016.                wishlistSidebarFetchHandler(body, postUrl);
  1017.            },
  1018.            toggleWishlistDrawer(event) {
  1019.                if (event.detail && event.detail.isOpen !== undefined) {
  1020.                    if (event.detail.isOpen) {
  1021.                        this.openWishlistDrawer();
  1022.                    } else {
  1023.                        this.open = false;
  1024.                    }
  1025.                } else {
  1026.                                        this.openWishlistDrawer()
  1027.                }
  1028.            },
  1029.            openWishlistDrawer() {
  1030.                this.open = true;
  1031.            },
  1032.            closeWishlistDrawer() {
  1033.                this.$dispatch('toggle-wishlist', {
  1034.                    isOpen: false
  1035.                })
  1036.            },
  1037.        }
  1038.    }
  1039. </script>
  1040.  
  1041. <section x-cloak
  1042.    id="wishlist-section"
  1043.    x-data="initWishlistOnWishlistSidebar()"
  1044.    @private-content-loaded.window="receiveWishlistData($event.detail.data)"
  1045.    x-init="$watch('open', (value, oldValue) => {
  1046.            if(value) {
  1047.                document.body.style.overflow = true ? 'hidden' : '';
  1048.            } else {
  1049.                document.body.style.overflow = false ? 'hidden' : ''
  1050.            }
  1051.         })"
  1052.    @toggle-wishlist.window="toggleWishlistDrawer($event)">
  1053.    <div role="dialog"
  1054.        aria-labelledby="wishlist-title"
  1055.        aria-modal="true"
  1056.        :aria-hidden="!open"
  1057.        class="fixed inset-y-0 right-0 z-[52] flex max-w-full">
  1058.        <div class="backdrop"
  1059.            x-show="open"
  1060.            x-transition:enter="ease-in-out duration-500"
  1061.            x-transition:enter-start="opacity-0"
  1062.            x-transition:enter-end="opacity-100"
  1063.            x-transition:leave="ease-in-out duration-500"
  1064.            x-transition:leave-start="opacity-100"
  1065.            x-transition:leave-end="opacity-0"
  1066.            role="button"
  1067.            @click="closeWishlistDrawer()"
  1068.            aria-label="Close&#x20;wishlist"></div>
  1069.        <div class="relative w-screen max-w-md shadow-2xl"
  1070.            x-show="open"
  1071.            x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
  1072.            x-transition:enter-start="translate-x-full"
  1073.            x-transition:enter-end="translate-x-0"
  1074.            x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
  1075.            x-transition:leave-start="translate-x-0"
  1076.            x-transition:leave-end="translate-x-full"
  1077.            role="region"
  1078.            :tabindex="open ? 0 : -1"
  1079.            aria-label="Verlanglijst">
  1080.            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl justify-start">
  1081.                <header class="relative px-4 py-6 sm:px-6 bg-lala-gray-light-ultra">
  1082.                    <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900 text-lala-black">
  1083.                        <strong>Verlanglijst</strong>
  1084.                    </p>
  1085.                </header>
  1086.  
  1087.  
  1088.                <div class="px-6 mt-2" x-show="itemCount > 0">
  1089.                    <p class="text-base font-bold border-b border-lala-gray-light-ultra text-lala-black pb-2">
  1090.                        <span x-show="itemCount > 0" x-html="itemCount"></span>
  1091.                        <span x-show="itemCount > 1">producten in verlanglijst</span>
  1092.                        <span x-show="itemCount === 1">product in verlanglijst</span>
  1093.                    </p>
  1094.                </div>
  1095.  
  1096.  
  1097.                <div class="p-3 overflow-auto max-h-[75vh]">
  1098.                    <template x-for="product in wishlistItems" x-show="itemCount > 0">
  1099.                        <div class="flex items-start p-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100 [&:not(:last-child)]:border-b border-container lg:border-none">
  1100.                            <a :href="product.product_url"
  1101.                                class="w-1/4 flex items-center justify-center border rounded-lg border-lala-gray-light-ultra p-2"
  1102.                                :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', product.product_name)">
  1103.  
  1104.                                <img
  1105.                                    :src="product.image.src"
  1106.                                    width="150" height="150" loading="lazy" :alt="product.product_name" />
  1107.                            </a>
  1108.                            <div class="w-3/4">
  1109.                                <div>
  1110.                                    <p class="text-sm">
  1111.                                        <span x-html="product.product_name"></span>
  1112.                                    </p>
  1113.                                </div>
  1114.                                <div class="flex justify-between items-center mt-2">
  1115.                                    <div class="text-sm font-bold text-lala-blue" x-html="product.product_price"></div>
  1116.                                    <div class="flex items-center gap-3">
  1117.                                        <div class="add-to-cart-wrapper flex justify-end" x-show="product.product_is_saleable_and_visible">
  1118.                                            <button @click="addToCart(product.add_to_cart_params)" class="btn btn-primary">
  1119.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  1120.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  1121. </svg>
  1122.                                            </button>
  1123.                                        </div>
  1124.                                        <button type="button"
  1125.                                            class="inline-flex py-4"
  1126.                                            @click="removeFromWishlist(product.delete_item_params)"
  1127.                                            :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020wishlist'), product.product_name">
  1128.                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  1129.  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
  1130. </svg>
  1131.                                        </button>
  1132.                                    </div>
  1133.                                </div>
  1134.                            </div>
  1135.                        </div>
  1136.                    </template>
  1137.                    <p x-show="itemCount === 0">Je verlanglijst is leeg.</p>
  1138.                </div>
  1139.            </div>
  1140.  
  1141.            <button
  1142.                type="button"
  1143.                @click="closeWishlistDrawer()"
  1144.                aria-label="Close&#x20;wishlist"
  1145.                class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black">
  1146.                <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">
  1147.  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
  1148. </svg>
  1149.            </button>
  1150.        </div>
  1151.            </div>
  1152.  
  1153. </section>            </div>
  1154. </div>
  1155.                                            <button  id="menu-cart-icon" class="relative flex flex-col items-center gap-[0.15rem]" x-ref="cartButton" :aria-disabled="isCartEmpty()" :aria-label="`
  1156.                    Toggle&#x20;minicart,
  1157.                    ${isCartEmpty() ? 'Je&#x20;winkelwagen&#x20;is&#x20;leeg' : cart.summary_count > 1 ? hyva.str('&#x25;1&#x20;producten', cart.summary_count) : hyva.str('&#x25;1&#x20;item', cart.summary_count) }`"  @click.prevent.stop="() => {
  1158.                        $dispatch('toggle-cart', { isOpen: true })
  1159.                    }" @toggle-cart.window="toggleCart($event)" :aria-expanded="isCartOpen" aria-haspopup="dialog" >
  1160.                            <div class="icon-cart text-[1.75rem] pr-[1.125rem] lg:pr-1.5"></div>
  1161.                            <span x-text="cart.summary_count" x-show="!isCartEmpty()" x-cloak class="absolute -top-1.5 right-2.5 pt-[5px] pb-[3px] px-[7px] rounded-full bg-primary text-white text-xs font-semibold leading-none text-center uppercase tabular-nums" aria-hidden="true"></span>
  1162.                            <div class="hidden lg:block text-xxs text-lala-gray font-light gap-[0.15rem]">Winkelwagen</div>
  1163.                                                    </button>
  1164.                    
  1165.                    
  1166. <nav class="navigation lg:hidden" aria-label="Site&#x20;navigation" x-data="initMenuMobile_68985b5137d3d()" @load.window="setActiveMenu($root)" @keydown.window.escape="closeMenu()">
  1167.    <button type="button" class="flex items-center justify-center cursor-pointer nav-opener p-0" aria-label="Open&#x20;menu" :aria-expanded="open" x-ref="mobileMenuTrigger" @click="toggleMenu()" :class="{ 'mobile-menu-active': open }">
  1168.        <span :class="{ 'opacity-0' : open, 'opacity-1': !open }"></span>
  1169.        <span :class="{ 'opacity-0' : !open, 'opacity-1': open }"></span>
  1170.    </button>
  1171.    <div x-ref="mobileMenuNavLinks" class="
  1172.            z-50 fixed top-[61px] pt-1 right-0 w-full h-full hidden
  1173.            flex-col bg-container-lighter
  1174.            overflow-y-auto overflow-x-hidden max-h-[calc(100vh_-_61px)]
  1175.        " :class="{ 'flex': open, 'hidden': !open }" :aria-hidden="open ? 'false' : 'true'" role="dialog" aria-modal="true">
  1176.        <ul class="container !px-8 flex flex-col gap-y-1 h-full" aria-label="Site&#x20;navigation&#x20;links">
  1177.            <li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/elektronica/" title="Elektronica"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 52 42.839" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1178.  <defs>
  1179.    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  1180.      <stop offset="0" stop-color="#fff"/>
  1181.      <stop offset="1" stop-color="#1e84cd"/>
  1182.    </linearGradient>
  1183.  </defs>
  1184.  <g id="Group_721" data-name="Group 721" transform="translate(-410 -205.581)">
  1185.    <path id="Line_42" data-name="Line 42" d="M1,3H-1V0H1Z" transform="translate(430.577 239.638)" fill="url(#linear-gradient)"/>
  1186.    <path id="Line_43" data-name="Line 43" d="M1,3H-1V0H1Z" transform="translate(441.422 239.638)" fill="url(#linear-gradient)"/>
  1187.    <path id="Path_296" data-name="Path 296" d="M36.031,42.281H14.853v-1a5.116,5.116,0,0,1,5.11-5.11H30.921a5.116,5.116,0,0,1,5.11,5.11Zm-19.013-2H33.866a3.116,3.116,0,0,0-2.945-2.11H19.963A3.116,3.116,0,0,0,17.018,40.281Z" transform="translate(410.557 206.138)" fill="#1e84cd"/>
  1188.    <path id="Rectangle_348" data-name="Rectangle 348" d="M4.424-1H45.577A5.429,5.429,0,0,1,51,4.423V27.94a5.429,5.429,0,0,1-5.423,5.423H4.424A5.43,5.43,0,0,1-1,27.939V4.424A5.43,5.43,0,0,1,4.424-1ZM45.577,31.363A3.427,3.427,0,0,0,49,27.94V4.423A3.427,3.427,0,0,0,45.577,1H4.424A3.428,3.428,0,0,0,1,4.424V27.939a3.428,3.428,0,0,0,3.424,3.424Z" transform="translate(411 206.581)" fill="#1e84cd"/>
  1189.  </g>
  1190. <title>electronica-blue</title></svg>
  1191. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1192. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1193. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 52 42.8" style="enable-background:new 0 0 52 42.8;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1194. <style type="text/css">
  1195. .st0{fill:#FFFFFF;}
  1196. </style>
  1197. <path class="st0" d="M46.6,0H5.4C2.4,0,0,2.4,0,5.4v23.5c0,3,2.4,5.4,5.4,5.4h14.2v2.5c-2.4,0.4-4.2,2.5-4.2,5v1h21.2v-1  c0-2.5-1.8-4.6-4.2-5v-2.5h14.2c3,0,5.4-2.4,5.4-5.4V5.4C52,2.4,49.6,0,46.6,0z M34.4,40.8H17.6c0.4-1.3,1.6-2.1,2.9-2.1h11  C32.8,38.7,34,39.6,34.4,40.8z M30.4,36.7h-8.8v-2.4h8.8V36.7z M50,28.9c0,1.9-1.5,3.4-3.4,3.4H5.4c-1.9,0-3.4-1.5-3.4-3.4V5.4  C2,3.5,3.5,2,5.4,2h41.2C48.5,2,50,3.5,50,5.4V28.9z"/>
  1198. <title>electronica-white</title></svg>
  1199. </span>Elektronica</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Elektronica&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/" title="Elektronica&#x20;Nieuw">ELEKTRONICA NIEUW</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/" title="Computers" :class="{ 'text-lala-blue': open }">Computers</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Computers&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/" title="Gaming&#x20;PC&#x27;s" :class="{ 'text-lala-blue': open }">Gaming PC&#039;s</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Gaming&#x20;PC&#x27;s&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-3" title="AMD&#x20;Ryzen&#x20;3" :class="{ 'text-lala-blue': open }">AMD Ryzen 3</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-5/" title="AMD&#x20;Ryzen&#x20;5" :class="{ 'text-lala-blue': open }">AMD Ryzen 5</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-7/" title="AMD&#x20;Ryzen&#x20;7" :class="{ 'text-lala-blue': open }">AMD Ryzen 7</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-9/" title="AMD&#x20;Ryzen&#x20;9" :class="{ 'text-lala-blue': open }">AMD Ryzen 9</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i3/" title="Intel&#x20;i3" :class="{ 'text-lala-blue': open }">Intel i3</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i5/" title="Intel&#x20;i5" :class="{ 'text-lala-blue': open }">Intel i5</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i7/" title="Intel&#x20;i7" :class="{ 'text-lala-blue': open }">Intel i7</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i9/" title="Intel&#x20;i9" :class="{ 'text-lala-blue': open }">Intel i9</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/complete-sets/" title="Complete&#x20;Sets" :class="{ 'text-lala-blue': open }">Complete Sets</a></div></li></ul></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/videobewerking-computers/" title="Videobewerking&#x20;Computers" :class="{ 'text-lala-blue': open }">Videobewerking Computers</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/home-office-pc-s/" title="Home&#x20;&amp;&#x20;Office&#x20;PC&#x27;s" :class="{ 'text-lala-blue': open }">Home &amp; Office PC&#039;s</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/mini-pc" title="Mini&#x20;PC&#x20;-&#x20;Intel&#x20;NUC&#x20;Compleet" :class="{ 'text-lala-blue': open }">Mini PC - Intel NUC Compleet</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/all-in-one-pc" title="All-In-One-PC" :class="{ 'text-lala-blue': open }">All-In-One-PC</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/digital-audio-workstation-daw-sound-studio-computers/" title="Digital&#x20;Audio&#x20;Workstation&#x20;&#x28;DAW&#x29;&#x20;&#x2F;&#x20;Sound&#x20;Studio&#x20;Computers" :class="{ 'text-lala-blue': open }">Digital Audio Workstation (DAW) / Sound Studio Computers</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/premium-bitbull-computers" title="Premium&#x20;BitBull&#x20;Computers" :class="{ 'text-lala-blue': open }">Premium BitBull Computers</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/19-inch-business-rack-servers" title="19&#x20;Inch&#x20;Business&#x20;Rack&#x20;Servers" :class="{ 'text-lala-blue': open }">19 Inch Business Rack Servers</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/laptops" title="Laptops" :class="{ 'text-lala-blue': open }">Laptops</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/" title="Randapparatuur" :class="{ 'text-lala-blue': open }">Randapparatuur</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Randapparatuur&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/monitoren-tv" title="Monitoren&#x20;&#x2F;&#x20;TV&#x27;s" :class="{ 'text-lala-blue': open }">Monitoren / TV&#039;s</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Monitoren&#x20;&#x2F;&#x20;TV&#x27;s&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/monitoren-tv/monitoren" title="Monitoren" :class="{ 'text-lala-blue': open }">Monitoren</a></div></li></ul></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/gaming-chair-game-stoel" title="Gaming&#x20;Chair" :class="{ 'text-lala-blue': open }">Gaming Chair</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/toetsenbord-muis/" title="Toetsenbord&#x20;&amp;&#x20;Muis" :class="{ 'text-lala-blue': open }">Toetsenbord &amp; Muis</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/data-opslag/" title="Data&#x20;Opslag" :class="{ 'text-lala-blue': open }">Data Opslag</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/" title="Hardware" :class="{ 'text-lala-blue': open }">Hardware</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Hardware&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/videokaarten/" title="Videokaarten" :class="{ 'text-lala-blue': open }">Videokaarten</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/behuizingen/" title="Behuizingen" :class="{ 'text-lala-blue': open }">Behuizingen</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/voeding/" title="Voeding" :class="{ 'text-lala-blue': open }">Voeding</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/moederborden/" title="Moederborden" :class="{ 'text-lala-blue': open }">Moederborden</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/processoren/" title="Processoren" :class="{ 'text-lala-blue': open }">Processoren</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/processor-koeling/" title="Processor&#x20;&#x2F;&#x20;Behuizing&#x20;Koeling" :class="{ 'text-lala-blue': open }">Processor / Behuizing Koeling</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/solid-state-drives-ssd/" title="Solid&#x20;State&#x20;Drives&#x20;&#x28;SSD&#x29;" :class="{ 'text-lala-blue': open }">Solid State Drives (SSD)</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/pc-geheugen-ram/" title="PC&#x20;Geheugen&#x20;&#x28;RAM&#x29;" :class="{ 'text-lala-blue': open }">PC Geheugen (RAM)</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/geluid/" title="Geluid" :class="{ 'text-lala-blue': open }">Geluid</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Geluid&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/geluid/headphones/" title="Headphones" :class="{ 'text-lala-blue': open }">Headphones</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/netwerk-en-internet/" title="Netwerk&#x20;&amp;&#x20;Internet" :class="{ 'text-lala-blue': open }">Netwerk &amp; Internet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/" title="Kabels,&#x20;Adapters&#x20;en&#x20;Stekkerdozen" :class="{ 'text-lala-blue': open }">Kabels, Adapters en Stekkerdozen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Kabels,&#x20;Adapters&#x20;en&#x20;Stekkerdozen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/kabels/" title="Kabels" :class="{ 'text-lala-blue': open }">Kabels</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/adapters/" title="Adapters" :class="{ 'text-lala-blue': open }">Adapters</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-nieuw/accessoires/" title="Accessoires" :class="{ 'text-lala-blue': open }">Accessoires</a></div></li></ul></li><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/" title="Elektronica&#x20;Refurbished">ELEKTRONICA REFURBISHED</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/" title="Computers" :class="{ 'text-lala-blue': open }">Computers</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Computers&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/mini-pc-computer" title="MINI&#x20;PC&#x20;&#x2F;&#x20;Computer" :class="{ 'text-lala-blue': open }">MINI PC / Computer</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/desktops-en-towers/" title="Desktops&#x20;&amp;&#x20;Towers" :class="{ 'text-lala-blue': open }">Desktops &amp; Towers</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/gaming-computers/" title="Gaming&#x20;Computers" :class="{ 'text-lala-blue': open }">Gaming Computers</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/laag-segment/" title="Laag&#x20;Segment" :class="{ 'text-lala-blue': open }">Laag Segment</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/midden-segment/" title="Midden&#x20;Segment" :class="{ 'text-lala-blue': open }">Midden Segment</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/hoog-segment/" title="Hoog&#x20;Segment" :class="{ 'text-lala-blue': open }">Hoog Segment</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/top-segment/" title="Top&#x20;Segment" :class="{ 'text-lala-blue': open }">Top Segment</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/laptops/" title="Laptops" :class="{ 'text-lala-blue': open }">Laptops</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/monitoren-tv-s/" title="Monitoren&#x20;&#x2F;&#x20;TV&#x27;s" :class="{ 'text-lala-blue': open }">Monitoren / TV&#039;s</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/videokaart-gebruikt" title="Videokaart&#x20;&#x2F;&#x20;GPU" :class="{ 'text-lala-blue': open }">Videokaart / GPU</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/elektronica/elektronica-refurbished/wat-betekend-refurbished/" title="Wat&#x20;betekent&#x20;&#x27;refurbished&#x27;&#x3F;" :class="{ 'text-lala-blue': open }">Wat betekent &#039;refurbished&#039;?</a></div></li></ul></li></ul></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/aanbiedingen-2955/" title="Aanbiedingen"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 48.013 55.886" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1200.  <defs>
  1201.    <linearGradient id="linear-gradient_2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  1202.      <stop offset="0" stop-color="#fff"/>
  1203.      <stop offset="1" stop-color="#1e84cd"/>
  1204.    </linearGradient>
  1205.  </defs>
  1206.  <g id="Group_753" data-name="Group 753" transform="translate(-478.994 -176.757)">
  1207.    <path id="Path_385" data-name="Path 385" d="M30.412,51.345l-9.239-4.2L11.05,51.311V39.024h1.168V49.437l8.975-3.7,8.05,3.663V39.024h1.168Z" transform="translate(482.269 181.299)" fill="url(#linear-gradient_2)"/>
  1208.    <path id="Path_384" data-name="Path 384" d="M19.675-.529l3.8,3.928,3.8-3.928,2.4,4.911,4.83-2.56.767,5.413,5.384-.943-.943,5.384,5.413.767-2.56,4.83,4.911,2.4-3.928,3.8,3.928,3.8-4.911,2.4,2.56,4.83-5.413.767.943,5.384-5.384-.943-.767,5.413-4.83-2.56-2.4,4.911-3.8-3.928-3.8,3.928-2.4-4.911-4.83,2.56-.767-5.413-5.384.943.943-5.384-5.413-.767,2.56-4.83-4.911-2.4,3.928-3.8-3.928-3.8,4.911-2.4-2.56-4.83,5.413-.767L6.291,6.291l5.384.943.767-5.413,4.83,2.56Zm3.8,6.085L20.083,2.05,17.939,6.433,13.628,4.147l-.685,4.831L8.137,8.137l.841,4.806-4.831.685L6.433,17.94,2.05,20.084l3.506,3.394L2.05,26.871l4.383,2.144L4.147,33.327l4.831.685-.841,4.806,4.806-.841.685,4.831,4.312-2.286L20.083,44.9,23.477,41.4,26.871,44.9l2.144-4.383,4.312,2.286.685-4.831,4.806.841-.841-4.806,4.831-.685-2.286-4.312L44.9,26.871,41.4,23.477,44.9,20.084,40.522,17.94l2.286-4.312-4.831-.685.841-4.806-4.806.841-.685-4.831L29.015,6.433,26.871,2.05Z" transform="translate(479.523 177.286)" fill="#1e84cd"/>
  1209.  </g>
  1210. <title>aanbiedingen-blue</title></svg>
  1211. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1212. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1213. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 55.9" style="enable-background:new 0 0 48 55.9;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1214. <style type="text/css">
  1215. .st0{fill:#FFFFFF;}
  1216. </style>
  1217. <path class="st0" d="M44.1,24l3.9-3.8l-4.9-2.4l2.6-4.8l-5.4-0.8l0.9-5.4l-5.4,0.9L35,2.4l-4.8,2.6L27.8,0L24,3.9L20.2,0l-2.4,4.9  L13,2.3l-0.8,5.4L6.8,6.8l0.9,5.4L2.4,13l2.6,4.8L0,20.2L3.9,24L0,27.8l4.9,2.4L2.4,35l5.4,0.8l-0.9,5.4l5.4-0.9l0.8,5.4l1.4-0.7  v10.9l10.1-4.2l9.2,4.2l0-10.9l1.3,0.7l0.8-5.4l5.4,0.9l-0.9-5.4l5.4-0.8l-2.6-4.8l4.9-2.4L44.1,24z M32.5,53.9l-8-3.7l-9,3.7v-9.7  l2.3-1.2l2.4,4.9l3.8-3.9l3.8,3.9l2.4-4.9l2.3,1.2V53.9z M43.3,33.9l-4.8,0.7l0.8,4.8l-4.8-0.8l-0.7,4.8L29.5,41l-2.1,4.4L24,41.9  l-3.4,3.5l-2.1-4.4l-4.3,2.3l-0.7-4.8l-4.8,0.8l0.8-4.8l-4.8-0.7L7,29.5l-4.4-2.1L6.1,24l-3.5-3.4L7,18.5l-2.3-4.3l4.8-0.7L8.7,8.7  l4.8,0.8l0.7-4.8L18.5,7l2.1-4.4L24,6.1l3.4-3.5L29.5,7l4.3-2.3l0.7,4.8l4.8-0.8l-0.8,4.8l4.8,0.7l-2.3,4.3l4.4,2.1L41.9,24l3.5,3.4  l-4.4,2.1L43.3,33.9z"/>
  1218. <title>aanbiedingen-white</title></svg>
  1219. </span>Aanbiedingen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Aanbiedingen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/aanbiedingen/verpakkingsmateriaal" title="Verpakkingsmateriaal">Verpakkingsmateriaal</a></div></li></ul></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/baby-en-kinderspullen" title="Baby&#x20;en&#x20;Kinderspullen"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 50.073 43.238" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1220.  <defs>
  1221.    <linearGradient id="linear-gradient_3" x1="0.056" y1="0.149" x2="0.917" gradientUnits="objectBoundingBox">
  1222.      <stop offset="0" stop-color="#fff"/>
  1223.      <stop offset="1" stop-color="#1e84cd"/>
  1224.    </linearGradient>
  1225.  </defs>
  1226.  <g id="Group_1249" data-name="Group 1249" transform="translate(-410.963 -200.391)">
  1227.    <path id="Path_505" data-name="Path 505" d="M163.828,46.892a1.739,1.739,0,0,1-1.621-.7l1.3-.745a.292.292,0,0,0-.1-.11c.32.159,2.025-.007,4.282-.9a5,5,0,0,0,.606-.28l-.123-.073-.125-.075a22.341,22.341,0,0,1-2.717-2.772l1.134-.981a23.951,23.951,0,0,0,2.363,2.473l.108.064c.424.251,1.133.67,1.072,1.449-.063.81-.928,1.258-1.766,1.591a16.665,16.665,0,0,1-3.4.97A6.752,6.752,0,0,1,163.828,46.892Z" transform="translate(291.026 170.915)" fill="url(#linear-gradient_3)"/>
  1228.    <path id="Path_502" data-name="Path 502" d="M29.136,79.3a37.48,37.48,0,0,1-4.155-.231,38.267,38.267,0,0,1-7.434-1.592,30.922,30.922,0,0,1-6.625-2.919,19.117,19.117,0,0,1-7.753-6.692A19.39,19.39,0,0,1,.235,59.894,21.857,21.857,0,0,1,.32,53.219c.156-.886.614-3.032,1.486-3.82a2.035,2.035,0,0,1,2.688.026,18.244,18.244,0,0,1,2.543,2.243,25.984,25.984,0,0,0,5.189,4.246c3.315,1.88,6.524,2.221,9.539,1.013a10.02,10.02,0,0,0,3.53-2.353l1.131.986a11.474,11.474,0,0,1-4.1,2.759,11.147,11.147,0,0,1-4.732.794,13.78,13.78,0,0,1-6.1-1.895,27.182,27.182,0,0,1-5.5-4.481,17.537,17.537,0,0,0-2.3-2.051c-.621-.4-.778-.259-.871-.175A6.785,6.785,0,0,0,1.8,53.48a20.317,20.317,0,0,0-.077,6.2,17.2,17.2,0,0,0,9.9,13.546l.04.02.037.024a29.651,29.651,0,0,0,6.361,2.793A36.487,36.487,0,0,0,34.213,77.44c6.333-.908,11.125-4.736,12.5-9.991,1.192-4.537-.535-9.122-4.618-12.266l.915-1.189c4.577,3.524,6.5,8.7,5.153,13.835a14.072,14.072,0,0,1-4.635,7.177,18.038,18.038,0,0,1-9.108,3.917A37.275,37.275,0,0,1,29.136,79.3Z" transform="translate(410.944 164.328)" fill="#1e84cd"/>
  1229.    <path id="Path_503" data-name="Path 503" d="M94.151,21.581a8.124,8.124,0,0,1-3.656-1.49,8.526,8.526,0,0,1-2.555-2.958,12.238,12.238,0,0,1-1.3-5.271,12.06,12.06,0,0,1,.717-4.778,10.224,10.224,0,0,1,2.229-3.506A13.574,13.574,0,0,1,99.137-.25,12.063,12.063,0,0,1,107.183,3c.355.288.661.537.944.733,1.359.943,3.05,2.116,4.1,1.9a1.8,1.8,0,0,1,1.785.391,1.378,1.378,0,0,1,.076,1.464l-.021.047a8.9,8.9,0,0,1-7.5,5.347l-.155-1.492a7.432,7.432,0,0,0,6.213-4.305l-.1.019c-1.672.339-3.572-.98-5.248-2.143-.329-.229-.672-.507-1.034-.8A10.61,10.61,0,0,0,99.127,1.25,12.208,12.208,0,0,0,90.67,4.622,9.364,9.364,0,0,0,88.144,11.8c.13,3.241,1.216,5.62,3.229,7.072a6.609,6.609,0,0,0,2.917,1.213Z" transform="translate(346.771 200.641)" fill="#1e84cd"/>
  1230.    <path id="Path_505-2" data-name="Path 505" d="M150.055,32.453s4.594-.353,3.1-5.885a10.664,10.664,0,0,1,1.751-9.315" transform="translate(300.482 188.267)" fill="none" stroke="#1e84cd" stroke-width="1.5"/>
  1231.    <path id="Path_506" data-name="Path 506" d="M68.7,104.235a23.367,23.367,0,0,1-4.762-.46,9.069,9.069,0,0,1-3.922-1.647,3.1,3.1,0,0,1-1.146-1.851,3.319,3.319,0,0,1,.535-2.306,7.6,7.6,0,0,1,4.488-3.183,19.567,19.567,0,0,1,5.785-.722,37.518,37.518,0,0,1,7.182.775L76.533,96.3h0a36.677,36.677,0,0,0-6.887-.739c-3.2-.015-7.349.526-8.959,3.182a1.513,1.513,0,0,0,.291,2.229c1.34,1.12,4.526,1.809,8.115,1.755s6.774-.845,8.1-2.015l.993,1.124c-1.626,1.436-5.016,2.329-9.069,2.39Q68.907,104.235,68.7,104.235Z" transform="translate(367.307 130.98)" fill="#1e84cd"/>
  1232.    <circle id="Ellipse_58" data-name="Ellipse 58" cx="1.463" cy="1.463" r="1.463" transform="translate(443.799 209.155)" fill="#1e84cd" stroke="#1e84cd" stroke-width="1.5"/>
  1233.  </g>
  1234. <title>duck-blue</title></svg>
  1235. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1236. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1237. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 50.1 43.2" style="enable-background:new 0 0 50.1 43.2;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1238. <style type="text/css">
  1239. .st0{fill:#FFFFFF;}
  1240. </style>
  1241. <g>
  1242. <path class="st0" d="M43.9,17.4c0.3,0,0.7,0,1-0.1c1.2-0.2,2.3-0.5,3.4-1c0.8-0.3,1.7-0.8,1.8-1.6s-0.6-1.2-1.1-1.4l-0.1-0.1   c-0.7-0.6-1.3-1.2-1.8-1.9c1.2-0.9,2.2-2.1,2.8-3.6l0,0c0.3-0.5,0.2-1-0.1-1.5c-0.5-0.4-1.2-0.6-1.8-0.4c-1,0.2-2.7-1-4.1-1.9   c-0.3-0.2-0.6-0.4-0.9-0.7c-2.2-2-5.1-3.2-8-3.2c-3.6,0-7,1.3-9.6,3.8c-1,1-1.7,2.2-2.2,3.5c-0.6,1.5-0.8,3.2-0.7,4.8   c0,1.8,0.5,3.6,1.3,5.3c0.3,0.6,0.7,1.1,1.1,1.6c-0.9,0.8-1.9,1.5-3.1,1.9c-3,1.2-6.2,0.9-9.5-1c-1.9-1.2-3.6-2.6-5.2-4.2   c-0.8-0.8-1.6-1.6-2.5-2.2c-0.8-0.7-1.9-0.7-2.7,0c-0.9,0.8-1.3,2.9-1.5,3.8C0,19.5,0,21.8,0.3,24c0.4,2.8,1.4,5.6,2.9,8   c1.9,2.9,4.6,5.2,7.8,6.7c2.1,1.2,4.3,2.2,6.6,2.9c2.4,0.8,4.9,1.3,7.4,1.6c1.4,0.2,2.8,0.2,4.2,0.2c1.8,0,3.5-0.1,5.3-0.4   c3.3-0.4,6.5-1.8,9.1-3.9c2.3-1.9,3.9-4.4,4.6-7.2c1.3-5-0.5-10-4.7-13.5c0.1-0.3,0.2-0.6,0.2-0.9C43.7,17.4,43.8,17.4,43.9,17.4z    M48.1,14.5l0.1,0.1l0.1,0.1c-0.2,0.1-0.4,0.2-0.6,0.3c-2,0.8-3.5,1-4.1,0.9c0-0.5-0.1-1.1-0.3-1.7c-0.1-0.4-0.2-0.8-0.3-1.2   c0.9-0.2,1.8-0.5,2.6-0.9C46.5,13,47.3,13.8,48.1,14.5z M44.6,6.2c1.3,0.8,2.6,1.4,3.7,1.1h0.1c-1,2.2-3,3.7-5.4,4.2   C43.1,9.7,43.6,7.8,44.6,6.2z M46.7,31.4c-1.4,5.3-6.2,9.1-12.5,10C28.8,42.1,23.3,41.7,18,40c-2.2-0.7-4.4-1.6-6.4-2.8l0,0l0,0   c-5.4-2.5-9.2-7.6-9.9-13.5c-0.3-2.1-0.3-4.1,0.1-6.2c0.1-1.1,0.5-2.1,1-3c0.1-0.1,0.2-0.2,0.9,0.2C4.5,15.3,5.3,16,6,16.8   c1.6,1.7,3.5,3.2,5.5,4.5c1.9,1.1,3.9,1.7,6.1,1.9c1.6,0.1,3.2-0.2,4.7-0.8c1.3-0.5,2.5-1.3,3.6-2.3c0.1,0.1,0.3,0.2,0.4,0.3   c1.1,0.8,2.3,1.3,3.7,1.5l0.1-1.5c-1.1-0.2-2.1-0.6-2.9-1.2c-2-1.5-3.1-3.8-3.2-7.1c-0.2-2.6,0.7-5.3,2.5-7.2   c2.3-2.2,5.3-3.4,8.5-3.4c2.7,0,5.2,1.1,7.1,2.9c0.4,0.3,0.7,0.6,1,0.8c0.1,0.1,0.2,0.1,0.3,0.2c-1.7,2.7-2.3,6.1-1.4,9.2   c0.4,1.6,0.4,2.9-0.2,3.7c-0.8,1.1-2.2,1.2-2.2,1.2l0.1,0.7l0.1,0.7c0.1,0,1.8-0.2,3-1.5C46.3,22.7,47.8,27.1,46.7,31.4z"/>
  1243. <path class="st0" d="M25.4,33.3c-3.6,0.1-6.8-0.6-8.1-1.8l-0.1-0.1c-0.6-0.5-0.7-1.5-0.2-2.1c1.6-2.7,5.8-3.2,9-3.2   c2.3,0,4.6,0.3,6.9,0.7l0.3-1.5c-2.4-0.5-4.8-0.7-7.2-0.8c-2,0-3.9,0.2-5.8,0.7c-1.8,0.5-3.4,1.6-4.5,3.2c-0.5,0.7-0.6,1.5-0.5,2.3   c0.1,0.7,0.6,1.4,1.1,1.9c1.2,0.9,2.5,1.4,3.9,1.6c1.6,0.3,3.2,0.5,4.8,0.5c0.1,0,0.3,0,0.4,0c4.1-0.1,7.4-1,9.1-2.4l-1-1.1   C32.2,32.5,29,33.3,25.4,33.3z"/>
  1244. <path class="st0" d="M34.3,8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2S35.5,8,34.3,8z M34.3,10.9c-0.4,0-0.7-0.3-0.7-0.7   s0.3-0.7,0.7-0.7S35,9.8,35,10.2S34.7,10.9,34.3,10.9z"/>
  1245. </g>
  1246. <title>duck-white</title></svg>
  1247. </span>Baby en Kinderspullen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Baby&#x20;en&#x20;Kinderspullen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/geboortelijstjes" title="Geboortelijstjes">Geboortelijstjes</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/knuffeldoekjes" title="Knuffeldoekjes">Knuffeldoekjes</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/brievenbus-cadeau-s" title="Brievenbus&#x20;Cadeau&#x27;s">Brievenbus Cadeau&#039;s</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/glazen-tegeltjes" title="Glazen&#x20;&#x20;Tegeltjes">Glazen  Tegeltjes</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen" title="Leren&#x20;en&#x20;Spelen">Leren en Spelen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Leren&#x20;en&#x20;Spelen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/speelbakken" title="Speelbakken&#x20;en&#x20;Toebehoren" :class="{ 'text-lala-blue': open }">Speelbakken en Toebehoren</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/boeken" title="Boeken" :class="{ 'text-lala-blue': open }">Boeken</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/tikiri-bad-en-bijtspeelgoed" title="Tikiri&#x20;Bijt-&#x20;en&#x20;Badspeelgoed" :class="{ 'text-lala-blue': open }">Tikiri Bijt- en Badspeelgoed</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/mushie-stacking-cups" title="Mushie&#x20;Stacking&#x20;Cups" :class="{ 'text-lala-blue': open }">Mushie Stacking Cups</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/mushie-presstoy" title="Mushie&#x20;Press&#x20;Toy" :class="{ 'text-lala-blue': open }">Mushie Press Toy</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed" title="Kinderspeelgoed" :class="{ 'text-lala-blue': open }">Kinderspeelgoed</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Kinderspeelgoed&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed/animal-world" title="Animal&#x20;World&#x20;&#x2F;&#x20;Animal&#x20;Kingdom" :class="{ 'text-lala-blue': open }">Animal World / Animal Kingdom</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed/mega-size" title="Mega&#x20;Size" :class="{ 'text-lala-blue': open }">Mega Size</a></div></li></ul></li></ul></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/gepersonaliseerde-cadeau-s" title="Gepersonaliseerde&#x20;Cadeau&#x27;s">Gepersonaliseerde Cadeau&#039;s</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/decoratie-kinderkamer" title="Decoratie&#x20;Kinderkamer">Decoratie Kinderkamer</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken" title="Eten&#x20;en&#x20;Drinken">Eten en Drinken</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Eten&#x20;en&#x20;Drinken&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken/mushie-sippy-cups" title="Mushie&#x20;Sippy&#x20;Cups" :class="{ 'text-lala-blue': open }">Mushie Sippy Cups</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken/mushie-place-mats" title="Mushie&#x20;Place&#x20;Mats" :class="{ 'text-lala-blue': open }">Mushie Place Mats</a></div></li></ul></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/speenkoorden" title="Speenkoorden">Speenkoorden</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen" title="Frigg&#x20;Spenen">Frigg Spenen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Frigg&#x20;Spenen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen/frigg-spenen-t1-0-tot-6-maanden" title="FRIGG&#x20;Spenen&#x20;T1&#x20;-&#x20;0&#x20;tot&#x20;6&#x20;Maanden" :class="{ 'text-lala-blue': open }">FRIGG Spenen T1 - 0 tot 6 Maanden</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen/frigg-spenen-t2-6-tot-12-maanden" title="FRIGG&#x20;Spenen&#x20;T2&#x20;-&#x20;6&#x20;tot&#x20;12&#x20;Maanden" :class="{ 'text-lala-blue': open }">FRIGG Spenen T2 - 6 tot 12 Maanden</a></div></li></ul></li></ul></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/cadeau-artikelen/" title="Cadeau"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 36.446 44.275" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1248.  <defs>
  1249.    <linearGradient id="linear-gradient_4" x1="1" y1="1" x2="0.09" y2="1" gradientUnits="objectBoundingBox">
  1250.      <stop offset="0" stop-color="#1e84cd"/>
  1251.      <stop offset="1" stop-color="#fff"/>
  1252.    </linearGradient>
  1253.  </defs>
  1254.  <g id="Group_771" data-name="Group 771" transform="translate(-824.367 231.634)">
  1255.    <path id="Rectangle_358" data-name="Rectangle 358" d="M-.75-.75H12.567V23.6H-.75ZM11.067.75H.75V22.1H11.067Z" transform="translate(827.301 -210.958)" fill="#1e84cd"/>
  1256.    <path id="Rectangle_359" data-name="Rectangle 359" d="M-.75-.75H12.287V23.6H-.75ZM10.787.75H.75V22.1H10.787Z" transform="translate(846.118 -210.958)" fill="#1e84cd"/>
  1257.    <path id="Path_506_2" data-name="Path 506" d="M42.366,12.6l-1.027-.125a25.77,25.77,0,0,1-5.535-1.41,13.106,13.106,0,0,1-3.992-2.294,5.871,5.871,0,0,1-2.135-4.046A4.885,4.885,0,0,1,30.857,1,3.822,3.822,0,0,1,33.682-.213,6.439,6.439,0,0,1,38.52,2.6a21.076,21.076,0,0,1,3.645,8.986ZM33.682,1.287a2.306,2.306,0,0,0-1.729.739,3.413,3.413,0,0,0-.78,2.6c.176,2.586,2.909,4.169,5.171,5.042a24.267,24.267,0,0,0,4.121,1.148,18.706,18.706,0,0,0-3.122-7.284A5.016,5.016,0,0,0,33.682,1.287Z" transform="translate(801.188 -231.42)" fill="#1e84cd"/>
  1258.    <path id="Path_507" data-name="Path 507" d="M80.245,12.6l.2-1.015A21.076,21.076,0,0,1,84.091,2.6,6.439,6.439,0,0,1,88.93-.213,3.822,3.822,0,0,1,91.755,1a4.885,4.885,0,0,1,1.18,3.727A5.871,5.871,0,0,1,90.8,8.775a13.106,13.106,0,0,1-3.992,2.294,25.77,25.77,0,0,1-5.535,1.41ZM88.93,1.287a5.016,5.016,0,0,0-3.662,2.246,18.7,18.7,0,0,0-3.121,7.283c2.58-.488,9.015-2.11,9.292-6.189a3.413,3.413,0,0,0-.78-2.6A2.306,2.306,0,0,0,88.93,1.287Z" transform="translate(761.435 -231.42)" fill="#1e84cd"/>
  1259.    <path id="Rectangle_357" data-name="Rectangle 357" d="M-.75-.75H14.695V8.478H-.75ZM13.195.75H.75V6.978H13.195Z" transform="translate(846.118 -218.686)" fill="url(#linear-gradient_4)"/>
  1260.    <path id="Rectangle_357-2" data-name="Rectangle 357" d="M-.75-.75H14.695V8.478H-.75ZM13.195.75H.75V6.978H13.195Z" transform="translate(839.061 -210.958) rotate(180)" fill="url(#linear-gradient_4)"/>
  1261.    <path id="Rectangle_360" data-name="Rectangle 360" d="M-.75-.75h8.5V31.328H-.75Zm7,1.5H.75V29.828h5.5Z" transform="translate(839.117 -218.686)" fill="#1e84cd"/>
  1262.  </g>
  1263. <title>cadeau-blue</title></svg>
  1264. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1265. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1266. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 36.4 44.3" style="enable-background:new 0 0 36.4 44.3;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1267. <style type="text/css">
  1268. .st0{fill:#FFFFFF;}
  1269. </style>
  1270. <path class="st0" d="M36.4,12.2H22.5H21h-0.1c1-0.2,2-0.5,3-0.9c1.5-0.5,2.8-1.3,4-2.3c1.2-1,2-2.5,2.1-4c0.1-1.4-0.3-2.7-1.2-3.7  C28.1,0.4,27.1,0,26,0c-2,0.2-3.7,1.2-4.8,2.8c-1.3,1.8-2.3,3.8-2.9,5.9c-0.7-2.1-1.6-4.1-2.9-5.9c-1.1-1.6-2.9-2.7-4.8-2.8  C9.4,0,8.4,0.4,7.7,1.2c-0.9,1-1.3,2.4-1.2,3.7c0.1,1.6,0.9,3,2.1,4c1.2,1,2.5,1.8,4,2.3c1,0.4,2,0.7,3,0.9H14v0H0v9.2h2.2v22.8H14  h1.5H21h1.5H34V21.4h2.4V12.2z M22.3,3.7c0.8-1.3,2.2-2.1,3.7-2.2c0.7,0,1.3,0.3,1.7,0.7c0.6,0.7,0.9,1.7,0.8,2.6  c-0.3,4.1-6.7,5.7-9.3,6.2C19.7,8.4,20.8,5.9,22.3,3.7z M8,4.8C7.9,3.9,8.2,3,8.8,2.2c0.4-0.5,1.1-0.7,1.7-0.7  c1.5,0.2,2.8,1,3.7,2.2c1.5,2.2,2.6,4.7,3.1,7.3c-1.4-0.3-2.8-0.6-4.1-1.1C10.9,9,8.2,7.4,8,4.8z M1.5,19.9v-6.2h12.4v6.2H2.2H1.5z   M3.7,42.8V21.4H14v21.3H3.7z M21,42.8h-5.5V19.9h0v-6.2H21V42.8z M32.5,42.8h-10V21.4h10V42.8z M34.9,19.9H34H22.5v-6.2h12.4V19.9z  "/>
  1271. <title>cadeau-white</title></svg>
  1272. </span>Cadeau</a></div></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/kristalhandel/" title="KristalHandel"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 28.366 43.64" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1273.  <defs>
  1274.    <linearGradient id="linear-gradient_5" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  1275.      <stop offset="0" stop-color="#fff"/>
  1276.      <stop offset="1" stop-color="#1e84cd"/>
  1277.    </linearGradient>
  1278.  </defs>
  1279.  <g id="Group_775" data-name="Group 775" transform="translate(-864.315 105.955)">
  1280.    <path id="Path_507_2" data-name="Path 507" d="M14.182,397.253a32.564,32.564,0,0,1-9.732-1.324C1.538,394.977,0,393.656,0,392.11c0-1.88,2.285-3.428,6.434-4.358l.328,1.464c-3.635.815-5.262,2.041-5.262,2.894,0,.617.9,1.57,3.418,2.394a31.052,31.052,0,0,0,9.266,1.25,31.051,31.051,0,0,0,9.266-1.25c2.52-.824,3.418-1.777,3.418-2.394,0-.8-1.484-1.971-4.8-2.786l.358-1.457c3.832.942,5.942,2.448,5.942,4.243,0,1.546-1.539,2.867-4.451,3.819A32.563,32.563,0,0,1,14.182,397.253Z" transform="translate(864.316 -459.569)" fill="url(#linear-gradient_5)"/>
  1281.    <path id="Path_514" data-name="Path 514" d="M136.123,421.717l-1.611-.383.347-1.459,1.138.27,2.37-.986.576,1.385Z" transform="translate(742.073 -488.198)" fill="#1e84cd"/>
  1282.    <g id="Group_775-2" data-name="Group 775">
  1283.      <path id="Path_508" data-name="Path 508" d="M41.17,269.3l-2.981-.542L33.2,255.768l3.46-5.229,4.93,3.148,2.041,13.64Zm-1.883-1.867,1.48.269,1.255-1-1.812-12.111L37.1,252.6l-2.218,3.354Z" transform="translate(833.932 -334.606)" fill="#1e84cd"/>
  1284.      <path id="Path_509" data-name="Path 509" d="M38.094,283.735l-4.1-.276.1-1.5,3.6.242,2.8-1.844.826,1.252Z" transform="translate(833.932 -361.456)" fill="#1e84cd"/>
  1285.      <path id="Path_510" data-name="Path 510" d="M69.917,268.679l-3.079-12.4-1.014-4.551,1.464-.326,1.012,4.542,3.073,12.371Z" transform="translate(804.255 -334.605)" fill="#1e84cd"/>
  1286.      <path id="Path_511" data-name="Path 511" d="M175.577,190.864l-2.954-1.818.943-18.91,6.993-4.227,4.382,6.572-5.564,17.824Zm-1.411-2.63L175.9,189.3l2.328-.342,5.07-16.241-3.188-4.783-5.083,3.072Z" transform="translate(706.743 -257.35)" fill="#1e84cd"/>
  1287.      <path id="Path_512" data-name="Path 512" d="M200.969,190.227l-1.472-.289,3.268-16.655,1.329-6.511,1.47.3-1.329,6.509Z" transform="translate(682.247 -257.35)" fill="#1e84cd"/>
  1288.      <path id="Path_513" data-name="Path 513" d="M188.273,212.375l-4.945-3.005.779-1.282,4.472,2.717,4.841-.789.241,1.48Z" transform="translate(697.322 -295.506)" fill="#1e84cd"/>
  1289.      <path id="Path_515" data-name="Path 515" d="M148.735,38.4l-.09-27.3v0l.09-10.375,1.5.013-.09,10.37.09,27.29Z" transform="translate(728.648 -105.665)" fill="#1e84cd"/>
  1290.      <path id="Path_516" data-name="Path 516" d="M57.789,23.468,55.7,7.732,64.709-.291,73.3,7.877l-.972,8.688L70.834,16.4l.89-7.948-7.048-6.7L57.288,8.324,59.276,23.27Z" transform="translate(813.44 -105.665)" fill="#1e84cd"/>
  1291.      <path id="Path_517" data-name="Path 517" d="M64.6,88.218l-8.374-3.175.532-1.4L64.6,86.616l7.644-2.842.523,1.406Z" transform="translate(813.44 -181.978)" fill="#1e84cd"/>
  1292.    </g>
  1293.  </g>
  1294. <title>kristal-handel-blue</title></svg>
  1295. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1296. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1297. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 28.4 43.6" style="enable-background:new 0 0 28.4 43.6;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1298. <style type="text/css">
  1299. .st0{fill:#FFFFFF;}
  1300. </style>
  1301. <path class="st0" d="M23.2,34.5l4.2-13.4L23,14.5l-1.4,0.8l0.8-7.2L13.8,0l-9,8l1.9,14.1l-0.4-0.3l-3.5,5.2l2.8,7.2  C2,35.3,0,36.8,0,38.5c0,1.5,1.5,2.9,4.5,3.8c3.2,0.9,6.4,1.4,9.7,1.3c3.3,0.1,6.6-0.4,9.7-1.3c2.9-1,4.5-2.3,4.5-3.8  C28.4,36.8,26.5,35.4,23.2,34.5z M23.1,17.4l2.1,3.2l-2.9,0.5L23.1,17.4z M20.9,20.8l-2.7-1.7l3.5-2.1L20.9,20.8z M16.6,36.8  l0.8-16.4l3.2,1.9l-3,15.1L16.6,36.8z M22.1,22.7l3.4-0.6l-4.8,15.4l-1.6,0.2L22.1,22.7z M16,18.7l-0.9,18.6l-0.5,0.2l-0.1-25.7  l6.3-2.3L20,16.3L16,18.7z M7,8.1l6-5.4L13,10.3L7,8.1z M14.6,2.8l5.7,5.4l-5.8,2.1L14.6,2.8z M6.5,9.5l6.5,2.4l0.1,25.5L11.2,25  l-2.9-1.8L6.5,9.5z M9.1,25.5L8,26.2l-0.4-1.7L9.1,25.5z M6.6,26.6L5,26.5l1.1-1.7L6.6,26.6z M6.9,28.2l2.7,10.7l-0.7-0.1L4.8,28  L6.9,28.2z M11,38.5L8.4,27.8l1.6-1l1.7,11.3L11,38.5z M23.5,40.9c-3,0.9-6.1,1.3-9.3,1.2c-3.1,0.1-6.3-0.4-9.3-1.2  c-2.5-0.8-3.4-1.8-3.4-2.4c0-0.8,1.5-1.9,4.6-2.7l1.7,4.3l3,0.5l1.8-1.5l1.3,0.3l2.5-1l1.7,1l3.8-0.6l0.9-3c2.8,0.8,4.1,1.9,4.1,2.6  C26.9,39.1,26,40.1,23.5,40.9z"/>
  1302. <title>kristal-handel-white</title></svg>
  1303. </span>KristalHandel</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;KristalHandel&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/" title="Kristal&#x2F;Edelsteen&#x20;Producten">KRISTAL/EDELSTEEN PRODUCTEN</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/agaat-op-standaard/" title="Agaat&#x20;op&#x20;Standaard" :class="{ 'text-lala-blue': open }">Agaat op Standaard</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/geode" title="Geode" :class="{ 'text-lala-blue': open }">Geode</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/getrommelde-stenen/" title="Getrommelde&#x20;Stenen" :class="{ 'text-lala-blue': open }">Getrommelde Stenen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Getrommelde&#x20;Stenen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/getrommelde-stenen/rond-natuurlijke-vorm/" title="Rond&#x20;&#x2F;&#x20;Natuurlijke&#x20;vorm" :class="{ 'text-lala-blue': open }">Rond / Natuurlijke vorm</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/ruw-kristal-edelsteen-of-mineralen/" title="Ruw&#x20;Kristal,&#x20;Edelsteen&#x20;of&#x20;mineralen" :class="{ 'text-lala-blue': open }">Ruw Kristal, Edelsteen of mineralen</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/speciale-stukken/" title="Speciale&#x20;Stukken" :class="{ 'text-lala-blue': open }">Speciale Stukken</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/theelichthouders/" title="Theelichthouders" :class="{ 'text-lala-blue': open }">Theelichthouders</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/hangers/" title="Hangers" :class="{ 'text-lala-blue': open }">Hangers</a></div></li></ul></li><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/" title="Kristal&#x2F;Edelsteen&#x20;Per&#x20;Soort">KRISTAL/EDELSTEEN PER SOORT</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/aarbeikwarts" title="Aarbeienkwarts" :class="{ 'text-lala-blue': open }">Aarbeienkwarts</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/agaat/" title="Agaat" :class="{ 'text-lala-blue': open }">Agaat</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/amazoniet" title="Amazoniet" :class="{ 'text-lala-blue': open }">Amazoniet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/amethist/" title="Amethist" :class="{ 'text-lala-blue': open }">Amethist</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/aquamarijn" title="Aquamarijn" :class="{ 'text-lala-blue': open }">Aquamarijn</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/aventurijn" title="Aventurijn" :class="{ 'text-lala-blue': open }">Aventurijn</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/azuriet-malachiet" title="Azuriet&#x20;&#x2F;&#x20;Malachiet" :class="{ 'text-lala-blue': open }">Azuriet / Malachiet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/bergkristal/" title="Bergkristal" :class="{ 'text-lala-blue': open }">Bergkristal</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/calciet/" title="Calciet" :class="{ 'text-lala-blue': open }">Calciet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/chalcedoon" title="Chalcedoon" :class="{ 'text-lala-blue': open }">Chalcedoon</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/citrien/" title="Citrien" :class="{ 'text-lala-blue': open }">Citrien</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/hematiet/" title="Hematiet" :class="{ 'text-lala-blue': open }">Hematiet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/howliet" title="Howliet" :class="{ 'text-lala-blue': open }">Howliet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/jade" title="Jade" :class="{ 'text-lala-blue': open }">Jade</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/labradoriet/" title="Labradoriet" :class="{ 'text-lala-blue': open }">Labradoriet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/lapis-lazuli" title="Lapis&#x20;Lazuli" :class="{ 'text-lala-blue': open }">Lapis Lazuli</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/magnetiet/" title="Magnetiet" :class="{ 'text-lala-blue': open }">Magnetiet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/opaliet" title="Opaliet" :class="{ 'text-lala-blue': open }">Opaliet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/pink-himalaya-salt/" title="Pink&#x20;Himalaya&#x20;Salt" :class="{ 'text-lala-blue': open }">Pink Himalaya Salt</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/pyriet/" title="Pyriet" :class="{ 'text-lala-blue': open }">Pyriet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/rozekwarts/" title="Rozekwarts" :class="{ 'text-lala-blue': open }">Rozekwarts</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/seleniet/" title="Seleniet" :class="{ 'text-lala-blue': open }">Seleniet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/sodaliet" title="Sodaliet" :class="{ 'text-lala-blue': open }">Sodaliet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/tijgeroog" title="Tijgeroog" :class="{ 'text-lala-blue': open }">Tijgeroog</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/toermalijn/" title="Toermalijn" :class="{ 'text-lala-blue': open }">Toermalijn</a></div></li></ul></li><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/" title="Voordeelverpakkingen&#x20;&#x2F;&#x20;Partijen">VOORDEELVERPAKKINGEN / PARTIJEN</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/agaat" title="Agaat" :class="{ 'text-lala-blue': open }">Agaat</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/amethist" title="Amethist" :class="{ 'text-lala-blue': open }">Amethist</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/bergkristal" title="Bergkristal" :class="{ 'text-lala-blue': open }">Bergkristal</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/blauwe-calciet" title="Calciet" :class="{ 'text-lala-blue': open }">Calciet</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/rozekwarts" title="Rozekwarts" :class="{ 'text-lala-blue': open }">Rozekwarts</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/tijgeroog" title="Tijgeroog" :class="{ 'text-lala-blue': open }">Tijgeroog</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/aventurijn" title="Aventurijn" :class="{ 'text-lala-blue': open }">Aventurijn</a></div></li></ul></li></ul></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/sieraden-kunst/" title="Sieraden&#x20;&#x2F;&#x20;Kunst"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 36.11 42.831" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1304.  <defs>
  1305.    <linearGradient id="linear-gradient_6" x1="0.541" y1="0.663" x2="0.386" y2="1" gradientUnits="objectBoundingBox">
  1306.      <stop offset="0" stop-color="#1e84cd"/>
  1307.      <stop offset="1" stop-color="#fff"/>
  1308.    </linearGradient>
  1309.  </defs>
  1310.  <g id="Group_778" data-name="Group 778" transform="translate(-1382.53 90.415)">
  1311.    <path id="Path_511_2" data-name="Path 511" d="M11.243,24.2a.75.75,0,0,1-.75-.75V21.692a7.669,7.669,0,0,1-1.767-.821,4.969,4.969,0,0,1-2.459-4.33,3.664,3.664,0,0,1,1.078-2.653,4.668,4.668,0,0,1,2.381-1.223,5.528,5.528,0,0,1,2.916.177,3.544,3.544,0,0,1,2.147,1.892,16.213,16.213,0,0,1,.767,2.555c.585,2.418,1.042,3.9,2.992,3.9a.75.75,0,1,1,0,1.5,3.651,3.651,0,0,1-3.279-1.738,11.061,11.061,0,0,1-1.171-3.31,15.14,15.14,0,0,0-.688-2.317c-.465-1.084-2.085-1.457-3.383-1.19a2.57,2.57,0,0,0-2.261,2.407c0,3.1,3.583,3.835,3.619,3.842l.607.118v2.951A.75.75,0,0,1,11.243,24.2Z" transform="translate(1380.68 -94.396)" fill="url(#linear-gradient_6)"/>
  1312.    <path id="Path_511-2" data-name="Path 511" d="M11.243,24.2a.75.75,0,0,1-.75-.75V21.692a7.669,7.669,0,0,1-1.767-.821,4.969,4.969,0,0,1-2.459-4.33,3.664,3.664,0,0,1,1.078-2.653,4.668,4.668,0,0,1,2.381-1.223,5.528,5.528,0,0,1,2.916.177,3.544,3.544,0,0,1,2.147,1.892,16.213,16.213,0,0,1,.767,2.555c.585,2.418,1.042,3.9,2.992,3.9a.75.75,0,1,1,0,1.5,3.651,3.651,0,0,1-3.279-1.738,11.061,11.061,0,0,1-1.171-3.31,15.14,15.14,0,0,0-.688-2.317c-.465-1.084-2.085-1.457-3.383-1.19a2.57,2.57,0,0,0-2.261,2.407c0,3.1,3.583,3.835,3.619,3.842l.607.118v2.951A.75.75,0,0,1,11.243,24.2Z" transform="translate(1398.713 -102.964)" fill="url(#linear-gradient_6)"/>
  1313.    <path id="Union_3" data-name="Union 3" d="M14.454,24.109H3.225L3.032,23.7q-.011-.021-.02-.043L.179,17.671l-.015-.032L0,17.294l.192-.321q.012-.023.026-.044L4.728,9.382q.012-.022.026-.043l2.33-3.9a3.212,3.212,0,1,1,4.6.022l2.108,3.905q.012.021.023.043l4.073,7.545q.013.023.025.046l.166.307-.152.329-.011.023-2.767,5.985q-.012.029-.026.056l-.188.407Zm-1.636-1.5L9.244,18.461,5.413,22.61ZM3.9,22.034,7.55,18.085H2.034Zm10.36-.046,1.8-3.9H10.9Zm1.72-5.4L12.7,10.495H10.013v6.089Zm-7.469,0V10.495H5.81L2.171,16.584Zm3.372-7.59L10.409,6.259a3.215,3.215,0,0,1-2.061-.011L6.706,8.995Zm-4.2-5.783A1.711,1.711,0,0,0,10.3,4.664l.047-.03A1.711,1.711,0,1,0,7.681,3.211Z" transform="translate(1400.562 -80.262)" fill="#1e84cd"/>
  1314.    <path id="Union_2" data-name="Union 2" d="M3.225,24.11l-.2-.42-.01-.021L.181,17.676q-.01-.02-.02-.041L0,17.294l.194-.325.023-.038L4.725,9.386q.014-.026.03-.051l2.328-3.9a3.211,3.211,0,1,1,4.6.022L13.792,9.37l.02.036,4.076,7.552L17.91,17l.168.311-.15.324-.015.033-2.769,5.988q-.009.021-.019.042l-.192.415Zm9.594-1.5L9.244,18.461,5.413,22.61ZM3.9,22.035l3.648-3.95H2.033Zm10.36-.047,1.8-3.9H10.9Zm1.72-5.4-3.287-6.089H10.013v6.089Zm-7.468,0V10.495H5.81L2.172,16.584Zm3.372-7.59L10.409,6.259a3.216,3.216,0,0,1-2.061-.011L6.707,8.995Zm-4.2-5.783a1.712,1.712,0,0,0,2.612,1.456q.028-.02.058-.037A1.712,1.712,0,1,0,7.681,3.211Z" transform="translate(1382.53 -71.694)" fill="#1e84cd"/>
  1315.  </g>
  1316. <title>sieraden-kunst-blue</title></svg>
  1317. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1318. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1319. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 36.1 42.8" style="enable-background:new 0 0 36.1 42.8;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1320. <style type="text/css">
  1321. .st0{fill:#FFFFFF;}
  1322. </style>
  1323. <g>
  1324. <path class="st0" d="M35.9,27.2C35.9,27.1,35.9,27.1,35.9,27.2l-4.1-7.6c0,0,0,0,0,0l-2.1-3.9c1.2-1.2,1.2-3.2,0-4.5   c-0.4-0.5-1-0.7-1.6-0.9V8l-0.6-0.1c0,0-3.6-0.7-3.6-3.8c0.1-1.2,1-2.3,2.3-2.4c1.3-0.3,2.9,0.1,3.4,1.2c0.3,0.8,0.5,1.5,0.7,2.3   c0.2,1.2,0.6,2.3,1.2,3.3c0.7,1.1,2,1.8,3.3,1.7c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8c-1.9,0-2.4-1.5-3-3.9   C31.6,3.9,31.3,3,31,2.2c-0.4-0.9-1.2-1.6-2.1-1.9c-0.9-0.3-1.9-0.4-2.9-0.2c-0.9,0.2-1.7,0.6-2.4,1.2C22.8,2,22.4,3,22.5,4   c0,1.8,0.9,3.4,2.5,4.3c0.6,0.3,1.1,0.6,1.8,0.8v1.1c-0.5,0.1-1.1,0.4-1.5,0.8c-1.3,1.2-1.3,3.3-0.1,4.5l-2.3,3.9c0,0,0,0,0,0   l-4.5,7.5c0,0,0,0,0,0L18,27.4l0.2,0.3l0,0l2.8,6c0,0,0,0,0,0l0.2,0.4h11.2l0.5,0l0.2-0.4c0,0,0,0,0-0.1l2.8-6l0,0l0.2-0.3   L35.9,27.2z M34,26.7l-6,0v-6.1h2.7L34,26.7z M26.5,11.9c0.8-0.5,1.8-0.3,2.4,0.5c0.5,0.8,0.3,1.8-0.5,2.4l0,0   c-0.3,0.2-0.6,0.3-0.9,0.3c-0.9,0-1.7-0.8-1.7-1.7l0,0C25.7,12.8,26,12.3,26.5,11.9z M26.4,16.4c0.7,0.2,1.4,0.2,2.1,0l1.5,2.7   l-5.2,0L26.4,16.4z M23.8,20.6h2.7v6.1l-6.3,0L23.8,20.6z M20.1,28.2h5.5l-3.6,3.9L20.1,28.2z M23.4,32.8l3.8-4.1l3.6,4.1   L23.4,32.8z M32.3,32.1l-3.4-3.9h5.2L32.3,32.1z"/>
  1325. <path class="st0" d="M17.9,35.7l-4.1-7.6l0,0l-2.1-3.9c1.2-1.2,1.2-3.2,0-4.5c-0.4-0.5-1-0.7-1.6-0.9v-2.3l-0.6-0.1   c0,0-3.6-0.7-3.6-3.8c0.1-1.2,1-2.3,2.3-2.4c1.3-0.3,2.9,0.1,3.4,1.2c0.3,0.8,0.5,1.5,0.7,2.3c0.2,1.2,0.6,2.3,1.2,3.3   c0.7,1.1,2,1.8,3.3,1.7c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8c-1.9,0-2.4-1.5-3-3.9c-0.2-0.9-0.4-1.7-0.8-2.6   c-0.4-0.9-1.2-1.6-2.1-1.9C9.9,8.5,8.8,8.5,7.9,8.7C7,8.9,6.2,9.3,5.5,9.9c-0.7,0.7-1.1,1.7-1.1,2.7c0,1.8,0.9,3.4,2.5,4.3   c0.6,0.3,1.1,0.6,1.8,0.8v1.1c-0.5,0.1-1.1,0.4-1.5,0.8c-1.3,1.2-1.3,3.3-0.1,4.5l-2.3,3.9c0,0,0,0,0,0.1l-4.5,7.5l0,0L0,36   l0.2,0.3c0,0,0,0,0,0l2.8,6l0,0l0.2,0.4l11.7,0l0.2-0.4c0,0,0,0,0,0l2.8-6l0,0l0.2-0.3L17.9,35.7L17.9,35.7z M16,35.3h-6v-6.1h2.7   L16,35.3z M8.4,20.5c0.8-0.5,1.8-0.3,2.4,0.5c0.5,0.8,0.3,1.8-0.5,2.4c0,0,0,0-0.1,0c-0.3,0.2-0.6,0.3-0.9,0.3   c-0.9,0-1.7-0.8-1.7-1.7l0,0C7.7,21.4,8,20.8,8.4,20.5z M8.3,25c0.7,0.2,1.4,0.2,2.1,0l1.5,2.7l-5.2,0L8.3,25z M5.8,29.2h2.7v6.1   l-6.3,0L5.8,29.2z M2,36.8h5.5l-3.6,4L2,36.8z M5.4,41.3l3.8-4.1l3.6,4.1H5.4z M14.3,40.7l-3.4-3.9h5.2L14.3,40.7z"/>
  1326. </g>
  1327. <title>sieraden-kunst-white</title></svg>
  1328. </span>Sieraden / Kunst</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Sieraden&#x20;&#x2F;&#x20;Kunst&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/sieraden-kunst/hangers/" title="Hangers">Hangers</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/sieraden-kunst/oorbellen/" title="Oorbellen">Oorbellen</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/sieraden-kunst/koorden" title="Koorden">Koorden</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Koorden&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/sieraden-kunst/koorden/waxed-macrame-koord" title="Waxed&#x20;Macram&#xE9;&#x20;Koord" :class="{ 'text-lala-blue': open }">Waxed Macramé Koord</a></div></li></ul></li></ul></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/welzijn-verzorging/" title="Welzijn&#x20;&#x2F;&#x20;Verzorging"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 52.001 43.919" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1329.  <defs>
  1330.    <linearGradient id="linear-gradient_7" x1="0.5" y1="1" x2="-0.107" y2="1" gradientUnits="objectBoundingBox">
  1331.      <stop offset="0" stop-color="#1e84cd"/>
  1332.      <stop offset="1" stop-color="#fff"/>
  1333.    </linearGradient>
  1334.  </defs>
  1335.  <g id="Group_785" data-name="Group 785" transform="translate(-407.999 -190.18)">
  1336.    <path id="Union_4" data-name="Union 4" d="M10.227,16.532,5.779,18.186l-.7-1.874,5.095-1.9.329.105c7.06,2.26,11.771,3.107,14.4,2.59a85.538,85.538,0,0,0,17.731-5.6c1.57-.86,2.027-1.993,1.569-3.891-.617-1.475-2.029-2.8-3.276-2.4l-12,3.829a4.98,4.98,0,0,1-.106.5,4.821,4.821,0,0,1-1.523,2.426,4.537,4.537,0,0,1-2.968,1.058h-.128L11.794,9.8a1,1,0,1,1,.5-1.935L24.458,11.03a2.586,2.586,0,0,0,2.44-2,2.266,2.266,0,0,0-.82-2.547c-.667-.2-4.027-1.226-7.518-2.237C11.39,2.168,10.114,2,9.894,2c-.134,0-.967.085-4.107,1.742C4.069,4.649,2.53,5.571,2.515,5.58A1,1,0,0,1,1.486,3.865C1.55,3.827,3.08,2.91,4.846,1.977,8.2.205,9.334,0,9.894,0c.328,0,1.2,0,9.211,2.322C23,3.452,26.746,4.6,26.783,4.609l.109.033.1.057A3.973,3.973,0,0,1,28.8,7L40.324,3.319c2.479-.792,4.821,1.275,5.765,3.622L46.114,7l.017.067a5.889,5.889,0,0,1-.031,3.47,5.121,5.121,0,0,1-2.538,2.75l-.062.031a87.53,87.53,0,0,1-18.191,5.75l-.009,0a10.833,10.833,0,0,1-2.1.184C20.228,19.257,16.016,18.368,10.227,16.532Z" transform="translate(413.625 212.319)" fill="url(#linear-gradient_7)"/>
  1337.    <path id="Path_521" data-name="Path 521" d="M401.677,4a7.725,7.725,0,0,1,5.266,2.053,7.747,7.747,0,0,1,13,5.615v.024c-.044,1.812-1.116,4.057-3.187,6.675a60.573,60.573,0,0,1-9.526,9.145l-.68.545-.633-.6-.884-.837c-3.887-3.675-7.905-7.475-9.837-10.774a7.6,7.6,0,0,1-.96-2.1,5.759,5.759,0,0,1-.29-2.117A7.71,7.71,0,0,1,401.677,4Zm5.266,5.108-.779-.967a5.746,5.746,0,0,0-10.221,3.526v.038l0,.038a3.769,3.769,0,0,0,.2,1.412l.01.033a5.6,5.6,0,0,0,.723,1.577l.03.048c1.782,3.056,5.7,6.765,9.5,10.353l.25.236a56.6,56.6,0,0,0,8.531-8.278c1.74-2.2,2.718-4.141,2.756-5.47a5.746,5.746,0,0,0-10.221-3.513Z" transform="translate(33.416 186.18)" fill="#1e84cd"/>
  1338.    <path id="Path_518" data-name="Path 518" d="M10.321,513.4a2.5,2.5,0,0,1-2.41-1.832L4.088,497.608a2.482,2.482,0,0,1,1.759-3.05l3.485-.936a2.5,2.5,0,0,1,3.062,1.745l3.824,13.962a2.482,2.482,0,0,1-1.759,3.05l-3.485.936A2.517,2.517,0,0,1,10.321,513.4Zm-.336-17.866a.516.516,0,0,0-.134.018l-3.485.936a.492.492,0,0,0-.3.231.47.47,0,0,0-.046.359l3.824,13.962a.5.5,0,0,0,.481.36.516.516,0,0,0,.134-.018l3.485-.936a.493.493,0,0,0,.3-.231.47.47,0,0,0,.046-.359L10.466,495.9A.5.5,0,0,0,9.985,495.536Z" transform="translate(404 -279.303)" fill="#1e84cd"/>
  1339.  </g>
  1340. <title>welzijn-verzorging-blue</title></svg>
  1341. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1342. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1343. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 52 43.9" style="enable-background:new 0 0 52 43.9;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1344. <style type="text/css">
  1345. .st0{fill:#FFFFFF;}
  1346. </style>
  1347. <g>
  1348. <path class="st0" d="M51.8,29.2L51.8,29.2l0-0.1c-0.9-2.3-3.3-4.4-5.8-3.6l-11.5,3.7c-0.3-1-0.9-1.8-1.8-2.3l-0.1-0.1l-0.1,0   c0,0-3.8-1.2-7.7-2.3c-8-2.3-8.9-2.3-9.2-2.3c-0.6,0-1.7,0.2-5,2c-0.9,0.5-1.7,0.9-2.3,1.3c-0.5-1-1.7-1.5-2.9-1.2l-3.5,0.9   c0,0,0,0,0,0c-1.3,0.4-2.1,1.7-1.7,3l3.8,14c0.3,1.1,1.3,1.8,2.4,1.8c0.2,0,0.4,0,0.7-0.1l3.5-0.9c0,0,0,0,0,0   c1.3-0.3,2-1.6,1.8-2.9l3.6-1.3c5.8,1.8,10,2.7,13,2.7c0.7,0,1.4-0.1,2.1-0.2h0c6.3-1.2,12.4-3.2,18.2-5.8l0.1,0   c1.2-0.6,2.1-1.5,2.5-2.8C52.1,31.5,52.1,30.3,51.8,29.2z M10.2,40.7c-0.1,0.1-0.2,0.2-0.3,0.2l-3.5,0.9c0,0-0.1,0-0.1,0   c-0.2,0-0.4-0.1-0.5-0.4L2,27.6c0-0.1,0-0.3,0-0.4C2.1,27.1,2.2,27,2.4,27l3.5-0.9c0,0,0.1,0,0.1,0v0c0.2,0,0.4,0.1,0.5,0.4l3.8,14   C10.3,40.5,10.3,40.6,10.2,40.7z M48.3,33.6c-5.7,2.5-11.6,4.4-17.7,5.6c-2.6,0.5-7.3-0.3-14.4-2.6l-0.3-0.1l-4.1,1.5L8.8,27.3   c0.6-0.4,1.6-0.9,2.6-1.5c3.1-1.7,4-1.7,4.1-1.7c0.2,0,1.5,0.2,8.7,2.2c3.5,1,6.9,2,7.5,2.2c0.8,0.6,1.1,1.6,0.8,2.5   c-0.3,1.1-1.3,2-2.4,2L17.9,30c0,0,0,0-0.1,0c-0.5-0.1-1.1,0.2-1.2,0.8c-0.1,0.5,0.2,1.1,0.8,1.2l12.4,3.2H30c1.1,0,2.1-0.4,3-1.1   c0.7-0.6,1.3-1.5,1.5-2.4c0-0.2,0.1-0.3,0.1-0.5l12-3.8c1.2-0.4,2.7,0.9,3.3,2.4C50.3,31.7,49.8,32.8,48.3,33.6z"/>
  1349. <path class="st0" d="M20.6,11.8c1.9,3.3,6,7.1,9.8,10.8l0.9,0.8l0.6,0.6l0.7-0.5c3.5-2.7,6.7-5.8,9.5-9.1c2.1-2.6,3.1-4.9,3.2-6.7   v0c0-1.9-0.8-3.8-2.1-5.2c-2.9-3.1-7.8-3.3-10.9-0.4C30.9,0.7,29,0,27.1,0c-4.2,0-7.7,3.4-7.7,7.6c0,0.7,0.1,1.4,0.3,2.1   C19.9,10.5,20.2,11.2,20.6,11.8z M21.4,7.7L21.4,7.7c0-1.7,0.8-3.4,2.1-4.4c2.5-2,6.1-1.6,8.1,0.9l0.8,1l0.8-1   C34.2,2.8,35.8,2,37.5,2c3.2,0,5.8,2.5,5.8,5.7c0,1.3-1,3.3-2.8,5.5c-2.5,3.1-5.4,5.8-8.5,8.3l-0.2-0.2c-3.8-3.6-7.7-7.3-9.5-10.4   l0,0c-0.3-0.5-0.6-1-0.7-1.6l0,0C21.4,8.7,21.3,8.2,21.4,7.7L21.4,7.7z"/>
  1350. </g>
  1351. <title>welzijn-verzorging-white</title></svg>
  1352. </span>Welzijn / Verzorging</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Welzijn&#x20;&#x2F;&#x20;Verzorging&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/welzijn-verzorging/massage-griffels" title="Massage&#x20;griffels">Massage griffels</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/welzijn-verzorging/zeepdispensers" title="Zeepdispensers">Zeepdispensers</a></div></li><li class="level-1" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/welzijn-verzorging/badzout" title="Badzout">Badzout</a></div></li></ul></li><li class="level-0" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full border-b py-3 cursor-pointer bg-container-lighter level-0" href="https://www.lalashops.nl/wonen/" title="Wonen"><span x-show="!open"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 35.663 42.809" class="w-[30px] h-[24px] mr-5 fill-lala-blue" role="img">
  1353.  <defs>
  1354.    <linearGradient id="linear-gradient_8" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  1355.      <stop offset="0" stop-color="#1e84cd"/>
  1356.      <stop offset="1" stop-color="#fff"/>
  1357.    </linearGradient>
  1358.  </defs>
  1359.  <g id="Group_838" data-name="Group 838" transform="translate(-1321.386 96.352)">
  1360.    <path id="Path_566" data-name="Path 566" d="M116.331,134.459a.75.75,0,0,1-.745-.668c-.011-.1-.282-2.605-.328-5.935a38.742,38.742,0,0,1,1.091-10.884.75.75,0,0,1,1.441.416c-1.784,6.185-.725,16.14-.714,16.24a.75.75,0,0,1-.664.827A.76.76,0,0,1,116.331,134.459Z" transform="translate(1223.449 -194.542)" fill="url(#linear-gradient_8)"/>
  1361.    <path id="Path_567" data-name="Path 567" d="M82.182,1.75a5.657,5.657,0,0,1,3.584,1.27,5.384,5.384,0,0,1,1.937,3.6l.012.1.1.02a5.522,5.522,0,0,1,1.24,10.43l-.095.044.012.1a5.408,5.408,0,0,1-1.312,4.292,5.723,5.723,0,0,1-4.218,1.9,5.42,5.42,0,0,1-4.006-1.786l-.071-.077-.095.044a5.461,5.461,0,0,1-7.1-2.253,5.369,5.369,0,0,1-.031-5.457l.051-.091-.071-.077A5.436,5.436,0,0,1,71.1,7.875,5.646,5.646,0,0,1,73.039,5.5a5.339,5.339,0,0,1,3.072-.964h0a5.849,5.849,0,0,1,1.135.113l.1.02L77.4,4.58A5.426,5.426,0,0,1,82.182,1.75Zm1.263,20.263a4.2,4.2,0,0,0,3.1-1.393,3.868,3.868,0,0,0,.944-3.118l-.141-1.186,1.084-.5a3.921,3.921,0,0,0,2.308-4.126,3.921,3.921,0,0,0-3.211-3.47l-1.171-.232L86.213,6.8A4,4,0,0,0,82.182,3.25,3.9,3.9,0,0,0,78.71,5.312l-.583,1.042-1.172-.233a4.346,4.346,0,0,0-.843-.085h0a3.946,3.946,0,0,0-3.633,2.438,3.906,3.906,0,0,0,.742,4.323l.811.876-.583,1.042a3.9,3.9,0,0,0,.016,3.965,3.962,3.962,0,0,0,5.179,1.649l1.084-.5.811.876A3.876,3.876,0,0,0,83.444,22.013Z" transform="translate(1260.972 -98.102)" fill="#1e84cd"/>
  1362.    <path id="Ellipse_76" data-name="Ellipse 76" d="M3.756-.75A4.506,4.506,0,1,1-.75,3.756,4.511,4.511,0,0,1,3.756-.75Zm0,7.512A3.006,3.006,0,1,0,.75,3.756,3.009,3.009,0,0,0,3.756,6.762Z" transform="translate(1338.772 -88.55)" fill="#1e84cd"/>
  1363.    <path id="Path_568" data-name="Path 568" d="M53.072,228.626a.748.748,0,0,1-.541-.23c-5.595-5.824-12.133-7.607-19.433-5.3a28.326,28.326,0,0,0-9.484,5.333.75.75,0,0,1-1.014-1.106,29.332,29.332,0,0,1,10-5.642,19.981,19.981,0,0,1,10.015-.706,20.88,20.88,0,0,1,11,6.381.75.75,0,0,1-.541,1.27Z" transform="translate(1301.568 -282.169)" fill="#1e84cd"/>
  1364.    <path id="Path_562" data-name="Path 562" d="M126.087,174.737a.746.746,0,0,1-.426-.133h0a11.757,11.757,0,0,0-3.3-1.423,10.667,10.667,0,0,0-7.509.631.75.75,0,0,1-.642-1.356,12.3,12.3,0,0,1,8.6-.709,13.006,13.006,0,0,1,3.707,1.623.75.75,0,0,1-.428,1.366Z" transform="translate(1224.683 -240.669)" fill="#1e84cd"/>
  1365.    <path id="Path_563" data-name="Path 563" d="M134.414,147.334h0a4.317,4.317,0,0,1,3.768,1.861c1.6,2.371,3.136,2.725,3.908,2.725a1.9,1.9,0,0,0,.488-.055.736.736,0,0,1,.855.26.757.757,0,0,1-.022.912c-3.106,3.985-6.09,6-8.869,6-2.091,0-4.034-1.156-5.619-3.343a14.128,14.128,0,0,1-1.736-3.223q-.008-.024-.015-.048a2.15,2.15,0,0,1,.529-1.907,8.268,8.268,0,0,1,2.825-2.176A8.99,8.99,0,0,1,134.414,147.334Zm6.816,6a7.012,7.012,0,0,1-4.29-3.3,2.846,2.846,0,0,0-2.526-1.2,8,8,0,0,0-5.519,2.593,1.076,1.076,0,0,0-.281.583c.18.477,2.181,5.531,5.928,5.531C136.56,157.542,138.806,156.127,141.229,153.331Z" transform="translate(1213.474 -220.53)" fill="#1e84cd"/>
  1366.    <path id="Path_564" data-name="Path 564" d="M41.9,174.736a.75.75,0,0,1-.429-1.366,13.006,13.006,0,0,1,3.707-1.623,12.3,12.3,0,0,1,8.6.709.75.75,0,0,1-.642,1.356,10.667,10.667,0,0,0-7.509-.631,11.757,11.757,0,0,0-3.3,1.423A.748.748,0,0,1,41.9,174.736Z" transform="translate(1285.77 -240.669)" fill="#1e84cd"/>
  1367.    <path id="Path_565" data-name="Path 565" d="M15.587,147.334a8.991,8.991,0,0,1,3.889,1.011A8.268,8.268,0,0,1,22.3,150.52a2.15,2.15,0,0,1,.529,1.906q-.007.024-.015.048a14.129,14.129,0,0,1-1.736,3.223c-1.585,2.187-3.528,3.343-5.619,3.343-2.779,0-5.763-2.02-8.869-6a.757.757,0,0,1-.022-.912.736.736,0,0,1,.855-.26,1.9,1.9,0,0,0,.488.055c.772,0,2.305-.354,3.908-2.725A4.317,4.317,0,0,1,15.587,147.334Zm5.8,4.677a1.075,1.075,0,0,0-.281-.584,8,8,0,0,0-5.52-2.593,2.846,2.846,0,0,0-2.526,1.2,7.012,7.012,0,0,1-4.29,3.3c2.424,2.8,4.669,4.211,6.688,4.211C19.218,157.542,21.207,152.49,21.387,152.011Z" transform="translate(1314.96 -220.53)" fill="#1e84cd"/>
  1368.  </g>
  1369. <title>wonen-blue</title></svg>
  1370. </span><span x-show="open" style="display: none;"><?xml version="1.0" encoding="utf-8"?>
  1371. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1372. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 35.7 42.8" style="enable-background:new 0 0 35.7 42.8;" xml:space="preserve" class="w-[30px] h-[24px] mr-5 fill-lala-white" width="24" height="24" role="img">
  1373. <style type="text/css">
  1374. .st0{fill:#FFFFFF;}
  1375. </style>
  1376. <g>
  1377. <path class="st0" d="M25.6,11.6c0-2.5-2-4.5-4.5-4.5c-2.5,0-4.5,2-4.5,4.5c0,2.5,2,4.5,4.5,4.5S25.6,14,25.6,11.6z M18.1,11.6   c0-1.7,1.3-3,3-3c1.7,0,3,1.3,3,3c0,1.7-1.3,3-3,3C19.5,14.6,18.1,13.2,18.1,11.6z"/>
  1378. <path class="st0" d="M19.6,28.9c0.4,0.9,0.9,1.8,1.4,2.6c1.6,2.2,3.5,3.3,5.6,3.3c2.8,0,5.8-2,8.9-6c0.2-0.3,0.2-0.6,0-0.9   c-0.2-0.3-0.5-0.4-0.9-0.3c-0.2,0-0.3,0.1-0.5,0.1c-0.8,0-2.3-0.4-3.9-2.7c-0.8-1.2-2.3-1.9-3.8-1.9c-1.4,0-2.7,0.4-3.9,1   c-1.1,0.5-2.1,1.3-2.8,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c-0.1,0-0.3,0.1-0.4,0.1c0-2.4,0.2-4.9,0.7-7.2c1,0.8,2.2,1.3,3.5,1.3   c1.6,0,3.1-0.7,4.2-1.9c1-1.2,1.5-2.7,1.3-4.3l0-0.1l0.1,0c1.6-0.7,2.8-2.2,3.1-3.9c0.6-3-1.4-5.9-4.3-6.5l-0.1,0l0-0.1   c-0.1-1.4-0.8-2.7-1.9-3.6c-1-0.8-2.3-1.3-3.6-1.3c-2,0-3.8,1.1-4.8,2.8l-0.1,0.1l-0.1,0c-0.4-0.1-0.8-0.1-1.1-0.1   c-1.1,0-2.2,0.3-3.1,1c-0.9,0.6-1.5,1.4-1.9,2.4c-0.9,2-0.5,4.3,1,5.9l0.1,0.1l-0.1,0.1c-1,1.7-1,3.8,0,5.5   c1.3,2.3,3.9,3.3,6.4,2.5c-0.5,2.5-0.8,5-0.8,7.6c-0.3-0.1-0.6-0.2-0.9-0.3c-0.1-0.4-0.2-0.8-0.5-1.1c-0.8-0.9-1.7-1.7-2.8-2.2   c-1.2-0.6-2.5-1-3.9-1c-1.5-0.1-2.9,0.6-3.8,1.9c-1.6,2.4-3.1,2.7-3.9,2.7c-0.2,0-0.3,0-0.5-0.1c-0.3-0.1-0.7,0-0.9,0.3   c-0.2,0.3-0.2,0.6,0,0.9c3.1,4,6.1,6,8.9,6c2.1,0,4-1.2,5.6-3.3c0.6-0.8,1-1.7,1.4-2.6c0.4,0.1,0.8,0.3,1.2,0.5c0,0.1,0,0.2,0,0.3   c0,2.3,0.2,4.2,0.3,5.2c-1.6,0.1-3.2,0.5-4.8,1c-3.7,1.2-7.1,3.1-10,5.6c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0   c2.8-2.4,6-4.2,9.5-5.3c7.3-2.3,13.8-0.5,19.4,5.3c0.1,0.1,0.3,0.2,0.5,0.2h0c0.2,0,0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1   c-2.9-3.2-6.8-5.4-11-6.4c-1.2-0.2-2.5-0.3-3.7-0.3c-0.1-1-0.2-3.1-0.3-5.6C19.1,29.1,19.3,29,19.6,28.9z M26.5,24.7   c1-0.1,2,0.4,2.5,1.2c0.9,1.6,2.5,2.8,4.3,3.3c-2.4,2.8-4.7,4.2-6.7,4.2c-3,0-4.9-3.2-5.6-4.8c1.5-0.2,3.1-0.2,4.6,0.3   c1.2,0.3,2.3,0.8,3.3,1.4c0.1,0.1,0.3,0.1,0.4,0.1l0,0c0.2,0,0.5-0.1,0.6-0.3c0.2-0.3,0.2-0.8-0.2-1c-1.1-0.7-2.4-1.3-3.7-1.6   c-1.6-0.5-3.3-0.6-5-0.3C22.6,25.6,24.5,24.8,26.5,24.7z M13.1,16.9c-0.7-1.2-0.7-2.7,0-4l0.6-1L12.8,11c-1.1-1.2-1.4-2.9-0.7-4.3   c0.6-1.5,2-2.4,3.6-2.4c0.3,0,0.6,0,0.8,0.1l1.2,0.2l0.6-1c0.7-1.3,2-2.1,3.5-2.1c2.1,0,3.8,1.5,4,3.6l0.1,1.2l1.2,0.2   c1.7,0.3,3,1.7,3.2,3.5c0.2,1.7-0.7,3.4-2.3,4.1l-1.1,0.5l0.1,1.2c0.2,1.1-0.2,2.3-0.9,3.1c-0.8,0.9-1.9,1.4-3.1,1.4h0   c-1.1,0-2.2-0.5-2.9-1.3l-0.8-0.9l-1.1,0.5C16.3,19.5,14.1,18.8,13.1,16.9z M9,33.4c-2,0-4.3-1.4-6.7-4.2c1.8-0.5,3.4-1.7,4.3-3.3   c0.6-0.8,1.5-1.3,2.5-1.2c2,0.1,3.9,1,5.3,2.4c-1.6-0.2-3.3-0.1-4.9,0.4c-1.3,0.3-2.6,0.9-3.7,1.6c-0.2,0.1-0.3,0.4-0.3,0.6   c0,0.4,0.3,0.7,0.8,0.7c0.2,0,0.3,0,0.4-0.1c1-0.6,2.1-1.1,3.3-1.4c1.5-0.4,3.1-0.5,4.6-0.3C13.9,30.1,12,33.4,9,33.4z"/>
  1379. </g>
  1380. <title>wonen-white</title></svg>
  1381. </span>Wonen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Wonen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-white text-xxs': open, 'text-xxs': !open }"></span></div></button></div><ul x-show="open" x-transition class="mt-2"><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/wonen/interieur/" title="Interieur">INTERIEUR</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/lampen/" title="Lampen" :class="{ 'text-lala-blue': open }">Lampen</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Lampen&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/lampen/zoutlampen-van-himalayazout/" title="Zoutlampen&#x20;van&#x20;Himalaya&#x20;zout" :class="{ 'text-lala-blue': open }">Zoutlampen van Himalaya zout</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/lampen/zoutlamp-met-dimmer/" title="Zoutlampen&#x20;met&#x20;Dimmer" :class="{ 'text-lala-blue': open }">Zoutlampen met Dimmer</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/lampen/selenietlampen/" title="Selenietlampen" :class="{ 'text-lala-blue': open }">Selenietlampen</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/lampen/nachtlampen" title="Nachtlampen" :class="{ 'text-lala-blue': open }">Nachtlampen</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/lampen/zoutlampen-individueel-gefotografeerd" title="Zoutlampen&#x20;individueel&#x20;gefotografeerd" :class="{ 'text-lala-blue': open }">Zoutlampen individueel gefotografeerd</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/" title="Kaarsen&#x20;&amp;&#x20;Theelichthouders" :class="{ 'text-lala-blue': open }">Kaarsen &amp; Theelichthouders</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Kaarsen&#x20;&amp;&#x20;Theelichthouders&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/theelichthouders/" title="Theelichthouders" :class="{ 'text-lala-blue': open }">Theelichthouders</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/kaarsen" title="Kaarsen" :class="{ 'text-lala-blue': open }">Kaarsen</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/" title="Wierook&#x20;&amp;&#x20;Accessoires" :class="{ 'text-lala-blue': open }">Wierook &amp; Accessoires</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Wierook&#x20;&amp;&#x20;Accessoires&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/" title="Wierook" :class="{ 'text-lala-blue': open }">Wierook</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Wierook&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/alle-merken-wierook/" title="Alle&#x20;Merken&#x20;Wierook" :class="{ 'text-lala-blue': open }">Alle Merken Wierook</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Alle&#x20;Merken&#x20;Wierook&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/alle-merken-wierook/single-package/" title="Single&#x20;Package" :class="{ 'text-lala-blue': open }">Single Package</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/alle-merken-wierook/slof-voordeelbox/" title="Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Slof / Voordeelbox</a></div></li></ul></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/natuurlijke-wierook/" title="Natuurlijke&#x20;Wierook" :class="{ 'text-lala-blue': open }">Natuurlijke Wierook</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Natuurlijke&#x20;Wierook&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/natuurlijke-wierook/single-package/" title="Single&#x20;Package" :class="{ 'text-lala-blue': open }">Single Package</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/natuurlijke-wierook/slof-voordeelbox/" title="Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Slof / Voordeelbox</a></div></li></ul></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/hem/" title="HEM" :class="{ 'text-lala-blue': open }">HEM</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;HEM&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/hem/wierook-stokjes-single-package" title="Wierook&#x20;Stokjes&#x20;-&#x20;Single&#x20;Package" :class="{ 'text-lala-blue': open }">Wierook Stokjes - Single Package</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/hem/wierook-stokjes-slof-voordeelbox" title="Wierook&#x20;Stokjes&#x20;-&#x20;Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Wierook Stokjes - Slof / Voordeelbox</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/hem/wierook-kegels-slof-voordeelbox" title="Wierook&#x20;Kegels&#x20;-&#x20;Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Wierook Kegels - Slof / Voordeelbox</a></div></li></ul></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/tulasi/" title="Tulasi" :class="{ 'text-lala-blue': open }">Tulasi</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Tulasi&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/tulasi/single-package/" title="Single&#x20;Package" :class="{ 'text-lala-blue': open }">Single Package</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/tulasi/slof-voordeelbox/" title="Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Slof / Voordeelbox</a></div></li></ul></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/parimal/" title="Parimal" :class="{ 'text-lala-blue': open }">Parimal</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Parimal&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/parimal/single-package/" title="Single&#x20;Package" :class="{ 'text-lala-blue': open }">Single Package</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/parimal/slof-voordeelbox/" title="Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Slof / Voordeelbox</a></div></li></ul></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/vijayshree/" title="Vijayshree" :class="{ 'text-lala-blue': open }">Vijayshree</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Vijayshree&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/vijayshree/single-package/" title="Single&#x20;Package" :class="{ 'text-lala-blue': open }">Single Package</a></div></li><li class="level-5 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-5 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/vijayshree/slof-voordeelbox/" title="Slof&#x20;&#x2F;&#x20;Voordeelbox" :class="{ 'text-lala-blue': open }">Slof / Voordeelbox</a></div></li></ul></li></ul></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/witte-salie/" title="Witte&#x20;Salie" :class="{ 'text-lala-blue': open }">Witte Salie</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/" title="Wierookbranders" :class="{ 'text-lala-blue': open }">Wierookbranders</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Wierookbranders&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/wierook-branders/" title="Wierook&#x20;Branders" :class="{ 'text-lala-blue': open }">Wierook Branders</a></div></li><li class="level-4 pl-5" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-4 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/abalone-schelp/" title="Abalone&#x20;Schelp" :class="{ 'text-lala-blue': open }">Abalone Schelp</a></div></li></ul></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/kooltjes/" title="Kooltjes" :class="{ 'text-lala-blue': open }">Kooltjes</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires" title="Oli&#xEB;n&#x20;&amp;&#x20;Accessoires" :class="{ 'text-lala-blue': open }">Oliën &amp; Accessoires</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Oli&#xEB;n&#x20;&amp;&#x20;Accessoires&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires/aromatische-olie" title="Aromatische&#x20;Olie" :class="{ 'text-lala-blue': open }">Aromatische Olie</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires/branders-verdampers" title="Branders&#x20;&#x2F;&#x20;Verdampers" :class="{ 'text-lala-blue': open }">Branders / Verdampers</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/olien-accessoires/essentiele-olie" title="Essenti&#xEB;le&#x20;Olie" :class="{ 'text-lala-blue': open }">Essentiële Olie</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/klimaatbeheersing/" title="Klimaatbeheersing" :class="{ 'text-lala-blue': open }">Klimaatbeheersing</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/decoratie/" title="Decoratie" :class="{ 'text-lala-blue': open }">Decoratie</a></div></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/aquariumdecoratie/" title="Aquariumdecoratie" :class="{ 'text-lala-blue': open }">Aquariumdecoratie</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Aquariumdecoratie&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/aquariumdecoratie/aquariumgrind-granulaat" title="Aquariumgrind&#x20;&#x2F;&#x20;Granulaat" :class="{ 'text-lala-blue': open }">Aquariumgrind / Granulaat</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/interieur/decoratie" title="Decoratie&quot;" :class="{ 'text-lala-blue': open }">Decoratie&quot;</a></div></li></ul></li><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/wonen/keuken/" title="Keuken">KEUKEN</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/keuken/voeding/" title="Voeding" :class="{ 'text-lala-blue': open }">Voeding</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Voeding&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/keuken/voeding/automatische-kiemer/" title="Automatische&#x20;Kiemer" :class="{ 'text-lala-blue': open }">Automatische Kiemer</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/keuken/keukenmachines/" title="Keukenmachines" :class="{ 'text-lala-blue': open }">Keukenmachines</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Keukenmachines&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/keuken/keukenmachines/milk-maker/" title="Milk&#x20;Maker" :class="{ 'text-lala-blue': open }">Milk Maker</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/keuken/keukenmachines/voedsel-droogoven/" title="Voedsel&#x20;Droogoven" :class="{ 'text-lala-blue': open }">Voedsel Droogoven</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/keuken/koken-bakken/" title="Koken&#x20;&amp;&#x20;Bakken" :class="{ 'text-lala-blue': open }">Koken &amp; Bakken</a></div></li></ul></li><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/" title="Tuin,&#x20;Bloemen&#x20;en&#x20;Planten">TUIN, BLOEMEN EN PLANTEN</a></div><ul x-show="open" x-transition class=""><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/" title="Decoratieve&#x20;Bodembedekking&#x20;Tuin&#x20;en&#x20;Paden" :class="{ 'text-lala-blue': open }">Decoratieve Bodembedekking Tuin en Paden</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Decoratieve&#x20;Bodembedekking&#x20;Tuin&#x20;en&#x20;Paden&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/kristallen-edelstenen/" title="Kristallen&#x20;&#x2F;&#x20;Edelstenen" :class="{ 'text-lala-blue': open }">Kristallen / Edelstenen</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/sierstenen/" title="Sierstenen" :class="{ 'text-lala-blue': open }">Sierstenen</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/gravel-split-grind/" title="Gravel&#x20;&#x2F;&#x20;Split&#x20;" :class="{ 'text-lala-blue': open }">Gravel / Split </a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/houtsnippers-decochips/" title="Houtsnippers&#x20;&#x2F;&#x20;Decochips" :class="{ 'text-lala-blue': open }">Houtsnippers / Decochips</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/glas/" title="Glas" :class="{ 'text-lala-blue': open }">Glas</a></div></li></ul></li><li class="level-2" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-2 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/" title="Decoratieve&#x20;Bodembedekking&#x20;Bloemen&#x20;en&#x20;Planten" :class="{ 'text-lala-blue': open }">Decoratieve Bodembedekking Bloemen en Planten</a><button @click="open = !open" class="absolute right-0 flex items-center justify-center w-6 h-6 cursor-pointer border-container" aria-label="Open&#x20;Decoratieve&#x20;Bodembedekking&#x20;Bloemen&#x20;en&#x20;Planten&#x20;subcategories" :aria-expanded="open.toString()"><div class="w-6 h-6 flex justify-center items-center"><span class="icon-arrow_up" :class="{ 'text-lala-blue text-[8px]': open, 'text-lala-gray text-[8px] -rotate-90': !open }"></span></div></button></div><ul x-show="open" x-transition class=""><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/gekleurd-zand/" title="Gekleurd&#x20;Zand" :class="{ 'text-lala-blue': open }">Gekleurd Zand</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/gekleurde-steentjes-gekleurd-granulaat" title="Gekleurde&#x20;Steentjes&#x20;&#x2F;&#x20;Granulaat" :class="{ 'text-lala-blue': open }">Gekleurde Steentjes / Granulaat</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/klei-korrels/" title="Klei&#x20;Korrels" :class="{ 'text-lala-blue': open }">Klei Korrels</a></div></li><li class="level-3 pl-14" x-data="{ open: false }" ><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-1 cursor-pointer bg-container-lighter level-3 text-lala-gray font-light" href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/houtsnippers/" title="Houtsnippers" :class="{ 'text-lala-blue': open }">Houtsnippers</a></div></li></ul></li></ul></li><li class="level-1" x-data="{ open: true }" x-init="open = true"><div class="flex items-center transition-transform duration-150 ease-in-out transform" :class="{'drop-open': open}"><a class="flex items-center w-full py-2 cursor-pointer bg-container-lighter level-1" href="https://www.lalashops.nl/wonen/tuin" title="Tuin">TUIN</a></div></li></ul></li>            <li class="pt-4 pb-2 mt-auto"><a id="compare-link" class="relative flex items-center gap-6 hover:bg-primary/10 outline-offset-2 invisible" :class="{ 'invisible': !(itemCount > 0) }" href="https://www.lalashops.nl/catalog/product_compare/index/" title="Producten&#x20;vergelijken" x-data="initCompareHeader()" @private-content-loaded.window="receiveCompareData($event.detail.data)" :aria-label="`
  1382.                    Producten&#x20;vergelijken,
  1383.                    ${itemCount > 1 ? hyva.str('\u00251\u0020producten', itemCount) : hyva.str('\u00251\u0020product', itemCount) }`">
  1384.                    <div class="icon-balance text-xl text-black"></div>
  1385.                    <div class="text-base text-lala-gray font-light">Vergelijken</div>
  1386.                    <span x-text="itemCount" class="absolute top-0 right-1 flex items-center px-2 py-1 rounded-full bg-yellow-200 text-yellow-800 text-xs font-semibold leading-none text-center uppercase tabular-nums" aria-hidden="true"></span>
  1387.                </a></li>
  1388.  
  1389.            <li class="border-t pt-4 pb-2">
  1390. <div x-data="{ openSidebarWishlist: false }">
  1391.    <a id="customer.header.wishlist.link.mobile" @click.prevent.stop="() => {
  1392.                        $dispatch('toggle-wishlist', { isOpen: true })
  1393.                    }" class="flex items-center relative gap-6" href="https://www.lalashops.nl/wishlist/" title="Verlanglijst" x-data="{ itemCount: 0 }" @private-content-loaded.window="itemCount = parseInt($event.detail.data.wishlist.counter)">
  1394.        <div class="icon-heart text-xl"></div>
  1395.        <div class="text-base text-lala-gray font-light">Verlanglijst</div>
  1396.        <template x-if="itemCount">
  1397.            <span class="absolute top-0 right-1 pt-[5px] pb-[3px] px-[7px] rounded-full bg-primary text-white text-xs font-semibold leading-none text-center uppercase tabular-nums" x-text="`${itemCount}`"></span>
  1398.        </template>
  1399.    </a>
  1400.    
  1401.    <div x-show="openSidebarWishlist" class="wishlist-sidebar fixed top-0 right-0 z-[60] h-[100vh]">
  1402.                    
  1403.  
  1404.  
  1405.  
  1406. <script>
  1407.    function initWishlistOnWishlistSidebar($wishlistJson) {
  1408.        function wishlistSidebarFetchHandler(body, postUrl, isRemoveAction = true) {
  1409.            const messages = {
  1410.                "success": isRemoveAction ?
  1411.                    "\u00251\u0020has\u0020been\u0020removed\u0020from\u0020your\u0020Wish\u0020List." :
  1412.                    "\u00251\u0020is\u0020toegevoegd\u0020aan\u0020uw\u0020verlanglijst.",
  1413.                "warning": isRemoveAction ?
  1414.                    "Could\u0020not\u0020remove\u0020item\u0020from\u0020your\u0020Wish\u0020List." :
  1415.                    "Could\u0020not\u0020add\u0020item\u0020to\u0020your\u0020Wish\u0020List.",
  1416.            }
  1417.  
  1418.            const postHeaders = {
  1419.                "headers": {
  1420.                    "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  1421.                },
  1422.                body: body,
  1423.                "method": "POST",
  1424.                "mode": "cors",
  1425.                "credentials": "include"
  1426.            };
  1427.  
  1428.            return fetch(postUrl, postHeaders).then(function(response) {
  1429.                if (response.redirected) {
  1430.                    window.location.href = response.url;
  1431.                } else if (response.ok) {
  1432.                    return response.json();
  1433.                } else {
  1434.                    const message = {
  1435.                        type: "warning",
  1436.                        text: messages.warning
  1437.                    };
  1438.                    window.dispatchMessages && window.dispatchMessages([message], 5000);
  1439.                }
  1440.            }).then(function(response) {
  1441.                if (!response) return;
  1442.                const message = {
  1443.                    type: (response.success) ? "success" : "error",
  1444.                    text: (response.success) ? messages.success : response.error_message
  1445.                }
  1446.                window.dispatchMessages && window.dispatchMessages([message], 5000);
  1447.                window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
  1448.            }).catch(function(error) {
  1449.                const message = {
  1450.                    type: "error",
  1451.                    text: error
  1452.                };
  1453.                window.dispatchMessages && window.dispatchMessages([message], 5000);
  1454.            });
  1455.        }
  1456.  
  1457.        const test = $wishlistJson
  1458.  
  1459.        return {
  1460.            test,
  1461.            wishlistProducts: null,
  1462.            itemCount: 0,
  1463.            wishlistCountLabel: null,
  1464.            wishlistItems: {},
  1465.            open: false,
  1466.            receiveWishlistData: function(data) {
  1467.                if (data['wishlist']) {
  1468.                    this.wishlistProducts = data['wishlist'];
  1469.                    this.wishlistCountLabel = '(' + this.wishlistProducts.counter + ')';
  1470.                    this.itemCount = this.wishlistProducts.items.length;
  1471.                    this.wishlistItems = this.wishlistProducts.items;
  1472.                }
  1473.            },
  1474.            addToCart: function(json) {
  1475.                const obj = JSON.parse(json);
  1476.                const postUrl = obj.action;
  1477.                const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item + "&qty=" + obj.data.qty + "&uenc=" + hyva.getUenc();
  1478.                wishlistSidebarFetchHandler(body, postUrl, /* isRemoveAction */ false);
  1479.            },
  1480.            removeFromWishlist: function(json) {
  1481.                const obj = JSON.parse(json);
  1482.                const postUrl = obj.action;
  1483.                const body = "form_key=" + hyva.getFormKey() + "&item=" + obj.data.item + "&uenc=" + hyva.getUenc();
  1484.                wishlistSidebarFetchHandler(body, postUrl);
  1485.            },
  1486.            toggleWishlistDrawer(event) {
  1487.                if (event.detail && event.detail.isOpen !== undefined) {
  1488.                    if (event.detail.isOpen) {
  1489.                        this.openWishlistDrawer();
  1490.                    } else {
  1491.                        this.open = false;
  1492.                    }
  1493.                } else {
  1494.                                        this.openWishlistDrawer()
  1495.                }
  1496.            },
  1497.            openWishlistDrawer() {
  1498.                this.open = true;
  1499.            },
  1500.            closeWishlistDrawer() {
  1501.                this.$dispatch('toggle-wishlist', {
  1502.                    isOpen: false
  1503.                })
  1504.            },
  1505.        }
  1506.    }
  1507. </script>
  1508.  
  1509. <section x-cloak
  1510.    id="wishlist-section"
  1511.    x-data="initWishlistOnWishlistSidebar()"
  1512.    @private-content-loaded.window="receiveWishlistData($event.detail.data)"
  1513.    x-init="$watch('open', (value, oldValue) => {
  1514.            if(value) {
  1515.                document.body.style.overflow = true ? 'hidden' : '';
  1516.            } else {
  1517.                document.body.style.overflow = false ? 'hidden' : ''
  1518.            }
  1519.         })"
  1520.    @toggle-wishlist.window="toggleWishlistDrawer($event)">
  1521.    <div role="dialog"
  1522.        aria-labelledby="wishlist-title"
  1523.        aria-modal="true"
  1524.        :aria-hidden="!open"
  1525.        class="fixed inset-y-0 right-0 z-[52] flex max-w-full">
  1526.        <div class="backdrop"
  1527.            x-show="open"
  1528.            x-transition:enter="ease-in-out duration-500"
  1529.            x-transition:enter-start="opacity-0"
  1530.            x-transition:enter-end="opacity-100"
  1531.            x-transition:leave="ease-in-out duration-500"
  1532.            x-transition:leave-start="opacity-100"
  1533.            x-transition:leave-end="opacity-0"
  1534.            role="button"
  1535.            @click="closeWishlistDrawer()"
  1536.            aria-label="Close&#x20;wishlist"></div>
  1537.        <div class="relative w-screen max-w-md shadow-2xl"
  1538.            x-show="open"
  1539.            x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
  1540.            x-transition:enter-start="translate-x-full"
  1541.            x-transition:enter-end="translate-x-0"
  1542.            x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
  1543.            x-transition:leave-start="translate-x-0"
  1544.            x-transition:leave-end="translate-x-full"
  1545.            role="region"
  1546.            :tabindex="open ? 0 : -1"
  1547.            aria-label="Verlanglijst">
  1548.            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl justify-start">
  1549.                <header class="relative px-4 py-6 sm:px-6 bg-lala-gray-light-ultra">
  1550.                    <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900 text-lala-black">
  1551.                        <strong>Verlanglijst</strong>
  1552.                    </p>
  1553.                </header>
  1554.  
  1555.  
  1556.                <div class="px-6 mt-2" x-show="itemCount > 0">
  1557.                    <p class="text-base font-bold border-b border-lala-gray-light-ultra text-lala-black pb-2">
  1558.                        <span x-show="itemCount > 0" x-html="itemCount"></span>
  1559.                        <span x-show="itemCount > 1">producten in verlanglijst</span>
  1560.                        <span x-show="itemCount === 1">product in verlanglijst</span>
  1561.                    </p>
  1562.                </div>
  1563.  
  1564.  
  1565.                <div class="p-3 overflow-auto max-h-[75vh]">
  1566.                    <template x-for="product in wishlistItems" x-show="itemCount > 0">
  1567.                        <div class="flex items-start p-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100 [&:not(:last-child)]:border-b border-container lg:border-none">
  1568.                            <a :href="product.product_url"
  1569.                                class="w-1/4 flex items-center justify-center border rounded-lg border-lala-gray-light-ultra p-2"
  1570.                                :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', product.product_name)">
  1571.  
  1572.                                <img
  1573.                                    :src="product.image.src"
  1574.                                    width="150" height="150" loading="lazy" :alt="product.product_name" />
  1575.                            </a>
  1576.                            <div class="w-3/4">
  1577.                                <div>
  1578.                                    <p class="text-sm">
  1579.                                        <span x-html="product.product_name"></span>
  1580.                                    </p>
  1581.                                </div>
  1582.                                <div class="flex justify-between items-center mt-2">
  1583.                                    <div class="text-sm font-bold text-lala-blue" x-html="product.product_price"></div>
  1584.                                    <div class="flex items-center gap-3">
  1585.                                        <div class="add-to-cart-wrapper flex justify-end" x-show="product.product_is_saleable_and_visible">
  1586.                                            <button @click="addToCart(product.add_to_cart_params)" class="btn btn-primary">
  1587.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  1588.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  1589. </svg>
  1590.                                            </button>
  1591.                                        </div>
  1592.                                        <button type="button"
  1593.                                            class="inline-flex py-4"
  1594.                                            @click="removeFromWishlist(product.delete_item_params)"
  1595.                                            :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020wishlist'), product.product_name">
  1596.                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  1597.  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
  1598. </svg>
  1599.                                        </button>
  1600.                                    </div>
  1601.                                </div>
  1602.                            </div>
  1603.                        </div>
  1604.                    </template>
  1605.                    <p x-show="itemCount === 0">Je verlanglijst is leeg.</p>
  1606.                </div>
  1607.            </div>
  1608.  
  1609.            <button
  1610.                type="button"
  1611.                @click="closeWishlistDrawer()"
  1612.                aria-label="Close&#x20;wishlist"
  1613.                class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black">
  1614.                <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">
  1615.  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
  1616. </svg>
  1617.            </button>
  1618.        </div>
  1619.            </div>
  1620.  
  1621. </section>            </div>
  1622. </div></li>
  1623.            <li class="border-t pt-4 pb-2"><a class="flex gap-6 items-center" href="https://www.lalashops.nl/klanten-service/">
  1624.                    <div class="icon-headset text-2xl"></div>
  1625.                    <div class="text-base text-lala-gray font-light">Klantenservice</div>
  1626.                </a></li>
  1627.            <li class="border-t pt-4 pb-2">
  1628. <div class="flex gap-6">
  1629.  
  1630.    <div class="icon-user text-2xl text-black"></div>
  1631.  
  1632.    <nav class="flex text-lala-gray font-light">
  1633.                    
  1634. <a id="customer.mobile.sign.in.link" class="hover:text-lala-black" onclick="hyva.setCookie && hyva.setCookie(
  1635.       'login_redirect',
  1636.       window.location.href,
  1637.       1
  1638.   )" href="https://www.lalashops.nl/customer/account/index/" title="Inloggen">
  1639.    Inloggen</a>
  1640.    &nbsp;/&nbsp;<a id="customer.mobile.register.link" class="hover:text-lala-black" href="https://www.lalashops.nl/customer/account/create/" title="Account&#x20;aanmaken">
  1641.        Account aanmaken    </a>
  1642.            </nav>
  1643. </div></li>
  1644.            <li class="border-t pt-4 pb-4"><a class="text-lala-gray font-light" href="https://www.lalashops.nl/over-ons/">Over ons</a></li>
  1645.        </ul>
  1646.    </div>
  1647. </nav>
  1648.  
  1649. <script>
  1650.    'use strict';
  1651.    const initMenuMobile_68985b5137d3d = () => {
  1652.        return {
  1653.            open: false,
  1654.            dropdownOpenId: null,
  1655.            openSubmenus: {},
  1656.            setActiveMenu(menuNode) {
  1657.                Array.from(menuNode.querySelectorAll('a')).forEach(link => {
  1658.                    const categoryElement = link.closest('li');
  1659.                    if (categoryElement) {
  1660.                        const children = categoryElement.querySelectorAll('ul > li');
  1661.                    }
  1662.  
  1663.                    if (link.href === window.location.href.split('?')[0]) {
  1664.                        link.classList.add('!text-lala-blue');
  1665.                        const level0 = link.closest('li.level-0');
  1666.  
  1667.                        // Commented out because I don't see it doing anything other then trowing error for not being able to add empty class
  1668.                        // if (level0) {
  1669.                        //     level0.querySelector('a.level-0').classList.add('');
  1670.                        // }
  1671.                    }
  1672.                });
  1673.            },
  1674.            openMenu() {
  1675.                this.open = true;
  1676.                this.$nextTick(() => hyva.trapFocus(this.$refs['mobileMenuNavLinks']));
  1677.                document.body.style.position = 'fixed';
  1678.            },
  1679.            closeMenu() {
  1680.                document.body.style.position = '';
  1681.                if (this.open) {
  1682.                    this.$nextTick(() => this.$refs['mobileMenuTrigger'].focus() || hyva.releaseFocus());
  1683.                }
  1684.                this.open = false;
  1685.                this.dropdownOpenId = null;
  1686.            },
  1687.            toggleMenu() {
  1688.                this.open = !this.open;
  1689.            },
  1690.            toggleDropdown(index) {
  1691.                this.dropdownOpenId = this.dropdownOpenId === index ? null : index;
  1692.            },
  1693.            toggleSubmenu(index) {
  1694.                this.$set(this.openSubmenus, index, !this.openSubmenus[index]);
  1695.            },
  1696.            isSubmenuOpen(index) {
  1697.                return !!this.openSubmenus[index];
  1698.            }
  1699.        }
  1700.    }
  1701. </script>
  1702.                </div>
  1703.            </div>
  1704.        </div>
  1705.  
  1706.        <template x-if="!isMobile && isHomepage">
  1707.            <div class="usp-home"
  1708.                :class="{
  1709.                    'pt-[60px] lg:pt-[90px]': isHeaderFixed || (!isHomepage && isPageLoaded)
  1710.                }">
  1711.                
  1712. <div id="usp-slider-68985b51578a3" class="text-lala-black text-base text-center font-normal border-b border-b-lala-gray-light-ultra lg:border-none">
  1713.    <div class="lg:container">
  1714.        <div class="swiper-container overflow-hidden">
  1715.            <div class="swiper-wrapper lg:gap-4 !h-12 lg:border-b lg:border-b-lala-gray-light-ultra lg:justify-between">
  1716.                                                            <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="0">
  1717.                            <div class="flex gap-3 mx-auto">
  1718.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Group_856" data-name="Group 856" width="24" height="24" viewBox="0 0 24.619 25" class="text-lala-black" role="img">
  1719.  <defs>
  1720.    <clipPath id="clip-path">
  1721.      <rect id="Rectangle_374" data-name="Rectangle 374" width="24.619" height="25" fill="none"/>
  1722.    </clipPath>
  1723.  </defs>
  1724.  <g id="Group_855" data-name="Group 855" clip-path="url(#clip-path)">
  1725.    <path id="Path_563_2" data-name="Path 563" d="M24.258,5.917a2.029,2.029,0,0,0-1.7-.7H20a5.557,5.557,0,0,0-11.092,0H5.234l-.5-1.97A.644.644,0,0,0,4.424,2.8L.869.751a.594.594,0,0,0-.841.707A.588.588,0,0,0,.315,1.8l3.311,1.91.983,3.864L6.77,16.186a1.467,1.467,0,0,0,.044.144,2.129,2.129,0,0,0,.833,4.089l13.979,0a.585.585,0,0,0,0-1.169H7.647a.959.959,0,1,1,0-1.917H20.941a1.5,1.5,0,0,0,1.41-1.142l2.2-8.607a1.914,1.914,0,0,0-.291-1.666M14.451,1.163a4.394,4.394,0,1,1-4.4,4.4,4.4,4.4,0,0,1,4.4-4.4m8.96,6.14-2.2,8.607a.344.344,0,0,1-.272.25H8.179a.342.342,0,0,1-.27-.25L5.547,6.387H8.955a5.558,5.558,0,0,0,10.991,0h2.615a1.009,1.009,0,0,1,.776.254.775.775,0,0,1,.074.662" fill="#333"/>
  1726.    <path id="Path_564_2" data-name="Path 564" d="M13.668,7.615a.507.507,0,0,0,.39.182l.014,0a.513.513,0,0,0,.383-.17l2.777-3.151a.511.511,0,0,0-.048-.721.518.518,0,0,0-.338-.126.511.511,0,0,0-.383.172L14.08,6.5,12.89,5.034a.506.506,0,0,0-.391-.183.513.513,0,0,0-.51.467.5.5,0,0,0,.115.37Z" fill="#333"/>
  1727.    <path id="Path_565_2" data-name="Path 565" d="M9.383,20.926a2.037,2.037,0,1,0,2.037,2.037,2.04,2.04,0,0,0-2.037-2.037m0,3.189a1.152,1.152,0,1,1,1.152-1.152,1.154,1.154,0,0,1-1.152,1.152" fill="#333"/>
  1728.    <path id="Path_566_2" data-name="Path 566" d="M18.484,20.926a2.037,2.037,0,1,0,2.037,2.037,2.04,2.04,0,0,0-2.037-2.037m0,3.189a1.152,1.152,0,1,1,1.152-1.152,1.154,1.154,0,0,1-1.152,1.152" fill="#333"/>
  1729.    <path id="Path_567_2" data-name="Path 567" d="M15.508,22.562H12.357a.4.4,0,0,0,0,.8h3.151a.4.4,0,0,0,0-.8" fill="#333"/>
  1730.  </g>
  1731. <title>cart-checked</title></svg>
  1732. </div>
  1733.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Snelle levering</span>
  1734.                            </div>
  1735.                        </li>
  1736.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="1">
  1737.                            <div class="flex gap-3 mx-auto">
  1738.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 19.661" class="text-lala-black" role="img">
  1739.  <defs>
  1740.    <clipPath id="clip-path_2">
  1741.      <rect id="Rectangle_375" data-name="Rectangle 375" width="25" height="19.661" transform="translate(0 0)" fill="none"/>
  1742.    </clipPath>
  1743.  </defs>
  1744.  <g id="Group_858" data-name="Group 858" transform="translate(0 0)">
  1745.    <g id="Group_857" data-name="Group 857" clip-path="url(#clip-path_2)">
  1746.      <path id="Path_568_2" data-name="Path 568" d="M13.9,12.042c-.579,0-.624-.328-.624-.429,0-.408.52-.429.624-.429.338,0,.624.2.624.429a.448.448,0,1,0,.895,0,1.362,1.362,0,0,0-1.071-1.266V9.939a.448.448,0,0,0-.9,0v.4a1.289,1.289,0,0,0-1.071,1.274A1.369,1.369,0,0,0,13.9,12.938c.12,0,.721.024.721.508s-.647.509-.721.509c-.391,0-.721-.233-.721-.509a.448.448,0,0,0-.9,0A1.451,1.451,0,0,0,13.452,14.8v.4a.448.448,0,0,0,.9,0v-.4a1.392,1.392,0,0,0,1.169-1.355,1.472,1.472,0,0,0-1.617-1.4" fill="#333"/>
  1747.      <path id="Path_569" data-name="Path 569" d="M13.956,8.209a4.421,4.421,0,1,0,4.421,4.421,4.426,4.426,0,0,0-4.421-4.421m0,7.946a3.525,3.525,0,1,1,3.525-3.525,3.529,3.529,0,0,1-3.525,3.525" fill="#333"/>
  1748.      <path id="Path_570" data-name="Path 570" d="M24.552,5.747H3.507a.447.447,0,0,0-.448.447V19.213a.448.448,0,0,0,.448.448H24.552A.449.449,0,0,0,25,19.213V6.194a.448.448,0,0,0-.448-.447m-20.6.895H8.038A3.021,3.021,0,0,1,6.207,8.771a1.346,1.346,0,0,0-.927,1.276V15.36a1.346,1.346,0,0,0,.927,1.276,3.023,3.023,0,0,1,1.831,2.129H3.955ZM8.949,18.765a3.871,3.871,0,0,0-2.46-2.979.451.451,0,0,1-.313-.426V10.047a.451.451,0,0,1,.313-.426,3.87,3.87,0,0,0,2.46-2.979H19.064a3.867,3.867,0,0,0,2.459,2.979.451.451,0,0,1,.313.426V15.36a.451.451,0,0,1-.313.426h0a3.868,3.868,0,0,0-2.46,2.979Zm15.155,0H19.975a3.021,3.021,0,0,1,1.831-2.129,1.345,1.345,0,0,0,.926-1.276V10.047a1.345,1.345,0,0,0-.926-1.276,3.019,3.019,0,0,1-1.831-2.129H24.1Z" fill="#333"/>
  1749.      <path id="Path_571" data-name="Path 571" d="M23.8,3.415a.449.449,0,0,0-.448-.448H1.959a.449.449,0,0,0-.448.448V16.179a.448.448,0,0,0,.9,0V3.863H23.35a.449.449,0,0,0,.448-.448" fill="#333"/>
  1750.      <path id="Path_572" data-name="Path 572" d="M22.144.448A.449.449,0,0,0,21.7,0H.448A.449.449,0,0,0,0,.448V12.433a.448.448,0,0,0,.9,0V.9H21.7a.449.449,0,0,0,.448-.448" fill="#333"/>
  1751.      <path id="Path_573" data-name="Path 573" d="M7.863,11.767a.918.918,0,1,0,.918.918.919.919,0,0,0-.918-.918m-.022.918a.022.022,0,0,1,.022-.022.022.022,0,0,1,.022.022c0,.024-.044.024-.044,0" fill="#333"/>
  1752.      <path id="Path_574" data-name="Path 574" d="M20.956,12.685a.918.918,0,1,0-.918.918.919.919,0,0,0,.918-.918m-.939,0a.021.021,0,0,1,.021-.022.022.022,0,0,1,.023.022c0,.024-.044.024-.044,0" fill="#333"/>
  1753.    </g>
  1754.  </g>
  1755. <title>money</title></svg>
  1756. </div>
  1757.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Niet tevreden geld terug!</span>
  1758.                            </div>
  1759.                        </li>
  1760.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="2">
  1761.                            <div class="flex gap-3 mx-auto">
  1762.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 21.968" class="text-lala-black" role="img">
  1763.  <defs>
  1764.    <clipPath id="clip-path_3">
  1765.      <rect id="Rectangle_376" data-name="Rectangle 376" width="25" height="21.968" transform="translate(0 0)" fill="none"/>
  1766.    </clipPath>
  1767.  </defs>
  1768.  <g id="Group_862" data-name="Group 862" transform="translate(0 0)">
  1769.    <g id="Group_861" data-name="Group 861" clip-path="url(#clip-path_3)">
  1770.      <path id="Path_575" data-name="Path 575" d="M20.662,6.387a2.038,2.038,0,0,0,.718-.654.443.443,0,0,0,.062-.227V2.223c0-.735-.859-1.288-2.625-1.692A26.394,26.394,0,0,0,13.22,0a26.394,26.394,0,0,0-5.6.531C5.857.935,5,1.488,5,2.223V3.475c-2.607.408-3.929,1.076-3.929,1.988v.043a.544.544,0,0,0,0,.057c0,.011,0,.022,0,.033V8.729c0,.01,0,.02,0,.03s0,.02,0,.03c0,.768,1.107,1.388,2.633,1.832v.1c-2.623.405-3.7.933-3.7,1.8v3.346c0,.009,0,.018,0,.027s0,.019,0,.028c0,.758.987,1.321,2.012,1.7v1.712a.248.248,0,0,0,0,.027c0,.01,0,.019,0,.028,0,1.543,4.251,2.579,8.222,2.579a34.474,34.474,0,0,0,4.122-.347.377.377,0,0,0,.058-.014,8.273,8.273,0,0,0,6.248-15.22m-3.936-1A8.234,8.234,0,0,0,11.6,7.178c-2.81-.206-5.365-1.146-5.7-1.586V3.333a7.408,7.408,0,0,0,1.731.582,26.328,26.328,0,0,0,5.6.531,26.328,26.328,0,0,0,5.6-.531,7.408,7.408,0,0,0,1.731-.582v2.02a1.945,1.945,0,0,1-1.024.524,8.237,8.237,0,0,0-2.8-.488M13.22.894c5.211,0,7.232,1.039,7.327,1.329-.1.291-2.116,1.329-7.327,1.329C7.982,3.552,5.968,2.5,5.892,2.23v0C5.968,1.943,7.982.894,13.22.894M5,4.38V5.515a.434.434,0,0,0-.013.1c0,.3.153.729,1.26,1.231C4.007,6.439,2.221,5.814,1.964,5.46c.027-.132.642-.686,3.034-1.08m-3.036,4.4,0-.022c0-.01,0-.019,0-.028V6.593a13.2,13.2,0,0,0,4.432,1.18,25.74,25.74,0,0,0,4.088.37h.087A8.305,8.305,0,0,0,9.077,10.51c-4.069-.1-6.958-1.25-7.115-1.731m6.495,5.1A11.826,11.826,0,0,1,5.6,13.144c-.836-.362-1.006-.667-1.006-.729V10.852a24.037,24.037,0,0,0,4.175.542,8.223,8.223,0,0,0-.319,2.27c0,.072,0,.144.005.216M3.7,11.628v.787c0,.768.926,1.361,2.164,1.78A16.044,16.044,0,0,1,2.887,13.6c-1.58-.49-1.975-.981-1.992-1.082.018-.038.278-.484,2.807-.893M.895,15.92c0-.009,0-.018,0-.028s0-.018,0-.027V13.716a7.571,7.571,0,0,0,1.656.719,18.953,18.953,0,0,0,5.54.774c.13,0,.232,0,.34,0l.169,0a8.214,8.214,0,0,0,.893,2.46c-.339.02-.763.039-1.159.039a19.378,19.378,0,0,1-5.318-.7c-1.688-.5-2.1-.993-2.121-1.094m9.339,5.154a20.076,20.076,0,0,1-5.28-.654c-1.638-.463-2.032-.933-2.048-1.031,0-.009,0-.018,0-.028a.248.248,0,0,0,0-.027V17.912a20.4,20.4,0,0,0,5.428.7c.661,0,1.378-.049,1.709-.075a8.327,8.327,0,0,0,2.7,2.381c-.772.081-1.718.158-2.514.158m6.492-.03a7.381,7.381,0,1,1,7.38-7.38,7.388,7.388,0,0,1-7.38,7.38" fill="#333"/>
  1771.      <path id="Path_576" data-name="Path 576" d="M16.726,7.5a6.162,6.162,0,1,0,6.161,6.162A6.168,6.168,0,0,0,16.726,7.5m0,11.429a5.267,5.267,0,1,1,5.267-5.267,5.273,5.273,0,0,1-5.267,5.267" fill="#333"/>
  1772.      <path id="Path_577" data-name="Path 577" d="M16.893,13.1c-.193,0-1.157-.042-1.157-.866,0-.639.623-.866,1.157-.866.627,0,1.157.4,1.157.866a.447.447,0,0,0,.894,0,1.847,1.847,0,0,0-1.6-1.717v-.79a.447.447,0,0,0-.894,0v.783a1.748,1.748,0,0,0-1.6,1.724A1.838,1.838,0,0,0,16.893,14c.6,0,1.3.258,1.3.985s-.7.986-1.3.986a1.18,1.18,0,0,1-1.3-.986.447.447,0,0,0-.894,0,1.981,1.981,0,0,0,1.75,1.84v.786a.447.447,0,0,0,.894,0v-.78a1.875,1.875,0,0,0,1.75-1.846,1.967,1.967,0,0,0-2.2-1.879" fill="#333"/>
  1773.    </g>
  1774.  </g>
  1775. <title>coins</title></svg>
  1776. </div>
  1777.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Betaling &amp; Verzending</span>
  1778.                            </div>
  1779.                        </li>
  1780.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="3">
  1781.                            <div class="flex gap-3 mx-auto">
  1782.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 15.662" class="text-lala-black" role="img">
  1783.  <defs>
  1784.    <clipPath id="clip-path_4">
  1785.      <rect id="Rectangle_377" data-name="Rectangle 377" width="25" height="15.662" transform="translate(0 0)" fill="none"/>
  1786.    </clipPath>
  1787.  </defs>
  1788.  <g id="Group_865" data-name="Group 865" transform="translate(0 0)">
  1789.    <g id="Group_864" data-name="Group 864" clip-path="url(#clip-path_4)">
  1790.      <path id="Path_578" data-name="Path 578" d="M2.365,5.787H2.129a.236.236,0,0,0-.236.236V7.435l-.553.289.076.147L1.9,7.617a.236.236,0,0,0,.228.177h.194a.111.111,0,0,0,.111-.112V5.856a.069.069,0,0,0-.069-.069" fill="#333"/>
  1791.      <path id="Path_579" data-name="Path 579" d="M6.111,11.141A2.261,2.261,0,1,0,8.372,13.4a2.261,2.261,0,0,0-2.261-2.26m0,3.722A1.462,1.462,0,1,1,7.573,13.4a1.464,1.464,0,0,1-1.462,1.462" fill="#333"/>
  1792.      <path id="Path_580" data-name="Path 580" d="M19.1,12.879a.522.522,0,1,0,.522.522.522.522,0,0,0-.522-.522" fill="#333"/>
  1793.      <path id="Path_581" data-name="Path 581" d="M19.1,11.141a2.261,2.261,0,1,0,2.26,2.261,2.261,2.261,0,0,0-2.26-2.261m0,3.747A1.486,1.486,0,1,1,20.59,13.4,1.486,1.486,0,0,1,19.1,14.888" fill="#333"/>
  1794.      <path id="Path_582" data-name="Path 582" d="M6.111,12.879a.522.522,0,1,0,.522.522.522.522,0,0,0-.522-.522" fill="#333"/>
  1795.      <path id="Path_583" data-name="Path 583" d="M24.887.113A.384.384,0,0,0,24.615,0H8.658a.387.387,0,0,0-.272.113.383.383,0,0,0-.112.272V10.524a.384.384,0,0,0,.384.385h8.908a2.921,2.921,0,0,0-.554.443H8.444c-.171-.2-.368-.428-.554-.625V7.667l-.217-.141V3.745a.071.071,0,0,0-.021-.05.07.07,0,0,0-.05-.02l-4.716.053a1.037,1.037,0,0,0-.938.621l-.083.19H1.92A.189.189,0,0,1,2.1,4.8L.942,7.757a.189.189,0,0,1-.175.12H.405L1.2,6.061.258,8.211A1.894,1.894,0,0,0,.1,8.967v1.6a.112.112,0,0,0,.112.112H.264v.5H.472a.181.181,0,0,1,.18.181v.782a.18.18,0,0,1-.18.18H.264v.6H.111A.112.112,0,0,0,0,13.032v.979a.112.112,0,0,0,.111.112H3.355a.112.112,0,0,0,.111-.112V12.542a.694.694,0,0,1,.115-.383c.286-.432,1.058-1.479,1.839-1.479H7.149s1.188,1.053,1.3,1.481a14.774,14.774,0,0,1,.2,1.631h.921V12.443h.238V13.7a.22.22,0,0,0,.064.155.222.222,0,0,0,.155.065h3.511a.223.223,0,0,0,.156-.065.22.22,0,0,0,.064-.155V12.443h2.575a2.852,2.852,0,0,0-.128.515h.217a2.717,2.717,0,0,1,1.6-2.049h2.155a2.715,2.715,0,0,1,1.6,2.049H22a2.937,2.937,0,0,0-.127-.515H23.1v.288h.47v-.607h-.313v-.636h.313v-.136H21.195a2.921,2.921,0,0,0-.554-.443h3.974A.386.386,0,0,0,25,10.524V.385a.384.384,0,0,0-.113-.272M5.935,7.135a.471.471,0,0,1-.336.451l-.917.274a4.7,4.7,0,0,1-1.348.2H1.792a.236.236,0,0,1-.223-.309l.942-2.863a.237.237,0,0,1,.224-.162H5.7a.236.236,0,0,1,.235.236Zm4.7,6.349H10.25V12.128h.384Zm2.092,0H10.847V12.128h1.879Zm.6,0h-.384V12.128h.384Zm10.91-3.345H9.043V.769H24.231Z" fill="#333"/>
  1796.    </g>
  1797.  </g>
  1798. <title>truck</title></svg>
  1799. </div>
  1800.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Intra-Communautaire levering</span>
  1801.                            </div>
  1802.                        </li>
  1803.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="4">
  1804.                            <div class="flex gap-3 mx-auto">
  1805.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 24.919" class="text-lala-black" role="img">
  1806.  <defs>
  1807.    <clipPath id="clip-path_5">
  1808.      <rect id="Rectangle_378" data-name="Rectangle 378" width="25" height="24.919" transform="translate(0 0)" fill="none"/>
  1809.    </clipPath>
  1810.  </defs>
  1811.  <g id="Group_868" data-name="Group 868" transform="translate(0 0)">
  1812.    <g id="Group_867" data-name="Group 867" clip-path="url(#clip-path_5)">
  1813.      <path id="Path_584" data-name="Path 584" d="M24.5,11.86a2.4,2.4,0,0,0-1.163-.827l.046-.345a1.339,1.339,0,0,0-1.148-1.5l-.494-.066A9.219,9.219,0,0,0,3.309,9.111l-.548.074a1.339,1.339,0,0,0-1.148,1.5l.046.344A2.413,2.413,0,0,0,.022,13.647l.117.872a2.418,2.418,0,0,0,2.267,2.09l.047.346a1.34,1.34,0,0,0,1.325,1.16,1.357,1.357,0,0,0,.179-.012l2.1-.282a.445.445,0,0,0,.383-.5L5.361,9.286a.447.447,0,0,0-.5-.383L4.2,8.991A8.326,8.326,0,0,1,20.85,9l-.71-.1a.445.445,0,0,0-.5.383L18.562,17.32a.445.445,0,0,0,.382.5l.872.117L19.029,20A4.73,4.73,0,0,1,14.9,23.011a1.455,1.455,0,0,0-1.38-1H11.536a1.454,1.454,0,0,0,0,2.908h1.985A1.456,1.456,0,0,0,14.907,23.9a5.629,5.629,0,0,0,4.956-3.589l.862-2.255.318.043a1.357,1.357,0,0,0,.179.012,1.34,1.34,0,0,0,1.325-1.16l.046-.346a2.419,2.419,0,0,0,2.268-2.09l.117-.871A2.4,2.4,0,0,0,24.5,11.86m-22.9,3.549A1.514,1.514,0,0,1,1.023,14.4l-.117-.872a1.525,1.525,0,0,1,.875-1.589l.5,3.763a1.52,1.52,0,0,1-.677-.294M5.495,17l-1.657.222a.446.446,0,0,1-.5-.383l-.375-2.8L2.6,11.314l-.1-.744a.445.445,0,0,1,.383-.5l1.656-.222Zm8.026,7.031H11.536a.562.562,0,0,1,0-1.124h1.985a.562.562,0,1,1,0,1.124m7.641-6.809L19.5,17l.958-7.15,1.657.222a.445.445,0,0,1,.383.5l-.1.744-.377,2.816-.363,2.706a.445.445,0,0,1-.5.383m2.932-3.69-.117.872a1.528,1.528,0,0,1-1.262,1.3l.5-3.763a1.525,1.525,0,0,1,.875,1.589" fill="#333"/>
  1814.      <path id="Path_585" data-name="Path 585" d="M16.333,16.326a.446.446,0,0,0-.806-.382,3.193,3.193,0,0,1-2.955,1.574,3.184,3.184,0,0,1-2.95-1.573.446.446,0,0,0-.807.38,4.058,4.058,0,0,0,3.757,2.085,4.066,4.066,0,0,0,3.761-2.084" fill="#333"/>
  1815.      <path id="Path_586" data-name="Path 586" d="M8.9,11.49a.861.861,0,1,0,.861-.861.862.862,0,0,0-.861.861m.892,0a.031.031,0,1,1-.031-.031.031.031,0,0,1,.031.031" fill="#333"/>
  1816.      <path id="Path_587" data-name="Path 587" d="M14.524,11.49a.861.861,0,1,0,.861-.861.862.862,0,0,0-.861.861m.892,0a.031.031,0,1,1-.031-.031.031.031,0,0,1,.031.031" fill="#333"/>
  1817.      <path id="Path_588" data-name="Path 588" d="M12.229,1.8a.445.445,0,0,0-.507.375C11.178,5.823,6.355,7.336,6.3,7.353a.446.446,0,1,0,.259.853A11.86,11.86,0,0,0,9.317,6.877a9.128,9.128,0,0,0,1.644-1.356,12.174,12.174,0,0,0,7.67,2.469.446.446,0,0,0,0-.892,11.481,11.481,0,0,1-7.1-2.261A5.657,5.657,0,0,0,12.6,2.308a.445.445,0,0,0-.375-.507" fill="#333"/>
  1818.    </g>
  1819.  </g>
  1820. <title>support</title></svg>
  1821. </div>
  1822.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Klantgerichte service</span>
  1823.                            </div>
  1824.                        </li>
  1825.                                                </div>
  1826.        </div>
  1827.    </div>
  1828. </div>
  1829.  
  1830. <script>
  1831.    (function() {
  1832.        const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  1833.        const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  1834.        const swiperInstanceClass = '#usp-slider-68985b51578a3 .swiper-container';
  1835.  
  1836.        // Load Swiper CSS if not already loaded
  1837.        if (!document.querySelector(`link[href="${swiperCssUrl}"]`)) {
  1838.            const style = document.createElement("link");
  1839.            style.rel = "stylesheet";
  1840.            style.href = swiperCssUrl;
  1841.            document.head.appendChild(style);
  1842.        }
  1843.  
  1844.        function initSwiper() {
  1845.            const elements = document.querySelectorAll(swiperInstanceClass);
  1846.            Array.from(elements).forEach(element => {
  1847.                new Swiper(element, {
  1848.                    slidesPerView: 1,
  1849.                    spaceBetween: 16,
  1850.                    loop: true,
  1851.                    autoplay: {
  1852.                        delay: 3000,
  1853.                        disableOnInteraction: false,
  1854.                    },
  1855.                    initialSlide: 0,
  1856.                    centeredSlides: true,
  1857.                    breakpoints: {
  1858.                        0: {
  1859.                            slidesPerView: 1,
  1860.                            centeredSlides: true,
  1861.                            loop: true,
  1862.                            autoplay: {
  1863.                                delay: 3000,
  1864.                                disableOnInteraction: false,
  1865.                            },
  1866.                        },
  1867.                        1024: {
  1868.                            slidesPerView: 4,
  1869.                            centeredSlides: false,
  1870.                            loop: false,
  1871.                            autoplay: false,
  1872.                        },
  1873.                        1536: {
  1874.                            slidesPerView: 5,
  1875.                            centeredSlides: false,
  1876.                            loop: false,
  1877.                            autoplay: false,
  1878.                        },
  1879.                    }
  1880.                });
  1881.            });
  1882.        }
  1883.  
  1884.        // Load Swiper JS if not already loaded
  1885.        if (typeof window.Swiper === 'function') {
  1886.            initSwiper();
  1887.        } else {
  1888.            const pendingLoadScript = Array.from(document.scripts).find(script => script.src === swiperJsUrl);
  1889.  
  1890.            if (pendingLoadScript) { // Swiper is already being loaded
  1891.                pendingLoadScript.addEventListener('load', () => initSwiper());
  1892.            } else {
  1893.                const script = document.createElement('script');
  1894.                script.src = swiperJsUrl;
  1895.                script.async = true;
  1896.  
  1897.                script.addEventListener('load', () => initSwiper());
  1898.                document.head.appendChild(script);
  1899.            }
  1900.        }
  1901.    })();
  1902. </script>            </div>
  1903.        </template>
  1904.  
  1905.        <!-- Top menu -->
  1906.        <div class="lg:bg-primary border-b lg:border-b-transparent"
  1907.            :class="{
  1908.                'fixed top-[90px] left-0 w-full z-40 bg-lala-blue': isTopMenuFixed && isPageLoaded,
  1909.                'top-menu-icons': isHomepage && !isTopMenuFixed
  1910.            }"
  1911.            x-ref="topMenu"
  1912.            :style="isPageLoaded ? 'transition: all 300ms ease-in-out;' : ''" x-cloak>
  1913.            <div class="relative container hidden lg:block">
  1914.                
  1915. <nav class="navigation relative hidden lg:block grow" aria-label="Main&#x20;menu" x-data="initMenuDesktop_68985b51580e2()" x-ref="nav-desktop" @load.window="setActiveMenu($root)">
  1916.    <ul class="flex flex-wrap gap-x-8">
  1917.        <li class="home-link">
  1918.            <a href="https://www.lalashops.nl/" title="Home" class="level-0 h-[50px] flex uppercase text-white text-sm font-normal border-transparent items-center">
  1919.                <div class="pt-1">Home</div>
  1920.            </a>
  1921.        </li>
  1922.                    
  1923.                
  1924.                
  1925.                <li class="top-links !p-0 level-0 hover:cursor-pointer " x-data="{
  1926.                        open: false,
  1927.                        isHovering: false,
  1928.                        canHover(func) {
  1929.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  1930.                            if (!isHoverableDevice) return;
  1931.                            func();
  1932.                        }
  1933.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  1934.  
  1935.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/elektronica/" title="Elektronica">
  1936.  
  1937.                        <div class="home-icons">
  1938.                                <template x-if="!isHovering">
  1939.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 52 42.839" class="w-[52px] h-auto" role="img">
  1940.  <defs>
  1941.    <linearGradient id="linear-gradient_9" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  1942.      <stop offset="0" stop-color="#fff"/>
  1943.      <stop offset="1" stop-color="#1e84cd"/>
  1944.    </linearGradient>
  1945.  </defs>
  1946.  <g id="Group_721_2" data-name="Group 721" transform="translate(-410 -205.581)">
  1947.    <path id="Line_42_2" data-name="Line 42" d="M1,3H-1V0H1Z" transform="translate(430.577 239.638)" fill="url(#linear-gradient_9)"/>
  1948.    <path id="Line_43_2" data-name="Line 43" d="M1,3H-1V0H1Z" transform="translate(441.422 239.638)" fill="url(#linear-gradient_9)"/>
  1949.    <path id="Path_296_2" data-name="Path 296" d="M36.031,42.281H14.853v-1a5.116,5.116,0,0,1,5.11-5.11H30.921a5.116,5.116,0,0,1,5.11,5.11Zm-19.013-2H33.866a3.116,3.116,0,0,0-2.945-2.11H19.963A3.116,3.116,0,0,0,17.018,40.281Z" transform="translate(410.557 206.138)" fill="#1e84cd"/>
  1950.    <path id="Rectangle_348_2" data-name="Rectangle 348" d="M4.424-1H45.577A5.429,5.429,0,0,1,51,4.423V27.94a5.429,5.429,0,0,1-5.423,5.423H4.424A5.43,5.43,0,0,1-1,27.939V4.424A5.43,5.43,0,0,1,4.424-1ZM45.577,31.363A3.427,3.427,0,0,0,49,27.94V4.423A3.427,3.427,0,0,0,45.577,1H4.424A3.428,3.428,0,0,0,1,4.424V27.939a3.428,3.428,0,0,0,3.424,3.424Z" transform="translate(411 206.581)" fill="#1e84cd"/>
  1951.  </g>
  1952. <title>electronica-blue</title></svg>
  1953.                                </template>
  1954.                                <template x-if="isHovering">
  1955.                                    <?xml version="1.0" encoding="utf-8"?>
  1956. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  1957. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 52 42.8" style="enable-background:new 0 0 52 42.8;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  1958. <style type="text/css">
  1959. .st0{fill:#FFFFFF;}
  1960. </style>
  1961. <path class="st0" d="M46.6,0H5.4C2.4,0,0,2.4,0,5.4v23.5c0,3,2.4,5.4,5.4,5.4h14.2v2.5c-2.4,0.4-4.2,2.5-4.2,5v1h21.2v-1  c0-2.5-1.8-4.6-4.2-5v-2.5h14.2c3,0,5.4-2.4,5.4-5.4V5.4C52,2.4,49.6,0,46.6,0z M34.4,40.8H17.6c0.4-1.3,1.6-2.1,2.9-2.1h11  C32.8,38.7,34,39.6,34.4,40.8z M30.4,36.7h-8.8v-2.4h8.8V36.7z M50,28.9c0,1.9-1.5,3.4-3.4,3.4H5.4c-1.9,0-3.4-1.5-3.4-3.4V5.4  C2,3.5,3.5,2,5.4,2h41.2C48.5,2,50,3.5,50,5.4V28.9z"/>
  1962. <title>electronica-white</title></svg>
  1963.                                </template>
  1964.                            </div>
  1965.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-522-desktop-menu-panel">
  1966.                            <div class="top-name pt-1">Elektronica</div>
  1967.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  1968. <title/>
  1969. <g id="arrow">
  1970. </g>
  1971. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  1972. </svg>
  1973. </div>
  1974.                        </button>
  1975.                    </a>
  1976.                    <div id="category-node-522-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  1977.  
  1978.                        <ul class="grid grid-cols-2 gap-1 py-5 px-6 w-full rounded-3xl bg-white shadow-menu">
  1979.                                                                                        
  1980.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_359: true, timeoutId: null }" >
  1981.  
  1982.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_359" aria-controls="category-node-359-desktop-menu-panel">
  1983.            <div class="flex items-center">
  1984.  
  1985.                                    <div class="text-left leading-[19px]">Elektronica Nieuw</div>
  1986.                            </div>
  1987.                    </button>
  1988.        <ul id="category-node-359-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_359" x-ref="childmenuWrappercategory_node_359">
  1989.                            
  1990.    <li class="level-2  " x-data="{ subMenuOpencategory_node_363: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_363 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_363 = false }, 500)" >
  1991.  
  1992.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_363" aria-controls="category-node-363-desktop-menu-panel">
  1993.            <div class="flex items-center">
  1994.  
  1995.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/">
  1996.                        <div class="flex items-center">
  1997.                            
  1998.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/" class="text-left leading-[19px]">Computers</div>
  1999.                        </div>
  2000.                    </a>
  2001.                            </div>
  2002.                            <div class="">
  2003.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2004.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2005. </svg>
  2006.                        </button>
  2007.        <ul id="category-node-363-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_363" x-ref="childmenuWrappercategory_node_363">
  2008.                            
  2009.    <li class="level-3  " x-data="{ subMenuOpencategory_node_370: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_370 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_370 = false }, 500)" >
  2010.  
  2011.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_370" aria-controls="category-node-370-desktop-menu-panel">
  2012.            <div class="flex items-center">
  2013.  
  2014.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/">
  2015.                        <div class="flex items-center">
  2016.                            
  2017.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/" class="text-left leading-[19px]">Gaming PC&#039;s</div>
  2018.                        </div>
  2019.                    </a>
  2020.                            </div>
  2021.                            <div class="">
  2022.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2023.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2024. </svg>
  2025.                        </button>
  2026.        <ul id="category-node-370-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_370" x-ref="childmenuWrappercategory_node_370">
  2027.                            
  2028.    <li class="level-4">
  2029.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-3" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2030.                <div class="flex items-center">
  2031.                                        <div class="text-left leading-[19px]">AMD Ryzen 3</div>
  2032.                </div>
  2033.            </a>
  2034.            </li>
  2035.                            
  2036.    <li class="level-4">
  2037.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-5/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2038.                <div class="flex items-center">
  2039.                                        <div class="text-left leading-[19px]">AMD Ryzen 5</div>
  2040.                </div>
  2041.            </a>
  2042.            </li>
  2043.                            
  2044.    <li class="level-4">
  2045.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-7/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2046.                <div class="flex items-center">
  2047.                                        <div class="text-left leading-[19px]">AMD Ryzen 7</div>
  2048.                </div>
  2049.            </a>
  2050.            </li>
  2051.                            
  2052.    <li class="level-4">
  2053.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/amd-ryzen-9/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2054.                <div class="flex items-center">
  2055.                                        <div class="text-left leading-[19px]">AMD Ryzen 9</div>
  2056.                </div>
  2057.            </a>
  2058.            </li>
  2059.                            
  2060.    <li class="level-4">
  2061.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i3/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2062.                <div class="flex items-center">
  2063.                                        <div class="text-left leading-[19px]">Intel i3</div>
  2064.                </div>
  2065.            </a>
  2066.            </li>
  2067.                            
  2068.    <li class="level-4">
  2069.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i5/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2070.                <div class="flex items-center">
  2071.                                        <div class="text-left leading-[19px]">Intel i5</div>
  2072.                </div>
  2073.            </a>
  2074.            </li>
  2075.                            
  2076.    <li class="level-4">
  2077.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i7/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2078.                <div class="flex items-center">
  2079.                                        <div class="text-left leading-[19px]">Intel i7</div>
  2080.                </div>
  2081.            </a>
  2082.            </li>
  2083.                            
  2084.    <li class="level-4">
  2085.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/intel-i9/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2086.                <div class="flex items-center">
  2087.                                        <div class="text-left leading-[19px]">Intel i9</div>
  2088.                </div>
  2089.            </a>
  2090.            </li>
  2091.                            
  2092.    <li class="level-4">
  2093.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/gaming-computers/complete-sets/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2094.                <div class="flex items-center">
  2095.                                        <div class="text-left leading-[19px]">Complete Sets</div>
  2096.                </div>
  2097.            </a>
  2098.            </li>
  2099.                    </ul>
  2100.    </li>
  2101.                            
  2102.    <li class="level-3">
  2103.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/videobewerking-computers/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2104.                <div class="flex items-center">
  2105.                                        <div class="text-left leading-[19px]">Videobewerking Computers</div>
  2106.                </div>
  2107.            </a>
  2108.            </li>
  2109.                            
  2110.    <li class="level-3">
  2111.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/home-office-pc-s/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2112.                <div class="flex items-center">
  2113.                                        <div class="text-left leading-[19px]">Home &amp; Office PC&#039;s</div>
  2114.                </div>
  2115.            </a>
  2116.            </li>
  2117.                            
  2118.    <li class="level-3">
  2119.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/mini-pc" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2120.                <div class="flex items-center">
  2121.                                        <div class="text-left leading-[19px]">Mini PC - Intel NUC Compleet</div>
  2122.                </div>
  2123.            </a>
  2124.            </li>
  2125.                            
  2126.    <li class="level-3">
  2127.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/all-in-one-pc" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2128.                <div class="flex items-center">
  2129.                                        <div class="text-left leading-[19px]">All-In-One-PC</div>
  2130.                </div>
  2131.            </a>
  2132.            </li>
  2133.                            
  2134.    <li class="level-3">
  2135.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/digital-audio-workstation-daw-sound-studio-computers/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2136.                <div class="flex items-center">
  2137.                                        <div class="text-left leading-[19px]">Digital Audio Workstation (DAW) / Sound Studio Computers</div>
  2138.                </div>
  2139.            </a>
  2140.            </li>
  2141.                            
  2142.    <li class="level-3">
  2143.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/premium-bitbull-computers" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2144.                <div class="flex items-center">
  2145.                                        <div class="text-left leading-[19px]">Premium BitBull Computers</div>
  2146.                </div>
  2147.            </a>
  2148.            </li>
  2149.                            
  2150.    <li class="level-3">
  2151.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/19-inch-business-rack-servers" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2152.                <div class="flex items-center">
  2153.                                        <div class="text-left leading-[19px]">19 Inch Business Rack Servers</div>
  2154.                </div>
  2155.            </a>
  2156.            </li>
  2157.                    </ul>
  2158.    </li>
  2159.                            
  2160.    <li class="level-2">
  2161.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/laptops" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2162.                <div class="flex items-center">
  2163.                                        <div class="text-left leading-[19px]">Laptops</div>
  2164.                </div>
  2165.            </a>
  2166.            </li>
  2167.                            
  2168.    <li class="level-2  " x-data="{ subMenuOpencategory_node_392: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_392 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_392 = false }, 500)" >
  2169.  
  2170.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_392" aria-controls="category-node-392-desktop-menu-panel">
  2171.            <div class="flex items-center">
  2172.  
  2173.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/">
  2174.                        <div class="flex items-center">
  2175.                            
  2176.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/" class="text-left leading-[19px]">Randapparatuur</div>
  2177.                        </div>
  2178.                    </a>
  2179.                            </div>
  2180.                            <div class="">
  2181.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2182.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2183. </svg>
  2184.                        </button>
  2185.        <ul id="category-node-392-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_392" x-ref="childmenuWrappercategory_node_392">
  2186.                            
  2187.    <li class="level-3  " x-data="{ subMenuOpencategory_node_395: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_395 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_395 = false }, 500)" >
  2188.  
  2189.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_395" aria-controls="category-node-395-desktop-menu-panel">
  2190.            <div class="flex items-center">
  2191.  
  2192.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/monitoren-tv">
  2193.                        <div class="flex items-center">
  2194.                            
  2195.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/monitoren-tv" class="text-left leading-[19px]">Monitoren / TV&#039;s</div>
  2196.                        </div>
  2197.                    </a>
  2198.                            </div>
  2199.                            <div class="">
  2200.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2201.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2202. </svg>
  2203.                        </button>
  2204.        <ul id="category-node-395-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_395" x-ref="childmenuWrappercategory_node_395">
  2205.                            
  2206.    <li class="level-4">
  2207.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/monitoren-tv/monitoren" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2208.                <div class="flex items-center">
  2209.                                        <div class="text-left leading-[19px]">Monitoren</div>
  2210.                </div>
  2211.            </a>
  2212.            </li>
  2213.                    </ul>
  2214.    </li>
  2215.                            
  2216.    <li class="level-3">
  2217.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/gaming-chair-game-stoel" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2218.                <div class="flex items-center">
  2219.                                        <div class="text-left leading-[19px]">Gaming Chair</div>
  2220.                </div>
  2221.            </a>
  2222.            </li>
  2223.                            
  2224.    <li class="level-3">
  2225.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/toetsenbord-muis/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2226.                <div class="flex items-center">
  2227.                                        <div class="text-left leading-[19px]">Toetsenbord &amp; Muis</div>
  2228.                </div>
  2229.            </a>
  2230.            </li>
  2231.                            
  2232.    <li class="level-3">
  2233.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/randapparatuur/data-opslag/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2234.                <div class="flex items-center">
  2235.                                        <div class="text-left leading-[19px]">Data Opslag</div>
  2236.                </div>
  2237.            </a>
  2238.            </li>
  2239.                    </ul>
  2240.    </li>
  2241.                            
  2242.    <li class="level-2  " x-data="{ subMenuOpencategory_node_456: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_456 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_456 = false }, 500)" >
  2243.  
  2244.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_456" aria-controls="category-node-456-desktop-menu-panel">
  2245.            <div class="flex items-center">
  2246.  
  2247.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/">
  2248.                        <div class="flex items-center">
  2249.                            
  2250.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/" class="text-left leading-[19px]">Hardware</div>
  2251.                        </div>
  2252.                    </a>
  2253.                            </div>
  2254.                            <div class="">
  2255.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2256.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2257. </svg>
  2258.                        </button>
  2259.        <ul id="category-node-456-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_456" x-ref="childmenuWrappercategory_node_456">
  2260.                            
  2261.    <li class="level-3">
  2262.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/videokaarten/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2263.                <div class="flex items-center">
  2264.                                        <div class="text-left leading-[19px]">Videokaarten</div>
  2265.                </div>
  2266.            </a>
  2267.            </li>
  2268.                            
  2269.    <li class="level-3">
  2270.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/behuizingen/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2271.                <div class="flex items-center">
  2272.                                        <div class="text-left leading-[19px]">Behuizingen</div>
  2273.                </div>
  2274.            </a>
  2275.            </li>
  2276.                            
  2277.    <li class="level-3">
  2278.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/voeding/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2279.                <div class="flex items-center">
  2280.                                        <div class="text-left leading-[19px]">Voeding</div>
  2281.                </div>
  2282.            </a>
  2283.            </li>
  2284.                            
  2285.    <li class="level-3">
  2286.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/moederborden/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2287.                <div class="flex items-center">
  2288.                                        <div class="text-left leading-[19px]">Moederborden</div>
  2289.                </div>
  2290.            </a>
  2291.            </li>
  2292.                            
  2293.    <li class="level-3">
  2294.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/processoren/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2295.                <div class="flex items-center">
  2296.                                        <div class="text-left leading-[19px]">Processoren</div>
  2297.                </div>
  2298.            </a>
  2299.            </li>
  2300.                            
  2301.    <li class="level-3">
  2302.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/processor-koeling/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2303.                <div class="flex items-center">
  2304.                                        <div class="text-left leading-[19px]">Processor / Behuizing Koeling</div>
  2305.                </div>
  2306.            </a>
  2307.            </li>
  2308.                            
  2309.    <li class="level-3">
  2310.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/solid-state-drives-ssd/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2311.                <div class="flex items-center">
  2312.                                        <div class="text-left leading-[19px]">Solid State Drives (SSD)</div>
  2313.                </div>
  2314.            </a>
  2315.            </li>
  2316.                            
  2317.    <li class="level-3">
  2318.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/hardware/pc-geheugen-ram/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2319.                <div class="flex items-center">
  2320.                                        <div class="text-left leading-[19px]">PC Geheugen (RAM)</div>
  2321.                </div>
  2322.            </a>
  2323.            </li>
  2324.                    </ul>
  2325.    </li>
  2326.                            
  2327.    <li class="level-2  " x-data="{ subMenuOpencategory_node_364: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_364 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_364 = false }, 500)" >
  2328.  
  2329.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_364" aria-controls="category-node-364-desktop-menu-panel">
  2330.            <div class="flex items-center">
  2331.  
  2332.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/geluid/">
  2333.                        <div class="flex items-center">
  2334.                            
  2335.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/geluid/" class="text-left leading-[19px]">Geluid</div>
  2336.                        </div>
  2337.                    </a>
  2338.                            </div>
  2339.                            <div class="">
  2340.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2341.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2342. </svg>
  2343.                        </button>
  2344.        <ul id="category-node-364-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_364" x-ref="childmenuWrappercategory_node_364">
  2345.                            
  2346.    <li class="level-3">
  2347.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/geluid/headphones/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2348.                <div class="flex items-center">
  2349.                                        <div class="text-left leading-[19px]">Headphones</div>
  2350.                </div>
  2351.            </a>
  2352.            </li>
  2353.                    </ul>
  2354.    </li>
  2355.                            
  2356.    <li class="level-2">
  2357.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/netwerk-en-internet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2358.                <div class="flex items-center">
  2359.                                        <div class="text-left leading-[19px]">Netwerk &amp; Internet</div>
  2360.                </div>
  2361.            </a>
  2362.            </li>
  2363.                            
  2364.    <li class="level-2  " x-data="{ subMenuOpencategory_node_513: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_513 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_513 = false }, 500)" >
  2365.  
  2366.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_513" aria-controls="category-node-513-desktop-menu-panel">
  2367.            <div class="flex items-center">
  2368.  
  2369.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/">
  2370.                        <div class="flex items-center">
  2371.                            
  2372.                            <div href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/" class="text-left leading-[19px]">Kabels, Adapters en Stekkerdozen</div>
  2373.                        </div>
  2374.                    </a>
  2375.                            </div>
  2376.                            <div class="">
  2377.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2378.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2379. </svg>
  2380.                        </button>
  2381.        <ul id="category-node-513-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_513" x-ref="childmenuWrappercategory_node_513">
  2382.                            
  2383.    <li class="level-3">
  2384.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/kabels/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2385.                <div class="flex items-center">
  2386.                                        <div class="text-left leading-[19px]">Kabels</div>
  2387.                </div>
  2388.            </a>
  2389.            </li>
  2390.                            
  2391.    <li class="level-3">
  2392.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/kabels-adapters-en-stekkerdozen/adapters/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2393.                <div class="flex items-center">
  2394.                                        <div class="text-left leading-[19px]">Adapters</div>
  2395.                </div>
  2396.            </a>
  2397.            </li>
  2398.                    </ul>
  2399.    </li>
  2400.                            
  2401.    <li class="level-2">
  2402.                    <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/accessoires/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2403.                <div class="flex items-center">
  2404.                                        <div class="text-left leading-[19px]">Accessoires</div>
  2405.                </div>
  2406.            </a>
  2407.            </li>
  2408.                    </ul>
  2409.    </li>
  2410.                                                            
  2411.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_360: true, timeoutId: null }" >
  2412.  
  2413.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_360" aria-controls="category-node-360-desktop-menu-panel">
  2414.            <div class="flex items-center">
  2415.  
  2416.                                    <div class="text-left leading-[19px]">Elektronica Refurbished</div>
  2417.                            </div>
  2418.                    </button>
  2419.        <ul id="category-node-360-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_360" x-ref="childmenuWrappercategory_node_360">
  2420.                            
  2421.    <li class="level-2  " x-data="{ subMenuOpencategory_node_374: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_374 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_374 = false }, 500)" >
  2422.  
  2423.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_374" aria-controls="category-node-374-desktop-menu-panel">
  2424.            <div class="flex items-center">
  2425.  
  2426.                                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/">
  2427.                        <div class="flex items-center">
  2428.                            
  2429.                            <div href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/" class="text-left leading-[19px]">Computers</div>
  2430.                        </div>
  2431.                    </a>
  2432.                            </div>
  2433.                            <div class="">
  2434.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2435.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2436. </svg>
  2437.                        </button>
  2438.        <ul id="category-node-374-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_374" x-ref="childmenuWrappercategory_node_374">
  2439.                            
  2440.    <li class="level-3">
  2441.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/mini-pc-computer" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2442.                <div class="flex items-center">
  2443.                                        <div class="text-left leading-[19px]">MINI PC / Computer</div>
  2444.                </div>
  2445.            </a>
  2446.            </li>
  2447.                            
  2448.    <li class="level-3">
  2449.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/desktops-en-towers/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2450.                <div class="flex items-center">
  2451.                                        <div class="text-left leading-[19px]">Desktops &amp; Towers</div>
  2452.                </div>
  2453.            </a>
  2454.            </li>
  2455.                            
  2456.    <li class="level-3">
  2457.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/gaming-computers/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2458.                <div class="flex items-center">
  2459.                                        <div class="text-left leading-[19px]">Gaming Computers</div>
  2460.                </div>
  2461.            </a>
  2462.            </li>
  2463.                            
  2464.    <li class="level-3">
  2465.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/laag-segment/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2466.                <div class="flex items-center">
  2467.                                        <div class="text-left leading-[19px]">Laag Segment</div>
  2468.                </div>
  2469.            </a>
  2470.            </li>
  2471.                            
  2472.    <li class="level-3">
  2473.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/midden-segment/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2474.                <div class="flex items-center">
  2475.                                        <div class="text-left leading-[19px]">Midden Segment</div>
  2476.                </div>
  2477.            </a>
  2478.            </li>
  2479.                            
  2480.    <li class="level-3">
  2481.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/hoog-segment/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2482.                <div class="flex items-center">
  2483.                                        <div class="text-left leading-[19px]">Hoog Segment</div>
  2484.                </div>
  2485.            </a>
  2486.            </li>
  2487.                            
  2488.    <li class="level-3">
  2489.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/top-segment/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2490.                <div class="flex items-center">
  2491.                                        <div class="text-left leading-[19px]">Top Segment</div>
  2492.                </div>
  2493.            </a>
  2494.            </li>
  2495.                    </ul>
  2496.    </li>
  2497.                            
  2498.    <li class="level-2">
  2499.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/laptops/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2500.                <div class="flex items-center">
  2501.                                        <div class="text-left leading-[19px]">Laptops</div>
  2502.                </div>
  2503.            </a>
  2504.            </li>
  2505.                            
  2506.    <li class="level-2">
  2507.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/monitoren-tv-s/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2508.                <div class="flex items-center">
  2509.                                        <div class="text-left leading-[19px]">Monitoren / TV&#039;s</div>
  2510.                </div>
  2511.            </a>
  2512.            </li>
  2513.                            
  2514.    <li class="level-2">
  2515.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/videokaart-gebruikt" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2516.                <div class="flex items-center">
  2517.                                        <div class="text-left leading-[19px]">Videokaart / GPU</div>
  2518.                </div>
  2519.            </a>
  2520.            </li>
  2521.                            
  2522.    <li class="level-2">
  2523.                    <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/wat-betekend-refurbished/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2524.                <div class="flex items-center">
  2525.                                        <div class="text-left leading-[19px]">Wat betekent &#039;refurbished&#039;?</div>
  2526.                </div>
  2527.            </a>
  2528.            </li>
  2529.                    </ul>
  2530.    </li>
  2531.                                                    </ul>
  2532.                    </div>
  2533.  
  2534.                </li>
  2535.                                
  2536.                
  2537.                
  2538.                <li class="top-links !p-0 level-0 hover:cursor-pointer relative" x-data="{
  2539.                        open: false,
  2540.                        isHovering: false,
  2541.                        canHover(func) {
  2542.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  2543.                            if (!isHoverableDevice) return;
  2544.                            func();
  2545.                        }
  2546.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  2547.  
  2548.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/aanbiedingen-2955/" title="Aanbiedingen">
  2549.  
  2550.                        <div class="home-icons">
  2551.                                <template x-if="!isHovering">
  2552.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 48.013 55.886" class="w-[52px] h-auto" role="img">
  2553.  <defs>
  2554.    <linearGradient id="linear-gradient_10" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  2555.      <stop offset="0" stop-color="#fff"/>
  2556.      <stop offset="1" stop-color="#1e84cd"/>
  2557.    </linearGradient>
  2558.  </defs>
  2559.  <g id="Group_753_2" data-name="Group 753" transform="translate(-478.994 -176.757)">
  2560.    <path id="Path_385_2" data-name="Path 385" d="M30.412,51.345l-9.239-4.2L11.05,51.311V39.024h1.168V49.437l8.975-3.7,8.05,3.663V39.024h1.168Z" transform="translate(482.269 181.299)" fill="url(#linear-gradient_10)"/>
  2561.    <path id="Path_384_2" data-name="Path 384" d="M19.675-.529l3.8,3.928,3.8-3.928,2.4,4.911,4.83-2.56.767,5.413,5.384-.943-.943,5.384,5.413.767-2.56,4.83,4.911,2.4-3.928,3.8,3.928,3.8-4.911,2.4,2.56,4.83-5.413.767.943,5.384-5.384-.943-.767,5.413-4.83-2.56-2.4,4.911-3.8-3.928-3.8,3.928-2.4-4.911-4.83,2.56-.767-5.413-5.384.943.943-5.384-5.413-.767,2.56-4.83-4.911-2.4,3.928-3.8-3.928-3.8,4.911-2.4-2.56-4.83,5.413-.767L6.291,6.291l5.384.943.767-5.413,4.83,2.56Zm3.8,6.085L20.083,2.05,17.939,6.433,13.628,4.147l-.685,4.831L8.137,8.137l.841,4.806-4.831.685L6.433,17.94,2.05,20.084l3.506,3.394L2.05,26.871l4.383,2.144L4.147,33.327l4.831.685-.841,4.806,4.806-.841.685,4.831,4.312-2.286L20.083,44.9,23.477,41.4,26.871,44.9l2.144-4.383,4.312,2.286.685-4.831,4.806.841-.841-4.806,4.831-.685-2.286-4.312L44.9,26.871,41.4,23.477,44.9,20.084,40.522,17.94l2.286-4.312-4.831-.685.841-4.806-4.806.841-.685-4.831L29.015,6.433,26.871,2.05Z" transform="translate(479.523 177.286)" fill="#1e84cd"/>
  2562.  </g>
  2563. <title>aanbiedingen-blue</title></svg>
  2564.                                </template>
  2565.                                <template x-if="isHovering">
  2566.                                    <?xml version="1.0" encoding="utf-8"?>
  2567. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  2568. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 55.9" style="enable-background:new 0 0 48 55.9;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  2569. <style type="text/css">
  2570. .st0{fill:#FFFFFF;}
  2571. </style>
  2572. <path class="st0" d="M44.1,24l3.9-3.8l-4.9-2.4l2.6-4.8l-5.4-0.8l0.9-5.4l-5.4,0.9L35,2.4l-4.8,2.6L27.8,0L24,3.9L20.2,0l-2.4,4.9  L13,2.3l-0.8,5.4L6.8,6.8l0.9,5.4L2.4,13l2.6,4.8L0,20.2L3.9,24L0,27.8l4.9,2.4L2.4,35l5.4,0.8l-0.9,5.4l5.4-0.9l0.8,5.4l1.4-0.7  v10.9l10.1-4.2l9.2,4.2l0-10.9l1.3,0.7l0.8-5.4l5.4,0.9l-0.9-5.4l5.4-0.8l-2.6-4.8l4.9-2.4L44.1,24z M32.5,53.9l-8-3.7l-9,3.7v-9.7  l2.3-1.2l2.4,4.9l3.8-3.9l3.8,3.9l2.4-4.9l2.3,1.2V53.9z M43.3,33.9l-4.8,0.7l0.8,4.8l-4.8-0.8l-0.7,4.8L29.5,41l-2.1,4.4L24,41.9  l-3.4,3.5l-2.1-4.4l-4.3,2.3l-0.7-4.8l-4.8,0.8l0.8-4.8l-4.8-0.7L7,29.5l-4.4-2.1L6.1,24l-3.5-3.4L7,18.5l-2.3-4.3l4.8-0.7L8.7,8.7  l4.8,0.8l0.7-4.8L18.5,7l2.1-4.4L24,6.1l3.4-3.5L29.5,7l4.3-2.3l0.7,4.8l4.8-0.8l-0.8,4.8l4.8,0.7l-2.3,4.3l4.4,2.1L41.9,24l3.5,3.4  l-4.4,2.1L43.3,33.9z"/>
  2573. <title>aanbiedingen-white</title></svg>
  2574.                                </template>
  2575.                            </div>
  2576.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-432-desktop-menu-panel">
  2577.                            <div class="top-name pt-1">Aanbiedingen</div>
  2578.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  2579. <title/>
  2580. <g id="arrow_2">
  2581. </g>
  2582. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  2583. </svg>
  2584. </div>
  2585.                        </button>
  2586.                    </a>
  2587.                    <div id="category-node-432-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  2588.  
  2589.                        <ul class="grid grid-cols-1 gap-1 py-5 px-6 w-[334px] rounded-3xl bg-white shadow-menu">
  2590.                            <button class="uppercase px-2 py-1.5 text-left leading-[19px]">Aanbiedingen</button>                                                            
  2591.    <li class="level-2">
  2592.                    <a href="https://www.lalashops.nl/aanbiedingen/verpakkingsmateriaal" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2593.                <div class="flex items-center">
  2594.                                        <div class="text-left leading-[19px]">Verpakkingsmateriaal</div>
  2595.                </div>
  2596.            </a>
  2597.            </li>
  2598.                                                    </ul>
  2599.                    </div>
  2600.  
  2601.                </li>
  2602.                                
  2603.                
  2604.                
  2605.                <li class="top-links !p-0 level-0 hover:cursor-pointer relative" x-data="{
  2606.                        open: false,
  2607.                        isHovering: false,
  2608.                        canHover(func) {
  2609.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  2610.                            if (!isHoverableDevice) return;
  2611.                            func();
  2612.                        }
  2613.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  2614.  
  2615.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/baby-en-kinderspullen" title="Baby&#x20;en&#x20;Kinderspullen">
  2616.  
  2617.                        <div class="home-icons">
  2618.                                <template x-if="!isHovering">
  2619.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 50.073 43.238" class="w-[52px] h-auto" role="img">
  2620.  <defs>
  2621.    <linearGradient id="linear-gradient_11" x1="0.056" y1="0.149" x2="0.917" gradientUnits="objectBoundingBox">
  2622.      <stop offset="0" stop-color="#fff"/>
  2623.      <stop offset="1" stop-color="#1e84cd"/>
  2624.    </linearGradient>
  2625.  </defs>
  2626.  <g id="Group_1249_2" data-name="Group 1249" transform="translate(-410.963 -200.391)">
  2627.    <path id="Path_505_2" data-name="Path 505" d="M163.828,46.892a1.739,1.739,0,0,1-1.621-.7l1.3-.745a.292.292,0,0,0-.1-.11c.32.159,2.025-.007,4.282-.9a5,5,0,0,0,.606-.28l-.123-.073-.125-.075a22.341,22.341,0,0,1-2.717-2.772l1.134-.981a23.951,23.951,0,0,0,2.363,2.473l.108.064c.424.251,1.133.67,1.072,1.449-.063.81-.928,1.258-1.766,1.591a16.665,16.665,0,0,1-3.4.97A6.752,6.752,0,0,1,163.828,46.892Z" transform="translate(291.026 170.915)" fill="url(#linear-gradient_11)"/>
  2628.    <path id="Path_502_2" data-name="Path 502" d="M29.136,79.3a37.48,37.48,0,0,1-4.155-.231,38.267,38.267,0,0,1-7.434-1.592,30.922,30.922,0,0,1-6.625-2.919,19.117,19.117,0,0,1-7.753-6.692A19.39,19.39,0,0,1,.235,59.894,21.857,21.857,0,0,1,.32,53.219c.156-.886.614-3.032,1.486-3.82a2.035,2.035,0,0,1,2.688.026,18.244,18.244,0,0,1,2.543,2.243,25.984,25.984,0,0,0,5.189,4.246c3.315,1.88,6.524,2.221,9.539,1.013a10.02,10.02,0,0,0,3.53-2.353l1.131.986a11.474,11.474,0,0,1-4.1,2.759,11.147,11.147,0,0,1-4.732.794,13.78,13.78,0,0,1-6.1-1.895,27.182,27.182,0,0,1-5.5-4.481,17.537,17.537,0,0,0-2.3-2.051c-.621-.4-.778-.259-.871-.175A6.785,6.785,0,0,0,1.8,53.48a20.317,20.317,0,0,0-.077,6.2,17.2,17.2,0,0,0,9.9,13.546l.04.02.037.024a29.651,29.651,0,0,0,6.361,2.793A36.487,36.487,0,0,0,34.213,77.44c6.333-.908,11.125-4.736,12.5-9.991,1.192-4.537-.535-9.122-4.618-12.266l.915-1.189c4.577,3.524,6.5,8.7,5.153,13.835a14.072,14.072,0,0,1-4.635,7.177,18.038,18.038,0,0,1-9.108,3.917A37.275,37.275,0,0,1,29.136,79.3Z" transform="translate(410.944 164.328)" fill="#1e84cd"/>
  2629.    <path id="Path_503_2" data-name="Path 503" d="M94.151,21.581a8.124,8.124,0,0,1-3.656-1.49,8.526,8.526,0,0,1-2.555-2.958,12.238,12.238,0,0,1-1.3-5.271,12.06,12.06,0,0,1,.717-4.778,10.224,10.224,0,0,1,2.229-3.506A13.574,13.574,0,0,1,99.137-.25,12.063,12.063,0,0,1,107.183,3c.355.288.661.537.944.733,1.359.943,3.05,2.116,4.1,1.9a1.8,1.8,0,0,1,1.785.391,1.378,1.378,0,0,1,.076,1.464l-.021.047a8.9,8.9,0,0,1-7.5,5.347l-.155-1.492a7.432,7.432,0,0,0,6.213-4.305l-.1.019c-1.672.339-3.572-.98-5.248-2.143-.329-.229-.672-.507-1.034-.8A10.61,10.61,0,0,0,99.127,1.25,12.208,12.208,0,0,0,90.67,4.622,9.364,9.364,0,0,0,88.144,11.8c.13,3.241,1.216,5.62,3.229,7.072a6.609,6.609,0,0,0,2.917,1.213Z" transform="translate(346.771 200.641)" fill="#1e84cd"/>
  2630.    <path id="Path_505-2_2" data-name="Path 505" d="M150.055,32.453s4.594-.353,3.1-5.885a10.664,10.664,0,0,1,1.751-9.315" transform="translate(300.482 188.267)" fill="none" stroke="#1e84cd" stroke-width="1.5"/>
  2631.    <path id="Path_506_3" data-name="Path 506" d="M68.7,104.235a23.367,23.367,0,0,1-4.762-.46,9.069,9.069,0,0,1-3.922-1.647,3.1,3.1,0,0,1-1.146-1.851,3.319,3.319,0,0,1,.535-2.306,7.6,7.6,0,0,1,4.488-3.183,19.567,19.567,0,0,1,5.785-.722,37.518,37.518,0,0,1,7.182.775L76.533,96.3h0a36.677,36.677,0,0,0-6.887-.739c-3.2-.015-7.349.526-8.959,3.182a1.513,1.513,0,0,0,.291,2.229c1.34,1.12,4.526,1.809,8.115,1.755s6.774-.845,8.1-2.015l.993,1.124c-1.626,1.436-5.016,2.329-9.069,2.39Q68.907,104.235,68.7,104.235Z" transform="translate(367.307 130.98)" fill="#1e84cd"/>
  2632.    <circle id="Ellipse_58_2" data-name="Ellipse 58" cx="1.463" cy="1.463" r="1.463" transform="translate(443.799 209.155)" fill="#1e84cd" stroke="#1e84cd" stroke-width="1.5"/>
  2633.  </g>
  2634. <title>duck-blue</title></svg>
  2635.                                </template>
  2636.                                <template x-if="isHovering">
  2637.                                    <?xml version="1.0" encoding="utf-8"?>
  2638. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  2639. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 50.1 43.2" style="enable-background:new 0 0 50.1 43.2;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  2640. <style type="text/css">
  2641. .st0{fill:#FFFFFF;}
  2642. </style>
  2643. <g>
  2644. <path class="st0" d="M43.9,17.4c0.3,0,0.7,0,1-0.1c1.2-0.2,2.3-0.5,3.4-1c0.8-0.3,1.7-0.8,1.8-1.6s-0.6-1.2-1.1-1.4l-0.1-0.1   c-0.7-0.6-1.3-1.2-1.8-1.9c1.2-0.9,2.2-2.1,2.8-3.6l0,0c0.3-0.5,0.2-1-0.1-1.5c-0.5-0.4-1.2-0.6-1.8-0.4c-1,0.2-2.7-1-4.1-1.9   c-0.3-0.2-0.6-0.4-0.9-0.7c-2.2-2-5.1-3.2-8-3.2c-3.6,0-7,1.3-9.6,3.8c-1,1-1.7,2.2-2.2,3.5c-0.6,1.5-0.8,3.2-0.7,4.8   c0,1.8,0.5,3.6,1.3,5.3c0.3,0.6,0.7,1.1,1.1,1.6c-0.9,0.8-1.9,1.5-3.1,1.9c-3,1.2-6.2,0.9-9.5-1c-1.9-1.2-3.6-2.6-5.2-4.2   c-0.8-0.8-1.6-1.6-2.5-2.2c-0.8-0.7-1.9-0.7-2.7,0c-0.9,0.8-1.3,2.9-1.5,3.8C0,19.5,0,21.8,0.3,24c0.4,2.8,1.4,5.6,2.9,8   c1.9,2.9,4.6,5.2,7.8,6.7c2.1,1.2,4.3,2.2,6.6,2.9c2.4,0.8,4.9,1.3,7.4,1.6c1.4,0.2,2.8,0.2,4.2,0.2c1.8,0,3.5-0.1,5.3-0.4   c3.3-0.4,6.5-1.8,9.1-3.9c2.3-1.9,3.9-4.4,4.6-7.2c1.3-5-0.5-10-4.7-13.5c0.1-0.3,0.2-0.6,0.2-0.9C43.7,17.4,43.8,17.4,43.9,17.4z    M48.1,14.5l0.1,0.1l0.1,0.1c-0.2,0.1-0.4,0.2-0.6,0.3c-2,0.8-3.5,1-4.1,0.9c0-0.5-0.1-1.1-0.3-1.7c-0.1-0.4-0.2-0.8-0.3-1.2   c0.9-0.2,1.8-0.5,2.6-0.9C46.5,13,47.3,13.8,48.1,14.5z M44.6,6.2c1.3,0.8,2.6,1.4,3.7,1.1h0.1c-1,2.2-3,3.7-5.4,4.2   C43.1,9.7,43.6,7.8,44.6,6.2z M46.7,31.4c-1.4,5.3-6.2,9.1-12.5,10C28.8,42.1,23.3,41.7,18,40c-2.2-0.7-4.4-1.6-6.4-2.8l0,0l0,0   c-5.4-2.5-9.2-7.6-9.9-13.5c-0.3-2.1-0.3-4.1,0.1-6.2c0.1-1.1,0.5-2.1,1-3c0.1-0.1,0.2-0.2,0.9,0.2C4.5,15.3,5.3,16,6,16.8   c1.6,1.7,3.5,3.2,5.5,4.5c1.9,1.1,3.9,1.7,6.1,1.9c1.6,0.1,3.2-0.2,4.7-0.8c1.3-0.5,2.5-1.3,3.6-2.3c0.1,0.1,0.3,0.2,0.4,0.3   c1.1,0.8,2.3,1.3,3.7,1.5l0.1-1.5c-1.1-0.2-2.1-0.6-2.9-1.2c-2-1.5-3.1-3.8-3.2-7.1c-0.2-2.6,0.7-5.3,2.5-7.2   c2.3-2.2,5.3-3.4,8.5-3.4c2.7,0,5.2,1.1,7.1,2.9c0.4,0.3,0.7,0.6,1,0.8c0.1,0.1,0.2,0.1,0.3,0.2c-1.7,2.7-2.3,6.1-1.4,9.2   c0.4,1.6,0.4,2.9-0.2,3.7c-0.8,1.1-2.2,1.2-2.2,1.2l0.1,0.7l0.1,0.7c0.1,0,1.8-0.2,3-1.5C46.3,22.7,47.8,27.1,46.7,31.4z"/>
  2645. <path class="st0" d="M25.4,33.3c-3.6,0.1-6.8-0.6-8.1-1.8l-0.1-0.1c-0.6-0.5-0.7-1.5-0.2-2.1c1.6-2.7,5.8-3.2,9-3.2   c2.3,0,4.6,0.3,6.9,0.7l0.3-1.5c-2.4-0.5-4.8-0.7-7.2-0.8c-2,0-3.9,0.2-5.8,0.7c-1.8,0.5-3.4,1.6-4.5,3.2c-0.5,0.7-0.6,1.5-0.5,2.3   c0.1,0.7,0.6,1.4,1.1,1.9c1.2,0.9,2.5,1.4,3.9,1.6c1.6,0.3,3.2,0.5,4.8,0.5c0.1,0,0.3,0,0.4,0c4.1-0.1,7.4-1,9.1-2.4l-1-1.1   C32.2,32.5,29,33.3,25.4,33.3z"/>
  2646. <path class="st0" d="M34.3,8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2S35.5,8,34.3,8z M34.3,10.9c-0.4,0-0.7-0.3-0.7-0.7   s0.3-0.7,0.7-0.7S35,9.8,35,10.2S34.7,10.9,34.3,10.9z"/>
  2647. </g>
  2648. <title>duck-white</title></svg>
  2649.                                </template>
  2650.                            </div>
  2651.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-611-desktop-menu-panel">
  2652.                            <div class="top-name pt-1">Baby en Kinderspullen</div>
  2653.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  2654. <title/>
  2655. <g id="arrow_3">
  2656. </g>
  2657. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  2658. </svg>
  2659. </div>
  2660.                        </button>
  2661.                    </a>
  2662.                    <div id="category-node-611-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  2663.  
  2664.                        <ul class="grid grid-cols-1 gap-1 py-5 px-6 w-[334px] rounded-3xl bg-white shadow-menu">
  2665.                            <button class="uppercase px-2 py-1.5 text-left leading-[19px]">Baby en Kinderspullen</button>                                                            
  2666.    <li class="level-2">
  2667.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/geboortelijstjes" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2668.                <div class="flex items-center">
  2669.                                        <div class="text-left leading-[19px]">Geboortelijstjes</div>
  2670.                </div>
  2671.            </a>
  2672.            </li>
  2673.                                                            
  2674.    <li class="level-2">
  2675.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/knuffeldoekjes" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2676.                <div class="flex items-center">
  2677.                                        <div class="text-left leading-[19px]">Knuffeldoekjes</div>
  2678.                </div>
  2679.            </a>
  2680.            </li>
  2681.                                                            
  2682.    <li class="level-2">
  2683.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/brievenbus-cadeau-s" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2684.                <div class="flex items-center">
  2685.                                        <div class="text-left leading-[19px]">Brievenbus Cadeau&#039;s</div>
  2686.                </div>
  2687.            </a>
  2688.            </li>
  2689.                                                            
  2690.    <li class="level-2">
  2691.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/glazen-tegeltjes" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2692.                <div class="flex items-center">
  2693.                                        <div class="text-left leading-[19px]">Glazen  Tegeltjes</div>
  2694.                </div>
  2695.            </a>
  2696.            </li>
  2697.                                                            
  2698.    <li class="level-2  relative" x-data="{ subMenuOpencategory_node_620: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_620 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_620 = false }, 500)" >
  2699.  
  2700.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_620" aria-controls="category-node-620-desktop-menu-panel">
  2701.            <div class="flex items-center">
  2702.  
  2703.                                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen">
  2704.                        <div class="flex items-center">
  2705.                            
  2706.                            <div href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen" class="text-left leading-[19px]">Leren en Spelen</div>
  2707.                        </div>
  2708.                    </a>
  2709.                            </div>
  2710.                            <div class="">
  2711.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2712.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2713. </svg>
  2714.                        </button>
  2715.        <ul id="category-node-620-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white pl-3 flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_620" x-ref="childmenuWrappercategory_node_620">
  2716.                            
  2717.    <li class="level-3">
  2718.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/speelbakken" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2719.                <div class="flex items-center">
  2720.                                        <div class="text-left leading-[19px]">Speelbakken en Toebehoren</div>
  2721.                </div>
  2722.            </a>
  2723.            </li>
  2724.                            
  2725.    <li class="level-3">
  2726.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/boeken" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2727.                <div class="flex items-center">
  2728.                                        <div class="text-left leading-[19px]">Boeken</div>
  2729.                </div>
  2730.            </a>
  2731.            </li>
  2732.                            
  2733.    <li class="level-3">
  2734.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/tikiri-bad-en-bijtspeelgoed" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2735.                <div class="flex items-center">
  2736.                                        <div class="text-left leading-[19px]">Tikiri Bijt- en Badspeelgoed</div>
  2737.                </div>
  2738.            </a>
  2739.            </li>
  2740.                            
  2741.    <li class="level-3">
  2742.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/mushie-stacking-cups" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2743.                <div class="flex items-center">
  2744.                                        <div class="text-left leading-[19px]">Mushie Stacking Cups</div>
  2745.                </div>
  2746.            </a>
  2747.            </li>
  2748.                            
  2749.    <li class="level-3">
  2750.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/mushie-presstoy" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2751.                <div class="flex items-center">
  2752.                                        <div class="text-left leading-[19px]">Mushie Press Toy</div>
  2753.                </div>
  2754.            </a>
  2755.            </li>
  2756.                            
  2757.    <li class="level-3  relative" x-data="{ subMenuOpencategory_node_657: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_657 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_657 = false }, 500)" >
  2758.  
  2759.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_657" aria-controls="category-node-657-desktop-menu-panel">
  2760.            <div class="flex items-center">
  2761.  
  2762.                                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed">
  2763.                        <div class="flex items-center">
  2764.                            
  2765.                            <div href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed" class="text-left leading-[19px]">Kinderspeelgoed</div>
  2766.                        </div>
  2767.                    </a>
  2768.                            </div>
  2769.                            <div class="">
  2770.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2771.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2772. </svg>
  2773.                        </button>
  2774.        <ul id="category-node-657-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white pl-3 flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_657" x-ref="childmenuWrappercategory_node_657">
  2775.                            
  2776.    <li class="level-4">
  2777.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed/animal-world" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2778.                <div class="flex items-center">
  2779.                                        <div class="text-left leading-[19px]">Animal World / Animal Kingdom</div>
  2780.                </div>
  2781.            </a>
  2782.            </li>
  2783.                            
  2784.    <li class="level-4">
  2785.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/leren-en-spelen/kinderspeelgoed/mega-size" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2786.                <div class="flex items-center">
  2787.                                        <div class="text-left leading-[19px]">Mega Size</div>
  2788.                </div>
  2789.            </a>
  2790.            </li>
  2791.                    </ul>
  2792.    </li>
  2793.                    </ul>
  2794.    </li>
  2795.                                                            
  2796.    <li class="level-2">
  2797.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/gepersonaliseerde-cadeau-s" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2798.                <div class="flex items-center">
  2799.                                        <div class="text-left leading-[19px]">Gepersonaliseerde Cadeau&#039;s</div>
  2800.                </div>
  2801.            </a>
  2802.            </li>
  2803.                                                            
  2804.    <li class="level-2">
  2805.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/decoratie-kinderkamer" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2806.                <div class="flex items-center">
  2807.                                        <div class="text-left leading-[19px]">Decoratie Kinderkamer</div>
  2808.                </div>
  2809.            </a>
  2810.            </li>
  2811.                                                            
  2812.    <li class="level-2  relative" x-data="{ subMenuOpencategory_node_623: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_623 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_623 = false }, 500)" >
  2813.  
  2814.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_623" aria-controls="category-node-623-desktop-menu-panel">
  2815.            <div class="flex items-center">
  2816.  
  2817.                                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken">
  2818.                        <div class="flex items-center">
  2819.                            
  2820.                            <div href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken" class="text-left leading-[19px]">Eten en Drinken</div>
  2821.                        </div>
  2822.                    </a>
  2823.                            </div>
  2824.                            <div class="">
  2825.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2826.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2827. </svg>
  2828.                        </button>
  2829.        <ul id="category-node-623-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white pl-3 flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_623" x-ref="childmenuWrappercategory_node_623">
  2830.                            
  2831.    <li class="level-3">
  2832.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken/mushie-sippy-cups" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2833.                <div class="flex items-center">
  2834.                                        <div class="text-left leading-[19px]">Mushie Sippy Cups</div>
  2835.                </div>
  2836.            </a>
  2837.            </li>
  2838.                            
  2839.    <li class="level-3">
  2840.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/eten-en-drinken/mushie-place-mats" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2841.                <div class="flex items-center">
  2842.                                        <div class="text-left leading-[19px]">Mushie Place Mats</div>
  2843.                </div>
  2844.            </a>
  2845.            </li>
  2846.                    </ul>
  2847.    </li>
  2848.                                                            
  2849.    <li class="level-2">
  2850.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/speenkoorden" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2851.                <div class="flex items-center">
  2852.                                        <div class="text-left leading-[19px]">Speenkoorden</div>
  2853.                </div>
  2854.            </a>
  2855.            </li>
  2856.                                                            
  2857.    <li class="level-2  relative" x-data="{ subMenuOpencategory_node_626: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_626 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_626 = false }, 500)" >
  2858.  
  2859.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_626" aria-controls="category-node-626-desktop-menu-panel">
  2860.            <div class="flex items-center">
  2861.  
  2862.                                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen">
  2863.                        <div class="flex items-center">
  2864.                            
  2865.                            <div href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen" class="text-left leading-[19px]">Frigg Spenen</div>
  2866.                        </div>
  2867.                    </a>
  2868.                            </div>
  2869.                            <div class="">
  2870.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  2871.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  2872. </svg>
  2873.                        </button>
  2874.        <ul id="category-node-626-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white pl-3 flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_626" x-ref="childmenuWrappercategory_node_626">
  2875.                            
  2876.    <li class="level-3">
  2877.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen/frigg-spenen-t1-0-tot-6-maanden" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2878.                <div class="flex items-center">
  2879.                                        <div class="text-left leading-[19px]">FRIGG Spenen T1 - 0 tot 6 Maanden</div>
  2880.                </div>
  2881.            </a>
  2882.            </li>
  2883.                            
  2884.    <li class="level-3">
  2885.                    <a href="https://www.lalashops.nl/baby-en-kinderspullen/frigg-spenen/frigg-spenen-t2-6-tot-12-maanden" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  2886.                <div class="flex items-center">
  2887.                                        <div class="text-left leading-[19px]">FRIGG Spenen T2 - 6 tot 12 Maanden</div>
  2888.                </div>
  2889.            </a>
  2890.            </li>
  2891.                    </ul>
  2892.    </li>
  2893.                                                    </ul>
  2894.                    </div>
  2895.  
  2896.                </li>
  2897.                                                                <li class="top-links level-0 flex flex-col items-center justify-center hover:cursor-pointer" x-data="{
  2898.                        open: false,
  2899.                        isHovering: false,
  2900.                        canHover(func) {
  2901.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  2902.                            if (!isHoverableDevice) return;
  2903.                            func();
  2904.                        }
  2905.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  2906.                                            <div class="home-icons">
  2907.                            <template x-if="isHovering">
  2908.                                <?xml version="1.0" encoding="utf-8"?>
  2909. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  2910. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 36.4 44.3" style="enable-background:new 0 0 36.4 44.3;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  2911. <style type="text/css">
  2912. .st0{fill:#FFFFFF;}
  2913. </style>
  2914. <path class="st0" d="M36.4,12.2H22.5H21h-0.1c1-0.2,2-0.5,3-0.9c1.5-0.5,2.8-1.3,4-2.3c1.2-1,2-2.5,2.1-4c0.1-1.4-0.3-2.7-1.2-3.7  C28.1,0.4,27.1,0,26,0c-2,0.2-3.7,1.2-4.8,2.8c-1.3,1.8-2.3,3.8-2.9,5.9c-0.7-2.1-1.6-4.1-2.9-5.9c-1.1-1.6-2.9-2.7-4.8-2.8  C9.4,0,8.4,0.4,7.7,1.2c-0.9,1-1.3,2.4-1.2,3.7c0.1,1.6,0.9,3,2.1,4c1.2,1,2.5,1.8,4,2.3c1,0.4,2,0.7,3,0.9H14v0H0v9.2h2.2v22.8H14  h1.5H21h1.5H34V21.4h2.4V12.2z M22.3,3.7c0.8-1.3,2.2-2.1,3.7-2.2c0.7,0,1.3,0.3,1.7,0.7c0.6,0.7,0.9,1.7,0.8,2.6  c-0.3,4.1-6.7,5.7-9.3,6.2C19.7,8.4,20.8,5.9,22.3,3.7z M8,4.8C7.9,3.9,8.2,3,8.8,2.2c0.4-0.5,1.1-0.7,1.7-0.7  c1.5,0.2,2.8,1,3.7,2.2c1.5,2.2,2.6,4.7,3.1,7.3c-1.4-0.3-2.8-0.6-4.1-1.1C10.9,9,8.2,7.4,8,4.8z M1.5,19.9v-6.2h12.4v6.2H2.2H1.5z   M3.7,42.8V21.4H14v21.3H3.7z M21,42.8h-5.5V19.9h0v-6.2H21V42.8z M32.5,42.8h-10V21.4h10V42.8z M34.9,19.9H34H22.5v-6.2h12.4V19.9z  "/>
  2915. <title>cadeau-white</title></svg>
  2916.                            </template>
  2917.                            <template x-if="!isHovering">
  2918.                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 36.446 44.275" class="w-[52px] h-auto" role="img">
  2919.  <defs>
  2920.    <linearGradient id="linear-gradient_12" x1="1" y1="1" x2="0.09" y2="1" gradientUnits="objectBoundingBox">
  2921.      <stop offset="0" stop-color="#1e84cd"/>
  2922.      <stop offset="1" stop-color="#fff"/>
  2923.    </linearGradient>
  2924.  </defs>
  2925.  <g id="Group_771_2" data-name="Group 771" transform="translate(-824.367 231.634)">
  2926.    <path id="Rectangle_358_2" data-name="Rectangle 358" d="M-.75-.75H12.567V23.6H-.75ZM11.067.75H.75V22.1H11.067Z" transform="translate(827.301 -210.958)" fill="#1e84cd"/>
  2927.    <path id="Rectangle_359_2" data-name="Rectangle 359" d="M-.75-.75H12.287V23.6H-.75ZM10.787.75H.75V22.1H10.787Z" transform="translate(846.118 -210.958)" fill="#1e84cd"/>
  2928.    <path id="Path_506_4" data-name="Path 506" d="M42.366,12.6l-1.027-.125a25.77,25.77,0,0,1-5.535-1.41,13.106,13.106,0,0,1-3.992-2.294,5.871,5.871,0,0,1-2.135-4.046A4.885,4.885,0,0,1,30.857,1,3.822,3.822,0,0,1,33.682-.213,6.439,6.439,0,0,1,38.52,2.6a21.076,21.076,0,0,1,3.645,8.986ZM33.682,1.287a2.306,2.306,0,0,0-1.729.739,3.413,3.413,0,0,0-.78,2.6c.176,2.586,2.909,4.169,5.171,5.042a24.267,24.267,0,0,0,4.121,1.148,18.706,18.706,0,0,0-3.122-7.284A5.016,5.016,0,0,0,33.682,1.287Z" transform="translate(801.188 -231.42)" fill="#1e84cd"/>
  2929.    <path id="Path_507_3" data-name="Path 507" d="M80.245,12.6l.2-1.015A21.076,21.076,0,0,1,84.091,2.6,6.439,6.439,0,0,1,88.93-.213,3.822,3.822,0,0,1,91.755,1a4.885,4.885,0,0,1,1.18,3.727A5.871,5.871,0,0,1,90.8,8.775a13.106,13.106,0,0,1-3.992,2.294,25.77,25.77,0,0,1-5.535,1.41ZM88.93,1.287a5.016,5.016,0,0,0-3.662,2.246,18.7,18.7,0,0,0-3.121,7.283c2.58-.488,9.015-2.11,9.292-6.189a3.413,3.413,0,0,0-.78-2.6A2.306,2.306,0,0,0,88.93,1.287Z" transform="translate(761.435 -231.42)" fill="#1e84cd"/>
  2930.    <path id="Rectangle_357_2" data-name="Rectangle 357" d="M-.75-.75H14.695V8.478H-.75ZM13.195.75H.75V6.978H13.195Z" transform="translate(846.118 -218.686)" fill="url(#linear-gradient_12)"/>
  2931.    <path id="Rectangle_357-2_2" data-name="Rectangle 357" d="M-.75-.75H14.695V8.478H-.75ZM13.195.75H.75V6.978H13.195Z" transform="translate(839.061 -210.958) rotate(180)" fill="url(#linear-gradient_12)"/>
  2932.    <path id="Rectangle_360_2" data-name="Rectangle 360" d="M-.75-.75h8.5V31.328H-.75Zm7,1.5H.75V29.828h5.5Z" transform="translate(839.117 -218.686)" fill="#1e84cd"/>
  2933.  </g>
  2934. <title>cadeau-blue</title></svg>
  2935.                            </template>
  2936.                        </div>
  2937.                    
  2938.                    <a href="https://www.lalashops.nl/cadeau-artikelen/" title="Cadeau" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal
  2939.                            " :class="{'text-white uppercase': isTopMenuFixed}">
  2940.                        <div class="top-name pt-1">Cadeau</div>
  2941.                    </a>
  2942.                </li>
  2943.                                
  2944.                
  2945.                
  2946.                <li class="top-links !p-0 level-0 hover:cursor-pointer " x-data="{
  2947.                        open: false,
  2948.                        isHovering: false,
  2949.                        canHover(func) {
  2950.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  2951.                            if (!isHoverableDevice) return;
  2952.                            func();
  2953.                        }
  2954.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  2955.  
  2956.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/kristalhandel/" title="KristalHandel">
  2957.  
  2958.                        <div class="home-icons">
  2959.                                <template x-if="!isHovering">
  2960.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 28.366 43.64" class="w-[52px] h-auto" role="img">
  2961.  <defs>
  2962.    <linearGradient id="linear-gradient_13" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  2963.      <stop offset="0" stop-color="#fff"/>
  2964.      <stop offset="1" stop-color="#1e84cd"/>
  2965.    </linearGradient>
  2966.  </defs>
  2967.  <g id="Group_775_2" data-name="Group 775" transform="translate(-864.315 105.955)">
  2968.    <path id="Path_507_4" data-name="Path 507" d="M14.182,397.253a32.564,32.564,0,0,1-9.732-1.324C1.538,394.977,0,393.656,0,392.11c0-1.88,2.285-3.428,6.434-4.358l.328,1.464c-3.635.815-5.262,2.041-5.262,2.894,0,.617.9,1.57,3.418,2.394a31.052,31.052,0,0,0,9.266,1.25,31.051,31.051,0,0,0,9.266-1.25c2.52-.824,3.418-1.777,3.418-2.394,0-.8-1.484-1.971-4.8-2.786l.358-1.457c3.832.942,5.942,2.448,5.942,4.243,0,1.546-1.539,2.867-4.451,3.819A32.563,32.563,0,0,1,14.182,397.253Z" transform="translate(864.316 -459.569)" fill="url(#linear-gradient_13)"/>
  2969.    <path id="Path_514_2" data-name="Path 514" d="M136.123,421.717l-1.611-.383.347-1.459,1.138.27,2.37-.986.576,1.385Z" transform="translate(742.073 -488.198)" fill="#1e84cd"/>
  2970.    <g id="Group_775-2_2" data-name="Group 775">
  2971.      <path id="Path_508_2" data-name="Path 508" d="M41.17,269.3l-2.981-.542L33.2,255.768l3.46-5.229,4.93,3.148,2.041,13.64Zm-1.883-1.867,1.48.269,1.255-1-1.812-12.111L37.1,252.6l-2.218,3.354Z" transform="translate(833.932 -334.606)" fill="#1e84cd"/>
  2972.      <path id="Path_509_2" data-name="Path 509" d="M38.094,283.735l-4.1-.276.1-1.5,3.6.242,2.8-1.844.826,1.252Z" transform="translate(833.932 -361.456)" fill="#1e84cd"/>
  2973.      <path id="Path_510_2" data-name="Path 510" d="M69.917,268.679l-3.079-12.4-1.014-4.551,1.464-.326,1.012,4.542,3.073,12.371Z" transform="translate(804.255 -334.605)" fill="#1e84cd"/>
  2974.      <path id="Path_511_3" data-name="Path 511" d="M175.577,190.864l-2.954-1.818.943-18.91,6.993-4.227,4.382,6.572-5.564,17.824Zm-1.411-2.63L175.9,189.3l2.328-.342,5.07-16.241-3.188-4.783-5.083,3.072Z" transform="translate(706.743 -257.35)" fill="#1e84cd"/>
  2975.      <path id="Path_512_2" data-name="Path 512" d="M200.969,190.227l-1.472-.289,3.268-16.655,1.329-6.511,1.47.3-1.329,6.509Z" transform="translate(682.247 -257.35)" fill="#1e84cd"/>
  2976.      <path id="Path_513_2" data-name="Path 513" d="M188.273,212.375l-4.945-3.005.779-1.282,4.472,2.717,4.841-.789.241,1.48Z" transform="translate(697.322 -295.506)" fill="#1e84cd"/>
  2977.      <path id="Path_515_2" data-name="Path 515" d="M148.735,38.4l-.09-27.3v0l.09-10.375,1.5.013-.09,10.37.09,27.29Z" transform="translate(728.648 -105.665)" fill="#1e84cd"/>
  2978.      <path id="Path_516_2" data-name="Path 516" d="M57.789,23.468,55.7,7.732,64.709-.291,73.3,7.877l-.972,8.688L70.834,16.4l.89-7.948-7.048-6.7L57.288,8.324,59.276,23.27Z" transform="translate(813.44 -105.665)" fill="#1e84cd"/>
  2979.      <path id="Path_517_2" data-name="Path 517" d="M64.6,88.218l-8.374-3.175.532-1.4L64.6,86.616l7.644-2.842.523,1.406Z" transform="translate(813.44 -181.978)" fill="#1e84cd"/>
  2980.    </g>
  2981.  </g>
  2982. <title>kristal-handel-blue</title></svg>
  2983.                                </template>
  2984.                                <template x-if="isHovering">
  2985.                                    <?xml version="1.0" encoding="utf-8"?>
  2986. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  2987. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 28.4 43.6" style="enable-background:new 0 0 28.4 43.6;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  2988. <style type="text/css">
  2989. .st0{fill:#FFFFFF;}
  2990. </style>
  2991. <path class="st0" d="M23.2,34.5l4.2-13.4L23,14.5l-1.4,0.8l0.8-7.2L13.8,0l-9,8l1.9,14.1l-0.4-0.3l-3.5,5.2l2.8,7.2  C2,35.3,0,36.8,0,38.5c0,1.5,1.5,2.9,4.5,3.8c3.2,0.9,6.4,1.4,9.7,1.3c3.3,0.1,6.6-0.4,9.7-1.3c2.9-1,4.5-2.3,4.5-3.8  C28.4,36.8,26.5,35.4,23.2,34.5z M23.1,17.4l2.1,3.2l-2.9,0.5L23.1,17.4z M20.9,20.8l-2.7-1.7l3.5-2.1L20.9,20.8z M16.6,36.8  l0.8-16.4l3.2,1.9l-3,15.1L16.6,36.8z M22.1,22.7l3.4-0.6l-4.8,15.4l-1.6,0.2L22.1,22.7z M16,18.7l-0.9,18.6l-0.5,0.2l-0.1-25.7  l6.3-2.3L20,16.3L16,18.7z M7,8.1l6-5.4L13,10.3L7,8.1z M14.6,2.8l5.7,5.4l-5.8,2.1L14.6,2.8z M6.5,9.5l6.5,2.4l0.1,25.5L11.2,25  l-2.9-1.8L6.5,9.5z M9.1,25.5L8,26.2l-0.4-1.7L9.1,25.5z M6.6,26.6L5,26.5l1.1-1.7L6.6,26.6z M6.9,28.2l2.7,10.7l-0.7-0.1L4.8,28  L6.9,28.2z M11,38.5L8.4,27.8l1.6-1l1.7,11.3L11,38.5z M23.5,40.9c-3,0.9-6.1,1.3-9.3,1.2c-3.1,0.1-6.3-0.4-9.3-1.2  c-2.5-0.8-3.4-1.8-3.4-2.4c0-0.8,1.5-1.9,4.6-2.7l1.7,4.3l3,0.5l1.8-1.5l1.3,0.3l2.5-1l1.7,1l3.8-0.6l0.9-3c2.8,0.8,4.1,1.9,4.1,2.6  C26.9,39.1,26,40.1,23.5,40.9z"/>
  2992. <title>kristal-handel-white</title></svg>
  2993.                                </template>
  2994.                            </div>
  2995.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-362-desktop-menu-panel">
  2996.                            <div class="top-name pt-1">KristalHandel</div>
  2997.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  2998. <title/>
  2999. <g id="arrow_4">
  3000. </g>
  3001. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  3002. </svg>
  3003. </div>
  3004.                        </button>
  3005.                    </a>
  3006.                    <div id="category-node-362-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  3007.  
  3008.                        <ul class="grid grid-cols-3 gap-1 py-5 px-6 w-full rounded-3xl bg-white shadow-menu">
  3009.                                                                                        
  3010.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_402: true, timeoutId: null }" >
  3011.  
  3012.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_402" aria-controls="category-node-402-desktop-menu-panel">
  3013.            <div class="flex items-center">
  3014.  
  3015.                                    <div class="text-left leading-[19px]">Kristal/Edelsteen Producten</div>
  3016.                            </div>
  3017.                    </button>
  3018.        <ul id="category-node-402-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_402" x-ref="childmenuWrappercategory_node_402">
  3019.                            
  3020.    <li class="level-2">
  3021.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/agaat-op-standaard/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3022.                <div class="flex items-center">
  3023.                                        <div class="text-left leading-[19px]">Agaat op Standaard</div>
  3024.                </div>
  3025.            </a>
  3026.            </li>
  3027.                            
  3028.    <li class="level-2">
  3029.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/geode" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3030.                <div class="flex items-center">
  3031.                                        <div class="text-left leading-[19px]">Geode</div>
  3032.                </div>
  3033.            </a>
  3034.            </li>
  3035.                            
  3036.    <li class="level-2  " x-data="{ subMenuOpencategory_node_507: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_507 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_507 = false }, 500)" >
  3037.  
  3038.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_507" aria-controls="category-node-507-desktop-menu-panel">
  3039.            <div class="flex items-center">
  3040.  
  3041.                                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/getrommelde-stenen/">
  3042.                        <div class="flex items-center">
  3043.                            
  3044.                            <div href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/getrommelde-stenen/" class="text-left leading-[19px]">Getrommelde Stenen</div>
  3045.                        </div>
  3046.                    </a>
  3047.                            </div>
  3048.                            <div class="">
  3049.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3050.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3051. </svg>
  3052.                        </button>
  3053.        <ul id="category-node-507-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_507" x-ref="childmenuWrappercategory_node_507">
  3054.                            
  3055.    <li class="level-3">
  3056.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/getrommelde-stenen/rond-natuurlijke-vorm/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3057.                <div class="flex items-center">
  3058.                                        <div class="text-left leading-[19px]">Rond / Natuurlijke vorm</div>
  3059.                </div>
  3060.            </a>
  3061.            </li>
  3062.                    </ul>
  3063.    </li>
  3064.                            
  3065.    <li class="level-2">
  3066.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/ruw-kristal-edelsteen-of-mineralen/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3067.                <div class="flex items-center">
  3068.                                        <div class="text-left leading-[19px]">Ruw Kristal, Edelsteen of mineralen</div>
  3069.                </div>
  3070.            </a>
  3071.            </li>
  3072.                            
  3073.    <li class="level-2">
  3074.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/speciale-stukken/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3075.                <div class="flex items-center">
  3076.                                        <div class="text-left leading-[19px]">Speciale Stukken</div>
  3077.                </div>
  3078.            </a>
  3079.            </li>
  3080.                            
  3081.    <li class="level-2">
  3082.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/theelichthouders/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3083.                <div class="flex items-center">
  3084.                                        <div class="text-left leading-[19px]">Theelichthouders</div>
  3085.                </div>
  3086.            </a>
  3087.            </li>
  3088.                            
  3089.    <li class="level-2">
  3090.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-producten/hangers/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3091.                <div class="flex items-center">
  3092.                                        <div class="text-left leading-[19px]">Hangers</div>
  3093.                </div>
  3094.            </a>
  3095.            </li>
  3096.                    </ul>
  3097.    </li>
  3098.                                                            
  3099.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_401: true, timeoutId: null }" >
  3100.  
  3101.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_401" aria-controls="category-node-401-desktop-menu-panel">
  3102.            <div class="flex items-center">
  3103.  
  3104.                                    <div class="text-left leading-[19px]">Kristal/Edelsteen Per Soort</div>
  3105.                            </div>
  3106.                    </button>
  3107.        <ul id="category-node-401-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_401" x-ref="childmenuWrappercategory_node_401">
  3108.                            
  3109.    <li class="level-2">
  3110.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/aarbeikwarts" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3111.                <div class="flex items-center">
  3112.                                        <div class="text-left leading-[19px]">Aarbeienkwarts</div>
  3113.                </div>
  3114.            </a>
  3115.            </li>
  3116.                            
  3117.    <li class="level-2">
  3118.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/agaat/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3119.                <div class="flex items-center">
  3120.                                        <div class="text-left leading-[19px]">Agaat</div>
  3121.                </div>
  3122.            </a>
  3123.            </li>
  3124.                            
  3125.    <li class="level-2">
  3126.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/amazoniet" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3127.                <div class="flex items-center">
  3128.                                        <div class="text-left leading-[19px]">Amazoniet</div>
  3129.                </div>
  3130.            </a>
  3131.            </li>
  3132.                            
  3133.    <li class="level-2">
  3134.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/amethist/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3135.                <div class="flex items-center">
  3136.                                        <div class="text-left leading-[19px]">Amethist</div>
  3137.                </div>
  3138.            </a>
  3139.            </li>
  3140.                            
  3141.    <li class="level-2">
  3142.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/aquamarijn" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3143.                <div class="flex items-center">
  3144.                                        <div class="text-left leading-[19px]">Aquamarijn</div>
  3145.                </div>
  3146.            </a>
  3147.            </li>
  3148.                            
  3149.    <li class="level-2">
  3150.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/aventurijn" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3151.                <div class="flex items-center">
  3152.                                        <div class="text-left leading-[19px]">Aventurijn</div>
  3153.                </div>
  3154.            </a>
  3155.            </li>
  3156.                            
  3157.    <li class="level-2">
  3158.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/azuriet-malachiet" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3159.                <div class="flex items-center">
  3160.                                        <div class="text-left leading-[19px]">Azuriet / Malachiet</div>
  3161.                </div>
  3162.            </a>
  3163.            </li>
  3164.                            
  3165.    <li class="level-2">
  3166.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/bergkristal/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3167.                <div class="flex items-center">
  3168.                                        <div class="text-left leading-[19px]">Bergkristal</div>
  3169.                </div>
  3170.            </a>
  3171.            </li>
  3172.                            
  3173.    <li class="level-2">
  3174.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/calciet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3175.                <div class="flex items-center">
  3176.                                        <div class="text-left leading-[19px]">Calciet</div>
  3177.                </div>
  3178.            </a>
  3179.            </li>
  3180.                            
  3181.    <li class="level-2">
  3182.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/chalcedoon" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3183.                <div class="flex items-center">
  3184.                                        <div class="text-left leading-[19px]">Chalcedoon</div>
  3185.                </div>
  3186.            </a>
  3187.            </li>
  3188.                            
  3189.    <li class="level-2">
  3190.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/citrien/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3191.                <div class="flex items-center">
  3192.                                        <div class="text-left leading-[19px]">Citrien</div>
  3193.                </div>
  3194.            </a>
  3195.            </li>
  3196.                            
  3197.    <li class="level-2">
  3198.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/hematiet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3199.                <div class="flex items-center">
  3200.                                        <div class="text-left leading-[19px]">Hematiet</div>
  3201.                </div>
  3202.            </a>
  3203.            </li>
  3204.                            
  3205.    <li class="level-2">
  3206.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/howliet" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3207.                <div class="flex items-center">
  3208.                                        <div class="text-left leading-[19px]">Howliet</div>
  3209.                </div>
  3210.            </a>
  3211.            </li>
  3212.                            
  3213.    <li class="level-2">
  3214.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/jade" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3215.                <div class="flex items-center">
  3216.                                        <div class="text-left leading-[19px]">Jade</div>
  3217.                </div>
  3218.            </a>
  3219.            </li>
  3220.                            
  3221.    <li class="level-2">
  3222.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/labradoriet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3223.                <div class="flex items-center">
  3224.                                        <div class="text-left leading-[19px]">Labradoriet</div>
  3225.                </div>
  3226.            </a>
  3227.            </li>
  3228.                            
  3229.    <li class="level-2">
  3230.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/lapis-lazuli" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3231.                <div class="flex items-center">
  3232.                                        <div class="text-left leading-[19px]">Lapis Lazuli</div>
  3233.                </div>
  3234.            </a>
  3235.            </li>
  3236.                            
  3237.    <li class="level-2">
  3238.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/magnetiet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3239.                <div class="flex items-center">
  3240.                                        <div class="text-left leading-[19px]">Magnetiet</div>
  3241.                </div>
  3242.            </a>
  3243.            </li>
  3244.                            
  3245.    <li class="level-2">
  3246.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/opaliet" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3247.                <div class="flex items-center">
  3248.                                        <div class="text-left leading-[19px]">Opaliet</div>
  3249.                </div>
  3250.            </a>
  3251.            </li>
  3252.                            
  3253.    <li class="level-2">
  3254.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/pink-himalaya-salt/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3255.                <div class="flex items-center">
  3256.                                        <div class="text-left leading-[19px]">Pink Himalaya Salt</div>
  3257.                </div>
  3258.            </a>
  3259.            </li>
  3260.                            
  3261.    <li class="level-2">
  3262.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/pyriet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3263.                <div class="flex items-center">
  3264.                                        <div class="text-left leading-[19px]">Pyriet</div>
  3265.                </div>
  3266.            </a>
  3267.            </li>
  3268.                            
  3269.    <li class="level-2">
  3270.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/rozekwarts/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3271.                <div class="flex items-center">
  3272.                                        <div class="text-left leading-[19px]">Rozekwarts</div>
  3273.                </div>
  3274.            </a>
  3275.            </li>
  3276.                            
  3277.    <li class="level-2">
  3278.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/seleniet/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3279.                <div class="flex items-center">
  3280.                                        <div class="text-left leading-[19px]">Seleniet</div>
  3281.                </div>
  3282.            </a>
  3283.            </li>
  3284.                            
  3285.    <li class="level-2">
  3286.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/sodaliet" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3287.                <div class="flex items-center">
  3288.                                        <div class="text-left leading-[19px]">Sodaliet</div>
  3289.                </div>
  3290.            </a>
  3291.            </li>
  3292.                            
  3293.    <li class="level-2">
  3294.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/tijgeroog" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3295.                <div class="flex items-center">
  3296.                                        <div class="text-left leading-[19px]">Tijgeroog</div>
  3297.                </div>
  3298.            </a>
  3299.            </li>
  3300.                            
  3301.    <li class="level-2">
  3302.                    <a href="https://www.lalashops.nl/kristalhandel/kristal-edelsteen-per-soort/toermalijn/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3303.                <div class="flex items-center">
  3304.                                        <div class="text-left leading-[19px]">Toermalijn</div>
  3305.                </div>
  3306.            </a>
  3307.            </li>
  3308.                    </ul>
  3309.    </li>
  3310.                                                            
  3311.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_443: true, timeoutId: null }" >
  3312.  
  3313.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_443" aria-controls="category-node-443-desktop-menu-panel">
  3314.            <div class="flex items-center">
  3315.  
  3316.                                    <div class="text-left leading-[19px]">Voordeelverpakkingen / Partijen</div>
  3317.                            </div>
  3318.                    </button>
  3319.        <ul id="category-node-443-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_443" x-ref="childmenuWrappercategory_node_443">
  3320.                            
  3321.    <li class="level-2">
  3322.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/agaat" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3323.                <div class="flex items-center">
  3324.                                        <div class="text-left leading-[19px]">Agaat</div>
  3325.                </div>
  3326.            </a>
  3327.            </li>
  3328.                            
  3329.    <li class="level-2">
  3330.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/amethist" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3331.                <div class="flex items-center">
  3332.                                        <div class="text-left leading-[19px]">Amethist</div>
  3333.                </div>
  3334.            </a>
  3335.            </li>
  3336.                            
  3337.    <li class="level-2">
  3338.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/bergkristal" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3339.                <div class="flex items-center">
  3340.                                        <div class="text-left leading-[19px]">Bergkristal</div>
  3341.                </div>
  3342.            </a>
  3343.            </li>
  3344.                            
  3345.    <li class="level-2">
  3346.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/blauwe-calciet" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3347.                <div class="flex items-center">
  3348.                                        <div class="text-left leading-[19px]">Calciet</div>
  3349.                </div>
  3350.            </a>
  3351.            </li>
  3352.                            
  3353.    <li class="level-2">
  3354.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/rozekwarts" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3355.                <div class="flex items-center">
  3356.                                        <div class="text-left leading-[19px]">Rozekwarts</div>
  3357.                </div>
  3358.            </a>
  3359.            </li>
  3360.                            
  3361.    <li class="level-2">
  3362.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/tijgeroog" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3363.                <div class="flex items-center">
  3364.                                        <div class="text-left leading-[19px]">Tijgeroog</div>
  3365.                </div>
  3366.            </a>
  3367.            </li>
  3368.                            
  3369.    <li class="level-2">
  3370.                    <a href="https://www.lalashops.nl/kristalhandel/prijs-per-kilo-partijen/aventurijn" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3371.                <div class="flex items-center">
  3372.                                        <div class="text-left leading-[19px]">Aventurijn</div>
  3373.                </div>
  3374.            </a>
  3375.            </li>
  3376.                    </ul>
  3377.    </li>
  3378.                                                    </ul>
  3379.                    </div>
  3380.  
  3381.                </li>
  3382.                                
  3383.                
  3384.                
  3385.                <li class="top-links !p-0 level-0 hover:cursor-pointer relative" x-data="{
  3386.                        open: false,
  3387.                        isHovering: false,
  3388.                        canHover(func) {
  3389.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  3390.                            if (!isHoverableDevice) return;
  3391.                            func();
  3392.                        }
  3393.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  3394.  
  3395.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/sieraden-kunst/" title="Sieraden&#x20;&#x2F;&#x20;Kunst">
  3396.  
  3397.                        <div class="home-icons">
  3398.                                <template x-if="!isHovering">
  3399.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 36.11 42.831" class="w-[52px] h-auto" role="img">
  3400.  <defs>
  3401.    <linearGradient id="linear-gradient_14" x1="0.541" y1="0.663" x2="0.386" y2="1" gradientUnits="objectBoundingBox">
  3402.      <stop offset="0" stop-color="#1e84cd"/>
  3403.      <stop offset="1" stop-color="#fff"/>
  3404.    </linearGradient>
  3405.  </defs>
  3406.  <g id="Group_778_2" data-name="Group 778" transform="translate(-1382.53 90.415)">
  3407.    <path id="Path_511_4" data-name="Path 511" d="M11.243,24.2a.75.75,0,0,1-.75-.75V21.692a7.669,7.669,0,0,1-1.767-.821,4.969,4.969,0,0,1-2.459-4.33,3.664,3.664,0,0,1,1.078-2.653,4.668,4.668,0,0,1,2.381-1.223,5.528,5.528,0,0,1,2.916.177,3.544,3.544,0,0,1,2.147,1.892,16.213,16.213,0,0,1,.767,2.555c.585,2.418,1.042,3.9,2.992,3.9a.75.75,0,1,1,0,1.5,3.651,3.651,0,0,1-3.279-1.738,11.061,11.061,0,0,1-1.171-3.31,15.14,15.14,0,0,0-.688-2.317c-.465-1.084-2.085-1.457-3.383-1.19a2.57,2.57,0,0,0-2.261,2.407c0,3.1,3.583,3.835,3.619,3.842l.607.118v2.951A.75.75,0,0,1,11.243,24.2Z" transform="translate(1380.68 -94.396)" fill="url(#linear-gradient_14)"/>
  3408.    <path id="Path_511-2_2" data-name="Path 511" d="M11.243,24.2a.75.75,0,0,1-.75-.75V21.692a7.669,7.669,0,0,1-1.767-.821,4.969,4.969,0,0,1-2.459-4.33,3.664,3.664,0,0,1,1.078-2.653,4.668,4.668,0,0,1,2.381-1.223,5.528,5.528,0,0,1,2.916.177,3.544,3.544,0,0,1,2.147,1.892,16.213,16.213,0,0,1,.767,2.555c.585,2.418,1.042,3.9,2.992,3.9a.75.75,0,1,1,0,1.5,3.651,3.651,0,0,1-3.279-1.738,11.061,11.061,0,0,1-1.171-3.31,15.14,15.14,0,0,0-.688-2.317c-.465-1.084-2.085-1.457-3.383-1.19a2.57,2.57,0,0,0-2.261,2.407c0,3.1,3.583,3.835,3.619,3.842l.607.118v2.951A.75.75,0,0,1,11.243,24.2Z" transform="translate(1398.713 -102.964)" fill="url(#linear-gradient_14)"/>
  3409.    <path id="Union_3_2" data-name="Union 3" d="M14.454,24.109H3.225L3.032,23.7q-.011-.021-.02-.043L.179,17.671l-.015-.032L0,17.294l.192-.321q.012-.023.026-.044L4.728,9.382q.012-.022.026-.043l2.33-3.9a3.212,3.212,0,1,1,4.6.022l2.108,3.905q.012.021.023.043l4.073,7.545q.013.023.025.046l.166.307-.152.329-.011.023-2.767,5.985q-.012.029-.026.056l-.188.407Zm-1.636-1.5L9.244,18.461,5.413,22.61ZM3.9,22.034,7.55,18.085H2.034Zm10.36-.046,1.8-3.9H10.9Zm1.72-5.4L12.7,10.495H10.013v6.089Zm-7.469,0V10.495H5.81L2.171,16.584Zm3.372-7.59L10.409,6.259a3.215,3.215,0,0,1-2.061-.011L6.706,8.995Zm-4.2-5.783A1.711,1.711,0,0,0,10.3,4.664l.047-.03A1.711,1.711,0,1,0,7.681,3.211Z" transform="translate(1400.562 -80.262)" fill="#1e84cd"/>
  3410.    <path id="Union_2_2" data-name="Union 2" d="M3.225,24.11l-.2-.42-.01-.021L.181,17.676q-.01-.02-.02-.041L0,17.294l.194-.325.023-.038L4.725,9.386q.014-.026.03-.051l2.328-3.9a3.211,3.211,0,1,1,4.6.022L13.792,9.37l.02.036,4.076,7.552L17.91,17l.168.311-.15.324-.015.033-2.769,5.988q-.009.021-.019.042l-.192.415Zm9.594-1.5L9.244,18.461,5.413,22.61ZM3.9,22.035l3.648-3.95H2.033Zm10.36-.047,1.8-3.9H10.9Zm1.72-5.4-3.287-6.089H10.013v6.089Zm-7.468,0V10.495H5.81L2.172,16.584Zm3.372-7.59L10.409,6.259a3.216,3.216,0,0,1-2.061-.011L6.707,8.995Zm-4.2-5.783a1.712,1.712,0,0,0,2.612,1.456q.028-.02.058-.037A1.712,1.712,0,1,0,7.681,3.211Z" transform="translate(1382.53 -71.694)" fill="#1e84cd"/>
  3411.  </g>
  3412. <title>sieraden-kunst-blue</title></svg>
  3413.                                </template>
  3414.                                <template x-if="isHovering">
  3415.                                    <?xml version="1.0" encoding="utf-8"?>
  3416. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3417. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 36.1 42.8" style="enable-background:new 0 0 36.1 42.8;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  3418. <style type="text/css">
  3419. .st0{fill:#FFFFFF;}
  3420. </style>
  3421. <g>
  3422. <path class="st0" d="M35.9,27.2C35.9,27.1,35.9,27.1,35.9,27.2l-4.1-7.6c0,0,0,0,0,0l-2.1-3.9c1.2-1.2,1.2-3.2,0-4.5   c-0.4-0.5-1-0.7-1.6-0.9V8l-0.6-0.1c0,0-3.6-0.7-3.6-3.8c0.1-1.2,1-2.3,2.3-2.4c1.3-0.3,2.9,0.1,3.4,1.2c0.3,0.8,0.5,1.5,0.7,2.3   c0.2,1.2,0.6,2.3,1.2,3.3c0.7,1.1,2,1.8,3.3,1.7c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8c-1.9,0-2.4-1.5-3-3.9   C31.6,3.9,31.3,3,31,2.2c-0.4-0.9-1.2-1.6-2.1-1.9c-0.9-0.3-1.9-0.4-2.9-0.2c-0.9,0.2-1.7,0.6-2.4,1.2C22.8,2,22.4,3,22.5,4   c0,1.8,0.9,3.4,2.5,4.3c0.6,0.3,1.1,0.6,1.8,0.8v1.1c-0.5,0.1-1.1,0.4-1.5,0.8c-1.3,1.2-1.3,3.3-0.1,4.5l-2.3,3.9c0,0,0,0,0,0   l-4.5,7.5c0,0,0,0,0,0L18,27.4l0.2,0.3l0,0l2.8,6c0,0,0,0,0,0l0.2,0.4h11.2l0.5,0l0.2-0.4c0,0,0,0,0-0.1l2.8-6l0,0l0.2-0.3   L35.9,27.2z M34,26.7l-6,0v-6.1h2.7L34,26.7z M26.5,11.9c0.8-0.5,1.8-0.3,2.4,0.5c0.5,0.8,0.3,1.8-0.5,2.4l0,0   c-0.3,0.2-0.6,0.3-0.9,0.3c-0.9,0-1.7-0.8-1.7-1.7l0,0C25.7,12.8,26,12.3,26.5,11.9z M26.4,16.4c0.7,0.2,1.4,0.2,2.1,0l1.5,2.7   l-5.2,0L26.4,16.4z M23.8,20.6h2.7v6.1l-6.3,0L23.8,20.6z M20.1,28.2h5.5l-3.6,3.9L20.1,28.2z M23.4,32.8l3.8-4.1l3.6,4.1   L23.4,32.8z M32.3,32.1l-3.4-3.9h5.2L32.3,32.1z"/>
  3423. <path class="st0" d="M17.9,35.7l-4.1-7.6l0,0l-2.1-3.9c1.2-1.2,1.2-3.2,0-4.5c-0.4-0.5-1-0.7-1.6-0.9v-2.3l-0.6-0.1   c0,0-3.6-0.7-3.6-3.8c0.1-1.2,1-2.3,2.3-2.4c1.3-0.3,2.9,0.1,3.4,1.2c0.3,0.8,0.5,1.5,0.7,2.3c0.2,1.2,0.6,2.3,1.2,3.3   c0.7,1.1,2,1.8,3.3,1.7c0.4,0,0.8-0.3,0.8-0.8c0-0.4-0.3-0.8-0.8-0.8c-1.9,0-2.4-1.5-3-3.9c-0.2-0.9-0.4-1.7-0.8-2.6   c-0.4-0.9-1.2-1.6-2.1-1.9C9.9,8.5,8.8,8.5,7.9,8.7C7,8.9,6.2,9.3,5.5,9.9c-0.7,0.7-1.1,1.7-1.1,2.7c0,1.8,0.9,3.4,2.5,4.3   c0.6,0.3,1.1,0.6,1.8,0.8v1.1c-0.5,0.1-1.1,0.4-1.5,0.8c-1.3,1.2-1.3,3.3-0.1,4.5l-2.3,3.9c0,0,0,0,0,0.1l-4.5,7.5l0,0L0,36   l0.2,0.3c0,0,0,0,0,0l2.8,6l0,0l0.2,0.4l11.7,0l0.2-0.4c0,0,0,0,0,0l2.8-6l0,0l0.2-0.3L17.9,35.7L17.9,35.7z M16,35.3h-6v-6.1h2.7   L16,35.3z M8.4,20.5c0.8-0.5,1.8-0.3,2.4,0.5c0.5,0.8,0.3,1.8-0.5,2.4c0,0,0,0-0.1,0c-0.3,0.2-0.6,0.3-0.9,0.3   c-0.9,0-1.7-0.8-1.7-1.7l0,0C7.7,21.4,8,20.8,8.4,20.5z M8.3,25c0.7,0.2,1.4,0.2,2.1,0l1.5,2.7l-5.2,0L8.3,25z M5.8,29.2h2.7v6.1   l-6.3,0L5.8,29.2z M2,36.8h5.5l-3.6,4L2,36.8z M5.4,41.3l3.8-4.1l3.6,4.1H5.4z M14.3,40.7l-3.4-3.9h5.2L14.3,40.7z"/>
  3424. </g>
  3425. <title>sieraden-kunst-white</title></svg>
  3426.                                </template>
  3427.                            </div>
  3428.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-396-desktop-menu-panel">
  3429.                            <div class="top-name pt-1">Sieraden / Kunst</div>
  3430.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  3431. <title/>
  3432. <g id="arrow_5">
  3433. </g>
  3434. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  3435. </svg>
  3436. </div>
  3437.                        </button>
  3438.                    </a>
  3439.                    <div id="category-node-396-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  3440.  
  3441.                        <ul class="grid grid-cols-1 gap-1 py-5 px-6 w-[334px] rounded-3xl bg-white shadow-menu">
  3442.                            <button class="uppercase px-2 py-1.5 text-left leading-[19px]">Sieraden / Kunst</button>                                                            
  3443.    <li class="level-2">
  3444.                    <a href="https://www.lalashops.nl/sieraden-kunst/hangers/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3445.                <div class="flex items-center">
  3446.                                        <div class="text-left leading-[19px]">Hangers</div>
  3447.                </div>
  3448.            </a>
  3449.            </li>
  3450.                                                            
  3451.    <li class="level-2">
  3452.                    <a href="https://www.lalashops.nl/sieraden-kunst/oorbellen/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3453.                <div class="flex items-center">
  3454.                                        <div class="text-left leading-[19px]">Oorbellen</div>
  3455.                </div>
  3456.            </a>
  3457.            </li>
  3458.                                                            
  3459.    <li class="level-2  relative" x-data="{ subMenuOpencategory_node_644: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_644 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_644 = false }, 500)" >
  3460.  
  3461.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_644" aria-controls="category-node-644-desktop-menu-panel">
  3462.            <div class="flex items-center">
  3463.  
  3464.                                    <a href="https://www.lalashops.nl/sieraden-kunst/koorden">
  3465.                        <div class="flex items-center">
  3466.                            
  3467.                            <div href="https://www.lalashops.nl/sieraden-kunst/koorden" class="text-left leading-[19px]">Koorden</div>
  3468.                        </div>
  3469.                    </a>
  3470.                            </div>
  3471.                            <div class="">
  3472.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3473.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3474. </svg>
  3475.                        </button>
  3476.        <ul id="category-node-644-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white pl-3 flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_644" x-ref="childmenuWrappercategory_node_644">
  3477.                            
  3478.    <li class="level-3">
  3479.                    <a href="https://www.lalashops.nl/sieraden-kunst/koorden/waxed-macrame-koord" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3480.                <div class="flex items-center">
  3481.                                        <div class="text-left leading-[19px]">Waxed Macramé Koord</div>
  3482.                </div>
  3483.            </a>
  3484.            </li>
  3485.                    </ul>
  3486.    </li>
  3487.                                                    </ul>
  3488.                    </div>
  3489.  
  3490.                </li>
  3491.                                
  3492.                
  3493.                
  3494.                <li class="top-links !p-0 level-0 hover:cursor-pointer relative" x-data="{
  3495.                        open: false,
  3496.                        isHovering: false,
  3497.                        canHover(func) {
  3498.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  3499.                            if (!isHoverableDevice) return;
  3500.                            func();
  3501.                        }
  3502.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  3503.  
  3504.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/welzijn-verzorging/" title="Welzijn&#x20;&#x2F;&#x20;Verzorging">
  3505.  
  3506.                        <div class="home-icons">
  3507.                                <template x-if="!isHovering">
  3508.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 52.001 43.919" class="w-[52px] h-auto" role="img">
  3509.  <defs>
  3510.    <linearGradient id="linear-gradient_15" x1="0.5" y1="1" x2="-0.107" y2="1" gradientUnits="objectBoundingBox">
  3511.      <stop offset="0" stop-color="#1e84cd"/>
  3512.      <stop offset="1" stop-color="#fff"/>
  3513.    </linearGradient>
  3514.  </defs>
  3515.  <g id="Group_785_2" data-name="Group 785" transform="translate(-407.999 -190.18)">
  3516.    <path id="Union_4_2" data-name="Union 4" d="M10.227,16.532,5.779,18.186l-.7-1.874,5.095-1.9.329.105c7.06,2.26,11.771,3.107,14.4,2.59a85.538,85.538,0,0,0,17.731-5.6c1.57-.86,2.027-1.993,1.569-3.891-.617-1.475-2.029-2.8-3.276-2.4l-12,3.829a4.98,4.98,0,0,1-.106.5,4.821,4.821,0,0,1-1.523,2.426,4.537,4.537,0,0,1-2.968,1.058h-.128L11.794,9.8a1,1,0,1,1,.5-1.935L24.458,11.03a2.586,2.586,0,0,0,2.44-2,2.266,2.266,0,0,0-.82-2.547c-.667-.2-4.027-1.226-7.518-2.237C11.39,2.168,10.114,2,9.894,2c-.134,0-.967.085-4.107,1.742C4.069,4.649,2.53,5.571,2.515,5.58A1,1,0,0,1,1.486,3.865C1.55,3.827,3.08,2.91,4.846,1.977,8.2.205,9.334,0,9.894,0c.328,0,1.2,0,9.211,2.322C23,3.452,26.746,4.6,26.783,4.609l.109.033.1.057A3.973,3.973,0,0,1,28.8,7L40.324,3.319c2.479-.792,4.821,1.275,5.765,3.622L46.114,7l.017.067a5.889,5.889,0,0,1-.031,3.47,5.121,5.121,0,0,1-2.538,2.75l-.062.031a87.53,87.53,0,0,1-18.191,5.75l-.009,0a10.833,10.833,0,0,1-2.1.184C20.228,19.257,16.016,18.368,10.227,16.532Z" transform="translate(413.625 212.319)" fill="url(#linear-gradient_15)"/>
  3517.    <path id="Path_521_2" data-name="Path 521" d="M401.677,4a7.725,7.725,0,0,1,5.266,2.053,7.747,7.747,0,0,1,13,5.615v.024c-.044,1.812-1.116,4.057-3.187,6.675a60.573,60.573,0,0,1-9.526,9.145l-.68.545-.633-.6-.884-.837c-3.887-3.675-7.905-7.475-9.837-10.774a7.6,7.6,0,0,1-.96-2.1,5.759,5.759,0,0,1-.29-2.117A7.71,7.71,0,0,1,401.677,4Zm5.266,5.108-.779-.967a5.746,5.746,0,0,0-10.221,3.526v.038l0,.038a3.769,3.769,0,0,0,.2,1.412l.01.033a5.6,5.6,0,0,0,.723,1.577l.03.048c1.782,3.056,5.7,6.765,9.5,10.353l.25.236a56.6,56.6,0,0,0,8.531-8.278c1.74-2.2,2.718-4.141,2.756-5.47a5.746,5.746,0,0,0-10.221-3.513Z" transform="translate(33.416 186.18)" fill="#1e84cd"/>
  3518.    <path id="Path_518_2" data-name="Path 518" d="M10.321,513.4a2.5,2.5,0,0,1-2.41-1.832L4.088,497.608a2.482,2.482,0,0,1,1.759-3.05l3.485-.936a2.5,2.5,0,0,1,3.062,1.745l3.824,13.962a2.482,2.482,0,0,1-1.759,3.05l-3.485.936A2.517,2.517,0,0,1,10.321,513.4Zm-.336-17.866a.516.516,0,0,0-.134.018l-3.485.936a.492.492,0,0,0-.3.231.47.47,0,0,0-.046.359l3.824,13.962a.5.5,0,0,0,.481.36.516.516,0,0,0,.134-.018l3.485-.936a.493.493,0,0,0,.3-.231.47.47,0,0,0,.046-.359L10.466,495.9A.5.5,0,0,0,9.985,495.536Z" transform="translate(404 -279.303)" fill="#1e84cd"/>
  3519.  </g>
  3520. <title>welzijn-verzorging-blue</title></svg>
  3521.                                </template>
  3522.                                <template x-if="isHovering">
  3523.                                    <?xml version="1.0" encoding="utf-8"?>
  3524. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3525. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 52 43.9" style="enable-background:new 0 0 52 43.9;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  3526. <style type="text/css">
  3527. .st0{fill:#FFFFFF;}
  3528. </style>
  3529. <g>
  3530. <path class="st0" d="M51.8,29.2L51.8,29.2l0-0.1c-0.9-2.3-3.3-4.4-5.8-3.6l-11.5,3.7c-0.3-1-0.9-1.8-1.8-2.3l-0.1-0.1l-0.1,0   c0,0-3.8-1.2-7.7-2.3c-8-2.3-8.9-2.3-9.2-2.3c-0.6,0-1.7,0.2-5,2c-0.9,0.5-1.7,0.9-2.3,1.3c-0.5-1-1.7-1.5-2.9-1.2l-3.5,0.9   c0,0,0,0,0,0c-1.3,0.4-2.1,1.7-1.7,3l3.8,14c0.3,1.1,1.3,1.8,2.4,1.8c0.2,0,0.4,0,0.7-0.1l3.5-0.9c0,0,0,0,0,0   c1.3-0.3,2-1.6,1.8-2.9l3.6-1.3c5.8,1.8,10,2.7,13,2.7c0.7,0,1.4-0.1,2.1-0.2h0c6.3-1.2,12.4-3.2,18.2-5.8l0.1,0   c1.2-0.6,2.1-1.5,2.5-2.8C52.1,31.5,52.1,30.3,51.8,29.2z M10.2,40.7c-0.1,0.1-0.2,0.2-0.3,0.2l-3.5,0.9c0,0-0.1,0-0.1,0   c-0.2,0-0.4-0.1-0.5-0.4L2,27.6c0-0.1,0-0.3,0-0.4C2.1,27.1,2.2,27,2.4,27l3.5-0.9c0,0,0.1,0,0.1,0v0c0.2,0,0.4,0.1,0.5,0.4l3.8,14   C10.3,40.5,10.3,40.6,10.2,40.7z M48.3,33.6c-5.7,2.5-11.6,4.4-17.7,5.6c-2.6,0.5-7.3-0.3-14.4-2.6l-0.3-0.1l-4.1,1.5L8.8,27.3   c0.6-0.4,1.6-0.9,2.6-1.5c3.1-1.7,4-1.7,4.1-1.7c0.2,0,1.5,0.2,8.7,2.2c3.5,1,6.9,2,7.5,2.2c0.8,0.6,1.1,1.6,0.8,2.5   c-0.3,1.1-1.3,2-2.4,2L17.9,30c0,0,0,0-0.1,0c-0.5-0.1-1.1,0.2-1.2,0.8c-0.1,0.5,0.2,1.1,0.8,1.2l12.4,3.2H30c1.1,0,2.1-0.4,3-1.1   c0.7-0.6,1.3-1.5,1.5-2.4c0-0.2,0.1-0.3,0.1-0.5l12-3.8c1.2-0.4,2.7,0.9,3.3,2.4C50.3,31.7,49.8,32.8,48.3,33.6z"/>
  3531. <path class="st0" d="M20.6,11.8c1.9,3.3,6,7.1,9.8,10.8l0.9,0.8l0.6,0.6l0.7-0.5c3.5-2.7,6.7-5.8,9.5-9.1c2.1-2.6,3.1-4.9,3.2-6.7   v0c0-1.9-0.8-3.8-2.1-5.2c-2.9-3.1-7.8-3.3-10.9-0.4C30.9,0.7,29,0,27.1,0c-4.2,0-7.7,3.4-7.7,7.6c0,0.7,0.1,1.4,0.3,2.1   C19.9,10.5,20.2,11.2,20.6,11.8z M21.4,7.7L21.4,7.7c0-1.7,0.8-3.4,2.1-4.4c2.5-2,6.1-1.6,8.1,0.9l0.8,1l0.8-1   C34.2,2.8,35.8,2,37.5,2c3.2,0,5.8,2.5,5.8,5.7c0,1.3-1,3.3-2.8,5.5c-2.5,3.1-5.4,5.8-8.5,8.3l-0.2-0.2c-3.8-3.6-7.7-7.3-9.5-10.4   l0,0c-0.3-0.5-0.6-1-0.7-1.6l0,0C21.4,8.7,21.3,8.2,21.4,7.7L21.4,7.7z"/>
  3532. </g>
  3533. <title>welzijn-verzorging-white</title></svg>
  3534.                                </template>
  3535.                            </div>
  3536.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-584-desktop-menu-panel">
  3537.                            <div class="top-name pt-1">Welzijn / Verzorging</div>
  3538.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  3539. <title/>
  3540. <g id="arrow_6">
  3541. </g>
  3542. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  3543. </svg>
  3544. </div>
  3545.                        </button>
  3546.                    </a>
  3547.                    <div id="category-node-584-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  3548.  
  3549.                        <ul class="grid grid-cols-1 gap-1 py-5 px-6 w-[334px] rounded-3xl bg-white shadow-menu">
  3550.                            <button class="uppercase px-2 py-1.5 text-left leading-[19px]">Welzijn / Verzorging</button>                                                            
  3551.    <li class="level-2">
  3552.                    <a href="https://www.lalashops.nl/welzijn-verzorging/massage-griffels" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3553.                <div class="flex items-center">
  3554.                                        <div class="text-left leading-[19px]">Massage griffels</div>
  3555.                </div>
  3556.            </a>
  3557.            </li>
  3558.                                                            
  3559.    <li class="level-2">
  3560.                    <a href="https://www.lalashops.nl/welzijn-verzorging/zeepdispensers" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3561.                <div class="flex items-center">
  3562.                                        <div class="text-left leading-[19px]">Zeepdispensers</div>
  3563.                </div>
  3564.            </a>
  3565.            </li>
  3566.                                                            
  3567.    <li class="level-2">
  3568.                    <a href="https://www.lalashops.nl/welzijn-verzorging/badzout" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3569.                <div class="flex items-center">
  3570.                                        <div class="text-left leading-[19px]">Badzout</div>
  3571.                </div>
  3572.            </a>
  3573.            </li>
  3574.                                                    </ul>
  3575.                    </div>
  3576.  
  3577.                </li>
  3578.                                
  3579.                
  3580.                
  3581.                <li class="top-links !p-0 level-0 hover:cursor-pointer " x-data="{
  3582.                        open: false,
  3583.                        isHovering: false,
  3584.                        canHover(func) {
  3585.                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
  3586.                            if (!isHoverableDevice) return;
  3587.                            func();
  3588.                        }
  3589.                    }" @click.outside="open = false"  @mouseenter="canHover(() => { open = true; isHovering = true; })" @mouseleave="canHover(() => { open = false; isHovering = false; })"  @keydown.escape="open = false">
  3590.  
  3591.                    <a class="top-links flex flex-col items-center" href="https://www.lalashops.nl/wonen/" title="Wonen">
  3592.  
  3593.                        <div class="home-icons">
  3594.                                <template x-if="!isHovering">
  3595.                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 35.663 42.809" class="w-[52px] h-auto" role="img">
  3596.  <defs>
  3597.    <linearGradient id="linear-gradient_16" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
  3598.      <stop offset="0" stop-color="#1e84cd"/>
  3599.      <stop offset="1" stop-color="#fff"/>
  3600.    </linearGradient>
  3601.  </defs>
  3602.  <g id="Group_838_2" data-name="Group 838" transform="translate(-1321.386 96.352)">
  3603.    <path id="Path_566_3" data-name="Path 566" d="M116.331,134.459a.75.75,0,0,1-.745-.668c-.011-.1-.282-2.605-.328-5.935a38.742,38.742,0,0,1,1.091-10.884.75.75,0,0,1,1.441.416c-1.784,6.185-.725,16.14-.714,16.24a.75.75,0,0,1-.664.827A.76.76,0,0,1,116.331,134.459Z" transform="translate(1223.449 -194.542)" fill="url(#linear-gradient_16)"/>
  3604.    <path id="Path_567_3" data-name="Path 567" d="M82.182,1.75a5.657,5.657,0,0,1,3.584,1.27,5.384,5.384,0,0,1,1.937,3.6l.012.1.1.02a5.522,5.522,0,0,1,1.24,10.43l-.095.044.012.1a5.408,5.408,0,0,1-1.312,4.292,5.723,5.723,0,0,1-4.218,1.9,5.42,5.42,0,0,1-4.006-1.786l-.071-.077-.095.044a5.461,5.461,0,0,1-7.1-2.253,5.369,5.369,0,0,1-.031-5.457l.051-.091-.071-.077A5.436,5.436,0,0,1,71.1,7.875,5.646,5.646,0,0,1,73.039,5.5a5.339,5.339,0,0,1,3.072-.964h0a5.849,5.849,0,0,1,1.135.113l.1.02L77.4,4.58A5.426,5.426,0,0,1,82.182,1.75Zm1.263,20.263a4.2,4.2,0,0,0,3.1-1.393,3.868,3.868,0,0,0,.944-3.118l-.141-1.186,1.084-.5a3.921,3.921,0,0,0,2.308-4.126,3.921,3.921,0,0,0-3.211-3.47l-1.171-.232L86.213,6.8A4,4,0,0,0,82.182,3.25,3.9,3.9,0,0,0,78.71,5.312l-.583,1.042-1.172-.233a4.346,4.346,0,0,0-.843-.085h0a3.946,3.946,0,0,0-3.633,2.438,3.906,3.906,0,0,0,.742,4.323l.811.876-.583,1.042a3.9,3.9,0,0,0,.016,3.965,3.962,3.962,0,0,0,5.179,1.649l1.084-.5.811.876A3.876,3.876,0,0,0,83.444,22.013Z" transform="translate(1260.972 -98.102)" fill="#1e84cd"/>
  3605.    <path id="Ellipse_76_2" data-name="Ellipse 76" d="M3.756-.75A4.506,4.506,0,1,1-.75,3.756,4.511,4.511,0,0,1,3.756-.75Zm0,7.512A3.006,3.006,0,1,0,.75,3.756,3.009,3.009,0,0,0,3.756,6.762Z" transform="translate(1338.772 -88.55)" fill="#1e84cd"/>
  3606.    <path id="Path_568_3" data-name="Path 568" d="M53.072,228.626a.748.748,0,0,1-.541-.23c-5.595-5.824-12.133-7.607-19.433-5.3a28.326,28.326,0,0,0-9.484,5.333.75.75,0,0,1-1.014-1.106,29.332,29.332,0,0,1,10-5.642,19.981,19.981,0,0,1,10.015-.706,20.88,20.88,0,0,1,11,6.381.75.75,0,0,1-.541,1.27Z" transform="translate(1301.568 -282.169)" fill="#1e84cd"/>
  3607.    <path id="Path_562_2" data-name="Path 562" d="M126.087,174.737a.746.746,0,0,1-.426-.133h0a11.757,11.757,0,0,0-3.3-1.423,10.667,10.667,0,0,0-7.509.631.75.75,0,0,1-.642-1.356,12.3,12.3,0,0,1,8.6-.709,13.006,13.006,0,0,1,3.707,1.623.75.75,0,0,1-.428,1.366Z" transform="translate(1224.683 -240.669)" fill="#1e84cd"/>
  3608.    <path id="Path_563_3" data-name="Path 563" d="M134.414,147.334h0a4.317,4.317,0,0,1,3.768,1.861c1.6,2.371,3.136,2.725,3.908,2.725a1.9,1.9,0,0,0,.488-.055.736.736,0,0,1,.855.26.757.757,0,0,1-.022.912c-3.106,3.985-6.09,6-8.869,6-2.091,0-4.034-1.156-5.619-3.343a14.128,14.128,0,0,1-1.736-3.223q-.008-.024-.015-.048a2.15,2.15,0,0,1,.529-1.907,8.268,8.268,0,0,1,2.825-2.176A8.99,8.99,0,0,1,134.414,147.334Zm6.816,6a7.012,7.012,0,0,1-4.29-3.3,2.846,2.846,0,0,0-2.526-1.2,8,8,0,0,0-5.519,2.593,1.076,1.076,0,0,0-.281.583c.18.477,2.181,5.531,5.928,5.531C136.56,157.542,138.806,156.127,141.229,153.331Z" transform="translate(1213.474 -220.53)" fill="#1e84cd"/>
  3609.    <path id="Path_564_3" data-name="Path 564" d="M41.9,174.736a.75.75,0,0,1-.429-1.366,13.006,13.006,0,0,1,3.707-1.623,12.3,12.3,0,0,1,8.6.709.75.75,0,0,1-.642,1.356,10.667,10.667,0,0,0-7.509-.631,11.757,11.757,0,0,0-3.3,1.423A.748.748,0,0,1,41.9,174.736Z" transform="translate(1285.77 -240.669)" fill="#1e84cd"/>
  3610.    <path id="Path_565_3" data-name="Path 565" d="M15.587,147.334a8.991,8.991,0,0,1,3.889,1.011A8.268,8.268,0,0,1,22.3,150.52a2.15,2.15,0,0,1,.529,1.906q-.007.024-.015.048a14.129,14.129,0,0,1-1.736,3.223c-1.585,2.187-3.528,3.343-5.619,3.343-2.779,0-5.763-2.02-8.869-6a.757.757,0,0,1-.022-.912.736.736,0,0,1,.855-.26,1.9,1.9,0,0,0,.488.055c.772,0,2.305-.354,3.908-2.725A4.317,4.317,0,0,1,15.587,147.334Zm5.8,4.677a1.075,1.075,0,0,0-.281-.584,8,8,0,0,0-5.52-2.593,2.846,2.846,0,0,0-2.526,1.2,7.012,7.012,0,0,1-4.29,3.3c2.424,2.8,4.669,4.211,6.688,4.211C19.218,157.542,21.207,152.49,21.387,152.011Z" transform="translate(1314.96 -220.53)" fill="#1e84cd"/>
  3611.  </g>
  3612. <title>wonen-blue</title></svg>
  3613.                                </template>
  3614.                                <template x-if="isHovering">
  3615.                                    <?xml version="1.0" encoding="utf-8"?>
  3616. <!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  3617. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 35.7 42.8" style="enable-background:new 0 0 35.7 42.8;" xml:space="preserve" class="w-[52px] h-auto" width="24" height="24" role="img">
  3618. <style type="text/css">
  3619. .st0{fill:#FFFFFF;}
  3620. </style>
  3621. <g>
  3622. <path class="st0" d="M25.6,11.6c0-2.5-2-4.5-4.5-4.5c-2.5,0-4.5,2-4.5,4.5c0,2.5,2,4.5,4.5,4.5S25.6,14,25.6,11.6z M18.1,11.6   c0-1.7,1.3-3,3-3c1.7,0,3,1.3,3,3c0,1.7-1.3,3-3,3C19.5,14.6,18.1,13.2,18.1,11.6z"/>
  3623. <path class="st0" d="M19.6,28.9c0.4,0.9,0.9,1.8,1.4,2.6c1.6,2.2,3.5,3.3,5.6,3.3c2.8,0,5.8-2,8.9-6c0.2-0.3,0.2-0.6,0-0.9   c-0.2-0.3-0.5-0.4-0.9-0.3c-0.2,0-0.3,0.1-0.5,0.1c-0.8,0-2.3-0.4-3.9-2.7c-0.8-1.2-2.3-1.9-3.8-1.9c-1.4,0-2.7,0.4-3.9,1   c-1.1,0.5-2.1,1.3-2.8,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c-0.1,0-0.3,0.1-0.4,0.1c0-2.4,0.2-4.9,0.7-7.2c1,0.8,2.2,1.3,3.5,1.3   c1.6,0,3.1-0.7,4.2-1.9c1-1.2,1.5-2.7,1.3-4.3l0-0.1l0.1,0c1.6-0.7,2.8-2.2,3.1-3.9c0.6-3-1.4-5.9-4.3-6.5l-0.1,0l0-0.1   c-0.1-1.4-0.8-2.7-1.9-3.6c-1-0.8-2.3-1.3-3.6-1.3c-2,0-3.8,1.1-4.8,2.8l-0.1,0.1l-0.1,0c-0.4-0.1-0.8-0.1-1.1-0.1   c-1.1,0-2.2,0.3-3.1,1c-0.9,0.6-1.5,1.4-1.9,2.4c-0.9,2-0.5,4.3,1,5.9l0.1,0.1l-0.1,0.1c-1,1.7-1,3.8,0,5.5   c1.3,2.3,3.9,3.3,6.4,2.5c-0.5,2.5-0.8,5-0.8,7.6c-0.3-0.1-0.6-0.2-0.9-0.3c-0.1-0.4-0.2-0.8-0.5-1.1c-0.8-0.9-1.7-1.7-2.8-2.2   c-1.2-0.6-2.5-1-3.9-1c-1.5-0.1-2.9,0.6-3.8,1.9c-1.6,2.4-3.1,2.7-3.9,2.7c-0.2,0-0.3,0-0.5-0.1c-0.3-0.1-0.7,0-0.9,0.3   c-0.2,0.3-0.2,0.6,0,0.9c3.1,4,6.1,6,8.9,6c2.1,0,4-1.2,5.6-3.3c0.6-0.8,1-1.7,1.4-2.6c0.4,0.1,0.8,0.3,1.2,0.5c0,0.1,0,0.2,0,0.3   c0,2.3,0.2,4.2,0.3,5.2c-1.6,0.1-3.2,0.5-4.8,1c-3.7,1.2-7.1,3.1-10,5.6c-0.3,0.3-0.3,0.8,0,1.1c0.3,0.3,0.8,0.3,1.1,0   c2.8-2.4,6-4.2,9.5-5.3c7.3-2.3,13.8-0.5,19.4,5.3c0.1,0.1,0.3,0.2,0.5,0.2h0c0.2,0,0.4-0.1,0.5-0.2c0.3-0.3,0.3-0.8,0-1.1   c-2.9-3.2-6.8-5.4-11-6.4c-1.2-0.2-2.5-0.3-3.7-0.3c-0.1-1-0.2-3.1-0.3-5.6C19.1,29.1,19.3,29,19.6,28.9z M26.5,24.7   c1-0.1,2,0.4,2.5,1.2c0.9,1.6,2.5,2.8,4.3,3.3c-2.4,2.8-4.7,4.2-6.7,4.2c-3,0-4.9-3.2-5.6-4.8c1.5-0.2,3.1-0.2,4.6,0.3   c1.2,0.3,2.3,0.8,3.3,1.4c0.1,0.1,0.3,0.1,0.4,0.1l0,0c0.2,0,0.5-0.1,0.6-0.3c0.2-0.3,0.2-0.8-0.2-1c-1.1-0.7-2.4-1.3-3.7-1.6   c-1.6-0.5-3.3-0.6-5-0.3C22.6,25.6,24.5,24.8,26.5,24.7z M13.1,16.9c-0.7-1.2-0.7-2.7,0-4l0.6-1L12.8,11c-1.1-1.2-1.4-2.9-0.7-4.3   c0.6-1.5,2-2.4,3.6-2.4c0.3,0,0.6,0,0.8,0.1l1.2,0.2l0.6-1c0.7-1.3,2-2.1,3.5-2.1c2.1,0,3.8,1.5,4,3.6l0.1,1.2l1.2,0.2   c1.7,0.3,3,1.7,3.2,3.5c0.2,1.7-0.7,3.4-2.3,4.1l-1.1,0.5l0.1,1.2c0.2,1.1-0.2,2.3-0.9,3.1c-0.8,0.9-1.9,1.4-3.1,1.4h0   c-1.1,0-2.2-0.5-2.9-1.3l-0.8-0.9l-1.1,0.5C16.3,19.5,14.1,18.8,13.1,16.9z M9,33.4c-2,0-4.3-1.4-6.7-4.2c1.8-0.5,3.4-1.7,4.3-3.3   c0.6-0.8,1.5-1.3,2.5-1.2c2,0.1,3.9,1,5.3,2.4c-1.6-0.2-3.3-0.1-4.9,0.4c-1.3,0.3-2.6,0.9-3.7,1.6c-0.2,0.1-0.3,0.4-0.3,0.6   c0,0.4,0.3,0.7,0.8,0.7c0.2,0,0.3,0,0.4-0.1c1-0.6,2.1-1.1,3.3-1.4c1.5-0.4,3.1-0.5,4.6-0.3C13.9,30.1,12,33.4,9,33.4z"/>
  3624. </g>
  3625. <title>wonen-white</title></svg>
  3626.                                </template>
  3627.                            </div>
  3628.                                                <button type="button" class="level-0 h-[50px] group w-full flex justify-center items-center gap-1 text-sm font-normal" :class="{'text-white uppercase': isTopMenuFixed}" @click="open = !open" aria-expanded="false" :aria-expanded="open" aria-controls="category-node-419-desktop-menu-panel">
  3629.                            <div class="top-name pt-1">Wonen</div>
  3630.                            <div class="hyva-icons"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24" height="24" viewBox="0 0 1024 1024" class="mt-1 ml-1.5 w-[0.6rem] h-[0.6rem] fill-white transition group-aria-expanded:rotate-180 group-aria-expanded:text-inherit flex items-center" role="img">
  3631. <title/>
  3632. <g id="arrow_7">
  3633. </g>
  3634. <path d="M17.554 322.56l443.977 425.691c10.317 11.216 24.681 18.571 40.76 19.737l0.2 0.012c0.033 0 0.072 0 0.11 0 14.979 0 28.593-5.848 38.682-15.385l-0.027 0.025 443.977-423.497c10.133-9.96 16.412-23.812 16.412-39.131s-6.279-29.171-16.404-39.124l-0.008-0.008c-10.078-10.174-24.052-16.473-39.497-16.473s-29.419 6.299-39.493 16.468l-0.004 0.004-403.749 381.806-408.137-390.583c-10.158-9.998-24.107-16.171-39.497-16.171s-29.339 6.173-39.505 16.179l0.007-0.007c-9.986 10.047-16.158 23.894-16.158 39.183 0 16.355 7.063 31.060 18.305 41.232l0.048 0.042z"/>
  3635. </svg>
  3636. </div>
  3637.                        </button>
  3638.                    </a>
  3639.                    <div id="category-node-419-desktop-menu-panel" class="z-30 absolute top-full inset-x-0 flex flex-col min-h-64 overflow-visible pt-5" x-show="open === true" x-transition x-cloak>
  3640.  
  3641.                        <ul class="grid grid-cols-2 gap-1 py-5 px-6 w-full rounded-3xl bg-white shadow-menu">
  3642.                                                                                        
  3643.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_523: true, timeoutId: null }" >
  3644.  
  3645.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_523" aria-controls="category-node-523-desktop-menu-panel">
  3646.            <div class="flex items-center">
  3647.  
  3648.                                    <div class="text-left leading-[19px]">Interieur</div>
  3649.                            </div>
  3650.                    </button>
  3651.        <ul id="category-node-523-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_523" x-ref="childmenuWrappercategory_node_523">
  3652.                            
  3653.    <li class="level-2  " x-data="{ subMenuOpencategory_node_365: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_365 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_365 = false }, 500)" >
  3654.  
  3655.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_365" aria-controls="category-node-365-desktop-menu-panel">
  3656.            <div class="flex items-center">
  3657.  
  3658.                                    <a href="https://www.lalashops.nl/wonen/interieur/lampen/">
  3659.                        <div class="flex items-center">
  3660.                            
  3661.                            <div href="https://www.lalashops.nl/wonen/interieur/lampen/" class="text-left leading-[19px]">Lampen</div>
  3662.                        </div>
  3663.                    </a>
  3664.                            </div>
  3665.                            <div class="">
  3666.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3667.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3668. </svg>
  3669.                        </button>
  3670.        <ul id="category-node-365-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_365" x-ref="childmenuWrappercategory_node_365">
  3671.                            
  3672.    <li class="level-3">
  3673.                    <a href="https://www.lalashops.nl/wonen/interieur/lampen/zoutlampen-van-himalayazout/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3674.                <div class="flex items-center">
  3675.                                        <div class="text-left leading-[19px]">Zoutlampen van Himalaya zout</div>
  3676.                </div>
  3677.            </a>
  3678.            </li>
  3679.                            
  3680.    <li class="level-3">
  3681.                    <a href="https://www.lalashops.nl/wonen/interieur/lampen/zoutlamp-met-dimmer/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3682.                <div class="flex items-center">
  3683.                                        <div class="text-left leading-[19px]">Zoutlampen met Dimmer</div>
  3684.                </div>
  3685.            </a>
  3686.            </li>
  3687.                            
  3688.    <li class="level-3">
  3689.                    <a href="https://www.lalashops.nl/wonen/interieur/lampen/selenietlampen/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3690.                <div class="flex items-center">
  3691.                                        <div class="text-left leading-[19px]">Selenietlampen</div>
  3692.                </div>
  3693.            </a>
  3694.            </li>
  3695.                            
  3696.    <li class="level-3">
  3697.                    <a href="https://www.lalashops.nl/wonen/interieur/lampen/nachtlampen" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3698.                <div class="flex items-center">
  3699.                                        <div class="text-left leading-[19px]">Nachtlampen</div>
  3700.                </div>
  3701.            </a>
  3702.            </li>
  3703.                            
  3704.    <li class="level-3">
  3705.                    <a href="https://www.lalashops.nl/wonen/interieur/lampen/zoutlampen-individueel-gefotografeerd" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3706.                <div class="flex items-center">
  3707.                                        <div class="text-left leading-[19px]">Zoutlampen individueel gefotografeerd</div>
  3708.                </div>
  3709.            </a>
  3710.            </li>
  3711.                    </ul>
  3712.    </li>
  3713.                            
  3714.    <li class="level-2  " x-data="{ subMenuOpencategory_node_387: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_387 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_387 = false }, 500)" >
  3715.  
  3716.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_387" aria-controls="category-node-387-desktop-menu-panel">
  3717.            <div class="flex items-center">
  3718.  
  3719.                                    <a href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/">
  3720.                        <div class="flex items-center">
  3721.                            
  3722.                            <div href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/" class="text-left leading-[19px]">Kaarsen &amp; Theelichthouders</div>
  3723.                        </div>
  3724.                    </a>
  3725.                            </div>
  3726.                            <div class="">
  3727.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3728.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3729. </svg>
  3730.                        </button>
  3731.        <ul id="category-node-387-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_387" x-ref="childmenuWrappercategory_node_387">
  3732.                            
  3733.    <li class="level-3">
  3734.                    <a href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/theelichthouders/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3735.                <div class="flex items-center">
  3736.                                        <div class="text-left leading-[19px]">Theelichthouders</div>
  3737.                </div>
  3738.            </a>
  3739.            </li>
  3740.                            
  3741.    <li class="level-3">
  3742.                    <a href="https://www.lalashops.nl/wonen/interieur/kaarsen-theelichthouders/kaarsen" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3743.                <div class="flex items-center">
  3744.                                        <div class="text-left leading-[19px]">Kaarsen</div>
  3745.                </div>
  3746.            </a>
  3747.            </li>
  3748.                    </ul>
  3749.    </li>
  3750.                            
  3751.    <li class="level-2  " x-data="{ subMenuOpencategory_node_385: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_385 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_385 = false }, 500)" >
  3752.  
  3753.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_385" aria-controls="category-node-385-desktop-menu-panel">
  3754.            <div class="flex items-center">
  3755.  
  3756.                                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/">
  3757.                        <div class="flex items-center">
  3758.                            
  3759.                            <div href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/" class="text-left leading-[19px]">Wierook &amp; Accessoires</div>
  3760.                        </div>
  3761.                    </a>
  3762.                            </div>
  3763.                            <div class="">
  3764.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3765.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3766. </svg>
  3767.                        </button>
  3768.        <ul id="category-node-385-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_385" x-ref="childmenuWrappercategory_node_385">
  3769.                            
  3770.    <li class="level-3  " x-data="{ subMenuOpencategory_node_406: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_406 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_406 = false }, 500)" >
  3771.  
  3772.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_406" aria-controls="category-node-406-desktop-menu-panel">
  3773.            <div class="flex items-center">
  3774.  
  3775.                                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/">
  3776.                        <div class="flex items-center">
  3777.                            
  3778.                            <div href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/" class="text-left leading-[19px]">Wierook</div>
  3779.                        </div>
  3780.                    </a>
  3781.                            </div>
  3782.                            <div class="">
  3783.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3784.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3785. </svg>
  3786.                        </button>
  3787.        <ul id="category-node-406-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_406" x-ref="childmenuWrappercategory_node_406">
  3788.                            
  3789.    <li class="level-4">
  3790.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/alle-merken-wierook/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3791.                <div class="flex items-center">
  3792.                                        <div class="text-left leading-[19px]">Alle Merken Wierook</div>
  3793.                </div>
  3794.            </a>
  3795.            </li>
  3796.                            
  3797.    <li class="level-4">
  3798.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/natuurlijke-wierook/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3799.                <div class="flex items-center">
  3800.                                        <div class="text-left leading-[19px]">Natuurlijke Wierook</div>
  3801.                </div>
  3802.            </a>
  3803.            </li>
  3804.                            
  3805.    <li class="level-4">
  3806.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/hem/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3807.                <div class="flex items-center">
  3808.                                        <div class="text-left leading-[19px]">HEM</div>
  3809.                </div>
  3810.            </a>
  3811.            </li>
  3812.                            
  3813.    <li class="level-4">
  3814.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/tulasi/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3815.                <div class="flex items-center">
  3816.                                        <div class="text-left leading-[19px]">Tulasi</div>
  3817.                </div>
  3818.            </a>
  3819.            </li>
  3820.                            
  3821.    <li class="level-4">
  3822.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/parimal/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3823.                <div class="flex items-center">
  3824.                                        <div class="text-left leading-[19px]">Parimal</div>
  3825.                </div>
  3826.            </a>
  3827.            </li>
  3828.                            
  3829.    <li class="level-4">
  3830.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierook/vijayshree/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3831.                <div class="flex items-center">
  3832.                                        <div class="text-left leading-[19px]">Vijayshree</div>
  3833.                </div>
  3834.            </a>
  3835.            </li>
  3836.                    </ul>
  3837.    </li>
  3838.                            
  3839.    <li class="level-3">
  3840.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/witte-salie/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3841.                <div class="flex items-center">
  3842.                                        <div class="text-left leading-[19px]">Witte Salie</div>
  3843.                </div>
  3844.            </a>
  3845.            </li>
  3846.                            
  3847.    <li class="level-3  " x-data="{ subMenuOpencategory_node_410: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_410 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_410 = false }, 500)" >
  3848.  
  3849.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_410" aria-controls="category-node-410-desktop-menu-panel">
  3850.            <div class="flex items-center">
  3851.  
  3852.                                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/">
  3853.                        <div class="flex items-center">
  3854.                            
  3855.                            <div href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/" class="text-left leading-[19px]">Wierookbranders</div>
  3856.                        </div>
  3857.                    </a>
  3858.                            </div>
  3859.                            <div class="">
  3860.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3861.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3862. </svg>
  3863.                        </button>
  3864.        <ul id="category-node-410-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_410" x-ref="childmenuWrappercategory_node_410">
  3865.                            
  3866.    <li class="level-4">
  3867.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/wierook-branders/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3868.                <div class="flex items-center">
  3869.                                        <div class="text-left leading-[19px]">Wierook Branders</div>
  3870.                </div>
  3871.            </a>
  3872.            </li>
  3873.                            
  3874.    <li class="level-4">
  3875.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/wierookbranders/abalone-schelp/" class="level-4 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3876.                <div class="flex items-center">
  3877.                                        <div class="text-left leading-[19px]">Abalone Schelp</div>
  3878.                </div>
  3879.            </a>
  3880.            </li>
  3881.                    </ul>
  3882.    </li>
  3883.                            
  3884.    <li class="level-3">
  3885.                    <a href="https://www.lalashops.nl/wonen/interieur/wierook-accessoires/kooltjes/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3886.                <div class="flex items-center">
  3887.                                        <div class="text-left leading-[19px]">Kooltjes</div>
  3888.                </div>
  3889.            </a>
  3890.            </li>
  3891.                    </ul>
  3892.    </li>
  3893.                            
  3894.    <li class="level-2  " x-data="{ subMenuOpencategory_node_475: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_475 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_475 = false }, 500)" >
  3895.  
  3896.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_475" aria-controls="category-node-475-desktop-menu-panel">
  3897.            <div class="flex items-center">
  3898.  
  3899.                                    <a href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires">
  3900.                        <div class="flex items-center">
  3901.                            
  3902.                            <div href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires" class="text-left leading-[19px]">Oliën &amp; Accessoires</div>
  3903.                        </div>
  3904.                    </a>
  3905.                            </div>
  3906.                            <div class="">
  3907.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3908.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3909. </svg>
  3910.                        </button>
  3911.        <ul id="category-node-475-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_475" x-ref="childmenuWrappercategory_node_475">
  3912.                            
  3913.    <li class="level-3">
  3914.                    <a href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires/aromatische-olie" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3915.                <div class="flex items-center">
  3916.                                        <div class="text-left leading-[19px]">Aromatische Olie</div>
  3917.                </div>
  3918.            </a>
  3919.            </li>
  3920.                            
  3921.    <li class="level-3">
  3922.                    <a href="https://www.lalashops.nl/wonen/interieur/aromatische-olie-accessoires/branders-verdampers" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3923.                <div class="flex items-center">
  3924.                                        <div class="text-left leading-[19px]">Branders / Verdampers</div>
  3925.                </div>
  3926.            </a>
  3927.            </li>
  3928.                            
  3929.    <li class="level-3">
  3930.                    <a href="https://www.lalashops.nl/wonen/interieur/olien-accessoires/essentiele-olie" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3931.                <div class="flex items-center">
  3932.                                        <div class="text-left leading-[19px]">Essentiële Olie</div>
  3933.                </div>
  3934.            </a>
  3935.            </li>
  3936.                    </ul>
  3937.    </li>
  3938.                            
  3939.    <li class="level-2">
  3940.                    <a href="https://www.lalashops.nl/wonen/interieur/klimaatbeheersing/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3941.                <div class="flex items-center">
  3942.                                        <div class="text-left leading-[19px]">Klimaatbeheersing</div>
  3943.                </div>
  3944.            </a>
  3945.            </li>
  3946.                            
  3947.    <li class="level-2">
  3948.                    <a href="https://www.lalashops.nl/wonen/interieur/decoratie/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3949.                <div class="flex items-center">
  3950.                                        <div class="text-left leading-[19px]">Decoratie</div>
  3951.                </div>
  3952.            </a>
  3953.            </li>
  3954.                            
  3955.    <li class="level-2  " x-data="{ subMenuOpencategory_node_567: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_567 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_567 = false }, 500)" >
  3956.  
  3957.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_567" aria-controls="category-node-567-desktop-menu-panel">
  3958.            <div class="flex items-center">
  3959.  
  3960.                                    <a href="https://www.lalashops.nl/wonen/interieur/aquariumdecoratie/">
  3961.                        <div class="flex items-center">
  3962.                            
  3963.                            <div href="https://www.lalashops.nl/wonen/interieur/aquariumdecoratie/" class="text-left leading-[19px]">Aquariumdecoratie</div>
  3964.                        </div>
  3965.                    </a>
  3966.                            </div>
  3967.                            <div class="">
  3968.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  3969.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  3970. </svg>
  3971.                        </button>
  3972.        <ul id="category-node-567-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_567" x-ref="childmenuWrappercategory_node_567">
  3973.                            
  3974.    <li class="level-3">
  3975.                    <a href="https://www.lalashops.nl/wonen/interieur/aquariumdecoratie/aquariumgrind-granulaat" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3976.                <div class="flex items-center">
  3977.                                        <div class="text-left leading-[19px]">Aquariumgrind / Granulaat</div>
  3978.                </div>
  3979.            </a>
  3980.            </li>
  3981.                    </ul>
  3982.    </li>
  3983.                            
  3984.    <li class="level-2">
  3985.                    <a href="https://www.lalashops.nl/wonen/interieur/decoratie" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  3986.                <div class="flex items-center">
  3987.                                        <div class="text-left leading-[19px]">Decoratie&quot;</div>
  3988.                </div>
  3989.            </a>
  3990.            </li>
  3991.                    </ul>
  3992.    </li>
  3993.                                                            
  3994.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_366: true, timeoutId: null }" >
  3995.  
  3996.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_366" aria-controls="category-node-366-desktop-menu-panel">
  3997.            <div class="flex items-center">
  3998.  
  3999.                                    <div class="text-left leading-[19px]">Keuken</div>
  4000.                            </div>
  4001.                    </button>
  4002.        <ul id="category-node-366-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_366" x-ref="childmenuWrappercategory_node_366">
  4003.                            
  4004.    <li class="level-2  " x-data="{ subMenuOpencategory_node_388: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_388 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_388 = false }, 500)" >
  4005.  
  4006.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_388" aria-controls="category-node-388-desktop-menu-panel">
  4007.            <div class="flex items-center">
  4008.  
  4009.                                    <a href="https://www.lalashops.nl/wonen/keuken/voeding/">
  4010.                        <div class="flex items-center">
  4011.                            
  4012.                            <div href="https://www.lalashops.nl/wonen/keuken/voeding/" class="text-left leading-[19px]">Voeding</div>
  4013.                        </div>
  4014.                    </a>
  4015.                            </div>
  4016.                            <div class="">
  4017.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  4018.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  4019. </svg>
  4020.                        </button>
  4021.        <ul id="category-node-388-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_388" x-ref="childmenuWrappercategory_node_388">
  4022.                            
  4023.    <li class="level-3">
  4024.                    <a href="https://www.lalashops.nl/wonen/keuken/voeding/automatische-kiemer/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4025.                <div class="flex items-center">
  4026.                                        <div class="text-left leading-[19px]">Automatische Kiemer</div>
  4027.                </div>
  4028.            </a>
  4029.            </li>
  4030.                    </ul>
  4031.    </li>
  4032.                            
  4033.    <li class="level-2  " x-data="{ subMenuOpencategory_node_389: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_389 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_389 = false }, 500)" >
  4034.  
  4035.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_389" aria-controls="category-node-389-desktop-menu-panel">
  4036.            <div class="flex items-center">
  4037.  
  4038.                                    <a href="https://www.lalashops.nl/wonen/keuken/keukenmachines/">
  4039.                        <div class="flex items-center">
  4040.                            
  4041.                            <div href="https://www.lalashops.nl/wonen/keuken/keukenmachines/" class="text-left leading-[19px]">Keukenmachines</div>
  4042.                        </div>
  4043.                    </a>
  4044.                            </div>
  4045.                            <div class="">
  4046.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  4047.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  4048. </svg>
  4049.                        </button>
  4050.        <ul id="category-node-389-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_389" x-ref="childmenuWrappercategory_node_389">
  4051.                            
  4052.    <li class="level-3">
  4053.                    <a href="https://www.lalashops.nl/wonen/keuken/keukenmachines/milk-maker/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4054.                <div class="flex items-center">
  4055.                                        <div class="text-left leading-[19px]">Milk Maker</div>
  4056.                </div>
  4057.            </a>
  4058.            </li>
  4059.                            
  4060.    <li class="level-3">
  4061.                    <a href="https://www.lalashops.nl/wonen/keuken/keukenmachines/voedsel-droogoven/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4062.                <div class="flex items-center">
  4063.                                        <div class="text-left leading-[19px]">Voedsel Droogoven</div>
  4064.                </div>
  4065.            </a>
  4066.            </li>
  4067.                    </ul>
  4068.    </li>
  4069.                            
  4070.    <li class="level-2">
  4071.                    <a href="https://www.lalashops.nl/wonen/keuken/koken-bakken/" class="level-2 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4072.                <div class="flex items-center">
  4073.                                        <div class="text-left leading-[19px]">Koken &amp; Bakken</div>
  4074.                </div>
  4075.            </a>
  4076.            </li>
  4077.                    </ul>
  4078.    </li>
  4079.                                                            
  4080.    <li class="level-1 not-first:border-l not-first:border-lala-gray-light-ultra not-first:pl-8 " x-data="{ subMenuOpencategory_node_421: true, timeoutId: null }" >
  4081.  
  4082.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  aria-expanded:uppercase aria-expanded:text-lala-black" :aria-expanded="subMenuOpencategory_node_421" aria-controls="category-node-421-desktop-menu-panel">
  4083.            <div class="flex items-center">
  4084.  
  4085.                                    <div class="text-left leading-[19px]">Tuin, Bloemen en Planten</div>
  4086.                            </div>
  4087.                    </button>
  4088.        <ul id="category-node-421-desktop-menu-panel" class=" top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative " x-show.transition.opacity="subMenuOpencategory_node_421" x-ref="childmenuWrappercategory_node_421">
  4089.                            
  4090.    <li class="level-2  " x-data="{ subMenuOpencategory_node_562: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_562 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_562 = false }, 500)" >
  4091.  
  4092.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_562" aria-controls="category-node-562-desktop-menu-panel">
  4093.            <div class="flex items-center">
  4094.  
  4095.                                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/">
  4096.                        <div class="flex items-center">
  4097.                            
  4098.                            <div href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/" class="text-left leading-[19px]">Decoratieve Bodembedekking Tuin en Paden</div>
  4099.                        </div>
  4100.                    </a>
  4101.                            </div>
  4102.                            <div class="">
  4103.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  4104.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  4105. </svg>
  4106.                        </button>
  4107.        <ul id="category-node-562-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_562" x-ref="childmenuWrappercategory_node_562">
  4108.                            
  4109.    <li class="level-3">
  4110.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/kristallen-edelstenen/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4111.                <div class="flex items-center">
  4112.                                        <div class="text-left leading-[19px]">Kristallen / Edelstenen</div>
  4113.                </div>
  4114.            </a>
  4115.            </li>
  4116.                            
  4117.    <li class="level-3">
  4118.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/sierstenen/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4119.                <div class="flex items-center">
  4120.                                        <div class="text-left leading-[19px]">Sierstenen</div>
  4121.                </div>
  4122.            </a>
  4123.            </li>
  4124.                            
  4125.    <li class="level-3">
  4126.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/gravel-split-grind/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4127.                <div class="flex items-center">
  4128.                                        <div class="text-left leading-[19px]">Gravel / Split </div>
  4129.                </div>
  4130.            </a>
  4131.            </li>
  4132.                            
  4133.    <li class="level-3">
  4134.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/houtsnippers-decochips/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4135.                <div class="flex items-center">
  4136.                                        <div class="text-left leading-[19px]">Houtsnippers / Decochips</div>
  4137.                </div>
  4138.            </a>
  4139.            </li>
  4140.                            
  4141.    <li class="level-3">
  4142.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-tuin-en-paden/glas/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4143.                <div class="flex items-center">
  4144.                                        <div class="text-left leading-[19px]">Glas</div>
  4145.                </div>
  4146.            </a>
  4147.            </li>
  4148.                    </ul>
  4149.    </li>
  4150.                            
  4151.    <li class="level-2  " x-data="{ subMenuOpencategory_node_572: false, timeoutId: null }" @mouseenter="clearTimeout(timeoutId); subMenuOpencategory_node_572 = true" @mouseleave="timeoutId = setTimeout(() => { subMenuOpencategory_node_572 = false }, 500)" >
  4152.  
  4153.        <button type="button" class="group w-full flex justify-between items-center gap-1 px-2 py-1.5 rounded-md min-h-[36px]  text-lala-gray font-light hover:text-lala-blue aria-expanded:text-lala-blue" :aria-expanded="subMenuOpencategory_node_572" aria-controls="category-node-572-desktop-menu-panel">
  4154.            <div class="flex items-center">
  4155.  
  4156.                                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/">
  4157.                        <div class="flex items-center">
  4158.                            
  4159.                            <div href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/" class="text-left leading-[19px]">Decoratieve Bodembedekking Bloemen en Planten</div>
  4160.                        </div>
  4161.                    </a>
  4162.                            </div>
  4163.                            <div class="">
  4164.                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-lala-gray group-aria-expanded:text-inherit" width="10" height="10" aria-hidden="true">
  4165.  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
  4166. </svg>
  4167.                        </button>
  4168.        <ul id="category-node-572-desktop-menu-panel" class="absolute top-0 rounded-3xl bg-white  flex flex-col gap-1 py-2.5 pr-2 w-1/3 relative translate-x-[100%] w-full !absolute" x-show.transition.opacity="subMenuOpencategory_node_572" x-ref="childmenuWrappercategory_node_572">
  4169.                            
  4170.    <li class="level-3">
  4171.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/gekleurd-zand/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4172.                <div class="flex items-center">
  4173.                                        <div class="text-left leading-[19px]">Gekleurd Zand</div>
  4174.                </div>
  4175.            </a>
  4176.            </li>
  4177.                            
  4178.    <li class="level-3">
  4179.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/gekleurde-steentjes-gekleurd-granulaat" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4180.                <div class="flex items-center">
  4181.                                        <div class="text-left leading-[19px]">Gekleurde Steentjes / Granulaat</div>
  4182.                </div>
  4183.            </a>
  4184.            </li>
  4185.                            
  4186.    <li class="level-3">
  4187.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/klei-korrels/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4188.                <div class="flex items-center">
  4189.                                        <div class="text-left leading-[19px]">Klei Korrels</div>
  4190.                </div>
  4191.            </a>
  4192.            </li>
  4193.                            
  4194.    <li class="level-3">
  4195.                    <a href="https://www.lalashops.nl/wonen/tuin-bloemen-en-planten/decoratieve-bodembedekking-bloemen-en-planten/houtsnippers/" class="level-3 flex px-2 py-1.5 rounded-md text-lala-gray font-light hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4196.                <div class="flex items-center">
  4197.                                        <div class="text-left leading-[19px]">Houtsnippers</div>
  4198.                </div>
  4199.            </a>
  4200.            </li>
  4201.                    </ul>
  4202.    </li>
  4203.                    </ul>
  4204.    </li>
  4205.                                                            
  4206.    <li class="level-1">
  4207.                    <a href="https://www.lalashops.nl/wonen/tuin" class="level-1 flex px-2 py-1.5 rounded-md  hover:text-lala-blue aria-[current=page]:font-light min-h-[36px]">
  4208.                <div class="flex items-center">
  4209.                                        <div class="text-left leading-[19px]">Tuin</div>
  4210.                </div>
  4211.            </a>
  4212.            </li>
  4213.                                                    </ul>
  4214.                    </div>
  4215.  
  4216.                </li>
  4217.                            <li class="over-ons-link">
  4218.            <a href="https://www.lalashops.nl/over-ons/" title="Over ons" class="level-0 h-[50px] flex uppercase text-white text-sm font-normal border-transparent items-center">
  4219.                <div class="pt-1">Over ons</div>
  4220.            </a>
  4221.        </li>
  4222.    </ul>
  4223. </nav>
  4224. <script>
  4225.    const initMenuDesktop_68985b51580e2 = () => {
  4226.        return {
  4227.            setActiveMenu(menuNode) {
  4228.                Array.from(menuNode.querySelectorAll('a')).filter(link => {
  4229.                    return link.href === window.location.href.split('?')[0];
  4230.                }).map(item => {
  4231.                    item.setAttribute('aria-current', 'page');
  4232.  
  4233.                    let menuLevelCount = 0;
  4234.                    while (menuLevelCount < 4) {
  4235.                        let selector = `.level-${menuLevelCount}`;
  4236.                        item.closest(selector) &&
  4237.                            item.closest(selector).querySelector('button') &&
  4238.                            item.closest(selector).querySelector('button').setAttribute('data-has-current', '');
  4239.                        menuLevelCount++;
  4240.                    }
  4241.                });
  4242.            }
  4243.        }
  4244.    }
  4245. </script>            </div>
  4246.            <div x-ref="searchContainerMobile" class="container lg:hidden lg:py-4 pt-[61px] lg:pt-0">
  4247.                <div x-ref="searchForm">
  4248.                    <script>
  4249.    'use strict';
  4250.  
  4251.    function initMiniSearch() {
  4252.        return {
  4253.            minSearchLength: 1,
  4254.            suggestions: [],
  4255.            suggest() {
  4256.                const search = this.$refs.searchInput;
  4257.                if (search.value.length >= this.minSearchLength) {
  4258.                    search.setCustomValidity('');
  4259.                    search.reportValidity();
  4260.                    this.fetchSuggestions(search.value);
  4261.                } else {
  4262.                    this.suggestions = [];
  4263.                }
  4264.            },
  4265.            fetchSuggestions(term) {
  4266.                fetch(
  4267.                        window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({
  4268.                            q: term
  4269.                        }), {
  4270.                            headers: {
  4271.                                'X-Requested-With': 'XMLHttpRequest'
  4272.                            }
  4273.                        }
  4274.                    )
  4275.                    .then(response => response.json())
  4276.                    .then(result => this.suggestions = result);
  4277.            },
  4278.            search(term) {
  4279.                const search = this.$refs.searchInput;
  4280.                term = term || search.value;
  4281.                if (term.length < this.minSearchLength) {
  4282.                    search.setCustomValidity('Minimale\u0020lengte\u0020zoekopdracht\u0020is\u00201');
  4283.                    search.reportValidity();
  4284.                } else {
  4285.                    search.setCustomValidity('');
  4286.                    search.value = term;
  4287.                    this.$refs.form.submit();
  4288.                }
  4289.            },
  4290.            focusElement(element) {
  4291.                if (element && element.nodeName === "DIV") {
  4292.                    element.focus();
  4293.                    return true;
  4294.                } else {
  4295.                    return false;
  4296.                }
  4297.            }
  4298.        }
  4299.    }
  4300. </script>
  4301. <search x-data="initMiniSearch()">
  4302.    <form class="form minisearch" id="search_mini_form" x-ref="form" @submit.prevent="search()" action="https://www.lalashops.nl/catalogsearch/result/" method="get">
  4303.        <div class="flex">
  4304.            <label class="sr-only" for="search" data-role="minisearch-label">
  4305.                <span>Search</span>
  4306.            </label>
  4307.            <input id="search" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Doorzoek&#x20;de&#x20;hele&#x20;winkel" maxlength="128" class="w-full lg:max-w-xl lg:border-b lg:border-b-lala-gray-light-ultra placeholder:text-sm placeholder:font-light placeholder:text-lala-gray focus:border-x-transparent focus:border-y-transparent focus:lg:border-b-lala-gray-light-ultra" @focus.once="suggest" @input.debounce.300="suggest" @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))" @search-open.window.debounce.10="$el.focus(); $el.select()">
  4308.            <button type="submit" title="Search" class="action search justify-center px-3 text-base shadow-none transition
  4309.                   text-lala-black disabled:text-slate-50 disabled:opacity-70 lg:border-b lg:border-b-lala-gray-light-ultra" aria-label="Search">
  4310.                <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">
  4311.  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
  4312. </svg>
  4313.            </button>
  4314.        </div>
  4315.    </form>
  4316. </search>                </div>
  4317.            </div>
  4318.        </div>
  4319.    </div>
  4320.    <template x-if="!isHomepage || (isHomepage && isMobile)">
  4321.        <div class="usp-rest" :class="{'lg:pt-[143px]': isHeaderFixed}">
  4322. <div id="usp-slider-68985b51578a3" class="text-lala-black text-base text-center font-normal border-b border-b-lala-gray-light-ultra lg:border-none">
  4323.    <div class="lg:container">
  4324.        <div class="swiper-container overflow-hidden">
  4325.            <div class="swiper-wrapper lg:gap-4 !h-12 lg:border-b lg:border-b-lala-gray-light-ultra lg:justify-between">
  4326.                                                            <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="0">
  4327.                            <div class="flex gap-3 mx-auto">
  4328.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Group_856" data-name="Group 856" width="24" height="24" viewBox="0 0 24.619 25" class="text-lala-black" role="img">
  4329.  <defs>
  4330.    <clipPath id="clip-path">
  4331.      <rect id="Rectangle_374" data-name="Rectangle 374" width="24.619" height="25" fill="none"/>
  4332.    </clipPath>
  4333.  </defs>
  4334.  <g id="Group_855" data-name="Group 855" clip-path="url(#clip-path)">
  4335.    <path id="Path_563_2" data-name="Path 563" d="M24.258,5.917a2.029,2.029,0,0,0-1.7-.7H20a5.557,5.557,0,0,0-11.092,0H5.234l-.5-1.97A.644.644,0,0,0,4.424,2.8L.869.751a.594.594,0,0,0-.841.707A.588.588,0,0,0,.315,1.8l3.311,1.91.983,3.864L6.77,16.186a1.467,1.467,0,0,0,.044.144,2.129,2.129,0,0,0,.833,4.089l13.979,0a.585.585,0,0,0,0-1.169H7.647a.959.959,0,1,1,0-1.917H20.941a1.5,1.5,0,0,0,1.41-1.142l2.2-8.607a1.914,1.914,0,0,0-.291-1.666M14.451,1.163a4.394,4.394,0,1,1-4.4,4.4,4.4,4.4,0,0,1,4.4-4.4m8.96,6.14-2.2,8.607a.344.344,0,0,1-.272.25H8.179a.342.342,0,0,1-.27-.25L5.547,6.387H8.955a5.558,5.558,0,0,0,10.991,0h2.615a1.009,1.009,0,0,1,.776.254.775.775,0,0,1,.074.662" fill="#333"/>
  4336.    <path id="Path_564_2" data-name="Path 564" d="M13.668,7.615a.507.507,0,0,0,.39.182l.014,0a.513.513,0,0,0,.383-.17l2.777-3.151a.511.511,0,0,0-.048-.721.518.518,0,0,0-.338-.126.511.511,0,0,0-.383.172L14.08,6.5,12.89,5.034a.506.506,0,0,0-.391-.183.513.513,0,0,0-.51.467.5.5,0,0,0,.115.37Z" fill="#333"/>
  4337.    <path id="Path_565_2" data-name="Path 565" d="M9.383,20.926a2.037,2.037,0,1,0,2.037,2.037,2.04,2.04,0,0,0-2.037-2.037m0,3.189a1.152,1.152,0,1,1,1.152-1.152,1.154,1.154,0,0,1-1.152,1.152" fill="#333"/>
  4338.    <path id="Path_566_2" data-name="Path 566" d="M18.484,20.926a2.037,2.037,0,1,0,2.037,2.037,2.04,2.04,0,0,0-2.037-2.037m0,3.189a1.152,1.152,0,1,1,1.152-1.152,1.154,1.154,0,0,1-1.152,1.152" fill="#333"/>
  4339.    <path id="Path_567_2" data-name="Path 567" d="M15.508,22.562H12.357a.4.4,0,0,0,0,.8h3.151a.4.4,0,0,0,0-.8" fill="#333"/>
  4340.  </g>
  4341. <title>cart-checked</title></svg>
  4342. </div>
  4343.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Snelle levering</span>
  4344.                            </div>
  4345.                        </li>
  4346.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="1">
  4347.                            <div class="flex gap-3 mx-auto">
  4348.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 19.661" class="text-lala-black" role="img">
  4349.  <defs>
  4350.    <clipPath id="clip-path_2">
  4351.      <rect id="Rectangle_375" data-name="Rectangle 375" width="25" height="19.661" transform="translate(0 0)" fill="none"/>
  4352.    </clipPath>
  4353.  </defs>
  4354.  <g id="Group_858" data-name="Group 858" transform="translate(0 0)">
  4355.    <g id="Group_857" data-name="Group 857" clip-path="url(#clip-path_2)">
  4356.      <path id="Path_568_2" data-name="Path 568" d="M13.9,12.042c-.579,0-.624-.328-.624-.429,0-.408.52-.429.624-.429.338,0,.624.2.624.429a.448.448,0,1,0,.895,0,1.362,1.362,0,0,0-1.071-1.266V9.939a.448.448,0,0,0-.9,0v.4a1.289,1.289,0,0,0-1.071,1.274A1.369,1.369,0,0,0,13.9,12.938c.12,0,.721.024.721.508s-.647.509-.721.509c-.391,0-.721-.233-.721-.509a.448.448,0,0,0-.9,0A1.451,1.451,0,0,0,13.452,14.8v.4a.448.448,0,0,0,.9,0v-.4a1.392,1.392,0,0,0,1.169-1.355,1.472,1.472,0,0,0-1.617-1.4" fill="#333"/>
  4357.      <path id="Path_569" data-name="Path 569" d="M13.956,8.209a4.421,4.421,0,1,0,4.421,4.421,4.426,4.426,0,0,0-4.421-4.421m0,7.946a3.525,3.525,0,1,1,3.525-3.525,3.529,3.529,0,0,1-3.525,3.525" fill="#333"/>
  4358.      <path id="Path_570" data-name="Path 570" d="M24.552,5.747H3.507a.447.447,0,0,0-.448.447V19.213a.448.448,0,0,0,.448.448H24.552A.449.449,0,0,0,25,19.213V6.194a.448.448,0,0,0-.448-.447m-20.6.895H8.038A3.021,3.021,0,0,1,6.207,8.771a1.346,1.346,0,0,0-.927,1.276V15.36a1.346,1.346,0,0,0,.927,1.276,3.023,3.023,0,0,1,1.831,2.129H3.955ZM8.949,18.765a3.871,3.871,0,0,0-2.46-2.979.451.451,0,0,1-.313-.426V10.047a.451.451,0,0,1,.313-.426,3.87,3.87,0,0,0,2.46-2.979H19.064a3.867,3.867,0,0,0,2.459,2.979.451.451,0,0,1,.313.426V15.36a.451.451,0,0,1-.313.426h0a3.868,3.868,0,0,0-2.46,2.979Zm15.155,0H19.975a3.021,3.021,0,0,1,1.831-2.129,1.345,1.345,0,0,0,.926-1.276V10.047a1.345,1.345,0,0,0-.926-1.276,3.019,3.019,0,0,1-1.831-2.129H24.1Z" fill="#333"/>
  4359.      <path id="Path_571" data-name="Path 571" d="M23.8,3.415a.449.449,0,0,0-.448-.448H1.959a.449.449,0,0,0-.448.448V16.179a.448.448,0,0,0,.9,0V3.863H23.35a.449.449,0,0,0,.448-.448" fill="#333"/>
  4360.      <path id="Path_572" data-name="Path 572" d="M22.144.448A.449.449,0,0,0,21.7,0H.448A.449.449,0,0,0,0,.448V12.433a.448.448,0,0,0,.9,0V.9H21.7a.449.449,0,0,0,.448-.448" fill="#333"/>
  4361.      <path id="Path_573" data-name="Path 573" d="M7.863,11.767a.918.918,0,1,0,.918.918.919.919,0,0,0-.918-.918m-.022.918a.022.022,0,0,1,.022-.022.022.022,0,0,1,.022.022c0,.024-.044.024-.044,0" fill="#333"/>
  4362.      <path id="Path_574" data-name="Path 574" d="M20.956,12.685a.918.918,0,1,0-.918.918.919.919,0,0,0,.918-.918m-.939,0a.021.021,0,0,1,.021-.022.022.022,0,0,1,.023.022c0,.024-.044.024-.044,0" fill="#333"/>
  4363.    </g>
  4364.  </g>
  4365. <title>money</title></svg>
  4366. </div>
  4367.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Niet tevreden geld terug!</span>
  4368.                            </div>
  4369.                        </li>
  4370.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="2">
  4371.                            <div class="flex gap-3 mx-auto">
  4372.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 21.968" class="text-lala-black" role="img">
  4373.  <defs>
  4374.    <clipPath id="clip-path_3">
  4375.      <rect id="Rectangle_376" data-name="Rectangle 376" width="25" height="21.968" transform="translate(0 0)" fill="none"/>
  4376.    </clipPath>
  4377.  </defs>
  4378.  <g id="Group_862" data-name="Group 862" transform="translate(0 0)">
  4379.    <g id="Group_861" data-name="Group 861" clip-path="url(#clip-path_3)">
  4380.      <path id="Path_575" data-name="Path 575" d="M20.662,6.387a2.038,2.038,0,0,0,.718-.654.443.443,0,0,0,.062-.227V2.223c0-.735-.859-1.288-2.625-1.692A26.394,26.394,0,0,0,13.22,0a26.394,26.394,0,0,0-5.6.531C5.857.935,5,1.488,5,2.223V3.475c-2.607.408-3.929,1.076-3.929,1.988v.043a.544.544,0,0,0,0,.057c0,.011,0,.022,0,.033V8.729c0,.01,0,.02,0,.03s0,.02,0,.03c0,.768,1.107,1.388,2.633,1.832v.1c-2.623.405-3.7.933-3.7,1.8v3.346c0,.009,0,.018,0,.027s0,.019,0,.028c0,.758.987,1.321,2.012,1.7v1.712a.248.248,0,0,0,0,.027c0,.01,0,.019,0,.028,0,1.543,4.251,2.579,8.222,2.579a34.474,34.474,0,0,0,4.122-.347.377.377,0,0,0,.058-.014,8.273,8.273,0,0,0,6.248-15.22m-3.936-1A8.234,8.234,0,0,0,11.6,7.178c-2.81-.206-5.365-1.146-5.7-1.586V3.333a7.408,7.408,0,0,0,1.731.582,26.328,26.328,0,0,0,5.6.531,26.328,26.328,0,0,0,5.6-.531,7.408,7.408,0,0,0,1.731-.582v2.02a1.945,1.945,0,0,1-1.024.524,8.237,8.237,0,0,0-2.8-.488M13.22.894c5.211,0,7.232,1.039,7.327,1.329-.1.291-2.116,1.329-7.327,1.329C7.982,3.552,5.968,2.5,5.892,2.23v0C5.968,1.943,7.982.894,13.22.894M5,4.38V5.515a.434.434,0,0,0-.013.1c0,.3.153.729,1.26,1.231C4.007,6.439,2.221,5.814,1.964,5.46c.027-.132.642-.686,3.034-1.08m-3.036,4.4,0-.022c0-.01,0-.019,0-.028V6.593a13.2,13.2,0,0,0,4.432,1.18,25.74,25.74,0,0,0,4.088.37h.087A8.305,8.305,0,0,0,9.077,10.51c-4.069-.1-6.958-1.25-7.115-1.731m6.495,5.1A11.826,11.826,0,0,1,5.6,13.144c-.836-.362-1.006-.667-1.006-.729V10.852a24.037,24.037,0,0,0,4.175.542,8.223,8.223,0,0,0-.319,2.27c0,.072,0,.144.005.216M3.7,11.628v.787c0,.768.926,1.361,2.164,1.78A16.044,16.044,0,0,1,2.887,13.6c-1.58-.49-1.975-.981-1.992-1.082.018-.038.278-.484,2.807-.893M.895,15.92c0-.009,0-.018,0-.028s0-.018,0-.027V13.716a7.571,7.571,0,0,0,1.656.719,18.953,18.953,0,0,0,5.54.774c.13,0,.232,0,.34,0l.169,0a8.214,8.214,0,0,0,.893,2.46c-.339.02-.763.039-1.159.039a19.378,19.378,0,0,1-5.318-.7c-1.688-.5-2.1-.993-2.121-1.094m9.339,5.154a20.076,20.076,0,0,1-5.28-.654c-1.638-.463-2.032-.933-2.048-1.031,0-.009,0-.018,0-.028a.248.248,0,0,0,0-.027V17.912a20.4,20.4,0,0,0,5.428.7c.661,0,1.378-.049,1.709-.075a8.327,8.327,0,0,0,2.7,2.381c-.772.081-1.718.158-2.514.158m6.492-.03a7.381,7.381,0,1,1,7.38-7.38,7.388,7.388,0,0,1-7.38,7.38" fill="#333"/>
  4381.      <path id="Path_576" data-name="Path 576" d="M16.726,7.5a6.162,6.162,0,1,0,6.161,6.162A6.168,6.168,0,0,0,16.726,7.5m0,11.429a5.267,5.267,0,1,1,5.267-5.267,5.273,5.273,0,0,1-5.267,5.267" fill="#333"/>
  4382.      <path id="Path_577" data-name="Path 577" d="M16.893,13.1c-.193,0-1.157-.042-1.157-.866,0-.639.623-.866,1.157-.866.627,0,1.157.4,1.157.866a.447.447,0,0,0,.894,0,1.847,1.847,0,0,0-1.6-1.717v-.79a.447.447,0,0,0-.894,0v.783a1.748,1.748,0,0,0-1.6,1.724A1.838,1.838,0,0,0,16.893,14c.6,0,1.3.258,1.3.985s-.7.986-1.3.986a1.18,1.18,0,0,1-1.3-.986.447.447,0,0,0-.894,0,1.981,1.981,0,0,0,1.75,1.84v.786a.447.447,0,0,0,.894,0v-.78a1.875,1.875,0,0,0,1.75-1.846,1.967,1.967,0,0,0-2.2-1.879" fill="#333"/>
  4383.    </g>
  4384.  </g>
  4385. <title>coins</title></svg>
  4386. </div>
  4387.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Betaling &amp; Verzending</span>
  4388.                            </div>
  4389.                        </li>
  4390.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="3">
  4391.                            <div class="flex gap-3 mx-auto">
  4392.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 15.662" class="text-lala-black" role="img">
  4393.  <defs>
  4394.    <clipPath id="clip-path_4">
  4395.      <rect id="Rectangle_377" data-name="Rectangle 377" width="25" height="15.662" transform="translate(0 0)" fill="none"/>
  4396.    </clipPath>
  4397.  </defs>
  4398.  <g id="Group_865" data-name="Group 865" transform="translate(0 0)">
  4399.    <g id="Group_864" data-name="Group 864" clip-path="url(#clip-path_4)">
  4400.      <path id="Path_578" data-name="Path 578" d="M2.365,5.787H2.129a.236.236,0,0,0-.236.236V7.435l-.553.289.076.147L1.9,7.617a.236.236,0,0,0,.228.177h.194a.111.111,0,0,0,.111-.112V5.856a.069.069,0,0,0-.069-.069" fill="#333"/>
  4401.      <path id="Path_579" data-name="Path 579" d="M6.111,11.141A2.261,2.261,0,1,0,8.372,13.4a2.261,2.261,0,0,0-2.261-2.26m0,3.722A1.462,1.462,0,1,1,7.573,13.4a1.464,1.464,0,0,1-1.462,1.462" fill="#333"/>
  4402.      <path id="Path_580" data-name="Path 580" d="M19.1,12.879a.522.522,0,1,0,.522.522.522.522,0,0,0-.522-.522" fill="#333"/>
  4403.      <path id="Path_581" data-name="Path 581" d="M19.1,11.141a2.261,2.261,0,1,0,2.26,2.261,2.261,2.261,0,0,0-2.26-2.261m0,3.747A1.486,1.486,0,1,1,20.59,13.4,1.486,1.486,0,0,1,19.1,14.888" fill="#333"/>
  4404.      <path id="Path_582" data-name="Path 582" d="M6.111,12.879a.522.522,0,1,0,.522.522.522.522,0,0,0-.522-.522" fill="#333"/>
  4405.      <path id="Path_583" data-name="Path 583" d="M24.887.113A.384.384,0,0,0,24.615,0H8.658a.387.387,0,0,0-.272.113.383.383,0,0,0-.112.272V10.524a.384.384,0,0,0,.384.385h8.908a2.921,2.921,0,0,0-.554.443H8.444c-.171-.2-.368-.428-.554-.625V7.667l-.217-.141V3.745a.071.071,0,0,0-.021-.05.07.07,0,0,0-.05-.02l-4.716.053a1.037,1.037,0,0,0-.938.621l-.083.19H1.92A.189.189,0,0,1,2.1,4.8L.942,7.757a.189.189,0,0,1-.175.12H.405L1.2,6.061.258,8.211A1.894,1.894,0,0,0,.1,8.967v1.6a.112.112,0,0,0,.112.112H.264v.5H.472a.181.181,0,0,1,.18.181v.782a.18.18,0,0,1-.18.18H.264v.6H.111A.112.112,0,0,0,0,13.032v.979a.112.112,0,0,0,.111.112H3.355a.112.112,0,0,0,.111-.112V12.542a.694.694,0,0,1,.115-.383c.286-.432,1.058-1.479,1.839-1.479H7.149s1.188,1.053,1.3,1.481a14.774,14.774,0,0,1,.2,1.631h.921V12.443h.238V13.7a.22.22,0,0,0,.064.155.222.222,0,0,0,.155.065h3.511a.223.223,0,0,0,.156-.065.22.22,0,0,0,.064-.155V12.443h2.575a2.852,2.852,0,0,0-.128.515h.217a2.717,2.717,0,0,1,1.6-2.049h2.155a2.715,2.715,0,0,1,1.6,2.049H22a2.937,2.937,0,0,0-.127-.515H23.1v.288h.47v-.607h-.313v-.636h.313v-.136H21.195a2.921,2.921,0,0,0-.554-.443h3.974A.386.386,0,0,0,25,10.524V.385a.384.384,0,0,0-.113-.272M5.935,7.135a.471.471,0,0,1-.336.451l-.917.274a4.7,4.7,0,0,1-1.348.2H1.792a.236.236,0,0,1-.223-.309l.942-2.863a.237.237,0,0,1,.224-.162H5.7a.236.236,0,0,1,.235.236Zm4.7,6.349H10.25V12.128h.384Zm2.092,0H10.847V12.128h1.879Zm.6,0h-.384V12.128h.384Zm10.91-3.345H9.043V.769H24.231Z" fill="#333"/>
  4406.    </g>
  4407.  </g>
  4408. <title>truck</title></svg>
  4409. </div>
  4410.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Intra-Communautaire levering</span>
  4411.                            </div>
  4412.                        </li>
  4413.                                                                                <li class="swiper-slide flex items-center justify-center lg:justify-start !w-full lg:!w-auto" data-swiper-slide-index="4">
  4414.                            <div class="flex gap-3 mx-auto">
  4415.                                <div class="w-[25px] mx-auto lg:mx-0"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 25 24.919" class="text-lala-black" role="img">
  4416.  <defs>
  4417.    <clipPath id="clip-path_5">
  4418.      <rect id="Rectangle_378" data-name="Rectangle 378" width="25" height="24.919" transform="translate(0 0)" fill="none"/>
  4419.    </clipPath>
  4420.  </defs>
  4421.  <g id="Group_868" data-name="Group 868" transform="translate(0 0)">
  4422.    <g id="Group_867" data-name="Group 867" clip-path="url(#clip-path_5)">
  4423.      <path id="Path_584" data-name="Path 584" d="M24.5,11.86a2.4,2.4,0,0,0-1.163-.827l.046-.345a1.339,1.339,0,0,0-1.148-1.5l-.494-.066A9.219,9.219,0,0,0,3.309,9.111l-.548.074a1.339,1.339,0,0,0-1.148,1.5l.046.344A2.413,2.413,0,0,0,.022,13.647l.117.872a2.418,2.418,0,0,0,2.267,2.09l.047.346a1.34,1.34,0,0,0,1.325,1.16,1.357,1.357,0,0,0,.179-.012l2.1-.282a.445.445,0,0,0,.383-.5L5.361,9.286a.447.447,0,0,0-.5-.383L4.2,8.991A8.326,8.326,0,0,1,20.85,9l-.71-.1a.445.445,0,0,0-.5.383L18.562,17.32a.445.445,0,0,0,.382.5l.872.117L19.029,20A4.73,4.73,0,0,1,14.9,23.011a1.455,1.455,0,0,0-1.38-1H11.536a1.454,1.454,0,0,0,0,2.908h1.985A1.456,1.456,0,0,0,14.907,23.9a5.629,5.629,0,0,0,4.956-3.589l.862-2.255.318.043a1.357,1.357,0,0,0,.179.012,1.34,1.34,0,0,0,1.325-1.16l.046-.346a2.419,2.419,0,0,0,2.268-2.09l.117-.871A2.4,2.4,0,0,0,24.5,11.86m-22.9,3.549A1.514,1.514,0,0,1,1.023,14.4l-.117-.872a1.525,1.525,0,0,1,.875-1.589l.5,3.763a1.52,1.52,0,0,1-.677-.294M5.495,17l-1.657.222a.446.446,0,0,1-.5-.383l-.375-2.8L2.6,11.314l-.1-.744a.445.445,0,0,1,.383-.5l1.656-.222Zm8.026,7.031H11.536a.562.562,0,0,1,0-1.124h1.985a.562.562,0,1,1,0,1.124m7.641-6.809L19.5,17l.958-7.15,1.657.222a.445.445,0,0,1,.383.5l-.1.744-.377,2.816-.363,2.706a.445.445,0,0,1-.5.383m2.932-3.69-.117.872a1.528,1.528,0,0,1-1.262,1.3l.5-3.763a1.525,1.525,0,0,1,.875,1.589" fill="#333"/>
  4424.      <path id="Path_585" data-name="Path 585" d="M16.333,16.326a.446.446,0,0,0-.806-.382,3.193,3.193,0,0,1-2.955,1.574,3.184,3.184,0,0,1-2.95-1.573.446.446,0,0,0-.807.38,4.058,4.058,0,0,0,3.757,2.085,4.066,4.066,0,0,0,3.761-2.084" fill="#333"/>
  4425.      <path id="Path_586" data-name="Path 586" d="M8.9,11.49a.861.861,0,1,0,.861-.861.862.862,0,0,0-.861.861m.892,0a.031.031,0,1,1-.031-.031.031.031,0,0,1,.031.031" fill="#333"/>
  4426.      <path id="Path_587" data-name="Path 587" d="M14.524,11.49a.861.861,0,1,0,.861-.861.862.862,0,0,0-.861.861m.892,0a.031.031,0,1,1-.031-.031.031.031,0,0,1,.031.031" fill="#333"/>
  4427.      <path id="Path_588" data-name="Path 588" d="M12.229,1.8a.445.445,0,0,0-.507.375C11.178,5.823,6.355,7.336,6.3,7.353a.446.446,0,1,0,.259.853A11.86,11.86,0,0,0,9.317,6.877a9.128,9.128,0,0,0,1.644-1.356,12.174,12.174,0,0,0,7.67,2.469.446.446,0,0,0,0-.892,11.481,11.481,0,0,1-7.1-2.261A5.657,5.657,0,0,0,12.6,2.308a.445.445,0,0,0-.375-.507" fill="#333"/>
  4428.    </g>
  4429.  </g>
  4430. <title>support</title></svg>
  4431. </div>
  4432.                                <span class="whitespace-nowrap text-center lg:text-left mx-auto lg:mx-0"> Klantgerichte service</span>
  4433.                            </div>
  4434.                        </li>
  4435.                                                </div>
  4436.        </div>
  4437.    </div>
  4438. </div>
  4439.  
  4440. <script>
  4441.    (function() {
  4442.        const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  4443.        const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  4444.        const swiperInstanceClass = '#usp-slider-68985b51578a3 .swiper-container';
  4445.  
  4446.        // Load Swiper CSS if not already loaded
  4447.        if (!document.querySelector(`link[href="${swiperCssUrl}"]`)) {
  4448.            const style = document.createElement("link");
  4449.            style.rel = "stylesheet";
  4450.            style.href = swiperCssUrl;
  4451.            document.head.appendChild(style);
  4452.        }
  4453.  
  4454.        function initSwiper() {
  4455.            const elements = document.querySelectorAll(swiperInstanceClass);
  4456.            Array.from(elements).forEach(element => {
  4457.                new Swiper(element, {
  4458.                    slidesPerView: 1,
  4459.                    spaceBetween: 16,
  4460.                    loop: true,
  4461.                    autoplay: {
  4462.                        delay: 3000,
  4463.                        disableOnInteraction: false,
  4464.                    },
  4465.                    initialSlide: 0,
  4466.                    centeredSlides: true,
  4467.                    breakpoints: {
  4468.                        0: {
  4469.                            slidesPerView: 1,
  4470.                            centeredSlides: true,
  4471.                            loop: true,
  4472.                            autoplay: {
  4473.                                delay: 3000,
  4474.                                disableOnInteraction: false,
  4475.                            },
  4476.                        },
  4477.                        1024: {
  4478.                            slidesPerView: 4,
  4479.                            centeredSlides: false,
  4480.                            loop: false,
  4481.                            autoplay: false,
  4482.                        },
  4483.                        1536: {
  4484.                            slidesPerView: 5,
  4485.                            centeredSlides: false,
  4486.                            loop: false,
  4487.                            autoplay: false,
  4488.                        },
  4489.                    }
  4490.                });
  4491.            });
  4492.        }
  4493.  
  4494.        // Load Swiper JS if not already loaded
  4495.        if (typeof window.Swiper === 'function') {
  4496.            initSwiper();
  4497.        } else {
  4498.            const pendingLoadScript = Array.from(document.scripts).find(script => script.src === swiperJsUrl);
  4499.  
  4500.            if (pendingLoadScript) { // Swiper is already being loaded
  4501.                pendingLoadScript.addEventListener('load', () => initSwiper());
  4502.            } else {
  4503.                const script = document.createElement('script');
  4504.                script.src = swiperJsUrl;
  4505.                script.async = true;
  4506.  
  4507.                script.addEventListener('load', () => initSwiper());
  4508.                document.head.appendChild(script);
  4509.            }
  4510.        }
  4511.    })();
  4512. </script></div>
  4513.    </template>
  4514.  
  4515.    <script>
  4516.    function initCartDrawer() {
  4517.        return {
  4518.            open: false,
  4519.            isLoading: false,
  4520.            cart: {},
  4521.            maxItemsToDisplay: 10,
  4522.            itemsCount: 0,
  4523.            totalQtyInCart: 0,
  4524.            getData(data) {
  4525.                if (data.cart) {
  4526.                    this.cart = data.cart;
  4527.                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
  4528.                    this.totalQtyInCart = data.cart.summary_count
  4529.                    this.setCartItems();
  4530.                }
  4531.                this.isLoading = false;
  4532.            },
  4533.            cartItems: [],
  4534.            getItemCountTitle() {
  4535.                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount)
  4536.            },
  4537.            setCartItems() {
  4538.                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];
  4539.  
  4540.                if (this.maxItemsToDisplay > 0) {
  4541.                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
  4542.                }
  4543.            },
  4544.            deleteItemFromCart(itemId) {
  4545.                this.isLoading = true;
  4546.  
  4547.                const formKey = hyva.getFormKey();
  4548.                const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';
  4549.  
  4550.                fetch(postUrl, {
  4551.                    "headers": {
  4552.                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  4553.                    },
  4554.                    "body": "form_key=" + formKey + "&item_id=" + itemId,
  4555.                    "method": "POST",
  4556.                    "mode": "cors",
  4557.                    "credentials": "include"
  4558.                }).then(response => {
  4559.                    if (response.redirected) {
  4560.                        window.location.href = response.url;
  4561.                    } else if (response.ok) {
  4562.                        return response.json();
  4563.                    } else {
  4564.                        window.dispatchMessages && window.dispatchMessages([{
  4565.                            type: 'warning',
  4566.                            text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
  4567.                        }]);
  4568.                        this.isLoading = false;
  4569.                    }
  4570.                }).then(result => {
  4571.                    window.dispatchMessages && window.dispatchMessages([{
  4572.                        type: result.success ? 'success' : 'error',
  4573.                        text: result.success
  4574.                            ? 'U\u0020heeft\u0020het\u0020product\u0020verwijderd.'
  4575.                            : result.error_message
  4576.                    }], result.success ? 5000 : 0)
  4577.                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
  4578.                });
  4579.            },
  4580.            updateItemQuantityInCart(itemId, qty, way) {
  4581.                let parsedQty = qty
  4582.  
  4583.                if(way === 'down') {
  4584.                    parsedQty--
  4585.                } else if (way === 'up') {
  4586.                    parsedQty++
  4587.                }
  4588.                this.isLoading = true;
  4589.  
  4590.                const formKey = hyva.getFormKey();
  4591.                const postUrl = BASE_URL + 'checkout/sidebar/updateItemQty/';
  4592.  
  4593.                fetch(postUrl, {
  4594.                    "headers": {
  4595.                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  4596.                    },
  4597.                    "body": "form_key=" + formKey + "&item_id=" + itemId + "&item_qty=" + parsedQty,
  4598.                    "method": "POST",
  4599.                    "mode": "cors",
  4600.                    "credentials": "include"
  4601.                }).then(response => {
  4602.                    if (response.redirected) {
  4603.                        window.location.href = response.url;
  4604.                    } else if (response.ok) {
  4605.                        return response.json();
  4606.                    } else {
  4607.                        window.dispatchMessages && window.dispatchMessages([{
  4608.                            type: 'warning',
  4609.                            text: 'Could\u0020not\u0020update\u0020item\u0020quantity.'
  4610.                        }]);
  4611.                        this.isLoading = false;
  4612.                    }
  4613.                }).then(result => {
  4614.                    window.dispatchMessages && window.dispatchMessages([{
  4615.                        type: result.success ? 'success' : 'error',
  4616.                        text: result.success
  4617.                            ? 'You\u0020updated\u0020the\u0020item\u0020quantity.'
  4618.                            : result.error_message
  4619.                    }], result.success ? 5000 : 0)
  4620.                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
  4621.                });
  4622.            },
  4623.            scrollLock(use = true) {
  4624.                document.body.style.overflow = use ? "hidden" : "";
  4625.            },
  4626.            toggleCartDrawer(event) {
  4627.                if (event.detail && event.detail.isOpen !== undefined) {
  4628.                    if (event.detail.isOpen) {
  4629.                        this.openCartDrawer();
  4630.                    } else {
  4631.                        this.open = false;
  4632.                        this.scrollLock(false);
  4633.                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent);
  4634.                    }
  4635.                } else {
  4636.                                        this.openCartDrawer()
  4637.                }
  4638.            },
  4639.            openCartDrawer() {
  4640.                this.open = true;
  4641.                this.scrollLock(true);
  4642.                this.$nextTick(() => {
  4643.                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
  4644.                })
  4645.            },
  4646.            closeCartDrawer() {
  4647.                this.$dispatch('toggle-cart', { isOpen: false })
  4648.            },
  4649.            getSectionDataExtraActions() {
  4650.                if (!this.cart.extra_actions) {
  4651.                    return '';
  4652.                }
  4653.  
  4654.                const contentNode = document.createElement('div');
  4655.                contentNode.innerHTML = this.cart.extra_actions;
  4656.  
  4657.                hyva.activateScripts(contentNode);
  4658.  
  4659.                return contentNode.innerHTML;
  4660.            }
  4661.        }
  4662.    }
  4663. </script>
  4664. <section x-cloak
  4665.         x-show="cart"
  4666.         id="cart-drawer"
  4667.         x-data="initCartDrawer()"
  4668.         @private-content-loaded.window="getData($event.detail.data)"
  4669.         @toggle-cart.window="toggleCartDrawer($event)"
  4670.         @keydown.escape="closeCartDrawer"
  4671. >
  4672.    <div role="dialog"
  4673.         aria-labelledby="cart-drawer-title"
  4674.         aria-modal="true"
  4675.         :aria-hidden="!open"
  4676.         class="fixed inset-y-0 right-0 z-[52] flex max-w-full">
  4677.        <div class="backdrop"
  4678.             x-show="open"
  4679.             x-transition:enter="ease-in-out duration-500"
  4680.             x-transition:enter-start="opacity-0"
  4681.             x-transition:enter-end="opacity-100"
  4682.             x-transition:leave="ease-in-out duration-500"
  4683.             x-transition:leave-start="opacity-100"
  4684.             x-transition:leave-end="opacity-0"
  4685.             role="button"
  4686.             @click="closeCartDrawer"
  4687.             aria-label="Close&#x20;minicart"></div>
  4688.        <div class="relative w-screen max-w-md shadow-2xl"
  4689.             x-show="open"
  4690.             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
  4691.             x-transition:enter-start="translate-x-full"
  4692.             x-transition:enter-end="translate-x-0"
  4693.             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
  4694.             x-transition:leave-start="translate-x-0"
  4695.             x-transition:leave-end="translate-x-full"
  4696.             x-ref="cartDialogContent"
  4697.             role="region"
  4698.             :tabindex="open ? 0 : -1"
  4699.             aria-label="Winkelwagen"
  4700.  
  4701.        >
  4702.            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl justify-between">
  4703.                <div>
  4704.                
  4705.                <header class="relative px-4 py-6 sm:px-6 bg-lala-gray-light-ultra">
  4706.                    <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900 text-lala-black">
  4707.                        <strong>Winkelwagen</strong>
  4708.                        <span class="items-total text-xs"
  4709.                            x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
  4710.                            x-text="getItemCountTitle()">
  4711.                        </span>
  4712.                    </p>
  4713.                </header>
  4714.  
  4715.                
  4716.                <template x-if="!itemsCount">
  4717.                    <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container text-lala-black">
  4718.                        Je winkelwagen is leeg                    </div>
  4719.                </template>
  4720.  
  4721.                <template x-if="itemsCount">
  4722.                    <div class="px-6 mt-2">
  4723.                        <p class="text-base font-bold border-b border-lala-gray-light-ultra text-lala-black pb-2">
  4724.                            <span x-html="totalQtyInCart"></span>
  4725.                            <span x-show="totalQtyInCart > 1">producten in winkelwagen</span>
  4726.                            <span x-show="totalQtyInCart === 1">product in winkelwagen</span>
  4727.                        </p>
  4728.                    </div>
  4729.                </template>
  4730.  
  4731.                <template x-if="itemsCount">
  4732.                    <div class="relative grid gap-2 px-1 py-3 sm:px-3 bg-white overflow-y-auto overscroll-y-contain max-h-[75vh] pb-[133px]">
  4733.                        <template x-for="item in cartItems">
  4734.                            <div class="flex items-start p-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100 [&:not(:last-child)]:border-b border-container lg:border-none">
  4735.                                <a :href="item.product_url"
  4736.                                class="w-1/4 flex items-center justify-center border rounded-lg border-lala-gray-light-ultra p-2"
  4737.                                :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)"
  4738.                                >
  4739.                                    <img
  4740.                                        :src="item.product_image.src"
  4741.                                        :width="item.product_image.width"
  4742.                                        :height="item.product_image.height"
  4743.                                        loading="lazy"
  4744.                                        alt=""
  4745.                                    />
  4746.                                </a>
  4747.                                <div class="w-3/4">
  4748.                                    <div>
  4749.                                        <p class="text-sm">
  4750.                                            <span x-html="item.product_name"></span>
  4751.                                        </p>
  4752.                                    </div>
  4753.                                    <template x-for="option in item.options">
  4754.                                        <div class="pt-2">
  4755.                                            <p class="font-semibold" x-text="option.label + ':'"></p>
  4756.                                            <p class="text-secondary" x-html="option.value"></p>
  4757.                                        </div>
  4758.                                    </template>
  4759.                                    <div class="flex justify-between items-center mt-2">
  4760.                                        <p class="text-sm font-normal text-lala-blue"><span x-html="item.product_price"></span></p>
  4761.                                        <div class="flex items-center gap-3">
  4762.                                            <div class="update-qty-minicart flex gap-1">
  4763.                                                <span class="text-xl font-bold cursor-pointer" @click="updateItemQuantityInCart(item.item_id, item.qty, 'down')">-</span>
  4764.                                                <input class="max-w-[80px] py-0 px-4 border rounded-lg border-lala-gray-light-ultra text-sm text-center" type="number" x-model="item.qty" @change="updateItemQuantityInCart(item.item_id, item.qty, 'nothing')">
  4765.                                                <span class="text-lg font-bold cursor-pointer" @click="updateItemQuantityInCart(item.item_id, item.qty++, 'up')">+</span>
  4766.                                            </div>
  4767.                                            <button type="button"
  4768.                                                    class="inline-flex mb-[5px]"
  4769.                                                    @click="deleteItemFromCart(item.item_id)"
  4770.                                                    :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)"
  4771.                                            >
  4772.                                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="15" height="15" aria-hidden="true">
  4773.  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
  4774. </svg>
  4775.                                            </button>
  4776.                                        </div>
  4777.                                    </div>
  4778.  
  4779.                                </div>
  4780.                            </div>
  4781.                        </template>
  4782.                    </div>
  4783.                </template>
  4784.                </div>
  4785.  
  4786.                <template x-if="itemsCount">
  4787.                    <div class="absolute bottom-0 w-full">
  4788.                        
  4789.                        <div class="relative grid py-3 px-1 sm:px-3 bg-white">
  4790.                            <div class="w-full flex justify-between p-3 space-x-4 transition duration-150 ease-in-out rounded-lg text-sm border-t border-lala-gray-light-ultra text-lala-black">
  4791.                                <p>Subtotaal: </p>
  4792.                                <p><span x-html="cart.subtotal"></span></p>
  4793.                            </div>
  4794.                            <div class="w-full p-3 space-x-4 transition duration-150 ease-in-out rounded-lg">
  4795.                                <a href="https://www.lalashops.nl/checkout/cart/"
  4796.                                   class="inline-flex justify-center underline text-lala-blue w-full text-center mb-4"
  4797.                                >
  4798.                                    Bekijk en bewerk winkelwagen                                </a>
  4799.                                <!-- IMPORTANT .prevent.stop removed from click element bellow, since dispatch method wasn't doing anything, return if needed -->
  4800.                                <a @click="closeCartDrawer; $dispatch('toggle-authentication',
  4801.                                    {url: 'https://www.lalashops.nl/checkout/'});"
  4802.                                   href="https://www.lalashops.nl/checkout/"
  4803.                                   class="inline-flex justify-center btn btn-primary-rounded lala-gradient-background w-full text-center !ml-0"
  4804.                                >
  4805.                                    Ga door naar afrekenen                                </a>
  4806.                            </div>
  4807.                            <div x-html="getSectionDataExtraActions()"></div>
  4808.                                                    </div>
  4809.                    </div>
  4810.                </template>
  4811.  
  4812.                            </div>
  4813.  
  4814.            <button
  4815.                type="button"
  4816.                @click="closeCartDrawer"
  4817.                aria-label="Close&#x20;minicart"
  4818.                class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black"
  4819.            >
  4820.                <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">
  4821.  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
  4822. </svg>
  4823.            </button>
  4824.        </div>
  4825.        <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-50"
  4826.     style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);"
  4827.     x-show="isLoading"
  4828.     x-cloak
  4829.     x-transition:enter="ease-out duration-200"
  4830.     x-transition:enter-start="opacity-0"
  4831.     x-transition:enter-end="opacity-100"
  4832.     x-transition:leave="ease-in duration-200"
  4833.     x-transition:leave-start="opacity-100"
  4834.     x-transition:leave-end="opacity-0">
  4835.    <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
  4836. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img">
  4837.    <g fill="none" fill-rule="evenodd">
  4838.        <g transform="translate(1 1)" stroke-width="2">
  4839.            <circle cx="5" cy="50" r="5">
  4840.                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
  4841.                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
  4842.            </circle>
  4843.            <circle cx="27" cy="5" r="5">
  4844.                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
  4845.                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
  4846.            </circle>
  4847.            <circle cx="49" cy="50" r="5">
  4848.                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
  4849.                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
  4850.            </circle>
  4851.        </g>
  4852.    </g>
  4853. <title>loader</title></svg>
  4854.    <div class="ml-10 text-primary text-xl">
  4855.        Bezig met laden...    </div>
  4856. </div>
  4857.    </div>
  4858.  
  4859. </section>
  4860.    
  4861. </div></header><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div>
  4862. <div class="page messages"><script>
  4863.        function initMessages() {
  4864.        "use strict";
  4865.        return {
  4866.            messages: window.mageMessages || [],
  4867.            isEmpty() {
  4868.                return this.messages.reduce(
  4869.                    function (isEmpty, message) {
  4870.                        return isEmpty && message === undefined
  4871.                    }, true
  4872.                )
  4873.            },
  4874.            removeMessage(messageIndex) {
  4875.                this.messages[messageIndex] = undefined;
  4876.            },
  4877.            addMessages(messages, hideAfter) {
  4878.                messages.map((message) => {
  4879.                    this.messages = this.messages.concat(message);
  4880.                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
  4881.                        hideAfter = window.defaultSuccessMessageTimeout;
  4882.                    }
  4883.                    if (hideAfter) {
  4884.                        this.setHideTimeOut(this.messages.length -1, hideAfter);
  4885.                    }
  4886.                });
  4887.            },
  4888.            setHideTimeOut(messageIndex, hideAfter) {
  4889.                setTimeout((messageIndex) => {
  4890.                    this.removeMessage(messageIndex);
  4891.                }, hideAfter, messageIndex);
  4892.            },
  4893.            eventListeners: {
  4894.                ['@messages-loaded.window'](event) {
  4895.                    this.addMessages(event.detail.messages, event.detail.hideAfter)
  4896.                },
  4897.                ['@private-content-loaded.window'](event) {
  4898.                    const data = event.detail.data;
  4899.                    if (
  4900.                        data.messages &&
  4901.                        data.messages.messages &&
  4902.                        data.messages.messages.length
  4903.                    ) {
  4904.                        this.addMessages(data.messages.messages);
  4905.                    }
  4906.                },
  4907.                ['@clear-messages.window']() {
  4908.                    this.messages = [];
  4909.                }
  4910.            }
  4911.        }
  4912.    }
  4913. </script>
  4914. <section id="messages"
  4915.         x-data="initMessages()"
  4916.         x-bind="eventListeners"
  4917.         aria-live="assertive"
  4918.         role="alert"
  4919. >
  4920.    <template x-if="!isEmpty()">
  4921.        <div class="w-full">
  4922.            <div class="messages container mx-auto py-3">
  4923.                <template x-for="(message, index) in messages" :key="index">
  4924.                    <div>
  4925.                        <template x-if="message">
  4926.                            <div class="message" :class="message.type"
  4927.                                 :ui-id="'message-' + message.type"
  4928.                            >
  4929.                                <span x-html="message.text"></span>
  4930.                                <button
  4931.                                    type="button"
  4932.                                    class="text-gray-600 hover:text-black"
  4933.                                    aria-label="Close message"
  4934.                                    @click.prevent="removeMessage(index)"
  4935.                                >
  4936.                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true">
  4937.  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
  4938. </svg>
  4939.                                </button>
  4940.                            </div>
  4941.                        </template>
  4942.                    </div>
  4943.                </template>
  4944.            </div>
  4945.        </div>
  4946.    </template>
  4947. </section>
  4948. </div><div class="columns"><div class="column main">    <div class="container&#x20;flex&#x20;flex-col&#x20;md&#x3A;flex-row&#x20;flex-wrap&#x20;my-6&#x20;font-bold&#x20;lg&#x3A;mt-8&#x20;text-3xl">
  4949.        <h1 class=""
  4950.            >
  4951.            <div class="font-light text-xl" data-ui-id="page-title-wrapper" >Van Game PC tot Zoutlamp.</div> <div class="font-bold text-5xl mt-2" data-ui-id="page-title-wrapper" >Een webshop apart!</div>        </h1>
  4952.            </div>
  4953. <script nonce="NmdtcGVtYjJlcjNmd3Jtd2pnNGhncTJ0ejN4aGNtNnU=">
  4954.    function hasWebP() {
  4955.        var elem = document.createElement('canvas');
  4956.  
  4957.        if (!!(elem.getContext && elem.getContext('2d'))) {
  4958.            return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0;
  4959.        }
  4960.        return false;
  4961.    }
  4962.  
  4963.    if (hasWebP()) {
  4964.        document.body.classList.add("webp");
  4965.    } else {
  4966.        document.body.classList.add("no-webp");
  4967.    }</script>
  4968. <ul class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 md:grid-rows-2 gap-5 lg:pb-8">
  4969.                                        <li class="bg-gray-light-gradient rounded-20 col-span-1 row-span-2 min-h-[381px] xl:h-[492px] overflow-hidden flex flex-col">
  4970.                                                            <div class="block sm:hidden mx-5 mt-4 h3 uppercase text-lala-black mb-3">Computers voor Gaming, Videobewerking of Zakelijk gebruik</div>
  4971.                    <div class="flex h-full">
  4972.                        <div class="max-w-[45%] w-full flex items-center py-4">
  4973.                                <picture class="w-full object-contain object-left max-h-[350px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/1_Homepage/msi-frontside-main_1-removebg-preview.webp"><img src="https://www.lalashops.nl/media/wysiwyg/1_Homepage/msi-frontside-main_1-removebg-preview.png" alt="Computers voor Gaming, Videobewerking of Zakelijk gebruik" class="w-full object-contain object-left max-h-[350px]"></picture>
  4974.                            </div>                        <div class="flex flex-col justify-between max-w-[55%] w-full h-full p-6 gap-3">
  4975.                                                        <div class="flex flex-col">
  4976.                                <div class="hidden sm:block h3 uppercase text-lala-black mb-3">Computers voor Gaming, Videobewerking of Zakelijk gebruik</div>
  4977.                                <div class="font-light text-lala-gray">Altijd de scherpste aanbiedingen! Of u nu een computer zoekt voor gaming, videobewerking of zakelijk gebruik, wij bieden u de beste 'Bang for the Buck'. Van budget systemen tot de allersnelste setups, voorzien van de allernieuwste AI READY technologie!</div>
  4978.                            </div>
  4979.                                                                <a href="https://www.lalashops.nl/elektronica/elektronica-nieuw/computers/" class="action-category text-lala-black flex items-center gap-3 ml-auto"><span>Computers</span><span class="rounded-full bg-white h-7 w-7 flex justify-center items-center icon-arrow_right text-sm -rotate-45 hover:no-underline p-3"></span></a>
  4980.                                                    </div>
  4981.                    </div>
  4982.                </li>
  4983.                                                            <li class="bg-blue-gradient rounded-20 col-span-1 row-span-2 min-h-[381px] xl:h-[492px] overflow-hidden flex flex-col">
  4984.                                                            <div class="block sm:hidden mx-5 mt-4 h3 uppercase text-lala-black mb-3">Refurbished Mini PC's</div>
  4985.                    <div class="flex h-full">
  4986.                        <div class="max-w-[45%] w-full flex items-center py-4">
  4987.                                <picture class="w-full object-contain object-left max-h-[350px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/1_Homepage/compie-removebg-preview.webp"><img src="https://www.lalashops.nl/media/wysiwyg/1_Homepage/compie-removebg-preview.png" alt="Refurbished Mini PC's" class="w-full object-contain object-left max-h-[350px]"></picture>
  4988.                            </div>                        <div class="flex flex-col justify-between max-w-[55%] w-full h-full p-6 gap-3">
  4989.                                                        <div class="flex flex-col">
  4990.                                <div class="hidden sm:block h3 uppercase text-lala-black mb-3">Refurbished Mini PC's</div>
  4991.                                <div class="font-light text-white">Wij bieden u refurbished Mini PC's voor de absolute bodemprijs! Voor de allerlaagste prijs haalt u hiermee een compacte, snelle en betrouwbare mini PC in huis.</div>
  4992.                            </div>
  4993.                                                                <a href="https://www.lalashops.nl/elektronica/elektronica-refurbished/computers/mini-pc-computer" class="action-category text-lala-black flex items-center gap-3 ml-auto"><span>MINI PC / Computer</span><span class="rounded-full bg-white h-7 w-7 flex justify-center items-center icon-arrow_right text-sm -rotate-45 hover:no-underline p-3"></span></a>
  4994.                                                    </div>
  4995.                    </div>
  4996.                </li>
  4997.                                                            <li class="bg-gray-light-gradient rounded-20 col-span-1 row-span-2 min-h-[381px] xl:h-[492px] overflow-hidden flex flex-col">
  4998.                                                            <div class="block sm:hidden mx-5 mt-4 h3 uppercase text-lala-black mb-3">Zoutlampen van klein tot super groot!</div>
  4999.                    <div class="flex h-full">
  5000.                        <div class="max-w-[45%] w-full flex items-center py-4">
  5001.                                <picture class="w-full object-contain object-left max-h-[350px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/1_Homepage/saltlamp_main_1_1-removebg-preview.webp"><img src="https://www.lalashops.nl/media/wysiwyg/1_Homepage/saltlamp_main_1_1-removebg-preview.png" alt="Zoutlampen van klein tot super groot!" class="w-full object-contain object-left max-h-[350px]"></picture>
  5002.                            </div>                        <div class="flex flex-col justify-between max-w-[55%] w-full h-full p-6 gap-3">
  5003.                                                        <div class="flex flex-col">
  5004.                                <div class="hidden sm:block h3 uppercase text-lala-black mb-3">Zoutlampen van klein tot super groot!</div>
  5005.                                <div class="font-light text-lala-gray">Wij bieden u de grootste collectie echte, 100% natuurlijke zoutlampen. Van klein tot groot en allerlei bijzondere vormen!</div>
  5006.                            </div>
  5007.                                                                <a href="https://www.lalashops.nl/wonen/interieur/lampen/" class="action-category text-lala-black flex items-center gap-3 ml-auto"><span>Lampen</span><span class="rounded-full bg-white h-7 w-7 flex justify-center items-center icon-arrow_right text-sm -rotate-45 hover:no-underline p-3"></span></a>
  5008.                                                    </div>
  5009.                    </div>
  5010.                </li>
  5011.                                                            </ul>
  5012.  
  5013. <style>
  5014.    .action-category:hover span:first-child {
  5015.        text-decoration: underline;
  5016.    }
  5017.  
  5018.    .action-category:hover span:last-child {
  5019.        background-color: #dddddd;
  5020.    }
  5021. </style><div class="usp-kiyoh text-lala-black text-sm sm:text-base font-normal leading-4 sm:leading-5 py-4 md:py-8 xl:py-12 text-left">
  5022.    <div class="container border border-lala-gray-light-ultra rounded-2xl py-8 px-5 flex flex-col sm:flex-row gap-5 lg:gap-10">
  5023.        <ul class="px-5 sm:pr-0  grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6 lg:gap-12">
  5024.                                                <li class="flex items-start gap-x-3 flex-col">
  5025.                        <div class="flex gap-4">
  5026.                            <div>
  5027.                                <picture class="mb-2 min-w-[55px] lg:min-w-[70px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-01.webp"><img class="mb-2 min-w-[55px] lg:min-w-[70px]" src="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-01.png" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-01.png 1x, https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-01_2x.png 2x" alt="NIEUW EN REFURBISHED" width="70" height="70" /></picture>
  5028.                            </div>
  5029.                            <div class="flex flex-col gap-[10px] justify-center lg:justify-start">
  5030.                                <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6">
  5031.                                    NIEUW EN REFURBISHED                                </h3>
  5032.                                <div class="hidden lg:block text-lala-gray font-light text-xs sm:text-sm !leading-6">
  5033.                                    Wij bieden u zowel nieuwe- als refurbished producten van uitsluitend topmerken.                                </div>
  5034.                            </div>
  5035.                        </div>
  5036.                        <div class="text-lala-gray font-light text-xs sm:text-sm !leading-6 lg:hidden">
  5037.                            Wij bieden u zowel nieuwe- als refurbished producten van uitsluitend topmerken.                        </div>
  5038.                    </li>
  5039.                                                                <li class="flex items-start gap-x-3 flex-col">
  5040.                        <div class="flex gap-4">
  5041.                            <div>
  5042.                                <picture class="mb-2 min-w-[55px] lg:min-w-[70px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-02.webp"><img class="mb-2 min-w-[55px] lg:min-w-[70px]" src="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-02.png" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-02.png 1x, https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-02_2x.png 2x" alt="BESTE PRIJS" width="70" height="70" /></picture>
  5043.                            </div>
  5044.                            <div class="flex flex-col gap-[10px] justify-center lg:justify-start">
  5045.                                <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6">
  5046.                                    BESTE PRIJS                                </h3>
  5047.                                <div class="hidden lg:block text-lala-gray font-light text-xs sm:text-sm !leading-6">
  5048.                                    Door inkoop van grote partijen en onze besparing op winkelkosten kunnen wij u de beste prijzen bieden.                                </div>
  5049.                            </div>
  5050.                        </div>
  5051.                        <div class="text-lala-gray font-light text-xs sm:text-sm !leading-6 lg:hidden">
  5052.                            Door inkoop van grote partijen en onze besparing op winkelkosten kunnen wij u de beste prijzen bieden.                        </div>
  5053.                    </li>
  5054.                                                                <li class="flex items-start gap-x-3 flex-col">
  5055.                        <div class="flex gap-4">
  5056.                            <div>
  5057.                                <picture class="mb-2 min-w-[55px] lg:min-w-[70px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-03.webp"><img class="mb-2 min-w-[55px] lg:min-w-[70px]" src="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-03.png" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-03.png 1x, https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-03_2x.png 2x" alt="GARANTIE" width="70" height="70" /></picture>
  5058.                            </div>
  5059.                            <div class="flex flex-col gap-[10px] justify-center lg:justify-start">
  5060.                                <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6">
  5061.                                    GARANTIE                                </h3>
  5062.                                <div class="hidden lg:block text-lala-gray font-light text-xs sm:text-sm !leading-6">
  5063.                                    Al onze producten worden met garantie geleverd. De garantieduur wordt per product aangegeven.                                </div>
  5064.                            </div>
  5065.                        </div>
  5066.                        <div class="text-lala-gray font-light text-xs sm:text-sm !leading-6 lg:hidden">
  5067.                            Al onze producten worden met garantie geleverd. De garantieduur wordt per product aangegeven.                        </div>
  5068.                    </li>
  5069.                                                                <li class="flex items-start gap-x-3 flex-col">
  5070.                        <div class="flex gap-4">
  5071.                            <div>
  5072.                                <picture class="mb-2 min-w-[55px] lg:min-w-[70px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-04.webp"><img class="mb-2 min-w-[55px] lg:min-w-[70px]" src="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-04.png" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-04.png 1x, https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-04_2x.png 2x" alt="PERSOONLIJK CONTACT" width="70" height="70" /></picture>
  5073.                            </div>
  5074.                            <div class="flex flex-col gap-[10px] justify-center lg:justify-start">
  5075.                                <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6">
  5076.                                    PERSOONLIJK CONTACT                                </h3>
  5077.                                <div class="hidden lg:block text-lala-gray font-light text-xs sm:text-sm !leading-6">
  5078.                                    Via ons contactformulier of telefonisch: <a href="tel:+31858770866">+31 (0)85 877 0866</a> of per mail: <a href="mailto:info@lalashops.nl">info@lalashops.nl</a>                                </div>
  5079.                            </div>
  5080.                        </div>
  5081.                        <div class="text-lala-gray font-light text-xs sm:text-sm !leading-6 lg:hidden">
  5082.                            Via ons contactformulier of telefonisch: <a href="tel:+31858770866">+31 (0)85 877 0866</a> of per mail: <a href="mailto:info@lalashops.nl">info@lalashops.nl</a>                        </div>
  5083.                    </li>
  5084.                                                                <li class="flex items-start gap-x-3 flex-col">
  5085.                        <div class="flex gap-4">
  5086.                            <div>
  5087.                                <picture class="mb-2 min-w-[55px] lg:min-w-[70px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-05.webp"><img class="mb-2 min-w-[55px] lg:min-w-[70px]" src="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-05.png" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-05.png 1x, https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-05_2x.png 2x" alt="SNELLE LEVERING" width="70" height="70" /></picture>
  5088.                            </div>
  5089.                            <div class="flex flex-col gap-[10px] justify-center lg:justify-start">
  5090.                                <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6">
  5091.                                    SNELLE LEVERING                                </h3>
  5092.                                <div class="hidden lg:block text-lala-gray font-light text-xs sm:text-sm !leading-6">
  5093.                                    Voor 12:30 besteld, is meestal de volgende dag al in huis. Wij streven naar een levertijd van maximaal 2 werkdagen tussen het moment van bestelling en levering.                                </div>
  5094.                            </div>
  5095.                        </div>
  5096.                        <div class="text-lala-gray font-light text-xs sm:text-sm !leading-6 lg:hidden">
  5097.                            Voor 12:30 besteld, is meestal de volgende dag al in huis. Wij streven naar een levertijd van maximaal 2 werkdagen tussen het moment van bestelling en levering.                        </div>
  5098.                    </li>
  5099.                                                                <li class="flex items-start gap-x-3 flex-col">
  5100.                        <div class="flex gap-4">
  5101.                            <div>
  5102.                                <picture class="mb-2 min-w-[55px] lg:min-w-[70px]"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-06.webp"><img class="mb-2 min-w-[55px] lg:min-w-[70px]" src="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-06.png" srcset="https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-06.png 1x, https://www.lalashops.nl/media/wysiwyg/Icons/icons-home-06_2x.png 2x" alt="NIET GOED, GELD TERUG" width="70" height="70" /></picture>
  5103.                            </div>
  5104.                            <div class="flex flex-col gap-[10px] justify-center lg:justify-start">
  5105.                                <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6">
  5106.                                    NIET GOED, GELD TERUG                                </h3>
  5107.                                <div class="hidden lg:block text-lala-gray font-light text-xs sm:text-sm !leading-6">
  5108.                                    Niet 100% tevreden? Stuur het product binnen 2 weken retour en u krijgt uw aankoopbedrag terug.                                </div>
  5109.                            </div>
  5110.                        </div>
  5111.                        <div class="text-lala-gray font-light text-xs sm:text-sm !leading-6 lg:hidden">
  5112.                            Niet 100% tevreden? Stuur het product binnen 2 weken retour en u krijgt uw aankoopbedrag terug.                        </div>
  5113.                    </li>
  5114.                                    </ul>
  5115.        <div class="flex flex-col pl-5 md:pl-0 pr-5 items-center">
  5116.            <h3 class="text-lala-black text-base md:text-lg font-bold md:!leading-6 uppercase whitespace-nowrap">DIT ZEGGEN ONZE KLANTEN:</h3>
  5117.            <iframe class="scale-125 md:scale-100 xl:scale-125 mt-6 md:mt-0 xl:mt-8" src="https://www.kiyoh.com/retrieve-widget.html?color=white&amp;button=false&amp;lang=nl&amp;tenantId=98&amp;locationId=1047859" width="185" height="222" frameborder="0"></iframe>
  5118.        </div>
  5119.    </div>
  5120. </div></div></div></main><div class="page-bottom"><div class="content"><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  5121.    <section
  5122.                        class="super-margin hyva-category
  5123.                        ">
  5124.  
  5125.        <div class="">
  5126.  
  5127.  
  5128.            
  5129.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  5130.  
  5131.                
  5132.                <div class="swiper-container pb-8" data-id-category="efw5h866e2jkepdcb3utcnzzuyyzm9yn">
  5133.  
  5134.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  5135.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  5136.                                Nieuwste <span class="font-bold">Producten</span>                            </h2>
  5137.                        
  5138.                        <!-- Add Navigation Arrows -->
  5139.                        <div class="flex gap-4 lg:gap-12">
  5140.                            <div id="swiper-button-prev-efw5h866e2jkepdcb3utcnzzuyyzm9yn" class="swiper-button-prev !static"></div>
  5141.                            <div id="swiper-button-next-efw5h866e2jkepdcb3utcnzzuyyzm9yn" class="swiper-button-next !static"></div>
  5142.                        </div>
  5143.                    </div>
  5144.  
  5145.                    <div class="hyva-category-content ">
  5146.                                            </div>
  5147.  
  5148.                    <div class="swiper-wrapper list-none">
  5149.                                                    
  5150.                            <li class="swiper-slide">
  5151.                                                                    <form method="post"
  5152.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10867/"
  5153.                                        x-data="{
  5154.        hovered: false,
  5155.        grid: true ,
  5156.        isMobile: false,
  5157.        isMobileFunc () {
  5158.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5159.        }
  5160.    }"
  5161.                                        x-init="
  5162.        isMobileFunc();
  5163.        const labelClass = '.amlabel-position-top-right-10867-prod';
  5164.        const labels = document.querySelectorAll(labelClass);
  5165.  
  5166.        $watch('hovered', value => {
  5167.            if (value) {
  5168.                labels.forEach(el => el.style.opacity = '0');
  5169.            } else {
  5170.                labels.forEach(el => el.style.opacity = '1');
  5171.            }
  5172.        });
  5173.    "
  5174.                                        @mouseenter="hovered = true"
  5175.                                        @mouseleave="hovered = false"
  5176.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5177.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5178.                                        >
  5179.                                        <style>
  5180.                                            /* Generate styling for the label based on the product ID */
  5181.                                            .amlabel-position-top-right-10867-prod {
  5182.                                                transition: opacity 0.3s ease;
  5183.                                            }
  5184.                                        </style>
  5185.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10867" />
  5186.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060ti-r7-37x-a18"
  5187.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 ti 8GB - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 White Aquarium Case"
  5188.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5189.                                            tabindex="-1">
  5190.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frontside_main_atlas_m1_white.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frontside_main_atlas_m1_white.jpg" width="360" height="360" loading="lazy"></picture>
  5191.                                        </a>
  5192.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5193.                                                                                            <div x-data="initWishlist()">
  5194.                                                    <button
  5195.                                                        @click="addToWishlist(10867)"
  5196.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5197.                                                        type="button"
  5198.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5199.                                                        data-addto="wishlist">
  5200.                                                        <span class="icon-heart text-2xl"></span>
  5201.                                                    </button>
  5202.                                                </div>
  5203.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5204.                                                    <button
  5205.                                                        @click="addToCompare(10867)"
  5206.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5207.                                                        type="button"
  5208.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5209.                                                        data-addto="compare">
  5210.                                                        <span class="icon-balance text-2xl"></span>
  5211.                                                    </button>
  5212.                                                </div>
  5213.                                                                                    </div>
  5214.                                        <div class="product-info flex flex-col grow">
  5215.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5216.                                                <a
  5217.                                                    class="product-item-link"
  5218.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060ti-r7-37x-a18"
  5219.                                                    :id="`slide-desc-10867-${$id('slider-id')}`">
  5220.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 ti 8GB - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 White Aquarium Case                                                </a>
  5221.                                            </div>
  5222.  
  5223.  
  5224.                                                                                                                                        
  5225.  
  5226.  
  5227.                                            
  5228.                                            <div class="pt-1 text-gray-900"
  5229.                                                x-defer="intersect"
  5230.                                                @update-prices-10867.window="updatePrice($event.detail);">
  5231.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10867" data-price-box="product-id-10867">
  5232.    <span class="special-price">
  5233.        <span
  5234.    x-data x-id="['product\u002Dprice\u002D10867']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5235.        >
  5236.            <span class="price-label">Special Price</span>
  5237.        <span  :id="$id('product\u002Dprice\u002D10867')"                data-price-amount="1259"
  5238.        data-price-type="finalPrice"
  5239.        class="price-wrapper "
  5240.    ><span class="price">€ 1.259,00</span></span>
  5241.        </span>
  5242.    </span>
  5243.    <span class="old-price">
  5244.        <span
  5245.    x-data x-id="['old\u002Dprice\u002D10867']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5246.        >
  5247.            <span class="price-label">Regular Price</span>
  5248.        <span  :id="$id('old\u002Dprice\u002D10867')"                data-price-amount="1399"
  5249.        data-price-type="oldPrice"
  5250.        class="price-wrapper "
  5251.    ><span class="price">€ 1.399,00</span></span>
  5252.        </span>
  5253.    </span>
  5254.  
  5255. </div>                                            </div>
  5256.  
  5257.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  5258.            ">
  5259.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5260.                                                                                                                    <button
  5261.                                                                class="w-auto btn justify-center text-xl mr-auto"
  5262.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  5263.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5264.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5265.                                                                data-addto="cart">
  5266.                                                                <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">
  5267.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  5268. </svg>
  5269.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  5270.                                                                    In Winkelwagen                                                                </span>
  5271.                                                            </button>
  5272.                                                                                                            </div>
  5273.  
  5274.                                                                                            </div>
  5275.                                        </div>
  5276.                                                                                                                        </form>
  5277.                                
  5278.                </li>
  5279.                                        
  5280.                            <li class="swiper-slide">
  5281.                                                                    <form method="post"
  5282.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10866/"
  5283.                                        x-data="{
  5284.        hovered: false,
  5285.        grid: true ,
  5286.        isMobile: false,
  5287.        isMobileFunc () {
  5288.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5289.        }
  5290.    }"
  5291.                                        x-init="
  5292.        isMobileFunc();
  5293.        const labelClass = '.amlabel-position-top-right-10866-prod';
  5294.        const labels = document.querySelectorAll(labelClass);
  5295.  
  5296.        $watch('hovered', value => {
  5297.            if (value) {
  5298.                labels.forEach(el => el.style.opacity = '0');
  5299.            } else {
  5300.                labels.forEach(el => el.style.opacity = '1');
  5301.            }
  5302.        });
  5303.    "
  5304.                                        @mouseenter="hovered = true"
  5305.                                        @mouseleave="hovered = false"
  5306.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5307.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5308.                                        >
  5309.                                        <style>
  5310.                                            /* Generate styling for the label based on the product ID */
  5311.                                            .amlabel-position-top-right-10866-prod {
  5312.                                                transition: opacity 0.3s ease;
  5313.                                            }
  5314.                                        </style>
  5315.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10866" />
  5316.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060ti-r7-37x-a17"
  5317.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 ti 8GB - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case"
  5318.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5319.                                            tabindex="-1">
  5320.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1_1_5.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1_1_5.png" width="360" height="360" loading="lazy"></picture>
  5321.                                        </a>
  5322.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5323.                                                                                            <div x-data="initWishlist()">
  5324.                                                    <button
  5325.                                                        @click="addToWishlist(10866)"
  5326.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5327.                                                        type="button"
  5328.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5329.                                                        data-addto="wishlist">
  5330.                                                        <span class="icon-heart text-2xl"></span>
  5331.                                                    </button>
  5332.                                                </div>
  5333.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5334.                                                    <button
  5335.                                                        @click="addToCompare(10866)"
  5336.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5337.                                                        type="button"
  5338.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5339.                                                        data-addto="compare">
  5340.                                                        <span class="icon-balance text-2xl"></span>
  5341.                                                    </button>
  5342.                                                </div>
  5343.                                                                                    </div>
  5344.                                        <div class="product-info flex flex-col grow">
  5345.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5346.                                                <a
  5347.                                                    class="product-item-link"
  5348.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060ti-r7-37x-a17"
  5349.                                                    :id="`slide-desc-10866-${$id('slider-id')}`">
  5350.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 ti 8GB - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case                                                </a>
  5351.                                            </div>
  5352.  
  5353.  
  5354.                                                                                                                                        
  5355.  
  5356.  
  5357.                                            
  5358.                                            <div class="pt-1 text-gray-900"
  5359.                                                x-defer="intersect"
  5360.                                                @update-prices-10866.window="updatePrice($event.detail);">
  5361.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10866" data-price-box="product-id-10866">
  5362.    <span class="special-price">
  5363.        <span
  5364.    x-data x-id="['product\u002Dprice\u002D10866']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5365.        >
  5366.            <span class="price-label">Special Price</span>
  5367.        <span  :id="$id('product\u002Dprice\u002D10866')"                data-price-amount="1259"
  5368.        data-price-type="finalPrice"
  5369.        class="price-wrapper "
  5370.    ><span class="price">€ 1.259,00</span></span>
  5371.        </span>
  5372.    </span>
  5373.    <span class="old-price">
  5374.        <span
  5375.    x-data x-id="['old\u002Dprice\u002D10866']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5376.        >
  5377.            <span class="price-label">Regular Price</span>
  5378.        <span  :id="$id('old\u002Dprice\u002D10866')"                data-price-amount="1399"
  5379.        data-price-type="oldPrice"
  5380.        class="price-wrapper "
  5381.    ><span class="price">€ 1.399,00</span></span>
  5382.        </span>
  5383.    </span>
  5384.  
  5385. </div>                                            </div>
  5386.  
  5387.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  5388.            ">
  5389.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5390.                                                                                                                    <button
  5391.                                                                class="w-auto btn justify-center text-xl mr-auto"
  5392.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  5393.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5394.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5395.                                                                data-addto="cart">
  5396.                                                                <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">
  5397.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  5398. </svg>
  5399.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  5400.                                                                    In Winkelwagen                                                                </span>
  5401.                                                            </button>
  5402.                                                                                                            </div>
  5403.  
  5404.                                                                                            </div>
  5405.                                        </div>
  5406.                                                                                                                        </form>
  5407.                                
  5408.                </li>
  5409.                                        
  5410.                            <li class="swiper-slide">
  5411.                                                                    <form method="post"
  5412.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10863/"
  5413.                                        x-data="{
  5414.        hovered: false,
  5415.        grid: true ,
  5416.        isMobile: false,
  5417.        isMobileFunc () {
  5418.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5419.        }
  5420.    }"
  5421.                                        x-init="
  5422.        isMobileFunc();
  5423.        const labelClass = '.amlabel-position-top-right-10863-prod';
  5424.        const labels = document.querySelectorAll(labelClass);
  5425.  
  5426.        $watch('hovered', value => {
  5427.            if (value) {
  5428.                labels.forEach(el => el.style.opacity = '0');
  5429.            } else {
  5430.                labels.forEach(el => el.style.opacity = '1');
  5431.            }
  5432.        });
  5433.    "
  5434.                                        @mouseenter="hovered = true"
  5435.                                        @mouseleave="hovered = false"
  5436.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5437.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5438.                                        >
  5439.                                        <style>
  5440.                                            /* Generate styling for the label based on the product ID */
  5441.                                            .amlabel-position-top-right-10863-prod {
  5442.                                                transition: opacity 0.3s ease;
  5443.                                            }
  5444.                                        </style>
  5445.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10863" />
  5446.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5070-r7-37x-a16"
  5447.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5070 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 White Aquarium Case"
  5448.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5449.                                            tabindex="-1">
  5450.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frontside_main_atlas_m1_white_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frontside_main_atlas_m1_white_1.jpg" width="360" height="360" loading="lazy"></picture>
  5451.                                        </a>
  5452.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5453.                                                                                            <div x-data="initWishlist()">
  5454.                                                    <button
  5455.                                                        @click="addToWishlist(10863)"
  5456.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5457.                                                        type="button"
  5458.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5459.                                                        data-addto="wishlist">
  5460.                                                        <span class="icon-heart text-2xl"></span>
  5461.                                                    </button>
  5462.                                                </div>
  5463.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5464.                                                    <button
  5465.                                                        @click="addToCompare(10863)"
  5466.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5467.                                                        type="button"
  5468.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5469.                                                        data-addto="compare">
  5470.                                                        <span class="icon-balance text-2xl"></span>
  5471.                                                    </button>
  5472.                                                </div>
  5473.                                                                                    </div>
  5474.                                        <div class="product-info flex flex-col grow">
  5475.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5476.                                                <a
  5477.                                                    class="product-item-link"
  5478.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5070-r7-37x-a16"
  5479.                                                    :id="`slide-desc-10863-${$id('slider-id')}`">
  5480.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5070 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 White Aquarium Case                                                </a>
  5481.                                            </div>
  5482.  
  5483.  
  5484.                                                                                                                                        
  5485.  
  5486.  
  5487.                                            
  5488.                                            <div class="pt-1 text-gray-900"
  5489.                                                x-defer="intersect"
  5490.                                                @update-prices-10863.window="updatePrice($event.detail);">
  5491.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10863" data-price-box="product-id-10863">
  5492.    <span class="special-price">
  5493.        <span
  5494.    x-data x-id="['product\u002Dprice\u002D10863']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5495.        >
  5496.            <span class="price-label">Special Price</span>
  5497.        <span  :id="$id('product\u002Dprice\u002D10863')"                data-price-amount="1449"
  5498.        data-price-type="finalPrice"
  5499.        class="price-wrapper "
  5500.    ><span class="price">€ 1.449,00</span></span>
  5501.        </span>
  5502.    </span>
  5503.    <span class="old-price">
  5504.        <span
  5505.    x-data x-id="['old\u002Dprice\u002D10863']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5506.        >
  5507.            <span class="price-label">Regular Price</span>
  5508.        <span  :id="$id('old\u002Dprice\u002D10863')"                data-price-amount="1599"
  5509.        data-price-type="oldPrice"
  5510.        class="price-wrapper "
  5511.    ><span class="price">€ 1.599,00</span></span>
  5512.        </span>
  5513.    </span>
  5514.  
  5515. </div>                                            </div>
  5516.  
  5517.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  5518.            ">
  5519.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5520.                                                                                                                    <button
  5521.                                                                class="w-auto btn justify-center text-xl mr-auto"
  5522.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  5523.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5524.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5525.                                                                data-addto="cart">
  5526.                                                                <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">
  5527.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  5528. </svg>
  5529.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  5530.                                                                    In Winkelwagen                                                                </span>
  5531.                                                            </button>
  5532.                                                                                                            </div>
  5533.  
  5534.                                                                                            </div>
  5535.                                        </div>
  5536.                                                                                                                        </form>
  5537.                                
  5538.                </li>
  5539.                                        
  5540.                            <li class="swiper-slide">
  5541.                                                                    <form method="post"
  5542.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10862/"
  5543.                                        x-data="{
  5544.        hovered: false,
  5545.        grid: true ,
  5546.        isMobile: false,
  5547.        isMobileFunc () {
  5548.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5549.        }
  5550.    }"
  5551.                                        x-init="
  5552.        isMobileFunc();
  5553.        const labelClass = '.amlabel-position-top-right-10862-prod';
  5554.        const labels = document.querySelectorAll(labelClass);
  5555.  
  5556.        $watch('hovered', value => {
  5557.            if (value) {
  5558.                labels.forEach(el => el.style.opacity = '0');
  5559.            } else {
  5560.                labels.forEach(el => el.style.opacity = '1');
  5561.            }
  5562.        });
  5563.    "
  5564.                                        @mouseenter="hovered = true"
  5565.                                        @mouseleave="hovered = false"
  5566.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5567.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5568.                                        >
  5569.                                        <style>
  5570.                                            /* Generate styling for the label based on the product ID */
  5571.                                            .amlabel-position-top-right-10862-prod {
  5572.                                                transition: opacity 0.3s ease;
  5573.                                            }
  5574.                                        </style>
  5575.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10862" />
  5576.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5070-r7-37x-a15"
  5577.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5070 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case"
  5578.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5579.                                            tabindex="-1">
  5580.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1_1_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1_1_2.png" width="360" height="360" loading="lazy"></picture>
  5581.                                        </a>
  5582.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5583.                                                                                            <div x-data="initWishlist()">
  5584.                                                    <button
  5585.                                                        @click="addToWishlist(10862)"
  5586.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5587.                                                        type="button"
  5588.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5589.                                                        data-addto="wishlist">
  5590.                                                        <span class="icon-heart text-2xl"></span>
  5591.                                                    </button>
  5592.                                                </div>
  5593.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5594.                                                    <button
  5595.                                                        @click="addToCompare(10862)"
  5596.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5597.                                                        type="button"
  5598.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5599.                                                        data-addto="compare">
  5600.                                                        <span class="icon-balance text-2xl"></span>
  5601.                                                    </button>
  5602.                                                </div>
  5603.                                                                                    </div>
  5604.                                        <div class="product-info flex flex-col grow">
  5605.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5606.                                                <a
  5607.                                                    class="product-item-link"
  5608.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5070-r7-37x-a15"
  5609.                                                    :id="`slide-desc-10862-${$id('slider-id')}`">
  5610.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5070 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case                                                </a>
  5611.                                            </div>
  5612.  
  5613.  
  5614.                                                                                                                                        
  5615.  
  5616.  
  5617.                                            
  5618.                                            <div class="pt-1 text-gray-900"
  5619.                                                x-defer="intersect"
  5620.                                                @update-prices-10862.window="updatePrice($event.detail);">
  5621.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10862" data-price-box="product-id-10862">
  5622.    <span class="special-price">
  5623.        <span
  5624.    x-data x-id="['product\u002Dprice\u002D10862']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5625.        >
  5626.            <span class="price-label">Special Price</span>
  5627.        <span  :id="$id('product\u002Dprice\u002D10862')"                data-price-amount="1449"
  5628.        data-price-type="finalPrice"
  5629.        class="price-wrapper "
  5630.    ><span class="price">€ 1.449,00</span></span>
  5631.        </span>
  5632.    </span>
  5633.    <span class="old-price">
  5634.        <span
  5635.    x-data x-id="['old\u002Dprice\u002D10862']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5636.        >
  5637.            <span class="price-label">Regular Price</span>
  5638.        <span  :id="$id('old\u002Dprice\u002D10862')"                data-price-amount="1599"
  5639.        data-price-type="oldPrice"
  5640.        class="price-wrapper "
  5641.    ><span class="price">€ 1.599,00</span></span>
  5642.        </span>
  5643.    </span>
  5644.  
  5645. </div>                                            </div>
  5646.  
  5647.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  5648.            ">
  5649.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5650.                                                                                                                    <button
  5651.                                                                class="w-auto btn justify-center text-xl mr-auto"
  5652.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  5653.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5654.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5070&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5655.                                                                data-addto="cart">
  5656.                                                                <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">
  5657.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  5658. </svg>
  5659.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  5660.                                                                    In Winkelwagen                                                                </span>
  5661.                                                            </button>
  5662.                                                                                                            </div>
  5663.  
  5664.                                                                                            </div>
  5665.                                        </div>
  5666.                                                                                                                        </form>
  5667.                                
  5668.                </li>
  5669.                                        
  5670.                            <li class="swiper-slide">
  5671.                                                                    <form method="post"
  5672.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10856/"
  5673.                                        x-data="{
  5674.        hovered: false,
  5675.        grid: true ,
  5676.        isMobile: false,
  5677.        isMobileFunc () {
  5678.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5679.        }
  5680.    }"
  5681.                                        x-init="
  5682.        isMobileFunc();
  5683.        const labelClass = '.amlabel-position-top-right-10856-prod';
  5684.        const labels = document.querySelectorAll(labelClass);
  5685.  
  5686.        $watch('hovered', value => {
  5687.            if (value) {
  5688.                labels.forEach(el => el.style.opacity = '0');
  5689.            } else {
  5690.                labels.forEach(el => el.style.opacity = '1');
  5691.            }
  5692.        });
  5693.    "
  5694.                                        @mouseenter="hovered = true"
  5695.                                        @mouseleave="hovered = false"
  5696.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5697.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5698.                                        >
  5699.                                        <style>
  5700.                                            /* Generate styling for the label based on the product ID */
  5701.                                            .amlabel-position-top-right-10856-prod {
  5702.                                                transition: opacity 0.3s ease;
  5703.                                            }
  5704.                                        </style>
  5705.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10856" />
  5706.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a14"
  5707.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 White Aquarium Case"
  5708.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5709.                                            tabindex="-1">
  5710.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/h/photo_2024-08-21_13-27-01_2__1_7_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/h/photo_2024-08-21_13-27-01_2__1_7_1.jpg" width="360" height="360" loading="lazy"></picture>
  5711.                                        </a>
  5712.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5713.                                                                                            <div x-data="initWishlist()">
  5714.                                                    <button
  5715.                                                        @click="addToWishlist(10856)"
  5716.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5717.                                                        type="button"
  5718.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5719.                                                        data-addto="wishlist">
  5720.                                                        <span class="icon-heart text-2xl"></span>
  5721.                                                    </button>
  5722.                                                </div>
  5723.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5724.                                                    <button
  5725.                                                        @click="addToCompare(10856)"
  5726.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5727.                                                        type="button"
  5728.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5729.                                                        data-addto="compare">
  5730.                                                        <span class="icon-balance text-2xl"></span>
  5731.                                                    </button>
  5732.                                                </div>
  5733.                                                                                    </div>
  5734.                                        <div class="product-info flex flex-col grow">
  5735.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5736.                                                <a
  5737.                                                    class="product-item-link"
  5738.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a14"
  5739.                                                    :id="`slide-desc-10856-${$id('slider-id')}`">
  5740.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 White Aquarium Case                                                </a>
  5741.                                            </div>
  5742.  
  5743.  
  5744.                                                                                                                                        
  5745.  
  5746.  
  5747.                                            
  5748.                                            <div class="pt-1 text-gray-900"
  5749.                                                x-defer="intersect"
  5750.                                                @update-prices-10856.window="updatePrice($event.detail);">
  5751.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10856" data-price-box="product-id-10856">
  5752.    <span class="special-price">
  5753.        <span
  5754.    x-data x-id="['product\u002Dprice\u002D10856']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5755.        >
  5756.            <span class="price-label">Special Price</span>
  5757.        <span  :id="$id('product\u002Dprice\u002D10856')"                data-price-amount="1169"
  5758.        data-price-type="finalPrice"
  5759.        class="price-wrapper "
  5760.    ><span class="price">€ 1.169,00</span></span>
  5761.        </span>
  5762.    </span>
  5763.    <span class="old-price">
  5764.        <span
  5765.    x-data x-id="['old\u002Dprice\u002D10856']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5766.        >
  5767.            <span class="price-label">Regular Price</span>
  5768.        <span  :id="$id('old\u002Dprice\u002D10856')"                data-price-amount="1299"
  5769.        data-price-type="oldPrice"
  5770.        class="price-wrapper "
  5771.    ><span class="price">€ 1.299,00</span></span>
  5772.        </span>
  5773.    </span>
  5774.  
  5775. </div>                                            </div>
  5776.  
  5777.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  5778.            ">
  5779.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5780.                                                                                                                    <button
  5781.                                                                class="w-auto btn justify-center text-xl mr-auto"
  5782.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  5783.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5784.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  5785.                                                                data-addto="cart">
  5786.                                                                <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">
  5787.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  5788. </svg>
  5789.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  5790.                                                                    In Winkelwagen                                                                </span>
  5791.                                                            </button>
  5792.                                                                                                            </div>
  5793.  
  5794.                                                                                            </div>
  5795.                                        </div>
  5796.                                                                                                                        </form>
  5797.                                
  5798.                </li>
  5799.                                        
  5800.                            <li class="swiper-slide">
  5801.                                                                    <form method="post"
  5802.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10855/"
  5803.                                        x-data="{
  5804.        hovered: false,
  5805.        grid: true ,
  5806.        isMobile: false,
  5807.        isMobileFunc () {
  5808.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5809.        }
  5810.    }"
  5811.                                        x-init="
  5812.        isMobileFunc();
  5813.        const labelClass = '.amlabel-position-top-right-10855-prod';
  5814.        const labels = document.querySelectorAll(labelClass);
  5815.  
  5816.        $watch('hovered', value => {
  5817.            if (value) {
  5818.                labels.forEach(el => el.style.opacity = '0');
  5819.            } else {
  5820.                labels.forEach(el => el.style.opacity = '1');
  5821.            }
  5822.        });
  5823.    "
  5824.                                        @mouseenter="hovered = true"
  5825.                                        @mouseleave="hovered = false"
  5826.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5827.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5828.                                        >
  5829.                                        <style>
  5830.                                            /* Generate styling for the label based on the product ID */
  5831.                                            .amlabel-position-top-right-10855-prod {
  5832.                                                transition: opacity 0.3s ease;
  5833.                                            }
  5834.                                        </style>
  5835.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10855" />
  5836.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a1"
  5837.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case"
  5838.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5839.                                            tabindex="-1">
  5840.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1_1.png" width="360" height="360" loading="lazy"></picture>
  5841.                                        </a>
  5842.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5843.                                                                                            <div x-data="initWishlist()">
  5844.                                                    <button
  5845.                                                        @click="addToWishlist(10855)"
  5846.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5847.                                                        type="button"
  5848.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5849.                                                        data-addto="wishlist">
  5850.                                                        <span class="icon-heart text-2xl"></span>
  5851.                                                    </button>
  5852.                                                </div>
  5853.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5854.                                                    <button
  5855.                                                        @click="addToCompare(10855)"
  5856.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5857.                                                        type="button"
  5858.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5859.                                                        data-addto="compare">
  5860.                                                        <span class="icon-balance text-2xl"></span>
  5861.                                                    </button>
  5862.                                                </div>
  5863.                                                                                    </div>
  5864.                                        <div class="product-info flex flex-col grow">
  5865.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5866.                                                <a
  5867.                                                    class="product-item-link"
  5868.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a1"
  5869.                                                    :id="`slide-desc-10855-${$id('slider-id')}`">
  5870.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case                                                </a>
  5871.                                            </div>
  5872.  
  5873.  
  5874.                                                                                                                                        
  5875.  
  5876.  
  5877.                                            
  5878.                                            <div class="pt-1 text-gray-900"
  5879.                                                x-defer="intersect"
  5880.                                                @update-prices-10855.window="updatePrice($event.detail);">
  5881.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10855" data-price-box="product-id-10855">
  5882.    <span class="special-price">
  5883.        <span
  5884.    x-data x-id="['product\u002Dprice\u002D10855']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5885.        >
  5886.            <span class="price-label">Special Price</span>
  5887.        <span  :id="$id('product\u002Dprice\u002D10855')"                data-price-amount="1169"
  5888.        data-price-type="finalPrice"
  5889.        class="price-wrapper "
  5890.    ><span class="price">€ 1.169,00</span></span>
  5891.        </span>
  5892.    </span>
  5893.    <span class="old-price">
  5894.        <span
  5895.    x-data x-id="['old\u002Dprice\u002D10855']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  5896.        >
  5897.            <span class="price-label">Regular Price</span>
  5898.        <span  :id="$id('old\u002Dprice\u002D10855')"                data-price-amount="1299"
  5899.        data-price-type="oldPrice"
  5900.        class="price-wrapper "
  5901.    ><span class="price">€ 1.299,00</span></span>
  5902.        </span>
  5903.    </span>
  5904.  
  5905. </div>                                            </div>
  5906.  
  5907.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  5908.            ">
  5909.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5910.                                                                                                                    <button
  5911.                                                                class="w-auto btn justify-center text-xl mr-auto"
  5912.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  5913.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5914.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5060&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  5915.                                                                data-addto="cart">
  5916.                                                                <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">
  5917.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  5918. </svg>
  5919.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  5920.                                                                    In Winkelwagen                                                                </span>
  5921.                                                            </button>
  5922.                                                                                                            </div>
  5923.  
  5924.                                                                                            </div>
  5925.                                        </div>
  5926.                                                                                                                        </form>
  5927.                                
  5928.                </li>
  5929.                                        
  5930.                            <li class="swiper-slide">
  5931.                                                                    <form method="post"
  5932.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8666/"
  5933.                                        x-data="{
  5934.        hovered: false,
  5935.        grid: true ,
  5936.        isMobile: false,
  5937.        isMobileFunc () {
  5938.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  5939.        }
  5940.    }"
  5941.                                        x-init="
  5942.        isMobileFunc();
  5943.        const labelClass = '.amlabel-position-top-right-8666-prod';
  5944.        const labels = document.querySelectorAll(labelClass);
  5945.  
  5946.        $watch('hovered', value => {
  5947.            if (value) {
  5948.                labels.forEach(el => el.style.opacity = '0');
  5949.            } else {
  5950.                labels.forEach(el => el.style.opacity = '1');
  5951.            }
  5952.        });
  5953.    "
  5954.                                        @mouseenter="hovered = true"
  5955.                                        @mouseleave="hovered = false"
  5956.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  5957.                                        :class="isMobile ? 'product-item-mobile' : ''"
  5958.                                        >
  5959.                                        <style>
  5960.                                            /* Generate styling for the label based on the product ID */
  5961.                                            .amlabel-position-top-right-8666-prod {
  5962.                                                transition: opacity 0.3s ease;
  5963.                                            }
  5964.                                        </style>
  5965.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8666" />
  5966.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  5967.                                            title="Mushie Stacking - Retro Pastel Kleuren"
  5968.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  5969.                                            tabindex="-1">
  5970.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_retro_pastel_kleuren_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren" title="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_retro_pastel_kleuren_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  5971.                                        </a>
  5972.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  5973.                                                                                            <div x-data="initWishlist()">
  5974.                                                    <button
  5975.                                                        @click="addToWishlist(8666)"
  5976.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  5977.                                                        type="button"
  5978.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5979.                                                        data-addto="wishlist">
  5980.                                                        <span class="icon-heart text-2xl"></span>
  5981.                                                    </button>
  5982.                                                </div>
  5983.                                                                                                                                        <div x-data="initCompareOnProductList()">
  5984.                                                    <button
  5985.                                                        @click="addToCompare(8666)"
  5986.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  5987.                                                        type="button"
  5988.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  5989.                                                        data-addto="compare">
  5990.                                                        <span class="icon-balance text-2xl"></span>
  5991.                                                    </button>
  5992.                                                </div>
  5993.                                                                                    </div>
  5994.                                        <div class="product-info flex flex-col grow">
  5995.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  5996.                                                <a
  5997.                                                    class="product-item-link"
  5998.                                                    href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  5999.                                                    :id="`slide-desc-8666-${$id('slider-id')}`">
  6000.                                                    Mushie Stacking - Retro Pastel Kleuren                                                </a>
  6001.                                            </div>
  6002.  
  6003.  
  6004.                                                                                                                                        
  6005.  
  6006.  
  6007.                                            
  6008.                                            <div class="pt-1 text-gray-900"
  6009.                                                x-defer="intersect"
  6010.                                                @update-prices-8666.window="updatePrice($event.detail);">
  6011.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8666" data-price-box="product-id-8666">
  6012.    <span
  6013.    x-data x-id="['product\u002Dprice\u002D8666']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6014.        >
  6015.        <span  :id="$id('product\u002Dprice\u002D8666')"                data-price-amount="17.95"
  6016.        data-price-type="finalPrice"
  6017.        class="price-wrapper "
  6018.    ><span class="price">€ 17,95</span></span>
  6019.        </span>
  6020.  
  6021. </div>                                            </div>
  6022.  
  6023.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6024.            ">
  6025.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6026.                                                                                                                    <button
  6027.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6028.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6029.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6030.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6031.                                                                data-addto="cart">
  6032.                                                                <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">
  6033.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6034. </svg>
  6035.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6036.                                                                    In Winkelwagen                                                                </span>
  6037.                                                            </button>
  6038.                                                                                                            </div>
  6039.  
  6040.                                                                                            </div>
  6041.                                        </div>
  6042.                                                                                                                        </form>
  6043.                                
  6044.                </li>
  6045.                                        
  6046.                            <li class="swiper-slide">
  6047.                                                                    <form method="post"
  6048.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8319/"
  6049.                                        x-data="{
  6050.        hovered: false,
  6051.        grid: true ,
  6052.        isMobile: false,
  6053.        isMobileFunc () {
  6054.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6055.        }
  6056.    }"
  6057.                                        x-init="
  6058.        isMobileFunc();
  6059.        const labelClass = '.amlabel-position-top-right-8319-prod';
  6060.        const labels = document.querySelectorAll(labelClass);
  6061.  
  6062.        $watch('hovered', value => {
  6063.            if (value) {
  6064.                labels.forEach(el => el.style.opacity = '0');
  6065.            } else {
  6066.                labels.forEach(el => el.style.opacity = '1');
  6067.            }
  6068.        });
  6069.    "
  6070.                                        @mouseenter="hovered = true"
  6071.                                        @mouseleave="hovered = false"
  6072.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6073.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6074.                                        >
  6075.                                        <style>
  6076.                                            /* Generate styling for the label based on the product ID */
  6077.                                            .amlabel-position-top-right-8319-prod {
  6078.                                                transition: opacity 0.3s ease;
  6079.                                            }
  6080.                                        </style>
  6081.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8319" />
  6082.                                                                                                                                                            <a href="https://www.lalashops.nl/hem-copal-rose-wierook-pakje-a-20-stokjes-kh_hemcopalrosesp"
  6083.                                            title="HEM Copal Rose Wierook (pakje a 20 stokjes)"
  6084.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6085.                                            tabindex="-1">
  6086.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/c/o/copal_rose-1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;" title="HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/c/o/copal_rose-1.jpg" width="360" height="360" loading="lazy"></picture>
  6087.                                        </a>
  6088.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6089.                                                                                            <div x-data="initWishlist()">
  6090.                                                    <button
  6091.                                                        @click="addToWishlist(8319)"
  6092.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;"
  6093.                                                        type="button"
  6094.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6095.                                                        data-addto="wishlist">
  6096.                                                        <span class="icon-heart text-2xl"></span>
  6097.                                                    </button>
  6098.                                                </div>
  6099.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6100.                                                    <button
  6101.                                                        @click="addToCompare(8319)"
  6102.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;"
  6103.                                                        type="button"
  6104.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6105.                                                        data-addto="compare">
  6106.                                                        <span class="icon-balance text-2xl"></span>
  6107.                                                    </button>
  6108.                                                </div>
  6109.                                                                                    </div>
  6110.                                        <div class="product-info flex flex-col grow">
  6111.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6112.                                                <a
  6113.                                                    class="product-item-link"
  6114.                                                    href="https://www.lalashops.nl/hem-copal-rose-wierook-pakje-a-20-stokjes-kh_hemcopalrosesp"
  6115.                                                    :id="`slide-desc-8319-${$id('slider-id')}`">
  6116.                                                    HEM Copal Rose Wierook (pakje a 20 stokjes)                                                </a>
  6117.                                            </div>
  6118.  
  6119.  
  6120.                                                                                                                                        
  6121.  
  6122.  
  6123.                                            
  6124.                                            <div class="pt-1 text-gray-900"
  6125.                                                x-defer="intersect"
  6126.                                                @update-prices-8319.window="updatePrice($event.detail);">
  6127.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8319" data-price-box="product-id-8319">
  6128.    <span
  6129.    x-data x-id="['product\u002Dprice\u002D8319']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6130.        >
  6131.        <span  :id="$id('product\u002Dprice\u002D8319')"                data-price-amount="1.25"
  6132.        data-price-type="finalPrice"
  6133.        class="price-wrapper "
  6134.    ><span class="price">€ 1,25</span></span>
  6135.        </span>
  6136.  
  6137. </div>                                            </div>
  6138.  
  6139.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6140.            ">
  6141.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6142.                                                                                                                    <button
  6143.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6144.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6145.                                                                title="In&#x20;Winkelwagen&#x20;HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;"
  6146.                                                                aria-label="In&#x20;Winkelwagen&#x20;HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;"
  6147.                                                                data-addto="cart">
  6148.                                                                <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">
  6149.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6150. </svg>
  6151.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6152.                                                                    In Winkelwagen                                                                </span>
  6153.                                                            </button>
  6154.                                                                                                            </div>
  6155.  
  6156.                                                                                            </div>
  6157.                                        </div>
  6158.                                                                                                                        </form>
  6159.                                
  6160.                </li>
  6161.                                        
  6162.                            <li class="swiper-slide">
  6163.                                                                    <form method="post"
  6164.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8022/"
  6165.                                        x-data="{
  6166.        hovered: false,
  6167.        grid: true ,
  6168.        isMobile: false,
  6169.        isMobileFunc () {
  6170.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6171.        }
  6172.    }"
  6173.                                        x-init="
  6174.        isMobileFunc();
  6175.        const labelClass = '.amlabel-position-top-right-8022-prod';
  6176.        const labels = document.querySelectorAll(labelClass);
  6177.  
  6178.        $watch('hovered', value => {
  6179.            if (value) {
  6180.                labels.forEach(el => el.style.opacity = '0');
  6181.            } else {
  6182.                labels.forEach(el => el.style.opacity = '1');
  6183.            }
  6184.        });
  6185.    "
  6186.                                        @mouseenter="hovered = true"
  6187.                                        @mouseleave="hovered = false"
  6188.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6189.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6190.                                        >
  6191.                                        <style>
  6192.                                            /* Generate styling for the label based on the product ID */
  6193.                                            .amlabel-position-top-right-8022-prod {
  6194.                                                transition: opacity 0.3s ease;
  6195.                                            }
  6196.                                        </style>
  6197.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8022" />
  6198.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-basic-gaming-computer-i3-10100-i3-gam-a10"
  6199.                                            title="Intel Power Game PC (300 FPS Fortnite Performance Mode) - RTX 3050 8GB - 512GB M2.0 SSD - 2TB HDD - 16GB RAM - Athena E1"
  6200.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6201.                                            tabindex="-1">
  6202.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_1_2_5.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;Power&#x20;Game&#x20;PC&#x20;&#x28;300&#x20;FPS&#x20;Fortnite&#x20;Performance&#x20;Mode&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;512GB&#x20;M2.0&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Athena&#x20;E1" title="Intel&#x20;Power&#x20;Game&#x20;PC&#x20;&#x28;300&#x20;FPS&#x20;Fortnite&#x20;Performance&#x20;Mode&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;512GB&#x20;M2.0&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Athena&#x20;E1" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_1_2_5.jpg" width="360" height="360" loading="lazy"></picture>
  6203.                                        </a>
  6204.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6205.                                                                                            <div x-data="initWishlist()">
  6206.                                                    <button
  6207.                                                        @click="addToWishlist(8022)"
  6208.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;Power&#x20;Game&#x20;PC&#x20;&#x28;300&#x20;FPS&#x20;Fortnite&#x20;Performance&#x20;Mode&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;512GB&#x20;M2.0&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Athena&#x20;E1"
  6209.                                                        type="button"
  6210.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6211.                                                        data-addto="wishlist">
  6212.                                                        <span class="icon-heart text-2xl"></span>
  6213.                                                    </button>
  6214.                                                </div>
  6215.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6216.                                                    <button
  6217.                                                        @click="addToCompare(8022)"
  6218.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;Power&#x20;Game&#x20;PC&#x20;&#x28;300&#x20;FPS&#x20;Fortnite&#x20;Performance&#x20;Mode&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;512GB&#x20;M2.0&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Athena&#x20;E1"
  6219.                                                        type="button"
  6220.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6221.                                                        data-addto="compare">
  6222.                                                        <span class="icon-balance text-2xl"></span>
  6223.                                                    </button>
  6224.                                                </div>
  6225.                                                                                    </div>
  6226.                                        <div class="product-info flex flex-col grow">
  6227.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6228.                                                <a
  6229.                                                    class="product-item-link"
  6230.                                                    href="https://www.lalashops.nl/intel-basic-gaming-computer-i3-10100-i3-gam-a10"
  6231.                                                    :id="`slide-desc-8022-${$id('slider-id')}`">
  6232.                                                    Intel Power Game PC (300 FPS Fortnite Performance Mode) - RTX 3050 8GB - 512GB M2.0 SSD - 2TB HDD - 16GB RAM - Athena E1                                                </a>
  6233.                                            </div>
  6234.  
  6235.  
  6236.                                                                                                                                        
  6237.  
  6238.  
  6239.                                            
  6240.                                            <div class="pt-1 text-gray-900"
  6241.                                                x-defer="intersect"
  6242.                                                @update-prices-8022.window="updatePrice($event.detail);">
  6243.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8022" data-price-box="product-id-8022">
  6244.    <span class="special-price">
  6245.        <span
  6246.    x-data x-id="['product\u002Dprice\u002D8022']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6247.        >
  6248.            <span class="price-label">Special Price</span>
  6249.        <span  :id="$id('product\u002Dprice\u002D8022')"                data-price-amount="625"
  6250.        data-price-type="finalPrice"
  6251.        class="price-wrapper "
  6252.    ><span class="price">€ 625,00</span></span>
  6253.        </span>
  6254.    </span>
  6255.    <span class="old-price">
  6256.        <span
  6257.    x-data x-id="['old\u002Dprice\u002D8022']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6258.        >
  6259.            <span class="price-label">Regular Price</span>
  6260.        <span  :id="$id('old\u002Dprice\u002D8022')"                data-price-amount="649"
  6261.        data-price-type="oldPrice"
  6262.        class="price-wrapper "
  6263.    ><span class="price">€ 649,00</span></span>
  6264.        </span>
  6265.    </span>
  6266.  
  6267. </div>                                            </div>
  6268.  
  6269.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6270.            ">
  6271.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6272.                                                                                                                    <button
  6273.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6274.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6275.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;Power&#x20;Game&#x20;PC&#x20;&#x28;300&#x20;FPS&#x20;Fortnite&#x20;Performance&#x20;Mode&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;512GB&#x20;M2.0&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Athena&#x20;E1"
  6276.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;Power&#x20;Game&#x20;PC&#x20;&#x28;300&#x20;FPS&#x20;Fortnite&#x20;Performance&#x20;Mode&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;512GB&#x20;M2.0&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Athena&#x20;E1"
  6277.                                                                data-addto="cart">
  6278.                                                                <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">
  6279.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6280. </svg>
  6281.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6282.                                                                    In Winkelwagen                                                                </span>
  6283.                                                            </button>
  6284.                                                                                                            </div>
  6285.  
  6286.                                                                                            </div>
  6287.                                        </div>
  6288.                                                                                                                        </form>
  6289.                                
  6290.                </li>
  6291.                                        
  6292.                            <li class="swiper-slide">
  6293.                                                                    <form method="post"
  6294.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/7500/"
  6295.                                        x-data="{
  6296.        hovered: false,
  6297.        grid: true ,
  6298.        isMobile: false,
  6299.        isMobileFunc () {
  6300.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6301.        }
  6302.    }"
  6303.                                        x-init="
  6304.        isMobileFunc();
  6305.        const labelClass = '.amlabel-position-top-right-7500-prod';
  6306.        const labels = document.querySelectorAll(labelClass);
  6307.  
  6308.        $watch('hovered', value => {
  6309.            if (value) {
  6310.                labels.forEach(el => el.style.opacity = '0');
  6311.            } else {
  6312.                labels.forEach(el => el.style.opacity = '1');
  6313.            }
  6314.        });
  6315.    "
  6316.                                        @mouseenter="hovered = true"
  6317.                                        @mouseleave="hovered = false"
  6318.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6319.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6320.                                        >
  6321.                                        <style>
  6322.                                            /* Generate styling for the label based on the product ID */
  6323.                                            .amlabel-position-top-right-7500-prod {
  6324.                                                transition: opacity 0.3s ease;
  6325.                                            }
  6326.                                        </style>
  6327.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="7500" />
  6328.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-9-7900x-game-pc-b650-gaming-x-ax-computer-rtx-5080-r9-gam-a9"
  6329.                                            title="AMD Ryzen 9 7900X High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5080 - 32GB DDR5 RGB - 2TB Gen4 SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case"
  6330.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6331.                                            tabindex="-1">
  6332.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/game_pc_main_purple_1.png" width="360" height="360" loading="lazy"></picture>
  6333.                                        </a>
  6334.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6335.                                                                                            <div x-data="initWishlist()">
  6336.                                                    <button
  6337.                                                        @click="addToWishlist(7500)"
  6338.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  6339.                                                        type="button"
  6340.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6341.                                                        data-addto="wishlist">
  6342.                                                        <span class="icon-heart text-2xl"></span>
  6343.                                                    </button>
  6344.                                                </div>
  6345.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6346.                                                    <button
  6347.                                                        @click="addToCompare(7500)"
  6348.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  6349.                                                        type="button"
  6350.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6351.                                                        data-addto="compare">
  6352.                                                        <span class="icon-balance text-2xl"></span>
  6353.                                                    </button>
  6354.                                                </div>
  6355.                                                                                    </div>
  6356.                                        <div class="product-info flex flex-col grow">
  6357.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6358.                                                <a
  6359.                                                    class="product-item-link"
  6360.                                                    href="https://www.lalashops.nl/amd-ryzen-9-7900x-game-pc-b650-gaming-x-ax-computer-rtx-5080-r9-gam-a9"
  6361.                                                    :id="`slide-desc-7500-${$id('slider-id')}`">
  6362.                                                    AMD Ryzen 9 7900X High-End Game PC WATERKOELING Met Temperatuur Display -  RTX 5080 - 32GB DDR5 RGB - 2TB Gen4 SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gamdias Atlas M1 Aquarium Case                                                </a>
  6363.                                            </div>
  6364.  
  6365.  
  6366.                                                                                                                                        
  6367.  
  6368.  
  6369.                                            
  6370.                                            <div class="pt-1 text-gray-900"
  6371.                                                x-defer="intersect"
  6372.                                                @update-prices-7500.window="updatePrice($event.detail);">
  6373.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7500" data-price-box="product-id-7500">
  6374.    <span class="special-price">
  6375.        <span
  6376.    x-data x-id="['product\u002Dprice\u002D7500']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6377.        >
  6378.            <span class="price-label">Special Price</span>
  6379.        <span  :id="$id('product\u002Dprice\u002D7500')"                data-price-amount="2499"
  6380.        data-price-type="finalPrice"
  6381.        class="price-wrapper "
  6382.    ><span class="price">€ 2.499,00</span></span>
  6383.        </span>
  6384.    </span>
  6385.    <span class="old-price">
  6386.        <span
  6387.    x-data x-id="['old\u002Dprice\u002D7500']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6388.        >
  6389.            <span class="price-label">Regular Price</span>
  6390.        <span  :id="$id('old\u002Dprice\u002D7500')"                data-price-amount="2750"
  6391.        data-price-type="oldPrice"
  6392.        class="price-wrapper "
  6393.    ><span class="price">€ 2.750,00</span></span>
  6394.        </span>
  6395.    </span>
  6396.  
  6397. </div>                                            </div>
  6398.  
  6399.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6400.            ">
  6401.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6402.                                                                                                                    <button
  6403.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6404.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6405.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  6406.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;9&#x20;7900X&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  6407.                                                                data-addto="cart">
  6408.                                                                <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">
  6409.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6410. </svg>
  6411.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6412.                                                                    In Winkelwagen                                                                </span>
  6413.                                                            </button>
  6414.                                                                                                            </div>
  6415.  
  6416.                                                                                            </div>
  6417.                                        </div>
  6418.                                                                                                                        </form>
  6419.                                
  6420.                </li>
  6421.                                        
  6422.                            <li class="swiper-slide">
  6423.                                                                    <form method="post"
  6424.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/7057/"
  6425.                                        x-data="{
  6426.        hovered: false,
  6427.        grid: true ,
  6428.        isMobile: false,
  6429.        isMobileFunc () {
  6430.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6431.        }
  6432.    }"
  6433.                                        x-init="
  6434.        isMobileFunc();
  6435.        const labelClass = '.amlabel-position-top-right-7057-prod';
  6436.        const labels = document.querySelectorAll(labelClass);
  6437.  
  6438.        $watch('hovered', value => {
  6439.            if (value) {
  6440.                labels.forEach(el => el.style.opacity = '0');
  6441.            } else {
  6442.                labels.forEach(el => el.style.opacity = '1');
  6443.            }
  6444.        });
  6445.    "
  6446.                                        @mouseenter="hovered = true"
  6447.                                        @mouseleave="hovered = false"
  6448.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6449.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6450.                                        >
  6451.                                        <style>
  6452.                                            /* Generate styling for the label based on the product ID */
  6453.                                            .amlabel-position-top-right-7057-prod {
  6454.                                                transition: opacity 0.3s ease;
  6455.                                            }
  6456.                                        </style>
  6457.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="7057" />
  6458.                                                                                                                                                            <a href="https://www.lalashops.nl/sac-aromatische-olie-eucalyptus-flesje-10ml-oliesaceuca"
  6459.                                            title="SAC Aromatische olie - Eucaliptus / Eucalyptus - Flesje 10ml"
  6460.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6461.                                            tabindex="-1">
  6462.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/e/u/eucalyptus.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml" title="SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/e/u/eucalyptus.png" width="360" height="360" loading="lazy"></picture>
  6463.                                        </a>
  6464.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6465.                                                                                            <div x-data="initWishlist()">
  6466.                                                    <button
  6467.                                                        @click="addToWishlist(7057)"
  6468.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml"
  6469.                                                        type="button"
  6470.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6471.                                                        data-addto="wishlist">
  6472.                                                        <span class="icon-heart text-2xl"></span>
  6473.                                                    </button>
  6474.                                                </div>
  6475.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6476.                                                    <button
  6477.                                                        @click="addToCompare(7057)"
  6478.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml"
  6479.                                                        type="button"
  6480.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6481.                                                        data-addto="compare">
  6482.                                                        <span class="icon-balance text-2xl"></span>
  6483.                                                    </button>
  6484.                                                </div>
  6485.                                                                                    </div>
  6486.                                        <div class="product-info flex flex-col grow">
  6487.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6488.                                                <a
  6489.                                                    class="product-item-link"
  6490.                                                    href="https://www.lalashops.nl/sac-aromatische-olie-eucalyptus-flesje-10ml-oliesaceuca"
  6491.                                                    :id="`slide-desc-7057-${$id('slider-id')}`">
  6492.                                                    SAC Aromatische olie - Eucaliptus / Eucalyptus - Flesje 10ml                                                </a>
  6493.                                            </div>
  6494.  
  6495.  
  6496.                                                                                                                                        
  6497.  
  6498.  
  6499.                                            
  6500.                                            <div class="pt-1 text-gray-900"
  6501.                                                x-defer="intersect"
  6502.                                                @update-prices-7057.window="updatePrice($event.detail);">
  6503.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7057" data-price-box="product-id-7057">
  6504.    <span
  6505.    x-data x-id="['product\u002Dprice\u002D7057']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6506.        >
  6507.        <span  :id="$id('product\u002Dprice\u002D7057')"                data-price-amount="4.95"
  6508.        data-price-type="finalPrice"
  6509.        class="price-wrapper "
  6510.    ><span class="price">€ 4,95</span></span>
  6511.        </span>
  6512.  
  6513.            <a href="https://www.lalashops.nl/sac-aromatische-olie-eucalyptus-flesje-10ml-oliesaceuca" class="minimal-price-link">
  6514.            <span
  6515.    x-data x-id="['7057']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6516.        >
  6517.            <span class="price-label">Vanaf</span>
  6518.        <span  :id="$id('7057')"                data-price-amount="2.95"
  6519.        data-price-type=""
  6520.        class="price-wrapper "
  6521.    >€ 2,95</span>
  6522.        </span>
  6523.        </a>
  6524.    </div>                                            </div>
  6525.  
  6526.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6527.            ">
  6528.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6529.                                                                                                                    <button
  6530.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6531.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6532.                                                                title="In&#x20;Winkelwagen&#x20;SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml"
  6533.                                                                aria-label="In&#x20;Winkelwagen&#x20;SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml"
  6534.                                                                data-addto="cart">
  6535.                                                                <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">
  6536.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6537. </svg>
  6538.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6539.                                                                    In Winkelwagen                                                                </span>
  6540.                                                            </button>
  6541.                                                                                                            </div>
  6542.  
  6543.                                                                                            </div>
  6544.                                        </div>
  6545.                                                                                                                        </form>
  6546.                                
  6547.                </li>
  6548.                                        
  6549.                            <li class="swiper-slide">
  6550.                                                                    <form method="post"
  6551.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/1640/"
  6552.                                        x-data="{
  6553.        hovered: false,
  6554.        grid: true ,
  6555.        isMobile: false,
  6556.        isMobileFunc () {
  6557.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6558.        }
  6559.    }"
  6560.                                        x-init="
  6561.        isMobileFunc();
  6562.        const labelClass = '.amlabel-position-top-right-1640-prod';
  6563.        const labels = document.querySelectorAll(labelClass);
  6564.  
  6565.        $watch('hovered', value => {
  6566.            if (value) {
  6567.                labels.forEach(el => el.style.opacity = '0');
  6568.            } else {
  6569.                labels.forEach(el => el.style.opacity = '1');
  6570.            }
  6571.        });
  6572.    "
  6573.                                        @mouseenter="hovered = true"
  6574.                                        @mouseleave="hovered = false"
  6575.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6576.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6577.                                        >
  6578.                                        <style>
  6579.                                            /* Generate styling for the label based on the product ID */
  6580.                                            .amlabel-position-top-right-1640-prod {
  6581.                                                transition: opacity 0.3s ease;
  6582.                                            }
  6583.                                        </style>
  6584.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="1640" />
  6585.                                                                                                                                                            <a href="https://www.lalashops.nl/vijayshree-nag-champa-gold-wierook-pakje-a-20-stokjes"
  6586.                                            title="Vijayshree Wierook - Golden Nag Champa - Agarbathi (pakje a 15 gram)"
  6587.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6588.                                            tabindex="-1">
  6589.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nag-champa.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Vijayshree&#x20;Wierook&#x20;-&#x20;Golden&#x20;Nag&#x20;Champa&#x20;-&#x20;Agarbathi&#x20;&#x28;pakje&#x20;a&#x20;15&#x20;gram&#x29;" title="Vijayshree&#x20;Wierook&#x20;-&#x20;Golden&#x20;Nag&#x20;Champa&#x20;-&#x20;Agarbathi&#x20;&#x28;pakje&#x20;a&#x20;15&#x20;gram&#x29;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nag-champa.jpg" width="360" height="360" loading="lazy"></picture>
  6590.                                        </a>
  6591.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6592.                                                                                            <div x-data="initWishlist()">
  6593.                                                    <button
  6594.                                                        @click="addToWishlist(1640)"
  6595.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Vijayshree&#x20;Wierook&#x20;-&#x20;Golden&#x20;Nag&#x20;Champa&#x20;-&#x20;Agarbathi&#x20;&#x28;pakje&#x20;a&#x20;15&#x20;gram&#x29;"
  6596.                                                        type="button"
  6597.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6598.                                                        data-addto="wishlist">
  6599.                                                        <span class="icon-heart text-2xl"></span>
  6600.                                                    </button>
  6601.                                                </div>
  6602.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6603.                                                    <button
  6604.                                                        @click="addToCompare(1640)"
  6605.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Vijayshree&#x20;Wierook&#x20;-&#x20;Golden&#x20;Nag&#x20;Champa&#x20;-&#x20;Agarbathi&#x20;&#x28;pakje&#x20;a&#x20;15&#x20;gram&#x29;"
  6606.                                                        type="button"
  6607.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6608.                                                        data-addto="compare">
  6609.                                                        <span class="icon-balance text-2xl"></span>
  6610.                                                    </button>
  6611.                                                </div>
  6612.                                                                                    </div>
  6613.                                        <div class="product-info flex flex-col grow">
  6614.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6615.                                                <a
  6616.                                                    class="product-item-link"
  6617.                                                    href="https://www.lalashops.nl/vijayshree-nag-champa-gold-wierook-pakje-a-20-stokjes"
  6618.                                                    :id="`slide-desc-1640-${$id('slider-id')}`">
  6619.                                                    Vijayshree Wierook - Golden Nag Champa - Agarbathi (pakje a 15 gram)                                                </a>
  6620.                                            </div>
  6621.  
  6622.  
  6623.                                                                                                                                        
  6624.  
  6625.  
  6626.                                            
  6627.                                            <div class="pt-1 text-gray-900"
  6628.                                                x-defer="intersect"
  6629.                                                @update-prices-1640.window="updatePrice($event.detail);">
  6630.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="1640" data-price-box="product-id-1640">
  6631.    <span
  6632.    x-data x-id="['product\u002Dprice\u002D1640']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6633.        >
  6634.        <span  :id="$id('product\u002Dprice\u002D1640')"                data-price-amount="1.2"
  6635.        data-price-type="finalPrice"
  6636.        class="price-wrapper "
  6637.    ><span class="price">€ 1,20</span></span>
  6638.        </span>
  6639.  
  6640. </div>                                            </div>
  6641.  
  6642.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6643.            ">
  6644.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6645.                                                                                                                    <button
  6646.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6647.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6648.                                                                title="In&#x20;Winkelwagen&#x20;Vijayshree&#x20;Wierook&#x20;-&#x20;Golden&#x20;Nag&#x20;Champa&#x20;-&#x20;Agarbathi&#x20;&#x28;pakje&#x20;a&#x20;15&#x20;gram&#x29;"
  6649.                                                                aria-label="In&#x20;Winkelwagen&#x20;Vijayshree&#x20;Wierook&#x20;-&#x20;Golden&#x20;Nag&#x20;Champa&#x20;-&#x20;Agarbathi&#x20;&#x28;pakje&#x20;a&#x20;15&#x20;gram&#x29;"
  6650.                                                                data-addto="cart">
  6651.                                                                <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">
  6652.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6653. </svg>
  6654.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6655.                                                                    In Winkelwagen                                                                </span>
  6656.                                                            </button>
  6657.                                                                                                            </div>
  6658.  
  6659.                                                                                            </div>
  6660.                                        </div>
  6661.                                                                                                                        </form>
  6662.                                
  6663.                </li>
  6664.                                        
  6665.                            <li class="swiper-slide">
  6666.                                                                    <form method="post"
  6667.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/1598/"
  6668.                                        x-data="{
  6669.        hovered: false,
  6670.        grid: true ,
  6671.        isMobile: false,
  6672.        isMobileFunc () {
  6673.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6674.        }
  6675.    }"
  6676.                                        x-init="
  6677.        isMobileFunc();
  6678.        const labelClass = '.amlabel-position-top-right-1598-prod';
  6679.        const labels = document.querySelectorAll(labelClass);
  6680.  
  6681.        $watch('hovered', value => {
  6682.            if (value) {
  6683.                labels.forEach(el => el.style.opacity = '0');
  6684.            } else {
  6685.                labels.forEach(el => el.style.opacity = '1');
  6686.            }
  6687.        });
  6688.    "
  6689.                                        @mouseenter="hovered = true"
  6690.                                        @mouseleave="hovered = false"
  6691.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6692.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6693.                                        >
  6694.                                        <style>
  6695.                                            /* Generate styling for the label based on the product ID */
  6696.                                            .amlabel-position-top-right-1598-prod {
  6697.                                                transition: opacity 0.3s ease;
  6698.                                            }
  6699.                                        </style>
  6700.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="1598" />
  6701.                                                                                                                                                            <a href="https://www.lalashops.nl/hem-aloe-vera-wierook-pakje-a-20-stokjes"
  6702.                                            title="HEM Aloe Vera wierook (pakje á 20 stokjes)"
  6703.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6704.                                            tabindex="-1">
  6705.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080706-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;" title="HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080706-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  6706.                                        </a>
  6707.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6708.                                                                                            <div x-data="initWishlist()">
  6709.                                                    <button
  6710.                                                        @click="addToWishlist(1598)"
  6711.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;"
  6712.                                                        type="button"
  6713.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6714.                                                        data-addto="wishlist">
  6715.                                                        <span class="icon-heart text-2xl"></span>
  6716.                                                    </button>
  6717.                                                </div>
  6718.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6719.                                                    <button
  6720.                                                        @click="addToCompare(1598)"
  6721.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;"
  6722.                                                        type="button"
  6723.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6724.                                                        data-addto="compare">
  6725.                                                        <span class="icon-balance text-2xl"></span>
  6726.                                                    </button>
  6727.                                                </div>
  6728.                                                                                    </div>
  6729.                                        <div class="product-info flex flex-col grow">
  6730.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6731.                                                <a
  6732.                                                    class="product-item-link"
  6733.                                                    href="https://www.lalashops.nl/hem-aloe-vera-wierook-pakje-a-20-stokjes"
  6734.                                                    :id="`slide-desc-1598-${$id('slider-id')}`">
  6735.                                                    HEM Aloe Vera wierook (pakje á 20 stokjes)                                                </a>
  6736.                                            </div>
  6737.  
  6738.  
  6739.                                                                                                                                        
  6740.  
  6741.  
  6742.                                            
  6743.                                            <div class="pt-1 text-gray-900"
  6744.                                                x-defer="intersect"
  6745.                                                @update-prices-1598.window="updatePrice($event.detail);">
  6746.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="1598" data-price-box="product-id-1598">
  6747.    <span
  6748.    x-data x-id="['product\u002Dprice\u002D1598']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6749.        >
  6750.        <span  :id="$id('product\u002Dprice\u002D1598')"                data-price-amount="1.25"
  6751.        data-price-type="finalPrice"
  6752.        class="price-wrapper "
  6753.    ><span class="price">€ 1,25</span></span>
  6754.        </span>
  6755.  
  6756. </div>                                            </div>
  6757.  
  6758.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6759.            ">
  6760.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6761.                                                                                                                    <button
  6762.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6763.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6764.                                                                title="In&#x20;Winkelwagen&#x20;HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;"
  6765.                                                                aria-label="In&#x20;Winkelwagen&#x20;HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;"
  6766.                                                                data-addto="cart">
  6767.                                                                <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">
  6768.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  6769. </svg>
  6770.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6771.                                                                    In Winkelwagen                                                                </span>
  6772.                                                            </button>
  6773.                                                                                                            </div>
  6774.  
  6775.                                                                                            </div>
  6776.                                        </div>
  6777.                                                                                                                        </form>
  6778.                                
  6779.                </li>
  6780.                            </div>
  6781.  
  6782.        </div>
  6783.  
  6784.        <script>
  6785.            (function() {
  6786.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  6787.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  6788.  
  6789.                // Load Swiper CSS
  6790.                if (typeof window.SwiperCSS === 'undefined') {
  6791.                    const style = document.createElement("link");
  6792.                    style.rel = "stylesheet";
  6793.                    style.type = "text/css";
  6794.                    style.href = swiperCssUrl;
  6795.  
  6796.                    const insertAt = document.getElementsByTagName('link')[0];
  6797.                    if (insertAt) {
  6798.                        insertAt.parentNode.insertBefore(style, insertAt);
  6799.                    } else {
  6800.                        document.head.appendChild(style);
  6801.                    }
  6802.                    window.SwiperCSS = 'loaded';
  6803.                }
  6804.  
  6805.                function initSwiper() {
  6806.                    new Swiper('.swiper-container', {
  6807.                        loop: false,
  6808.                        slidesPerView: 1,
  6809.                        spaceBetween: 16,
  6810.                        autoplay: false,
  6811.                        navigation: {
  6812.                            nextEl: '.swiper-button-next',
  6813.                            prevEl: '.swiper-button-prev',
  6814.                        },
  6815.                        breakpoints: {
  6816.                            480: {
  6817.                                slidesPerView: 1.6,
  6818.                                spaceBetween: 16,
  6819.                            },
  6820.                            768: {
  6821.                                slidesPerView: 2.6,
  6822.                                spaceBetween: 16,
  6823.                            },
  6824.                            1024: {
  6825.                                slidesPerView: 3.6,
  6826.                                spaceBetween: 16,
  6827.                            },
  6828.                            1280: {
  6829.                                slidesPerView: 4.6,
  6830.                                spaceBetween: 16,
  6831.                            }
  6832.                        },
  6833.                    });
  6834.                }
  6835.  
  6836.                if (typeof window.Swiper === 'function') {
  6837.                    initSwiper();
  6838.                } else {
  6839.                    // Load Swiper JS
  6840.                    const scriptSource = swiperJsUrl;
  6841.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  6842.  
  6843.                    if (pendingLoadScript) {
  6844.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  6845.                        return;
  6846.                    }
  6847.  
  6848.                    const script = document.createElement('script');
  6849.                    script.src = scriptSource;
  6850.                    script.async = true;
  6851.  
  6852.                    script.addEventListener('load', () => initSwiper());
  6853.                    document.head.appendChild(script);
  6854.                }
  6855.            })();
  6856.  
  6857.            window.addEventListener("load", function() {
  6858.                if (window.innerWidth > 479) {
  6859.                    let maxHeight = 0;
  6860.  
  6861.                    // Get all slides
  6862.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  6863.  
  6864.                    // Find the tallest slide
  6865.                    slides.forEach(slide => {
  6866.                        const slideHeight = slide.offsetHeight;
  6867.                        if (slideHeight > maxHeight) {
  6868.                            maxHeight = slideHeight;
  6869.                        }
  6870.                    });
  6871.  
  6872.                    // Set the height of all slides and the swiper-wrapper to the max height
  6873.                    slides.forEach(slide => {
  6874.                        slide.style.height = `${maxHeight}px`;
  6875.                    });
  6876.  
  6877.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  6878.                    if (swiperWrapper) {
  6879.                        swiperWrapper.style.height = `${maxHeight}px`;
  6880.                    }
  6881.                }
  6882.            });
  6883.        </script>
  6884.    </div>
  6885. </section>
  6886. </div>
  6887. <template x-data="initAmWidgetLabels__68985b5184589" x-init="initLabels($el)"></template>
  6888.  
  6889. <script>
  6890.    function initAmWidgetLabels__68985b5184589() {
  6891.        return {
  6892.            initLabels($el) {
  6893.                const labels = ["","","","","","","","","","","","",""];
  6894.                const widgetContainer = $el?.previousElementSibling;
  6895.  
  6896.                labels.forEach((productLabel, index) => {
  6897.                    const productSelector = `li:nth-child(${index + 1})`;
  6898.                    const productContainer = widgetContainer?.querySelector(productSelector);
  6899.                    if (productContainer) {
  6900.                        const labelClass = 'am-label_68985b5184589' + index;
  6901.                        productContainer.innerHTML += productLabel;
  6902.                        productContainer.classList.add(labelClass);
  6903.                        hyva.replaceDomElement(
  6904.                            '.' + labelClass,
  6905.                            productContainer?.outerHTML
  6906.                        );
  6907.                    }
  6908.                });
  6909.            }
  6910.        }
  6911.    }
  6912. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  6913.    <section
  6914.                        class="super-margin hyva-category
  6915.                        ">
  6916.  
  6917.        <div class="">
  6918.  
  6919.  
  6920.            
  6921.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  6922.  
  6923.                
  6924.                <div class="swiper-container pb-8" data-id-category="ltxoqyneiwnwpnrqosi2at23vm32oktz">
  6925.  
  6926.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  6927.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  6928.                                Gaming <span class="font-bold">Computers</span>                            </h2>
  6929.                        
  6930.                        <!-- Add Navigation Arrows -->
  6931.                        <div class="flex gap-4 lg:gap-12">
  6932.                            <div id="swiper-button-prev-ltxoqyneiwnwpnrqosi2at23vm32oktz" class="swiper-button-prev !static"></div>
  6933.                            <div id="swiper-button-next-ltxoqyneiwnwpnrqosi2at23vm32oktz" class="swiper-button-next !static"></div>
  6934.                        </div>
  6935.                    </div>
  6936.  
  6937.                    <div class="hyva-category-content ">
  6938.                                            </div>
  6939.  
  6940.                    <div class="swiper-wrapper list-none">
  6941.                                                    
  6942.                            <li class="swiper-slide">
  6943.                                                                    <form method="post"
  6944.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10935/"
  6945.                                        x-data="{
  6946.        hovered: false,
  6947.        grid: true ,
  6948.        isMobile: false,
  6949.        isMobileFunc () {
  6950.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6951.        }
  6952.    }"
  6953.                                        x-init="
  6954.        isMobileFunc();
  6955.        const labelClass = '.amlabel-position-top-right-10935-prod';
  6956.        const labels = document.querySelectorAll(labelClass);
  6957.  
  6958.        $watch('hovered', value => {
  6959.            if (value) {
  6960.                labels.forEach(el => el.style.opacity = '0');
  6961.            } else {
  6962.                labels.forEach(el => el.style.opacity = '1');
  6963.            }
  6964.        });
  6965.    "
  6966.                                        @mouseenter="hovered = true"
  6967.                                        @mouseleave="hovered = false"
  6968.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6969.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6970.                                        >
  6971.                                        <style>
  6972.                                            /* Generate styling for the label based on the product ID */
  6973.                                            .amlabel-position-top-right-10935-prod {
  6974.                                                transition: opacity 0.3s ease;
  6975.                                            }
  6976.                                        </style>
  6977.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10935" />
  6978.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-64gb-rtx-5080-r7-gam-a83"
  6979.                                            title="AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5080 16GB - 64GB DDR5 RAM - 4TB SSD - Met Magneetdeur en GOLD PSU - Windows 11 PRO - ELITE E2"
  6980.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6981.                                            tabindex="-1">
  6982.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1_1_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" title="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1_1_1_1.jpg" width="360" height="360" loading="lazy"></picture>
  6983.                                        </a>
  6984.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6985.                                                                                            <div x-data="initWishlist()">
  6986.                                                    <button
  6987.                                                        @click="addToWishlist(10935)"
  6988.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;64GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;4TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  6989.                                                        type="button"
  6990.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  6991.                                                        data-addto="wishlist">
  6992.                                                        <span class="icon-heart text-2xl"></span>
  6993.                                                    </button>
  6994.                                                </div>
  6995.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6996.                                                    <button
  6997.                                                        @click="addToCompare(10935)"
  6998.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;64GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;4TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  6999.                                                        type="button"
  7000.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7001.                                                        data-addto="compare">
  7002.                                                        <span class="icon-balance text-2xl"></span>
  7003.                                                    </button>
  7004.                                                </div>
  7005.                                                                                    </div>
  7006.                                        <div class="product-info flex flex-col grow">
  7007.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7008.                                                <a
  7009.                                                    class="product-item-link"
  7010.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-64gb-rtx-5080-r7-gam-a83"
  7011.                                                    :id="`slide-desc-10935-${$id('slider-id')}`">
  7012.                                                    AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5080 16GB - 64GB DDR5 RAM - 4TB SSD - Met Magneetdeur en GOLD PSU - Windows 11 PRO - ELITE E2                                                </a>
  7013.                                            </div>
  7014.  
  7015.  
  7016.                                                                                                                                        
  7017.  
  7018.  
  7019.                                            
  7020.                                            <div class="pt-1 text-gray-900"
  7021.                                                x-defer="intersect"
  7022.                                                @update-prices-10935.window="updatePrice($event.detail);">
  7023.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10935" data-price-box="product-id-10935">
  7024.    <span class="special-price">
  7025.        <span
  7026.    x-data x-id="['product\u002Dprice\u002D10935']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7027.        >
  7028.            <span class="price-label">Special Price</span>
  7029.        <span  :id="$id('product\u002Dprice\u002D10935')"                data-price-amount="2449"
  7030.        data-price-type="finalPrice"
  7031.        class="price-wrapper "
  7032.    ><span class="price">€ 2.449,00</span></span>
  7033.        </span>
  7034.    </span>
  7035.    <span class="old-price">
  7036.        <span
  7037.    x-data x-id="['old\u002Dprice\u002D10935']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7038.        >
  7039.            <span class="price-label">Regular Price</span>
  7040.        <span  :id="$id('old\u002Dprice\u002D10935')"                data-price-amount="2750"
  7041.        data-price-type="oldPrice"
  7042.        class="price-wrapper "
  7043.    ><span class="price">€ 2.750,00</span></span>
  7044.        </span>
  7045.    </span>
  7046.  
  7047. </div>                                            </div>
  7048.  
  7049.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7050.            ">
  7051.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7052.                                                                                                                    <button
  7053.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7054.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7055.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;64GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;4TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7056.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;64GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;4TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7057.                                                                data-addto="cart">
  7058.                                                                <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">
  7059.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7060. </svg>
  7061.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7062.                                                                    In Winkelwagen                                                                </span>
  7063.                                                            </button>
  7064.                                                                                                            </div>
  7065.  
  7066.                                                                                            </div>
  7067.                                        </div>
  7068.                                                                                                                        </form>
  7069.                                
  7070.                </li>
  7071.                                        
  7072.                            <li class="swiper-slide">
  7073.                                                                    <form method="post"
  7074.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10934/"
  7075.                                        x-data="{
  7076.        hovered: false,
  7077.        grid: true ,
  7078.        isMobile: false,
  7079.        isMobileFunc () {
  7080.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7081.        }
  7082.    }"
  7083.                                        x-init="
  7084.        isMobileFunc();
  7085.        const labelClass = '.amlabel-position-top-right-10934-prod';
  7086.        const labels = document.querySelectorAll(labelClass);
  7087.  
  7088.        $watch('hovered', value => {
  7089.            if (value) {
  7090.                labels.forEach(el => el.style.opacity = '0');
  7091.            } else {
  7092.                labels.forEach(el => el.style.opacity = '1');
  7093.            }
  7094.        });
  7095.    "
  7096.                                        @mouseenter="hovered = true"
  7097.                                        @mouseleave="hovered = false"
  7098.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7099.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7100.                                        >
  7101.                                        <style>
  7102.                                            /* Generate styling for the label based on the product ID */
  7103.                                            .amlabel-position-top-right-10934-prod {
  7104.                                                transition: opacity 0.3s ease;
  7105.                                            }
  7106.                                        </style>
  7107.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10934" />
  7108.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5080-r7-gam-a82"
  7109.                                            title="AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5080 16GB - 32GB DDR5 RAM - 2TB SSD - Met Magneetdeur en GOLD PSU - Windows 11 PRO - ELITE E2"
  7110.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7111.                                            tabindex="-1">
  7112.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" title="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1_1_1.jpg" width="360" height="360" loading="lazy"></picture>
  7113.                                        </a>
  7114.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7115.                                                                                            <div x-data="initWishlist()">
  7116.                                                    <button
  7117.                                                        @click="addToWishlist(10934)"
  7118.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;2TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7119.                                                        type="button"
  7120.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7121.                                                        data-addto="wishlist">
  7122.                                                        <span class="icon-heart text-2xl"></span>
  7123.                                                    </button>
  7124.                                                </div>
  7125.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7126.                                                    <button
  7127.                                                        @click="addToCompare(10934)"
  7128.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;2TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7129.                                                        type="button"
  7130.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7131.                                                        data-addto="compare">
  7132.                                                        <span class="icon-balance text-2xl"></span>
  7133.                                                    </button>
  7134.                                                </div>
  7135.                                                                                    </div>
  7136.                                        <div class="product-info flex flex-col grow">
  7137.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7138.                                                <a
  7139.                                                    class="product-item-link"
  7140.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5080-r7-gam-a82"
  7141.                                                    :id="`slide-desc-10934-${$id('slider-id')}`">
  7142.                                                    AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5080 16GB - 32GB DDR5 RAM - 2TB SSD - Met Magneetdeur en GOLD PSU - Windows 11 PRO - ELITE E2                                                </a>
  7143.                                            </div>
  7144.  
  7145.  
  7146.                                                                                                                                        
  7147.  
  7148.  
  7149.                                            
  7150.                                            <div class="pt-1 text-gray-900"
  7151.                                                x-defer="intersect"
  7152.                                                @update-prices-10934.window="updatePrice($event.detail);">
  7153.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10934" data-price-box="product-id-10934">
  7154.    <span class="special-price">
  7155.        <span
  7156.    x-data x-id="['product\u002Dprice\u002D10934']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7157.        >
  7158.            <span class="price-label">Special Price</span>
  7159.        <span  :id="$id('product\u002Dprice\u002D10934')"                data-price-amount="2199"
  7160.        data-price-type="finalPrice"
  7161.        class="price-wrapper "
  7162.    ><span class="price">€ 2.199,00</span></span>
  7163.        </span>
  7164.    </span>
  7165.    <span class="old-price">
  7166.        <span
  7167.    x-data x-id="['old\u002Dprice\u002D10934']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7168.        >
  7169.            <span class="price-label">Regular Price</span>
  7170.        <span  :id="$id('old\u002Dprice\u002D10934')"                data-price-amount="2350"
  7171.        data-price-type="oldPrice"
  7172.        class="price-wrapper "
  7173.    ><span class="price">€ 2.350,00</span></span>
  7174.        </span>
  7175.    </span>
  7176.  
  7177. </div>                                            </div>
  7178.  
  7179.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7180.            ">
  7181.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7182.                                                                                                                    <button
  7183.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7184.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7185.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;2TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7186.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;2TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7187.                                                                data-addto="cart">
  7188.                                                                <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">
  7189.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7190. </svg>
  7191.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7192.                                                                    In Winkelwagen                                                                </span>
  7193.                                                            </button>
  7194.                                                                                                            </div>
  7195.  
  7196.                                                                                            </div>
  7197.                                        </div>
  7198.                                                                                                                        </form>
  7199.                                
  7200.                </li>
  7201.                                        
  7202.                            <li class="swiper-slide">
  7203.                                                                    <form method="post"
  7204.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10933/"
  7205.                                        x-data="{
  7206.        hovered: false,
  7207.        grid: true ,
  7208.        isMobile: false,
  7209.        isMobileFunc () {
  7210.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7211.        }
  7212.    }"
  7213.                                        x-init="
  7214.        isMobileFunc();
  7215.        const labelClass = '.amlabel-position-top-right-10933-prod';
  7216.        const labels = document.querySelectorAll(labelClass);
  7217.  
  7218.        $watch('hovered', value => {
  7219.            if (value) {
  7220.                labels.forEach(el => el.style.opacity = '0');
  7221.            } else {
  7222.                labels.forEach(el => el.style.opacity = '1');
  7223.            }
  7224.        });
  7225.    "
  7226.                                        @mouseenter="hovered = true"
  7227.                                        @mouseleave="hovered = false"
  7228.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7229.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7230.                                        >
  7231.                                        <style>
  7232.                                            /* Generate styling for the label based on the product ID */
  7233.                                            .amlabel-position-top-right-10933-prod {
  7234.                                                transition: opacity 0.3s ease;
  7235.                                            }
  7236.                                        </style>
  7237.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10933" />
  7238.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070ti-r7-gam-a81"
  7239.                                            title="AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5070 ti 16GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur en GOLD PSU - Windows 11 PRO - ELITE E2"
  7240.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7241.                                            tabindex="-1">
  7242.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" title="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1_1.jpg" width="360" height="360" loading="lazy"></picture>
  7243.                                        </a>
  7244.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7245.                                                                                            <div x-data="initWishlist()">
  7246.                                                    <button
  7247.                                                        @click="addToWishlist(10933)"
  7248.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7249.                                                        type="button"
  7250.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7251.                                                        data-addto="wishlist">
  7252.                                                        <span class="icon-heart text-2xl"></span>
  7253.                                                    </button>
  7254.                                                </div>
  7255.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7256.                                                    <button
  7257.                                                        @click="addToCompare(10933)"
  7258.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7259.                                                        type="button"
  7260.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7261.                                                        data-addto="compare">
  7262.                                                        <span class="icon-balance text-2xl"></span>
  7263.                                                    </button>
  7264.                                                </div>
  7265.                                                                                    </div>
  7266.                                        <div class="product-info flex flex-col grow">
  7267.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7268.                                                <a
  7269.                                                    class="product-item-link"
  7270.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070ti-r7-gam-a81"
  7271.                                                    :id="`slide-desc-10933-${$id('slider-id')}`">
  7272.                                                    AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5070 ti 16GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur en GOLD PSU - Windows 11 PRO - ELITE E2                                                </a>
  7273.                                            </div>
  7274.  
  7275.  
  7276.                                                                                                                                        
  7277.  
  7278.  
  7279.                                            
  7280.                                            <div class="pt-1 text-gray-900"
  7281.                                                x-defer="intersect"
  7282.                                                @update-prices-10933.window="updatePrice($event.detail);">
  7283.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10933" data-price-box="product-id-10933">
  7284.    <span class="special-price">
  7285.        <span
  7286.    x-data x-id="['product\u002Dprice\u002D10933']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7287.        >
  7288.            <span class="price-label">Special Price</span>
  7289.        <span  :id="$id('product\u002Dprice\u002D10933')"                data-price-amount="1755"
  7290.        data-price-type="finalPrice"
  7291.        class="price-wrapper "
  7292.    ><span class="price">€ 1.755,00</span></span>
  7293.        </span>
  7294.    </span>
  7295.    <span class="old-price">
  7296.        <span
  7297.    x-data x-id="['old\u002Dprice\u002D10933']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7298.        >
  7299.            <span class="price-label">Regular Price</span>
  7300.        <span  :id="$id('old\u002Dprice\u002D10933')"                data-price-amount="1999"
  7301.        data-price-type="oldPrice"
  7302.        class="price-wrapper "
  7303.    ><span class="price">€ 1.999,00</span></span>
  7304.        </span>
  7305.    </span>
  7306.  
  7307. </div>                                            </div>
  7308.  
  7309.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7310.            ">
  7311.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7312.                                                                                                                    <button
  7313.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7314.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7315.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7316.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;en&#x20;GOLD&#x20;PSU&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7317.                                                                data-addto="cart">
  7318.                                                                <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">
  7319.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7320. </svg>
  7321.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7322.                                                                    In Winkelwagen                                                                </span>
  7323.                                                            </button>
  7324.                                                                                                            </div>
  7325.  
  7326.                                                                                            </div>
  7327.                                        </div>
  7328.                                                                                                                        </form>
  7329.                                
  7330.                </li>
  7331.                                        
  7332.                            <li class="swiper-slide">
  7333.                                                                    <form method="post"
  7334.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10932/"
  7335.                                        x-data="{
  7336.        hovered: false,
  7337.        grid: true ,
  7338.        isMobile: false,
  7339.        isMobileFunc () {
  7340.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7341.        }
  7342.    }"
  7343.                                        x-init="
  7344.        isMobileFunc();
  7345.        const labelClass = '.amlabel-position-top-right-10932-prod';
  7346.        const labels = document.querySelectorAll(labelClass);
  7347.  
  7348.        $watch('hovered', value => {
  7349.            if (value) {
  7350.                labels.forEach(el => el.style.opacity = '0');
  7351.            } else {
  7352.                labels.forEach(el => el.style.opacity = '1');
  7353.            }
  7354.        });
  7355.    "
  7356.                                        @mouseenter="hovered = true"
  7357.                                        @mouseleave="hovered = false"
  7358.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7359.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7360.                                        >
  7361.                                        <style>
  7362.                                            /* Generate styling for the label based on the product ID */
  7363.                                            .amlabel-position-top-right-10932-prod {
  7364.                                                transition: opacity 0.3s ease;
  7365.                                            }
  7366.                                        </style>
  7367.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10932" />
  7368.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070-r7-gam-a80"
  7369.                                            title="AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5070 12GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2"
  7370.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7371.                                            tabindex="-1">
  7372.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" title="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1_1.jpg" width="360" height="360" loading="lazy"></picture>
  7373.                                        </a>
  7374.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7375.                                                                                            <div x-data="initWishlist()">
  7376.                                                    <button
  7377.                                                        @click="addToWishlist(10932)"
  7378.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7379.                                                        type="button"
  7380.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7381.                                                        data-addto="wishlist">
  7382.                                                        <span class="icon-heart text-2xl"></span>
  7383.                                                    </button>
  7384.                                                </div>
  7385.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7386.                                                    <button
  7387.                                                        @click="addToCompare(10932)"
  7388.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7389.                                                        type="button"
  7390.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7391.                                                        data-addto="compare">
  7392.                                                        <span class="icon-balance text-2xl"></span>
  7393.                                                    </button>
  7394.                                                </div>
  7395.                                                                                    </div>
  7396.                                        <div class="product-info flex flex-col grow">
  7397.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7398.                                                <a
  7399.                                                    class="product-item-link"
  7400.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070-r7-gam-a80"
  7401.                                                    :id="`slide-desc-10932-${$id('slider-id')}`">
  7402.                                                    AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5070 12GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2                                                </a>
  7403.                                            </div>
  7404.  
  7405.  
  7406.                                                                                                                                        
  7407.  
  7408.  
  7409.                                            
  7410.                                            <div class="pt-1 text-gray-900"
  7411.                                                x-defer="intersect"
  7412.                                                @update-prices-10932.window="updatePrice($event.detail);">
  7413.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10932" data-price-box="product-id-10932">
  7414.    <span class="special-price">
  7415.        <span
  7416.    x-data x-id="['product\u002Dprice\u002D10932']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7417.        >
  7418.            <span class="price-label">Special Price</span>
  7419.        <span  :id="$id('product\u002Dprice\u002D10932')"                data-price-amount="1449"
  7420.        data-price-type="finalPrice"
  7421.        class="price-wrapper "
  7422.    ><span class="price">€ 1.449,00</span></span>
  7423.        </span>
  7424.    </span>
  7425.    <span class="old-price">
  7426.        <span
  7427.    x-data x-id="['old\u002Dprice\u002D10932']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7428.        >
  7429.            <span class="price-label">Regular Price</span>
  7430.        <span  :id="$id('old\u002Dprice\u002D10932')"                data-price-amount="1650"
  7431.        data-price-type="oldPrice"
  7432.        class="price-wrapper "
  7433.    ><span class="price">€ 1.650,00</span></span>
  7434.        </span>
  7435.    </span>
  7436.  
  7437. </div>                                            </div>
  7438.  
  7439.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7440.            ">
  7441.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7442.                                                                                                                    <button
  7443.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7444.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7445.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7446.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7447.                                                                data-addto="cart">
  7448.                                                                <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">
  7449.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7450. </svg>
  7451.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7452.                                                                    In Winkelwagen                                                                </span>
  7453.                                                            </button>
  7454.                                                                                                            </div>
  7455.  
  7456.                                                                                            </div>
  7457.                                        </div>
  7458.                                                                                                                        </form>
  7459.                                
  7460.                </li>
  7461.                                        
  7462.                            <li class="swiper-slide">
  7463.                                                                    <form method="post"
  7464.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10931/"
  7465.                                        x-data="{
  7466.        hovered: false,
  7467.        grid: true ,
  7468.        isMobile: false,
  7469.        isMobileFunc () {
  7470.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7471.        }
  7472.    }"
  7473.                                        x-init="
  7474.        isMobileFunc();
  7475.        const labelClass = '.amlabel-position-top-right-10931-prod';
  7476.        const labels = document.querySelectorAll(labelClass);
  7477.  
  7478.        $watch('hovered', value => {
  7479.            if (value) {
  7480.                labels.forEach(el => el.style.opacity = '0');
  7481.            } else {
  7482.                labels.forEach(el => el.style.opacity = '1');
  7483.            }
  7484.        });
  7485.    "
  7486.                                        @mouseenter="hovered = true"
  7487.                                        @mouseleave="hovered = false"
  7488.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7489.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7490.                                        >
  7491.                                        <style>
  7492.                                            /* Generate styling for the label based on the product ID */
  7493.                                            .amlabel-position-top-right-10931-prod {
  7494.                                                transition: opacity 0.3s ease;
  7495.                                            }
  7496.                                        </style>
  7497.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10931" />
  7498.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5060-r7-gam-a79"
  7499.                                            title="AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2"
  7500.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7501.                                            tabindex="-1">
  7502.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" title="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2_1.jpg" width="360" height="360" loading="lazy"></picture>
  7503.                                        </a>
  7504.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7505.                                                                                            <div x-data="initWishlist()">
  7506.                                                    <button
  7507.                                                        @click="addToWishlist(10931)"
  7508.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7509.                                                        type="button"
  7510.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7511.                                                        data-addto="wishlist">
  7512.                                                        <span class="icon-heart text-2xl"></span>
  7513.                                                    </button>
  7514.                                                </div>
  7515.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7516.                                                    <button
  7517.                                                        @click="addToCompare(10931)"
  7518.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7519.                                                        type="button"
  7520.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7521.                                                        data-addto="compare">
  7522.                                                        <span class="icon-balance text-2xl"></span>
  7523.                                                    </button>
  7524.                                                </div>
  7525.                                                                                    </div>
  7526.                                        <div class="product-info flex flex-col grow">
  7527.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7528.                                                <a
  7529.                                                    class="product-item-link"
  7530.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5060-r7-gam-a79"
  7531.                                                    :id="`slide-desc-10931-${$id('slider-id')}`">
  7532.                                                    AMD Ryzen 7 7800X3D High-End Game PC - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2                                                </a>
  7533.                                            </div>
  7534.  
  7535.  
  7536.                                                                                                                                        
  7537.  
  7538.  
  7539.                                            
  7540.                                            <div class="pt-1 text-gray-900"
  7541.                                                x-defer="intersect"
  7542.                                                @update-prices-10931.window="updatePrice($event.detail);">
  7543.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10931" data-price-box="product-id-10931">
  7544.    <span class="special-price">
  7545.        <span
  7546.    x-data x-id="['product\u002Dprice\u002D10931']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7547.        >
  7548.            <span class="price-label">Special Price</span>
  7549.        <span  :id="$id('product\u002Dprice\u002D10931')"                data-price-amount="1159"
  7550.        data-price-type="finalPrice"
  7551.        class="price-wrapper "
  7552.    ><span class="price">€ 1.159,00</span></span>
  7553.        </span>
  7554.    </span>
  7555.    <span class="old-price">
  7556.        <span
  7557.    x-data x-id="['old\u002Dprice\u002D10931']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7558.        >
  7559.            <span class="price-label">Regular Price</span>
  7560.        <span  :id="$id('old\u002Dprice\u002D10931')"                data-price-amount="1299"
  7561.        data-price-type="oldPrice"
  7562.        class="price-wrapper "
  7563.    ><span class="price">€ 1.299,00</span></span>
  7564.        </span>
  7565.    </span>
  7566.  
  7567. </div>                                            </div>
  7568.  
  7569.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7570.            ">
  7571.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7572.                                                                                                                    <button
  7573.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7574.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7575.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7576.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7577.                                                                data-addto="cart">
  7578.                                                                <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">
  7579.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7580. </svg>
  7581.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7582.                                                                    In Winkelwagen                                                                </span>
  7583.                                                            </button>
  7584.                                                                                                            </div>
  7585.  
  7586.                                                                                            </div>
  7587.                                        </div>
  7588.                                                                                                                        </form>
  7589.                                
  7590.                </li>
  7591.                                        
  7592.                            <li class="swiper-slide">
  7593.                                                                    <form method="post"
  7594.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10860/"
  7595.                                        x-data="{
  7596.        hovered: false,
  7597.        grid: true ,
  7598.        isMobile: false,
  7599.        isMobileFunc () {
  7600.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7601.        }
  7602.    }"
  7603.                                        x-init="
  7604.        isMobileFunc();
  7605.        const labelClass = '.amlabel-position-top-right-10860-prod';
  7606.        const labels = document.querySelectorAll(labelClass);
  7607.  
  7608.        $watch('hovered', value => {
  7609.            if (value) {
  7610.                labels.forEach(el => el.style.opacity = '0');
  7611.            } else {
  7612.                labels.forEach(el => el.style.opacity = '1');
  7613.            }
  7614.        });
  7615.    "
  7616.                                        @mouseenter="hovered = true"
  7617.                                        @mouseleave="hovered = false"
  7618.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7619.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7620.                                        >
  7621.                                        <style>
  7622.                                            /* Generate styling for the label based on the product ID */
  7623.                                            .amlabel-position-top-right-10860-prod {
  7624.                                                transition: opacity 0.3s ease;
  7625.                                            }
  7626.                                        </style>
  7627.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10860" />
  7628.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a98"
  7629.                                            title="AMD Ryzen 7 8700 High-End Game PC - Aquariumcase met aRGb Towercooler (+25% CPU Performance) - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Windows 11 PRO - Gamdias Aura GC10M"
  7630.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7631.                                            tabindex="-1">
  7632.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_image_large_10.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Aura&#x20;GC10M" title="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Aura&#x20;GC10M" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_image_large_10.jpg" width="360" height="360" loading="lazy"></picture>
  7633.                                        </a>
  7634.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7635.                                                                                            <div x-data="initWishlist()">
  7636.                                                    <button
  7637.                                                        @click="addToWishlist(10860)"
  7638.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7639.                                                        type="button"
  7640.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7641.                                                        data-addto="wishlist">
  7642.                                                        <span class="icon-heart text-2xl"></span>
  7643.                                                    </button>
  7644.                                                </div>
  7645.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7646.                                                    <button
  7647.                                                        @click="addToCompare(10860)"
  7648.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7649.                                                        type="button"
  7650.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7651.                                                        data-addto="compare">
  7652.                                                        <span class="icon-balance text-2xl"></span>
  7653.                                                    </button>
  7654.                                                </div>
  7655.                                                                                    </div>
  7656.                                        <div class="product-info flex flex-col grow">
  7657.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7658.                                                <a
  7659.                                                    class="product-item-link"
  7660.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a98"
  7661.                                                    :id="`slide-desc-10860-${$id('slider-id')}`">
  7662.                                                    AMD Ryzen 7 8700 High-End Game PC - Aquariumcase met aRGb Towercooler (+25% CPU Performance) - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Windows 11 PRO - Gamdias Aura GC10M                                                </a>
  7663.                                            </div>
  7664.  
  7665.  
  7666.                                                                                                                                        
  7667.  
  7668.  
  7669.                                            
  7670.                                            <div class="pt-1 text-gray-900"
  7671.                                                x-defer="intersect"
  7672.                                                @update-prices-10860.window="updatePrice($event.detail);">
  7673.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10860" data-price-box="product-id-10860">
  7674.    <span class="special-price">
  7675.        <span
  7676.    x-data x-id="['product\u002Dprice\u002D10860']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7677.        >
  7678.            <span class="price-label">Special Price</span>
  7679.        <span  :id="$id('product\u002Dprice\u002D10860')"                data-price-amount="965"
  7680.        data-price-type="finalPrice"
  7681.        class="price-wrapper "
  7682.    ><span class="price">€ 965,00</span></span>
  7683.        </span>
  7684.    </span>
  7685.    <span class="old-price">
  7686.        <span
  7687.    x-data x-id="['old\u002Dprice\u002D10860']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7688.        >
  7689.            <span class="price-label">Regular Price</span>
  7690.        <span  :id="$id('old\u002Dprice\u002D10860')"                data-price-amount="1125"
  7691.        data-price-type="oldPrice"
  7692.        class="price-wrapper "
  7693.    ><span class="price">€ 1.125,00</span></span>
  7694.        </span>
  7695.    </span>
  7696.  
  7697. </div>                                            </div>
  7698.  
  7699.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7700.            ">
  7701.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7702.                                                                                                                    <button
  7703.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7704.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7705.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7706.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7707.                                                                data-addto="cart">
  7708.                                                                <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">
  7709.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7710. </svg>
  7711.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7712.                                                                    In Winkelwagen                                                                </span>
  7713.                                                            </button>
  7714.                                                                                                            </div>
  7715.  
  7716.                                                                                            </div>
  7717.                                        </div>
  7718.                                                                                                                        </form>
  7719.                                
  7720.                </li>
  7721.                                        
  7722.                            <li class="swiper-slide">
  7723.                                                                    <form method="post"
  7724.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10857/"
  7725.                                        x-data="{
  7726.        hovered: false,
  7727.        grid: true ,
  7728.        isMobile: false,
  7729.        isMobileFunc () {
  7730.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7731.        }
  7732.    }"
  7733.                                        x-init="
  7734.        isMobileFunc();
  7735.        const labelClass = '.amlabel-position-top-right-10857-prod';
  7736.        const labels = document.querySelectorAll(labelClass);
  7737.  
  7738.        $watch('hovered', value => {
  7739.            if (value) {
  7740.                labels.forEach(el => el.style.opacity = '0');
  7741.            } else {
  7742.                labels.forEach(el => el.style.opacity = '1');
  7743.            }
  7744.        });
  7745.    "
  7746.                                        @mouseenter="hovered = true"
  7747.                                        @mouseleave="hovered = false"
  7748.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7749.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7750.                                        >
  7751.                                        <style>
  7752.                                            /* Generate styling for the label based on the product ID */
  7753.                                            .amlabel-position-top-right-10857-prod {
  7754.                                                transition: opacity 0.3s ease;
  7755.                                            }
  7756.                                        </style>
  7757.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10857" />
  7758.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a97"
  7759.                                            title="AMD Ryzen 7 8700 High-End Game PC - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2"
  7760.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7761.                                            tabindex="-1">
  7762.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" title="Gaming&#x20;PC&#x20;Ryzen&#x20;7&#x20;5060&#x20;DDR5" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_2.jpg" width="360" height="360" loading="lazy"></picture>
  7763.                                        </a>
  7764.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7765.                                                                                            <div x-data="initWishlist()">
  7766.                                                    <button
  7767.                                                        @click="addToWishlist(10857)"
  7768.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7769.                                                        type="button"
  7770.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7771.                                                        data-addto="wishlist">
  7772.                                                        <span class="icon-heart text-2xl"></span>
  7773.                                                    </button>
  7774.                                                </div>
  7775.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7776.                                                    <button
  7777.                                                        @click="addToCompare(10857)"
  7778.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7779.                                                        type="button"
  7780.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7781.                                                        data-addto="compare">
  7782.                                                        <span class="icon-balance text-2xl"></span>
  7783.                                                    </button>
  7784.                                                </div>
  7785.                                                                                    </div>
  7786.                                        <div class="product-info flex flex-col grow">
  7787.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7788.                                                <a
  7789.                                                    class="product-item-link"
  7790.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a97"
  7791.                                                    :id="`slide-desc-10857-${$id('slider-id')}`">
  7792.                                                    AMD Ryzen 7 8700 High-End Game PC - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2                                                </a>
  7793.                                            </div>
  7794.  
  7795.  
  7796.                                                                                                                                        
  7797.  
  7798.  
  7799.                                            
  7800.                                            <div class="pt-1 text-gray-900"
  7801.                                                x-defer="intersect"
  7802.                                                @update-prices-10857.window="updatePrice($event.detail);">
  7803.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10857" data-price-box="product-id-10857">
  7804.    <span class="special-price">
  7805.        <span
  7806.    x-data x-id="['product\u002Dprice\u002D10857']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7807.        >
  7808.            <span class="price-label">Special Price</span>
  7809.        <span  :id="$id('product\u002Dprice\u002D10857')"                data-price-amount="925"
  7810.        data-price-type="finalPrice"
  7811.        class="price-wrapper "
  7812.    ><span class="price">€ 925,00</span></span>
  7813.        </span>
  7814.    </span>
  7815.    <span class="old-price">
  7816.        <span
  7817.    x-data x-id="['old\u002Dprice\u002D10857']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7818.        >
  7819.            <span class="price-label">Regular Price</span>
  7820.        <span  :id="$id('old\u002Dprice\u002D10857')"                data-price-amount="1099"
  7821.        data-price-type="oldPrice"
  7822.        class="price-wrapper "
  7823.    ><span class="price">€ 1.099,00</span></span>
  7824.        </span>
  7825.    </span>
  7826.  
  7827. </div>                                            </div>
  7828.  
  7829.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7830.            ">
  7831.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7832.                                                                                                                    <button
  7833.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7834.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7835.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7836.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  7837.                                                                data-addto="cart">
  7838.                                                                <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">
  7839.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7840. </svg>
  7841.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7842.                                                                    In Winkelwagen                                                                </span>
  7843.                                                            </button>
  7844.                                                                                                            </div>
  7845.  
  7846.                                                                                            </div>
  7847.                                        </div>
  7848.                                                                                                                        </form>
  7849.                                
  7850.                </li>
  7851.                                        
  7852.                            <li class="swiper-slide">
  7853.                                                                    <form method="post"
  7854.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10833/"
  7855.                                        x-data="{
  7856.        hovered: false,
  7857.        grid: true ,
  7858.        isMobile: false,
  7859.        isMobileFunc () {
  7860.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7861.        }
  7862.    }"
  7863.                                        x-init="
  7864.        isMobileFunc();
  7865.        const labelClass = '.amlabel-position-top-right-10833-prod';
  7866.        const labels = document.querySelectorAll(labelClass);
  7867.  
  7868.        $watch('hovered', value => {
  7869.            if (value) {
  7870.                labels.forEach(el => el.style.opacity = '0');
  7871.            } else {
  7872.                labels.forEach(el => el.style.opacity = '1');
  7873.            }
  7874.        });
  7875.    "
  7876.                                        @mouseenter="hovered = true"
  7877.                                        @mouseleave="hovered = false"
  7878.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7879.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7880.                                        >
  7881.                                        <style>
  7882.                                            /* Generate styling for the label based on the product ID */
  7883.                                            .amlabel-position-top-right-10833-prod {
  7884.                                                transition: opacity 0.3s ease;
  7885.                                            }
  7886.                                        </style>
  7887.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10833" />
  7888.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a96"
  7889.                                            title="AMD Ryzen 5 7600X High-End Game PC - RTX 5070 ti 16GB - 32GB DDR5 RAM - 1TB M2.0 NVMe SSD - Wifi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gigabyte B650 Gaming X AX - Win11 PRO - Gamdias Atlas M1 White Aquarium Case"
  7890.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7891.                                            tabindex="-1">
  7892.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/h/photo_2024-08-21_13-27-01_2__1_7.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;5900X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;4080&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II" title="AMD&#x20;Ryzen&#x20;9&#x20;5900X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;4080&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/h/photo_2024-08-21_13-27-01_2__1_7.jpg" width="360" height="360" loading="lazy"></picture>
  7893.                                        </a>
  7894.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7895.                                                                                            <div x-data="initWishlist()">
  7896.                                                    <button
  7897.                                                        @click="addToWishlist(10833)"
  7898.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  7899.                                                        type="button"
  7900.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7901.                                                        data-addto="wishlist">
  7902.                                                        <span class="icon-heart text-2xl"></span>
  7903.                                                    </button>
  7904.                                                </div>
  7905.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7906.                                                    <button
  7907.                                                        @click="addToCompare(10833)"
  7908.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  7909.                                                        type="button"
  7910.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  7911.                                                        data-addto="compare">
  7912.                                                        <span class="icon-balance text-2xl"></span>
  7913.                                                    </button>
  7914.                                                </div>
  7915.                                                                                    </div>
  7916.                                        <div class="product-info flex flex-col grow">
  7917.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7918.                                                <a
  7919.                                                    class="product-item-link"
  7920.                                                    href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a96"
  7921.                                                    :id="`slide-desc-10833-${$id('slider-id')}`">
  7922.                                                    AMD Ryzen 5 7600X High-End Game PC - RTX 5070 ti 16GB - 32GB DDR5 RAM - 1TB M2.0 NVMe SSD - Wifi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gigabyte B650 Gaming X AX - Win11 PRO - Gamdias Atlas M1 White Aquarium Case                                                </a>
  7923.                                            </div>
  7924.  
  7925.  
  7926.                                                                                                                                        
  7927.  
  7928.  
  7929.                                            
  7930.                                            <div class="pt-1 text-gray-900"
  7931.                                                x-defer="intersect"
  7932.                                                @update-prices-10833.window="updatePrice($event.detail);">
  7933.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10833" data-price-box="product-id-10833">
  7934.    <span class="special-price">
  7935.        <span
  7936.    x-data x-id="['product\u002Dprice\u002D10833']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7937.        >
  7938.            <span class="price-label">Special Price</span>
  7939.        <span  :id="$id('product\u002Dprice\u002D10833')"                data-price-amount="2049"
  7940.        data-price-type="finalPrice"
  7941.        class="price-wrapper "
  7942.    ><span class="price">€ 2.049,00</span></span>
  7943.        </span>
  7944.    </span>
  7945.    <span class="old-price">
  7946.        <span
  7947.    x-data x-id="['old\u002Dprice\u002D10833']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7948.        >
  7949.            <span class="price-label">Regular Price</span>
  7950.        <span  :id="$id('old\u002Dprice\u002D10833')"                data-price-amount="2249"
  7951.        data-price-type="oldPrice"
  7952.        class="price-wrapper "
  7953.    ><span class="price">€ 2.249,00</span></span>
  7954.        </span>
  7955.    </span>
  7956.  
  7957. </div>                                            </div>
  7958.  
  7959.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7960.            ">
  7961.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7962.                                                                                                                    <button
  7963.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7964.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7965.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  7966.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  7967.                                                                data-addto="cart">
  7968.                                                                <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">
  7969.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  7970. </svg>
  7971.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7972.                                                                    In Winkelwagen                                                                </span>
  7973.                                                            </button>
  7974.                                                                                                            </div>
  7975.  
  7976.                                                                                            </div>
  7977.                                        </div>
  7978.                                                                                                                        </form>
  7979.                                
  7980.                </li>
  7981.                                        
  7982.                            <li class="swiper-slide">
  7983.                                                                    <form method="post"
  7984.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10832/"
  7985.                                        x-data="{
  7986.        hovered: false,
  7987.        grid: true ,
  7988.        isMobile: false,
  7989.        isMobileFunc () {
  7990.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7991.        }
  7992.    }"
  7993.                                        x-init="
  7994.        isMobileFunc();
  7995.        const labelClass = '.amlabel-position-top-right-10832-prod';
  7996.        const labels = document.querySelectorAll(labelClass);
  7997.  
  7998.        $watch('hovered', value => {
  7999.            if (value) {
  8000.                labels.forEach(el => el.style.opacity = '0');
  8001.            } else {
  8002.                labels.forEach(el => el.style.opacity = '1');
  8003.            }
  8004.        });
  8005.    "
  8006.                                        @mouseenter="hovered = true"
  8007.                                        @mouseleave="hovered = false"
  8008.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8009.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8010.                                        >
  8011.                                        <style>
  8012.                                            /* Generate styling for the label based on the product ID */
  8013.                                            .amlabel-position-top-right-10832-prod {
  8014.                                                transition: opacity 0.3s ease;
  8015.                                            }
  8016.                                        </style>
  8017.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10832" />
  8018.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a95"
  8019.                                            title="AMD Ryzen 5 7600X High-End Game PC - RTX 5070 ti 16GB - 32GB DDR5 RAM - 1TB M2.0 NVMe SSD - Wifi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gigabyte B650 Gaming X AX - Win11 PRO - Gamdias Atlas M1 Black Aquarium Case"
  8020.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8021.                                            tabindex="-1">
  8022.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/gamdias_x_2_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;5900X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;4080&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II" title="AMD&#x20;Ryzen&#x20;9&#x20;5900X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;4080&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/gamdias_x_2_1_1.jpg" width="360" height="360" loading="lazy"></picture>
  8023.                                        </a>
  8024.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8025.                                                                                            <div x-data="initWishlist()">
  8026.                                                    <button
  8027.                                                        @click="addToWishlist(10832)"
  8028.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Black&#x20;Aquarium&#x20;Case"
  8029.                                                        type="button"
  8030.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8031.                                                        data-addto="wishlist">
  8032.                                                        <span class="icon-heart text-2xl"></span>
  8033.                                                    </button>
  8034.                                                </div>
  8035.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8036.                                                    <button
  8037.                                                        @click="addToCompare(10832)"
  8038.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Black&#x20;Aquarium&#x20;Case"
  8039.                                                        type="button"
  8040.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8041.                                                        data-addto="compare">
  8042.                                                        <span class="icon-balance text-2xl"></span>
  8043.                                                    </button>
  8044.                                                </div>
  8045.                                                                                    </div>
  8046.                                        <div class="product-info flex flex-col grow">
  8047.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8048.                                                <a
  8049.                                                    class="product-item-link"
  8050.                                                    href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a95"
  8051.                                                    :id="`slide-desc-10832-${$id('slider-id')}`">
  8052.                                                    AMD Ryzen 5 7600X High-End Game PC - RTX 5070 ti 16GB - 32GB DDR5 RAM - 1TB M2.0 NVMe SSD - Wifi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gigabyte B650 Gaming X AX - Win11 PRO - Gamdias Atlas M1 Black Aquarium Case                                                </a>
  8053.                                            </div>
  8054.  
  8055.  
  8056.                                                                                                                                        
  8057.  
  8058.  
  8059.                                            
  8060.                                            <div class="pt-1 text-gray-900"
  8061.                                                x-defer="intersect"
  8062.                                                @update-prices-10832.window="updatePrice($event.detail);">
  8063.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10832" data-price-box="product-id-10832">
  8064.    <span class="special-price">
  8065.        <span
  8066.    x-data x-id="['product\u002Dprice\u002D10832']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8067.        >
  8068.            <span class="price-label">Special Price</span>
  8069.        <span  :id="$id('product\u002Dprice\u002D10832')"                data-price-amount="2049"
  8070.        data-price-type="finalPrice"
  8071.        class="price-wrapper "
  8072.    ><span class="price">€ 2.049,00</span></span>
  8073.        </span>
  8074.    </span>
  8075.    <span class="old-price">
  8076.        <span
  8077.    x-data x-id="['old\u002Dprice\u002D10832']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8078.        >
  8079.            <span class="price-label">Regular Price</span>
  8080.        <span  :id="$id('old\u002Dprice\u002D10832')"                data-price-amount="2249"
  8081.        data-price-type="oldPrice"
  8082.        class="price-wrapper "
  8083.    ><span class="price">€ 2.249,00</span></span>
  8084.        </span>
  8085.    </span>
  8086.  
  8087. </div>                                            </div>
  8088.  
  8089.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8090.            ">
  8091.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8092.                                                                                                                    <button
  8093.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8094.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8095.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Black&#x20;Aquarium&#x20;Case"
  8096.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Black&#x20;Aquarium&#x20;Case"
  8097.                                                                data-addto="cart">
  8098.                                                                <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">
  8099.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8100. </svg>
  8101.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8102.                                                                    In Winkelwagen                                                                </span>
  8103.                                                            </button>
  8104.                                                                                                            </div>
  8105.  
  8106.                                                                                            </div>
  8107.                                        </div>
  8108.                                                                                                                        </form>
  8109.                                
  8110.                </li>
  8111.                                        
  8112.                            <li class="swiper-slide">
  8113.                                                                    <form method="post"
  8114.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10722/"
  8115.                                        x-data="{
  8116.        hovered: false,
  8117.        grid: true ,
  8118.        isMobile: false,
  8119.        isMobileFunc () {
  8120.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8121.        }
  8122.    }"
  8123.                                        x-init="
  8124.        isMobileFunc();
  8125.        const labelClass = '.amlabel-position-top-right-10722-prod';
  8126.        const labels = document.querySelectorAll(labelClass);
  8127.  
  8128.        $watch('hovered', value => {
  8129.            if (value) {
  8130.                labels.forEach(el => el.style.opacity = '0');
  8131.            } else {
  8132.                labels.forEach(el => el.style.opacity = '1');
  8133.            }
  8134.        });
  8135.    "
  8136.                                        @mouseenter="hovered = true"
  8137.                                        @mouseleave="hovered = false"
  8138.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8139.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8140.                                        >
  8141.                                        <style>
  8142.                                            /* Generate styling for the label based on the product ID */
  8143.                                            .amlabel-position-top-right-10722-prod {
  8144.                                                transition: opacity 0.3s ease;
  8145.                                            }
  8146.                                        </style>
  8147.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10722" />
  8148.                                                                                                                                                            <a href="https://www.lalashops.nl/stindu-m57-ergonomische-gaming-bureaustoel-sti-m57"
  8149.                                            title="Stindu M57 Ergonomische Bureaustoel / Gaming stoel / Gaming chair"
  8150.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8151.                                            tabindex="-1">
  8152.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/t/stoel-voorkant.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Stindu&#x20;M57&#x20;Ergonomische&#x20;&#x28;Gaming&#x29;&#x20;Bureaustoel" title="Stindu&#x20;M57&#x20;Ergonomische&#x20;&#x28;Gaming&#x29;&#x20;Bureaustoel" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/t/stoel-voorkant.jpg" width="360" height="360" loading="lazy"></picture>
  8153.                                        </a>
  8154.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8155.                                                                                            <div x-data="initWishlist()">
  8156.                                                    <button
  8157.                                                        @click="addToWishlist(10722)"
  8158.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Stindu&#x20;M57&#x20;Ergonomische&#x20;Bureaustoel&#x20;&#x2F;&#x20;Gaming&#x20;stoel&#x20;&#x2F;&#x20;Gaming&#x20;chair"
  8159.                                                        type="button"
  8160.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8161.                                                        data-addto="wishlist">
  8162.                                                        <span class="icon-heart text-2xl"></span>
  8163.                                                    </button>
  8164.                                                </div>
  8165.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8166.                                                    <button
  8167.                                                        @click="addToCompare(10722)"
  8168.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Stindu&#x20;M57&#x20;Ergonomische&#x20;Bureaustoel&#x20;&#x2F;&#x20;Gaming&#x20;stoel&#x20;&#x2F;&#x20;Gaming&#x20;chair"
  8169.                                                        type="button"
  8170.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8171.                                                        data-addto="compare">
  8172.                                                        <span class="icon-balance text-2xl"></span>
  8173.                                                    </button>
  8174.                                                </div>
  8175.                                                                                    </div>
  8176.                                        <div class="product-info flex flex-col grow">
  8177.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8178.                                                <a
  8179.                                                    class="product-item-link"
  8180.                                                    href="https://www.lalashops.nl/stindu-m57-ergonomische-gaming-bureaustoel-sti-m57"
  8181.                                                    :id="`slide-desc-10722-${$id('slider-id')}`">
  8182.                                                    Stindu M57 Ergonomische Bureaustoel / Gaming stoel / Gaming chair                                                </a>
  8183.                                            </div>
  8184.  
  8185.  
  8186.                                                                                                                                        
  8187.  
  8188.  
  8189.                                            
  8190.                                            <div class="pt-1 text-gray-900"
  8191.                                                x-defer="intersect"
  8192.                                                @update-prices-10722.window="updatePrice($event.detail);">
  8193.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10722" data-price-box="product-id-10722">
  8194.    <span class="special-price">
  8195.        <span
  8196.    x-data x-id="['product\u002Dprice\u002D10722']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8197.        >
  8198.            <span class="price-label">Special Price</span>
  8199.        <span  :id="$id('product\u002Dprice\u002D10722')"                data-price-amount="199"
  8200.        data-price-type="finalPrice"
  8201.        class="price-wrapper "
  8202.    ><span class="price">€ 199,00</span></span>
  8203.        </span>
  8204.    </span>
  8205.    <span class="old-price">
  8206.        <span
  8207.    x-data x-id="['old\u002Dprice\u002D10722']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8208.        >
  8209.            <span class="price-label">Regular Price</span>
  8210.        <span  :id="$id('old\u002Dprice\u002D10722')"                data-price-amount="275"
  8211.        data-price-type="oldPrice"
  8212.        class="price-wrapper "
  8213.    ><span class="price">€ 275,00</span></span>
  8214.        </span>
  8215.    </span>
  8216.  
  8217. </div>                                            </div>
  8218.  
  8219.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8220.            ">
  8221.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8222.                                                                                                                    <button
  8223.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8224.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8225.                                                                title="In&#x20;Winkelwagen&#x20;Stindu&#x20;M57&#x20;Ergonomische&#x20;Bureaustoel&#x20;&#x2F;&#x20;Gaming&#x20;stoel&#x20;&#x2F;&#x20;Gaming&#x20;chair"
  8226.                                                                aria-label="In&#x20;Winkelwagen&#x20;Stindu&#x20;M57&#x20;Ergonomische&#x20;Bureaustoel&#x20;&#x2F;&#x20;Gaming&#x20;stoel&#x20;&#x2F;&#x20;Gaming&#x20;chair"
  8227.                                                                data-addto="cart">
  8228.                                                                <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">
  8229.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8230. </svg>
  8231.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8232.                                                                    In Winkelwagen                                                                </span>
  8233.                                                            </button>
  8234.                                                                                                            </div>
  8235.  
  8236.                                                                                            </div>
  8237.                                        </div>
  8238.                                                                                                                        </form>
  8239.                                
  8240.                </li>
  8241.                                        
  8242.                            <li class="swiper-slide">
  8243.                                                                    <form method="post"
  8244.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10670/"
  8245.                                        x-data="{
  8246.        hovered: false,
  8247.        grid: true ,
  8248.        isMobile: false,
  8249.        isMobileFunc () {
  8250.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8251.        }
  8252.    }"
  8253.                                        x-init="
  8254.        isMobileFunc();
  8255.        const labelClass = '.amlabel-position-top-right-10670-prod';
  8256.        const labels = document.querySelectorAll(labelClass);
  8257.  
  8258.        $watch('hovered', value => {
  8259.            if (value) {
  8260.                labels.forEach(el => el.style.opacity = '0');
  8261.            } else {
  8262.                labels.forEach(el => el.style.opacity = '1');
  8263.            }
  8264.        });
  8265.    "
  8266.                                        @mouseenter="hovered = true"
  8267.                                        @mouseleave="hovered = false"
  8268.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8269.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8270.                                        >
  8271.                                        <style>
  8272.                                            /* Generate styling for the label based on the product ID */
  8273.                                            .amlabel-position-top-right-10670-prod {
  8274.                                                transition: opacity 0.3s ease;
  8275.                                            }
  8276.                                        </style>
  8277.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10670" />
  8278.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5070-r5-gam-a43"
  8279.                                            title="AMD Ryzen 5 8400F 8e Generatie High-End Game PC - GeForce RTX 5070 12GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur  - Windows 11 PRO - ELITE E2"
  8280.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8281.                                            tabindex="-1">
  8282.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070426_1_1_3_2_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;5700X&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;WIN11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" title="AMD&#x20;Ryzen&#x20;7&#x20;5700X&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;WIN11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070426_1_1_3_2_1.jpg" width="360" height="360" loading="lazy"></picture>
  8283.                                        </a>
  8284.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8285.                                                                                            <div x-data="initWishlist()">
  8286.                                                    <button
  8287.                                                        @click="addToWishlist(10670)"
  8288.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8289.                                                        type="button"
  8290.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8291.                                                        data-addto="wishlist">
  8292.                                                        <span class="icon-heart text-2xl"></span>
  8293.                                                    </button>
  8294.                                                </div>
  8295.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8296.                                                    <button
  8297.                                                        @click="addToCompare(10670)"
  8298.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8299.                                                        type="button"
  8300.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8301.                                                        data-addto="compare">
  8302.                                                        <span class="icon-balance text-2xl"></span>
  8303.                                                    </button>
  8304.                                                </div>
  8305.                                                                                    </div>
  8306.                                        <div class="product-info flex flex-col grow">
  8307.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8308.                                                <a
  8309.                                                    class="product-item-link"
  8310.                                                    href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5070-r5-gam-a43"
  8311.                                                    :id="`slide-desc-10670-${$id('slider-id')}`">
  8312.                                                    AMD Ryzen 5 8400F 8e Generatie High-End Game PC - GeForce RTX 5070 12GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur  - Windows 11 PRO - ELITE E2                                                </a>
  8313.                                            </div>
  8314.  
  8315.  
  8316.                                                                                                                                        
  8317.  
  8318.  
  8319.                                            
  8320.                                            <div class="pt-1 text-gray-900"
  8321.                                                x-defer="intersect"
  8322.                                                @update-prices-10670.window="updatePrice($event.detail);">
  8323.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10670" data-price-box="product-id-10670">
  8324.    <span class="special-price">
  8325.        <span
  8326.    x-data x-id="['product\u002Dprice\u002D10670']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8327.        >
  8328.            <span class="price-label">Special Price</span>
  8329.        <span  :id="$id('product\u002Dprice\u002D10670')"                data-price-amount="1229"
  8330.        data-price-type="finalPrice"
  8331.        class="price-wrapper "
  8332.    ><span class="price">€ 1.229,00</span></span>
  8333.        </span>
  8334.    </span>
  8335.    <span class="old-price">
  8336.        <span
  8337.    x-data x-id="['old\u002Dprice\u002D10670']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8338.        >
  8339.            <span class="price-label">Regular Price</span>
  8340.        <span  :id="$id('old\u002Dprice\u002D10670')"                data-price-amount="1399"
  8341.        data-price-type="oldPrice"
  8342.        class="price-wrapper "
  8343.    ><span class="price">€ 1.399,00</span></span>
  8344.        </span>
  8345.    </span>
  8346.  
  8347. </div>                                            </div>
  8348.  
  8349.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8350.            ">
  8351.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8352.                                                                                                                    <button
  8353.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8354.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8355.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8356.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8357.                                                                data-addto="cart">
  8358.                                                                <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">
  8359.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8360. </svg>
  8361.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8362.                                                                    In Winkelwagen                                                                </span>
  8363.                                                            </button>
  8364.                                                                                                            </div>
  8365.  
  8366.                                                                                            </div>
  8367.                                        </div>
  8368.                                                                                                                        </form>
  8369.                                
  8370.                </li>
  8371.                                        
  8372.                            <li class="swiper-slide">
  8373.                                                                    <form method="post"
  8374.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10668/"
  8375.                                        x-data="{
  8376.        hovered: false,
  8377.        grid: true ,
  8378.        isMobile: false,
  8379.        isMobileFunc () {
  8380.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8381.        }
  8382.    }"
  8383.                                        x-init="
  8384.        isMobileFunc();
  8385.        const labelClass = '.amlabel-position-top-right-10668-prod';
  8386.        const labels = document.querySelectorAll(labelClass);
  8387.  
  8388.        $watch('hovered', value => {
  8389.            if (value) {
  8390.                labels.forEach(el => el.style.opacity = '0');
  8391.            } else {
  8392.                labels.forEach(el => el.style.opacity = '1');
  8393.            }
  8394.        });
  8395.    "
  8396.                                        @mouseenter="hovered = true"
  8397.                                        @mouseleave="hovered = false"
  8398.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8399.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8400.                                        >
  8401.                                        <style>
  8402.                                            /* Generate styling for the label based on the product ID */
  8403.                                            .amlabel-position-top-right-10668-prod {
  8404.                                                transition: opacity 0.3s ease;
  8405.                                            }
  8406.                                        </style>
  8407.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10668" />
  8408.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5060ti-r5-gam-a42"
  8409.                                            title="AMD Ryzen 5 8400F 8e Generatie High-End Game PC - GeForce RTX 5060 ti 8GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2"
  8410.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8411.                                            tabindex="-1">
  8412.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070426_1_1_3_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;5700X&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;WIN11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" title="AMD&#x20;Ryzen&#x20;7&#x20;5700X&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;WIN11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070426_1_1_3_2.jpg" width="360" height="360" loading="lazy"></picture>
  8413.                                        </a>
  8414.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8415.                                                                                            <div x-data="initWishlist()">
  8416.                                                    <button
  8417.                                                        @click="addToWishlist(10668)"
  8418.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8419.                                                        type="button"
  8420.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8421.                                                        data-addto="wishlist">
  8422.                                                        <span class="icon-heart text-2xl"></span>
  8423.                                                    </button>
  8424.                                                </div>
  8425.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8426.                                                    <button
  8427.                                                        @click="addToCompare(10668)"
  8428.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8429.                                                        type="button"
  8430.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8431.                                                        data-addto="compare">
  8432.                                                        <span class="icon-balance text-2xl"></span>
  8433.                                                    </button>
  8434.                                                </div>
  8435.                                                                                    </div>
  8436.                                        <div class="product-info flex flex-col grow">
  8437.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8438.                                                <a
  8439.                                                    class="product-item-link"
  8440.                                                    href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5060ti-r5-gam-a42"
  8441.                                                    :id="`slide-desc-10668-${$id('slider-id')}`">
  8442.                                                    AMD Ryzen 5 8400F 8e Generatie High-End Game PC - GeForce RTX 5060 ti 8GB - 32GB DDR5 RAM - 1TB SSD - Met Magneetdeur - Windows 11 PRO - ELITE E2                                                </a>
  8443.                                            </div>
  8444.  
  8445.  
  8446.                                                                                                                                        
  8447.  
  8448.  
  8449.                                            
  8450.                                            <div class="pt-1 text-gray-900"
  8451.                                                x-defer="intersect"
  8452.                                                @update-prices-10668.window="updatePrice($event.detail);">
  8453.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10668" data-price-box="product-id-10668">
  8454.    <span class="special-price">
  8455.        <span
  8456.    x-data x-id="['product\u002Dprice\u002D10668']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8457.        >
  8458.            <span class="price-label">Special Price</span>
  8459.        <span  :id="$id('product\u002Dprice\u002D10668')"                data-price-amount="975"
  8460.        data-price-type="finalPrice"
  8461.        class="price-wrapper "
  8462.    ><span class="price">€ 975,00</span></span>
  8463.        </span>
  8464.    </span>
  8465.    <span class="old-price">
  8466.        <span
  8467.    x-data x-id="['old\u002Dprice\u002D10668']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8468.        >
  8469.            <span class="price-label">Regular Price</span>
  8470.        <span  :id="$id('old\u002Dprice\u002D10668')"                data-price-amount="1099"
  8471.        data-price-type="oldPrice"
  8472.        class="price-wrapper "
  8473.    ><span class="price">€ 1.099,00</span></span>
  8474.        </span>
  8475.    </span>
  8476.  
  8477. </div>                                            </div>
  8478.  
  8479.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8480.            ">
  8481.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8482.                                                                                                                    <button
  8483.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8484.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8485.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8486.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400F&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;ti&#x20;8GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RAM&#x20;-&#x20;1TB&#x20;SSD&#x20;-&#x20;Met&#x20;Magneetdeur&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;ELITE&#x20;E2"
  8487.                                                                data-addto="cart">
  8488.                                                                <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">
  8489.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8490. </svg>
  8491.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8492.                                                                    In Winkelwagen                                                                </span>
  8493.                                                            </button>
  8494.                                                                                                            </div>
  8495.  
  8496.                                                                                            </div>
  8497.                                        </div>
  8498.                                                                                                                        </form>
  8499.                                
  8500.                </li>
  8501.                                        
  8502.                            <li class="swiper-slide">
  8503.                                                                    <form method="post"
  8504.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10048/"
  8505.                                        x-data="{
  8506.        hovered: false,
  8507.        grid: true ,
  8508.        isMobile: false,
  8509.        isMobileFunc () {
  8510.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8511.        }
  8512.    }"
  8513.                                        x-init="
  8514.        isMobileFunc();
  8515.        const labelClass = '.amlabel-position-top-right-10048-prod';
  8516.        const labels = document.querySelectorAll(labelClass);
  8517.  
  8518.        $watch('hovered', value => {
  8519.            if (value) {
  8520.                labels.forEach(el => el.style.opacity = '0');
  8521.            } else {
  8522.                labels.forEach(el => el.style.opacity = '1');
  8523.            }
  8524.        });
  8525.    "
  8526.                                        @mouseenter="hovered = true"
  8527.                                        @mouseleave="hovered = false"
  8528.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8529.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8530.                                        >
  8531.                                        <style>
  8532.                                            /* Generate styling for the label based on the product ID */
  8533.                                            .amlabel-position-top-right-10048-prod {
  8534.                                                transition: opacity 0.3s ease;
  8535.                                            }
  8536.                                        </style>
  8537.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10048" />
  8538.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-5700x3d-game-pc-streaming-computer-rtx-3060-12gb-r7-37x-a1-1"
  8539.                                            title="AMD Ryzen 7 5700X3D High-End RGB Game PC / AIO 360 Waterkoeling Computer met Temperatuur Display - RTX 3060 12GB - 32GB RGB RAM - 1TB M.2 SSD - 750W GOLD PSU - ASUS Rog Strix - WiFi 6| Bluetooth 5.2 - Gamdias Atlas M1 White Aquarium Case"
  8540.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8541.                                            tabindex="-1">
  8542.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/h/photo_2024-08-21_13-27-01_2__1_4.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;5700X3D&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;AIO&#x20;360&#x20;Waterkoeling&#x20;Computer&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;NVMe&#x20;SSD&#x20;-&#x20;750W&#x20;GOLD&#x20;PSU&#x20;-&#x20;ASUS&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;7&#x20;5700X3D&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;AIO&#x20;360&#x20;Waterkoeling&#x20;Computer&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;NVMe&#x20;SSD&#x20;-&#x20;750W&#x20;GOLD&#x20;PSU&#x20;-&#x20;ASUS&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/h/photo_2024-08-21_13-27-01_2__1_4.jpg" width="360" height="360" loading="lazy"></picture>
  8543.                                        </a>
  8544.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8545.                                                                                            <div x-data="initWishlist()">
  8546.                                                    <button
  8547.                                                        @click="addToWishlist(10048)"
  8548.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X3D&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;AIO&#x20;360&#x20;Waterkoeling&#x20;Computer&#x20;met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;750W&#x20;GOLD&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  8549.                                                        type="button"
  8550.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8551.                                                        data-addto="wishlist">
  8552.                                                        <span class="icon-heart text-2xl"></span>
  8553.                                                    </button>
  8554.                                                </div>
  8555.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8556.                                                    <button
  8557.                                                        @click="addToCompare(10048)"
  8558.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X3D&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;AIO&#x20;360&#x20;Waterkoeling&#x20;Computer&#x20;met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;750W&#x20;GOLD&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  8559.                                                        type="button"
  8560.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8561.                                                        data-addto="compare">
  8562.                                                        <span class="icon-balance text-2xl"></span>
  8563.                                                    </button>
  8564.                                                </div>
  8565.                                                                                    </div>
  8566.                                        <div class="product-info flex flex-col grow">
  8567.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8568.                                                <a
  8569.                                                    class="product-item-link"
  8570.                                                    href="https://www.lalashops.nl/amd-ryzen-7-5700x3d-game-pc-streaming-computer-rtx-3060-12gb-r7-37x-a1-1"
  8571.                                                    :id="`slide-desc-10048-${$id('slider-id')}`">
  8572.                                                    AMD Ryzen 7 5700X3D High-End RGB Game PC / AIO 360 Waterkoeling Computer met Temperatuur Display - RTX 3060 12GB - 32GB RGB RAM - 1TB M.2 SSD - 750W GOLD PSU - ASUS Rog Strix - WiFi 6| Bluetooth 5.2 - Gamdias Atlas M1 White Aquarium Case                                                </a>
  8573.                                            </div>
  8574.  
  8575.  
  8576.                                                                                                                                        
  8577.  
  8578.  
  8579.                                            
  8580.                                            <div class="pt-1 text-gray-900"
  8581.                                                x-defer="intersect"
  8582.                                                @update-prices-10048.window="updatePrice($event.detail);">
  8583.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10048" data-price-box="product-id-10048">
  8584.    <span class="special-price">
  8585.        <span
  8586.    x-data x-id="['product\u002Dprice\u002D10048']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8587.        >
  8588.            <span class="price-label">Special Price</span>
  8589.        <span  :id="$id('product\u002Dprice\u002D10048')"                data-price-amount="1199"
  8590.        data-price-type="finalPrice"
  8591.        class="price-wrapper "
  8592.    ><span class="price">€ 1.199,00</span></span>
  8593.        </span>
  8594.    </span>
  8595.    <span class="old-price">
  8596.        <span
  8597.    x-data x-id="['old\u002Dprice\u002D10048']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8598.        >
  8599.            <span class="price-label">Regular Price</span>
  8600.        <span  :id="$id('old\u002Dprice\u002D10048')"                data-price-amount="1349"
  8601.        data-price-type="oldPrice"
  8602.        class="price-wrapper "
  8603.    ><span class="price">€ 1.349,00</span></span>
  8604.        </span>
  8605.    </span>
  8606.  
  8607. </div>                                            </div>
  8608.  
  8609.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8610.            ">
  8611.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8612.                                                                                                                    <button
  8613.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8614.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8615.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X3D&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;AIO&#x20;360&#x20;Waterkoeling&#x20;Computer&#x20;met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;750W&#x20;GOLD&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  8616.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X3D&#x20;High-End&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;AIO&#x20;360&#x20;Waterkoeling&#x20;Computer&#x20;met&#x20;Temperatuur&#x20;Display&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;750W&#x20;GOLD&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;White&#x20;Aquarium&#x20;Case"
  8617.                                                                data-addto="cart">
  8618.                                                                <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">
  8619.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8620. </svg>
  8621.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8622.                                                                    In Winkelwagen                                                                </span>
  8623.                                                            </button>
  8624.                                                                                                            </div>
  8625.  
  8626.                                                                                            </div>
  8627.                                        </div>
  8628.                                                                                                                        </form>
  8629.                                
  8630.                </li>
  8631.                                        
  8632.                            <li class="swiper-slide">
  8633.                                                                    <form method="post"
  8634.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9983/"
  8635.                                        x-data="{
  8636.        hovered: false,
  8637.        grid: true ,
  8638.        isMobile: false,
  8639.        isMobileFunc () {
  8640.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8641.        }
  8642.    }"
  8643.                                        x-init="
  8644.        isMobileFunc();
  8645.        const labelClass = '.amlabel-position-top-right-9983-prod';
  8646.        const labels = document.querySelectorAll(labelClass);
  8647.  
  8648.        $watch('hovered', value => {
  8649.            if (value) {
  8650.                labels.forEach(el => el.style.opacity = '0');
  8651.            } else {
  8652.                labels.forEach(el => el.style.opacity = '1');
  8653.            }
  8654.        });
  8655.    "
  8656.                                        @mouseenter="hovered = true"
  8657.                                        @mouseleave="hovered = false"
  8658.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8659.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8660.                                        >
  8661.                                        <style>
  8662.                                            /* Generate styling for the label based on the product ID */
  8663.                                            .amlabel-position-top-right-9983-prod {
  8664.                                                transition: opacity 0.3s ease;
  8665.                                            }
  8666.                                        </style>
  8667.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9983" />
  8668.                                                                                                                                                            <a href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070ti-16gb-i5-13600kf-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  8669.                                            title="Full MSI i5 13600K Intel Game PC - GeForce RTX 5070 Ti 16GB - 32GB DDR5 RGB - 1TB M2.0 PCI4.0 SSD+2TB M2.0 SSD - WiFi 6E|Bluetooth 5.3 - Win11 PRO"
  8670.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8671.                                            tabindex="-1">
  8672.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/r/5/r5_56x_a7_-_i9_gam_a8_-_i9_gam_a23_45_met_glas__2_4.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="MSI&#x20;i9&#x20;13900K&#x20;Intel&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;4090&#x20;24GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO" title="MSI&#x20;i9&#x20;13900K&#x20;Intel&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;4090&#x20;24GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/r/5/r5_56x_a7_-_i9_gam_a8_-_i9_gam_a23_45_met_glas__2_4.jpg" width="360" height="360" loading="lazy"></picture>
  8673.                                        </a>
  8674.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8675.                                                                                            <div x-data="initWishlist()">
  8676.                                                    <button
  8677.                                                        @click="addToWishlist(9983)"
  8678.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Full&#x20;MSI&#x20;i5&#x20;13600K&#x20;Intel&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;Ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8679.                                                        type="button"
  8680.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8681.                                                        data-addto="wishlist">
  8682.                                                        <span class="icon-heart text-2xl"></span>
  8683.                                                    </button>
  8684.                                                </div>
  8685.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8686.                                                    <button
  8687.                                                        @click="addToCompare(9983)"
  8688.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Full&#x20;MSI&#x20;i5&#x20;13600K&#x20;Intel&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;Ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8689.                                                        type="button"
  8690.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8691.                                                        data-addto="compare">
  8692.                                                        <span class="icon-balance text-2xl"></span>
  8693.                                                    </button>
  8694.                                                </div>
  8695.                                                                                    </div>
  8696.                                        <div class="product-info flex flex-col grow">
  8697.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8698.                                                <a
  8699.                                                    class="product-item-link"
  8700.                                                    href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070ti-16gb-i5-13600kf-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  8701.                                                    :id="`slide-desc-9983-${$id('slider-id')}`">
  8702.                                                    Full MSI i5 13600K Intel Game PC - GeForce RTX 5070 Ti 16GB - 32GB DDR5 RGB - 1TB M2.0 PCI4.0 SSD+2TB M2.0 SSD - WiFi 6E|Bluetooth 5.3 - Win11 PRO                                                </a>
  8703.                                            </div>
  8704.  
  8705.  
  8706.                                                                                                                                        
  8707.  
  8708.  
  8709.                                            
  8710.                                            <div class="pt-1 text-gray-900"
  8711.                                                x-defer="intersect"
  8712.                                                @update-prices-9983.window="updatePrice($event.detail);">
  8713.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9983" data-price-box="product-id-9983">
  8714.    <span class="special-price">
  8715.        <span
  8716.    x-data x-id="['product\u002Dprice\u002D9983']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8717.        >
  8718.            <span class="price-label">Special Price</span>
  8719.        <span  :id="$id('product\u002Dprice\u002D9983')"                data-price-amount="2299"
  8720.        data-price-type="finalPrice"
  8721.        class="price-wrapper "
  8722.    ><span class="price">€ 2.299,00</span></span>
  8723.        </span>
  8724.    </span>
  8725.    <span class="old-price">
  8726.        <span
  8727.    x-data x-id="['old\u002Dprice\u002D9983']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8728.        >
  8729.            <span class="price-label">Regular Price</span>
  8730.        <span  :id="$id('old\u002Dprice\u002D9983')"                data-price-amount="2499"
  8731.        data-price-type="oldPrice"
  8732.        class="price-wrapper "
  8733.    ><span class="price">€ 2.499,00</span></span>
  8734.        </span>
  8735.    </span>
  8736.  
  8737. </div>                                            </div>
  8738.  
  8739.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8740.            ">
  8741.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8742.                                                                                                                    <button
  8743.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8744.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8745.                                                                title="In&#x20;Winkelwagen&#x20;Full&#x20;MSI&#x20;i5&#x20;13600K&#x20;Intel&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;Ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8746.                                                                aria-label="In&#x20;Winkelwagen&#x20;Full&#x20;MSI&#x20;i5&#x20;13600K&#x20;Intel&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;Ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8747.                                                                data-addto="cart">
  8748.                                                                <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">
  8749.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8750. </svg>
  8751.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8752.                                                                    In Winkelwagen                                                                </span>
  8753.                                                            </button>
  8754.                                                                                                            </div>
  8755.  
  8756.                                                                                            </div>
  8757.                                        </div>
  8758.                                                                                                                        </form>
  8759.                                
  8760.                </li>
  8761.                                        
  8762.                            <li class="swiper-slide">
  8763.                                                                    <form method="post"
  8764.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9980/"
  8765.                                        x-data="{
  8766.        hovered: false,
  8767.        grid: true ,
  8768.        isMobile: false,
  8769.        isMobileFunc () {
  8770.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8771.        }
  8772.    }"
  8773.                                        x-init="
  8774.        isMobileFunc();
  8775.        const labelClass = '.amlabel-position-top-right-9980-prod';
  8776.        const labels = document.querySelectorAll(labelClass);
  8777.  
  8778.        $watch('hovered', value => {
  8779.            if (value) {
  8780.                labels.forEach(el => el.style.opacity = '0');
  8781.            } else {
  8782.                labels.forEach(el => el.style.opacity = '1');
  8783.            }
  8784.        });
  8785.    "
  8786.                                        @mouseenter="hovered = true"
  8787.                                        @mouseleave="hovered = false"
  8788.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8789.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8790.                                        >
  8791.                                        <style>
  8792.                                            /* Generate styling for the label based on the product ID */
  8793.                                            .amlabel-position-top-right-9980-prod {
  8794.                                                transition: opacity 0.3s ease;
  8795.                                            }
  8796.                                        </style>
  8797.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9980" />
  8798.                                                                                                                                                            <a href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5080-16gb-i7-14700k-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  8799.                                            title="Full MSI i7 14700K Game PC - GeForce RTX 5080 - 32GB DDR5 RGB - 1TB M2.0 PCI4.0 SSD+2TB M2.0 SSD - WiFi 6E|Bluetooth 5.3 - Win11 PRO"
  8800.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8801.                                            tabindex="-1">
  8802.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/s/msi-frontside-main_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Full&#x20;MSI&#x20;i7&#x20;14700K&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO" title="Full&#x20;MSI&#x20;i7&#x20;14700K&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/s/msi-frontside-main_1.jpg" width="360" height="360" loading="lazy"></picture>
  8803.                                        </a>
  8804.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8805.                                                                                            <div x-data="initWishlist()">
  8806.                                                    <button
  8807.                                                        @click="addToWishlist(9980)"
  8808.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Full&#x20;MSI&#x20;i7&#x20;14700K&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8809.                                                        type="button"
  8810.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8811.                                                        data-addto="wishlist">
  8812.                                                        <span class="icon-heart text-2xl"></span>
  8813.                                                    </button>
  8814.                                                </div>
  8815.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8816.                                                    <button
  8817.                                                        @click="addToCompare(9980)"
  8818.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Full&#x20;MSI&#x20;i7&#x20;14700K&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8819.                                                        type="button"
  8820.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8821.                                                        data-addto="compare">
  8822.                                                        <span class="icon-balance text-2xl"></span>
  8823.                                                    </button>
  8824.                                                </div>
  8825.                                                                                    </div>
  8826.                                        <div class="product-info flex flex-col grow">
  8827.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8828.                                                <a
  8829.                                                    class="product-item-link"
  8830.                                                    href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5080-16gb-i7-14700k-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  8831.                                                    :id="`slide-desc-9980-${$id('slider-id')}`">
  8832.                                                    Full MSI i7 14700K Game PC - GeForce RTX 5080 - 32GB DDR5 RGB - 1TB M2.0 PCI4.0 SSD+2TB M2.0 SSD - WiFi 6E|Bluetooth 5.3 - Win11 PRO                                                </a>
  8833.                                            </div>
  8834.  
  8835.  
  8836.                                                                                                                                        
  8837.  
  8838.  
  8839.                                            
  8840.                                            <div class="pt-1 text-gray-900"
  8841.                                                x-defer="intersect"
  8842.                                                @update-prices-9980.window="updatePrice($event.detail);">
  8843.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9980" data-price-box="product-id-9980">
  8844.    <span class="special-price">
  8845.        <span
  8846.    x-data x-id="['product\u002Dprice\u002D9980']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8847.        >
  8848.            <span class="price-label">Special Price</span>
  8849.        <span  :id="$id('product\u002Dprice\u002D9980')"                data-price-amount="2945"
  8850.        data-price-type="finalPrice"
  8851.        class="price-wrapper "
  8852.    ><span class="price">€ 2.945,00</span></span>
  8853.        </span>
  8854.    </span>
  8855.    <span class="old-price">
  8856.        <span
  8857.    x-data x-id="['old\u002Dprice\u002D9980']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8858.        >
  8859.            <span class="price-label">Regular Price</span>
  8860.        <span  :id="$id('old\u002Dprice\u002D9980')"                data-price-amount="3249"
  8861.        data-price-type="oldPrice"
  8862.        class="price-wrapper "
  8863.    ><span class="price">€ 3.249,00</span></span>
  8864.        </span>
  8865.    </span>
  8866.  
  8867. </div>                                            </div>
  8868.  
  8869.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8870.            ">
  8871.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8872.                                                                                                                    <button
  8873.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8874.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8875.                                                                title="In&#x20;Winkelwagen&#x20;Full&#x20;MSI&#x20;i7&#x20;14700K&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8876.                                                                aria-label="In&#x20;Winkelwagen&#x20;Full&#x20;MSI&#x20;i7&#x20;14700K&#x20;Game&#x20;PC&#x20;-&#x20;GeForce&#x20;RTX&#x20;5080&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;-&#x20;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x20;-&#x20;Win11&#x20;PRO"
  8877.                                                                data-addto="cart">
  8878.                                                                <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">
  8879.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  8880. </svg>
  8881.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8882.                                                                    In Winkelwagen                                                                </span>
  8883.                                                            </button>
  8884.                                                                                                            </div>
  8885.  
  8886.                                                                                            </div>
  8887.                                        </div>
  8888.                                                                                                                        </form>
  8889.                                
  8890.                </li>
  8891.                                        
  8892.                            <li class="swiper-slide">
  8893.                                                                    <form method="post"
  8894.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9973/"
  8895.                                        x-data="{
  8896.        hovered: false,
  8897.        grid: true ,
  8898.        isMobile: false,
  8899.        isMobileFunc () {
  8900.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8901.        }
  8902.    }"
  8903.                                        x-init="
  8904.        isMobileFunc();
  8905.        const labelClass = '.amlabel-position-top-right-9973-prod';
  8906.        const labels = document.querySelectorAll(labelClass);
  8907.  
  8908.        $watch('hovered', value => {
  8909.            if (value) {
  8910.                labels.forEach(el => el.style.opacity = '0');
  8911.            } else {
  8912.                labels.forEach(el => el.style.opacity = '1');
  8913.            }
  8914.        });
  8915.    "
  8916.                                        @mouseenter="hovered = true"
  8917.                                        @mouseleave="hovered = false"
  8918.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8919.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8920.                                        >
  8921.                                        <style>
  8922.                                            /* Generate styling for the label based on the product ID */
  8923.                                            .amlabel-position-top-right-9973-prod {
  8924.                                                transition: opacity 0.3s ease;
  8925.                                            }
  8926.                                        </style>
  8927.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9973" />
  8928.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a40"
  8929.                                            title="Intel i5 6-Core Allround RGB MESH Game PC (Minecraft, Roblox en Fortnite op hoge settings) - RTX 5060 8GB - 32GB RAM - 1TB M.2 SSD - i5-12400 - Windows 11 - Aura GC2"
  8930.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8931.                                            tabindex="-1">
  8932.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_10_1_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-10400&#x20;-&#x20;Windows&#x20;11" title="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-10400&#x20;-&#x20;Windows&#x20;11" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_10_1_2.png" width="360" height="360" loading="lazy"></picture>
  8933.                                        </a>
  8934.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8935.                                                                                            <div x-data="initWishlist()">
  8936.                                                    <button
  8937.                                                        @click="addToWishlist(9973)"
  8938.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  8939.                                                        type="button"
  8940.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8941.                                                        data-addto="wishlist">
  8942.                                                        <span class="icon-heart text-2xl"></span>
  8943.                                                    </button>
  8944.                                                </div>
  8945.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8946.                                                    <button
  8947.                                                        @click="addToCompare(9973)"
  8948.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  8949.                                                        type="button"
  8950.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  8951.                                                        data-addto="compare">
  8952.                                                        <span class="icon-balance text-2xl"></span>
  8953.                                                    </button>
  8954.                                                </div>
  8955.                                                                                    </div>
  8956.                                        <div class="product-info flex flex-col grow">
  8957.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8958.                                                <a
  8959.                                                    class="product-item-link"
  8960.                                                    href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a40"
  8961.                                                    :id="`slide-desc-9973-${$id('slider-id')}`">
  8962.                                                    Intel i5 6-Core Allround RGB MESH Game PC (Minecraft, Roblox en Fortnite op hoge settings) - RTX 5060 8GB - 32GB RAM - 1TB M.2 SSD - i5-12400 - Windows 11 - Aura GC2                                                </a>
  8963.                                            </div>
  8964.  
  8965.  
  8966.                                                                                                                                        
  8967.  
  8968.  
  8969.                                            
  8970.                                            <div class="pt-1 text-gray-900"
  8971.                                                x-defer="intersect"
  8972.                                                @update-prices-9973.window="updatePrice($event.detail);">
  8973.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9973" data-price-box="product-id-9973">
  8974.    <span class="special-price">
  8975.        <span
  8976.    x-data x-id="['product\u002Dprice\u002D9973']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8977.        >
  8978.            <span class="price-label">Special Price</span>
  8979.        <span  :id="$id('product\u002Dprice\u002D9973')"                data-price-amount="769"
  8980.        data-price-type="finalPrice"
  8981.        class="price-wrapper "
  8982.    ><span class="price">€ 769,00</span></span>
  8983.        </span>
  8984.    </span>
  8985.    <span class="old-price">
  8986.        <span
  8987.    x-data x-id="['old\u002Dprice\u002D9973']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8988.        >
  8989.            <span class="price-label">Regular Price</span>
  8990.        <span  :id="$id('old\u002Dprice\u002D9973')"                data-price-amount="849"
  8991.        data-price-type="oldPrice"
  8992.        class="price-wrapper "
  8993.    ><span class="price">€ 849,00</span></span>
  8994.        </span>
  8995.    </span>
  8996.  
  8997. </div>                                            </div>
  8998.  
  8999.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9000.            ">
  9001.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9002.                                                                                                                    <button
  9003.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9004.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9005.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  9006.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M.2&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  9007.                                                                data-addto="cart">
  9008.                                                                <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">
  9009.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9010. </svg>
  9011.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9012.                                                                    In Winkelwagen                                                                </span>
  9013.                                                            </button>
  9014.                                                                                                            </div>
  9015.  
  9016.                                                                                            </div>
  9017.                                        </div>
  9018.                                                                                                                        </form>
  9019.                                
  9020.                </li>
  9021.                                        
  9022.                            <li class="swiper-slide">
  9023.                                                                    <form method="post"
  9024.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9971/"
  9025.                                        x-data="{
  9026.        hovered: false,
  9027.        grid: true ,
  9028.        isMobile: false,
  9029.        isMobileFunc () {
  9030.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9031.        }
  9032.    }"
  9033.                                        x-init="
  9034.        isMobileFunc();
  9035.        const labelClass = '.amlabel-position-top-right-9971-prod';
  9036.        const labels = document.querySelectorAll(labelClass);
  9037.  
  9038.        $watch('hovered', value => {
  9039.            if (value) {
  9040.                labels.forEach(el => el.style.opacity = '0');
  9041.            } else {
  9042.                labels.forEach(el => el.style.opacity = '1');
  9043.            }
  9044.        });
  9045.    "
  9046.                                        @mouseenter="hovered = true"
  9047.                                        @mouseleave="hovered = false"
  9048.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9049.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9050.                                        >
  9051.                                        <style>
  9052.                                            /* Generate styling for the label based on the product ID */
  9053.                                            .amlabel-position-top-right-9971-prod {
  9054.                                                transition: opacity 0.3s ease;
  9055.                                            }
  9056.                                        </style>
  9057.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9971" />
  9058.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a39"
  9059.                                            title="Intel i5 6-Core Allround RGB MESH Game PC (Minecraft, Roblox en Fortnite op hoge settings) - RTX 5060 8GB - 16GB RAM - 500GB SSD - i5-12400 - Windows 11 - Aura GC2"
  9060.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9061.                                            tabindex="-1">
  9062.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_10_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;3060&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11" title="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;3060&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_10_1_1.png" width="360" height="360" loading="lazy"></picture>
  9063.                                        </a>
  9064.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9065.                                                                                            <div x-data="initWishlist()">
  9066.                                                    <button
  9067.                                                        @click="addToWishlist(9971)"
  9068.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  9069.                                                        type="button"
  9070.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9071.                                                        data-addto="wishlist">
  9072.                                                        <span class="icon-heart text-2xl"></span>
  9073.                                                    </button>
  9074.                                                </div>
  9075.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9076.                                                    <button
  9077.                                                        @click="addToCompare(9971)"
  9078.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  9079.                                                        type="button"
  9080.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9081.                                                        data-addto="compare">
  9082.                                                        <span class="icon-balance text-2xl"></span>
  9083.                                                    </button>
  9084.                                                </div>
  9085.                                                                                    </div>
  9086.                                        <div class="product-info flex flex-col grow">
  9087.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9088.                                                <a
  9089.                                                    class="product-item-link"
  9090.                                                    href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a39"
  9091.                                                    :id="`slide-desc-9971-${$id('slider-id')}`">
  9092.                                                    Intel i5 6-Core Allround RGB MESH Game PC (Minecraft, Roblox en Fortnite op hoge settings) - RTX 5060 8GB - 16GB RAM - 500GB SSD - i5-12400 - Windows 11 - Aura GC2                                                </a>
  9093.                                            </div>
  9094.  
  9095.  
  9096.                                                                                                                                        
  9097.  
  9098.  
  9099.                                            
  9100.                                            <div class="pt-1 text-gray-900"
  9101.                                                x-defer="intersect"
  9102.                                                @update-prices-9971.window="updatePrice($event.detail);">
  9103.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9971" data-price-box="product-id-9971">
  9104.    <span class="special-price">
  9105.        <span
  9106.    x-data x-id="['product\u002Dprice\u002D9971']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9107.        >
  9108.            <span class="price-label">Special Price</span>
  9109.        <span  :id="$id('product\u002Dprice\u002D9971')"                data-price-amount="725"
  9110.        data-price-type="finalPrice"
  9111.        class="price-wrapper "
  9112.    ><span class="price">€ 725,00</span></span>
  9113.        </span>
  9114.    </span>
  9115.    <span class="old-price">
  9116.        <span
  9117.    x-data x-id="['old\u002Dprice\u002D9971']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9118.        >
  9119.            <span class="price-label">Regular Price</span>
  9120.        <span  :id="$id('old\u002Dprice\u002D9971')"                data-price-amount="799"
  9121.        data-price-type="oldPrice"
  9122.        class="price-wrapper "
  9123.    ><span class="price">€ 799,00</span></span>
  9124.        </span>
  9125.    </span>
  9126.  
  9127. </div>                                            </div>
  9128.  
  9129.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9130.            ">
  9131.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9132.                                                                                                                    <button
  9133.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9134.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9135.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  9136.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11&#x20;-&#x20;Aura&#x20;GC2"
  9137.                                                                data-addto="cart">
  9138.                                                                <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">
  9139.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9140. </svg>
  9141.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9142.                                                                    In Winkelwagen                                                                </span>
  9143.                                                            </button>
  9144.                                                                                                            </div>
  9145.  
  9146.                                                                                            </div>
  9147.                                        </div>
  9148.                                                                                                                        </form>
  9149.                                
  9150.                </li>
  9151.                                        
  9152.                            <li class="swiper-slide">
  9153.                                                                    <form method="post"
  9154.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9800/"
  9155.                                        x-data="{
  9156.        hovered: false,
  9157.        grid: true ,
  9158.        isMobile: false,
  9159.        isMobileFunc () {
  9160.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9161.        }
  9162.    }"
  9163.                                        x-init="
  9164.        isMobileFunc();
  9165.        const labelClass = '.amlabel-position-top-right-9800-prod';
  9166.        const labels = document.querySelectorAll(labelClass);
  9167.  
  9168.        $watch('hovered', value => {
  9169.            if (value) {
  9170.                labels.forEach(el => el.style.opacity = '0');
  9171.            } else {
  9172.                labels.forEach(el => el.style.opacity = '1');
  9173.            }
  9174.        });
  9175.    "
  9176.                                        @mouseenter="hovered = true"
  9177.                                        @mouseleave="hovered = false"
  9178.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9179.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9180.                                        >
  9181.                                        <style>
  9182.                                            /* Generate styling for the label based on the product ID */
  9183.                                            .amlabel-position-top-right-9800-prod {
  9184.                                                transition: opacity 0.3s ease;
  9185.                                            }
  9186.                                        </style>
  9187.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9800" />
  9188.                                                                                                                                                            <a href="https://www.lalashops.nl/r5-5500-rgb-game-computer-rtx-3060-r5-gam-a77"
  9189.                                            title="AMD Ryzen 5 5500 RGB Game Computer / Gaming PC - RTX 3060 12GB - 32GB RAM - 500GB SSD - 2TB HDD - Win11 Pro - Kolink Void Rift"
  9190.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9191.                                            tabindex="-1">
  9192.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/2/0/2004757960_1_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;5&#x20;5500&#x20;RGB&#x20;Game&#x20;Computer&#x20;&#x2F;&#x20;Gaming&#x20;PC&#x20;-&#x20;RTX&#x20;1650&#x20;4GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;Win11&#x20;Pro&#x20;-&#x20;Kolink&#x20;Void&#x20;Rift" title="AMD&#x20;Ryzen&#x20;5&#x20;5500&#x20;RGB&#x20;Game&#x20;Computer&#x20;&#x2F;&#x20;Gaming&#x20;PC&#x20;-&#x20;RTX&#x20;1650&#x20;4GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;Win11&#x20;Pro&#x20;-&#x20;Kolink&#x20;Void&#x20;Rift" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/2/0/2004757960_1_1.jpg" width="360" height="360" loading="lazy"></picture>
  9193.                                        </a>
  9194.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9195.                                                                                            <div x-data="initWishlist()">
  9196.                                                    <button
  9197.                                                        @click="addToWishlist(9800)"
  9198.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5500&#x20;RGB&#x20;Game&#x20;Computer&#x20;&#x2F;&#x20;Gaming&#x20;PC&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;Win11&#x20;Pro&#x20;-&#x20;Kolink&#x20;Void&#x20;Rift"
  9199.                                                        type="button"
  9200.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9201.                                                        data-addto="wishlist">
  9202.                                                        <span class="icon-heart text-2xl"></span>
  9203.                                                    </button>
  9204.                                                </div>
  9205.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9206.                                                    <button
  9207.                                                        @click="addToCompare(9800)"
  9208.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5500&#x20;RGB&#x20;Game&#x20;Computer&#x20;&#x2F;&#x20;Gaming&#x20;PC&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;Win11&#x20;Pro&#x20;-&#x20;Kolink&#x20;Void&#x20;Rift"
  9209.                                                        type="button"
  9210.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9211.                                                        data-addto="compare">
  9212.                                                        <span class="icon-balance text-2xl"></span>
  9213.                                                    </button>
  9214.                                                </div>
  9215.                                                                                    </div>
  9216.                                        <div class="product-info flex flex-col grow">
  9217.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9218.                                                <a
  9219.                                                    class="product-item-link"
  9220.                                                    href="https://www.lalashops.nl/r5-5500-rgb-game-computer-rtx-3060-r5-gam-a77"
  9221.                                                    :id="`slide-desc-9800-${$id('slider-id')}`">
  9222.                                                    AMD Ryzen 5 5500 RGB Game Computer / Gaming PC - RTX 3060 12GB - 32GB RAM - 500GB SSD - 2TB HDD - Win11 Pro - Kolink Void Rift                                                </a>
  9223.                                            </div>
  9224.  
  9225.  
  9226.                                                                                                                                        
  9227.  
  9228.  
  9229.                                            
  9230.                                            <div class="pt-1 text-gray-900"
  9231.                                                x-defer="intersect"
  9232.                                                @update-prices-9800.window="updatePrice($event.detail);">
  9233.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9800" data-price-box="product-id-9800">
  9234.    <span class="special-price">
  9235.        <span
  9236.    x-data x-id="['product\u002Dprice\u002D9800']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9237.        >
  9238.            <span class="price-label">Special Price</span>
  9239.        <span  :id="$id('product\u002Dprice\u002D9800')"                data-price-amount="899"
  9240.        data-price-type="finalPrice"
  9241.        class="price-wrapper "
  9242.    ><span class="price">€ 899,00</span></span>
  9243.        </span>
  9244.    </span>
  9245.    <span class="old-price">
  9246.        <span
  9247.    x-data x-id="['old\u002Dprice\u002D9800']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9248.        >
  9249.            <span class="price-label">Regular Price</span>
  9250.        <span  :id="$id('old\u002Dprice\u002D9800')"                data-price-amount="999"
  9251.        data-price-type="oldPrice"
  9252.        class="price-wrapper "
  9253.    ><span class="price">€ 999,00</span></span>
  9254.        </span>
  9255.    </span>
  9256.  
  9257. </div>                                            </div>
  9258.  
  9259.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9260.            ">
  9261.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9262.                                                                                                                    <button
  9263.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9264.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9265.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5500&#x20;RGB&#x20;Game&#x20;Computer&#x20;&#x2F;&#x20;Gaming&#x20;PC&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;Win11&#x20;Pro&#x20;-&#x20;Kolink&#x20;Void&#x20;Rift"
  9266.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5500&#x20;RGB&#x20;Game&#x20;Computer&#x20;&#x2F;&#x20;Gaming&#x20;PC&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;2TB&#x20;HDD&#x20;-&#x20;Win11&#x20;Pro&#x20;-&#x20;Kolink&#x20;Void&#x20;Rift"
  9267.                                                                data-addto="cart">
  9268.                                                                <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">
  9269.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9270. </svg>
  9271.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9272.                                                                    In Winkelwagen                                                                </span>
  9273.                                                            </button>
  9274.                                                                                                            </div>
  9275.  
  9276.                                                                                            </div>
  9277.                                        </div>
  9278.                                                                                                                        </form>
  9279.                                
  9280.                </li>
  9281.                                        
  9282.                            <li class="swiper-slide">
  9283.                                                                    <form method="post"
  9284.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9726/"
  9285.                                        x-data="{
  9286.        hovered: false,
  9287.        grid: true ,
  9288.        isMobile: false,
  9289.        isMobileFunc () {
  9290.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9291.        }
  9292.    }"
  9293.                                        x-init="
  9294.        isMobileFunc();
  9295.        const labelClass = '.amlabel-position-top-right-9726-prod';
  9296.        const labels = document.querySelectorAll(labelClass);
  9297.  
  9298.        $watch('hovered', value => {
  9299.            if (value) {
  9300.                labels.forEach(el => el.style.opacity = '0');
  9301.            } else {
  9302.                labels.forEach(el => el.style.opacity = '1');
  9303.            }
  9304.        });
  9305.    "
  9306.                                        @mouseenter="hovered = true"
  9307.                                        @mouseleave="hovered = false"
  9308.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9309.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9310.                                        >
  9311.                                        <style>
  9312.                                            /* Generate styling for the label based on the product ID */
  9313.                                            .amlabel-position-top-right-9726-prod {
  9314.                                                transition: opacity 0.3s ease;
  9315.                                            }
  9316.                                        </style>
  9317.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9726" />
  9318.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a37-1"
  9319.                                            title="Intel i5 6-Core Allround RGB Game PC met Magneetdeur - GeForce RTX 3050 - 16GB RAM - 500GB M2 SSD - i5-11400 - Windows 11 Pro"
  9320.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9321.                                            tabindex="-1">
  9322.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070408_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;met&#x20;Magneetdeur&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-10400&#x20;-&#x20;Windows&#x20;11" title="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;met&#x20;Magneetdeur&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-10400&#x20;-&#x20;Windows&#x20;11" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070408_2.jpg" width="360" height="360" loading="lazy"></picture>
  9323.                                        </a>
  9324.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9325.                                                                                            <div x-data="initWishlist()">
  9326.                                                    <button
  9327.                                                        @click="addToWishlist(9726)"
  9328.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;met&#x20;Magneetdeur&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;M2&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11&#x20;Pro"
  9329.                                                        type="button"
  9330.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9331.                                                        data-addto="wishlist">
  9332.                                                        <span class="icon-heart text-2xl"></span>
  9333.                                                    </button>
  9334.                                                </div>
  9335.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9336.                                                    <button
  9337.                                                        @click="addToCompare(9726)"
  9338.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;met&#x20;Magneetdeur&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;M2&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11&#x20;Pro"
  9339.                                                        type="button"
  9340.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9341.                                                        data-addto="compare">
  9342.                                                        <span class="icon-balance text-2xl"></span>
  9343.                                                    </button>
  9344.                                                </div>
  9345.                                                                                    </div>
  9346.                                        <div class="product-info flex flex-col grow">
  9347.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9348.                                                <a
  9349.                                                    class="product-item-link"
  9350.                                                    href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a37-1"
  9351.                                                    :id="`slide-desc-9726-${$id('slider-id')}`">
  9352.                                                    Intel i5 6-Core Allround RGB Game PC met Magneetdeur - GeForce RTX 3050 - 16GB RAM - 500GB M2 SSD - i5-11400 - Windows 11 Pro                                                </a>
  9353.                                            </div>
  9354.  
  9355.  
  9356.                                                                                                                                        
  9357.  
  9358.  
  9359.                                            
  9360.                                            <div class="pt-1 text-gray-900"
  9361.                                                x-defer="intersect"
  9362.                                                @update-prices-9726.window="updatePrice($event.detail);">
  9363.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9726" data-price-box="product-id-9726">
  9364.    <span class="special-price">
  9365.        <span
  9366.    x-data x-id="['product\u002Dprice\u002D9726']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9367.        >
  9368.            <span class="price-label">Special Price</span>
  9369.        <span  :id="$id('product\u002Dprice\u002D9726')"                data-price-amount="609"
  9370.        data-price-type="finalPrice"
  9371.        class="price-wrapper "
  9372.    ><span class="price">€ 609,00</span></span>
  9373.        </span>
  9374.    </span>
  9375.    <span class="old-price">
  9376.        <span
  9377.    x-data x-id="['old\u002Dprice\u002D9726']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9378.        >
  9379.            <span class="price-label">Regular Price</span>
  9380.        <span  :id="$id('old\u002Dprice\u002D9726')"                data-price-amount="699"
  9381.        data-price-type="oldPrice"
  9382.        class="price-wrapper "
  9383.    ><span class="price">€ 699,00</span></span>
  9384.        </span>
  9385.    </span>
  9386.  
  9387. </div>                                            </div>
  9388.  
  9389.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9390.            ">
  9391.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9392.                                                                                                                    <button
  9393.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9394.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9395.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;met&#x20;Magneetdeur&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;M2&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11&#x20;Pro"
  9396.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;met&#x20;Magneetdeur&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;M2&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11&#x20;Pro"
  9397.                                                                data-addto="cart">
  9398.                                                                <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">
  9399.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9400. </svg>
  9401.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9402.                                                                    In Winkelwagen                                                                </span>
  9403.                                                            </button>
  9404.                                                                                                            </div>
  9405.  
  9406.                                                                                            </div>
  9407.                                        </div>
  9408.                                                                                                                        </form>
  9409.                                
  9410.                </li>
  9411.                                        
  9412.                            <li class="swiper-slide">
  9413.                                                                    <form method="post"
  9414.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9723/"
  9415.                                        x-data="{
  9416.        hovered: false,
  9417.        grid: true ,
  9418.        isMobile: false,
  9419.        isMobileFunc () {
  9420.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9421.        }
  9422.    }"
  9423.                                        x-init="
  9424.        isMobileFunc();
  9425.        const labelClass = '.amlabel-position-top-right-9723-prod';
  9426.        const labels = document.querySelectorAll(labelClass);
  9427.  
  9428.        $watch('hovered', value => {
  9429.            if (value) {
  9430.                labels.forEach(el => el.style.opacity = '0');
  9431.            } else {
  9432.                labels.forEach(el => el.style.opacity = '1');
  9433.            }
  9434.        });
  9435.    "
  9436.                                        @mouseenter="hovered = true"
  9437.                                        @mouseleave="hovered = false"
  9438.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9439.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9440.                                        >
  9441.                                        <style>
  9442.                                            /* Generate styling for the label based on the product ID */
  9443.                                            .amlabel-position-top-right-9723-prod {
  9444.                                                transition: opacity 0.3s ease;
  9445.                                            }
  9446.                                        </style>
  9447.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9723" />
  9448.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-12400f-allround-game-pc-i5-gam-a37"
  9449.                                            title="Intel i5 6-Core Allround RGB MESH Game PC (Minecraft, Roblox en Fortnite op hoge settings) - RTX 3050 - 16GB RAM - 500GB SSD - i5-12400 - Windows 11"
  9450.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9451.                                            tabindex="-1">
  9452.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_8.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11" title="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_8.png" width="360" height="360" loading="lazy"></picture>
  9453.                                        </a>
  9454.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9455.                                                                                            <div x-data="initWishlist()">
  9456.                                                    <button
  9457.                                                        @click="addToWishlist(9723)"
  9458.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11"
  9459.                                                        type="button"
  9460.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9461.                                                        data-addto="wishlist">
  9462.                                                        <span class="icon-heart text-2xl"></span>
  9463.                                                    </button>
  9464.                                                </div>
  9465.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9466.                                                    <button
  9467.                                                        @click="addToCompare(9723)"
  9468.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11"
  9469.                                                        type="button"
  9470.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9471.                                                        data-addto="compare">
  9472.                                                        <span class="icon-balance text-2xl"></span>
  9473.                                                    </button>
  9474.                                                </div>
  9475.                                                                                    </div>
  9476.                                        <div class="product-info flex flex-col grow">
  9477.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9478.                                                <a
  9479.                                                    class="product-item-link"
  9480.                                                    href="https://www.lalashops.nl/intel-12400f-allround-game-pc-i5-gam-a37"
  9481.                                                    :id="`slide-desc-9723-${$id('slider-id')}`">
  9482.                                                    Intel i5 6-Core Allround RGB MESH Game PC (Minecraft, Roblox en Fortnite op hoge settings) - RTX 3050 - 16GB RAM - 500GB SSD - i5-12400 - Windows 11                                                </a>
  9483.                                            </div>
  9484.  
  9485.  
  9486.                                                                                                                                        
  9487.  
  9488.  
  9489.                                            
  9490.                                            <div class="pt-1 text-gray-900"
  9491.                                                x-defer="intersect"
  9492.                                                @update-prices-9723.window="updatePrice($event.detail);">
  9493.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9723" data-price-box="product-id-9723">
  9494.    <span class="special-price">
  9495.        <span
  9496.    x-data x-id="['product\u002Dprice\u002D9723']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9497.        >
  9498.            <span class="price-label">Special Price</span>
  9499.        <span  :id="$id('product\u002Dprice\u002D9723')"                data-price-amount="599"
  9500.        data-price-type="finalPrice"
  9501.        class="price-wrapper "
  9502.    ><span class="price">€ 599,00</span></span>
  9503.        </span>
  9504.    </span>
  9505.    <span class="old-price">
  9506.        <span
  9507.    x-data x-id="['old\u002Dprice\u002D9723']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9508.        >
  9509.            <span class="price-label">Regular Price</span>
  9510.        <span  :id="$id('old\u002Dprice\u002D9723')"                data-price-amount="659"
  9511.        data-price-type="oldPrice"
  9512.        class="price-wrapper "
  9513.    ><span class="price">€ 659,00</span></span>
  9514.        </span>
  9515.    </span>
  9516.  
  9517. </div>                                            </div>
  9518.  
  9519.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9520.            ">
  9521.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9522.                                                                                                                    <button
  9523.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9524.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9525.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11"
  9526.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;MESH&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-12400&#x20;-&#x20;Windows&#x20;11"
  9527.                                                                data-addto="cart">
  9528.                                                                <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">
  9529.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9530. </svg>
  9531.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9532.                                                                    In Winkelwagen                                                                </span>
  9533.                                                            </button>
  9534.                                                                                                            </div>
  9535.  
  9536.                                                                                            </div>
  9537.                                        </div>
  9538.                                                                                                                        </form>
  9539.                                
  9540.                </li>
  9541.                                        
  9542.                            <li class="swiper-slide">
  9543.                                                                    <form method="post"
  9544.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9665/"
  9545.                                        x-data="{
  9546.        hovered: false,
  9547.        grid: true ,
  9548.        isMobile: false,
  9549.        isMobileFunc () {
  9550.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9551.        }
  9552.    }"
  9553.                                        x-init="
  9554.        isMobileFunc();
  9555.        const labelClass = '.amlabel-position-top-right-9665-prod';
  9556.        const labels = document.querySelectorAll(labelClass);
  9557.  
  9558.        $watch('hovered', value => {
  9559.            if (value) {
  9560.                labels.forEach(el => el.style.opacity = '0');
  9561.            } else {
  9562.                labels.forEach(el => el.style.opacity = '1');
  9563.            }
  9564.        });
  9565.    "
  9566.                                        @mouseenter="hovered = true"
  9567.                                        @mouseleave="hovered = false"
  9568.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9569.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9570.                                        >
  9571.                                        <style>
  9572.                                            /* Generate styling for the label based on the product ID */
  9573.                                            .amlabel-position-top-right-9665-prod {
  9574.                                                transition: opacity 0.3s ease;
  9575.                                            }
  9576.                                        </style>
  9577.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9665" />
  9578.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a36"
  9579.                                            title="Intel i5 6-Core Allround RGB Game PC (Minecraft, Roblox en Fortnite op hoge settings) - GeForce RTX 3050 6GB - 16GB RAM - 500GB SSD - i5-11400 - Windows 11"
  9580.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9581.                                            tabindex="-1">
  9582.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-10400&#x20;-&#x20;Windows&#x20;11" title="Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-10400&#x20;-&#x20;Windows&#x20;11" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_1.jpg" width="360" height="360" loading="lazy"></picture>
  9583.                                        </a>
  9584.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9585.                                                                                            <div x-data="initWishlist()">
  9586.                                                    <button
  9587.                                                        @click="addToWishlist(9665)"
  9588.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11"
  9589.                                                        type="button"
  9590.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9591.                                                        data-addto="wishlist">
  9592.                                                        <span class="icon-heart text-2xl"></span>
  9593.                                                    </button>
  9594.                                                </div>
  9595.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9596.                                                    <button
  9597.                                                        @click="addToCompare(9665)"
  9598.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11"
  9599.                                                        type="button"
  9600.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9601.                                                        data-addto="compare">
  9602.                                                        <span class="icon-balance text-2xl"></span>
  9603.                                                    </button>
  9604.                                                </div>
  9605.                                                                                    </div>
  9606.                                        <div class="product-info flex flex-col grow">
  9607.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9608.                                                <a
  9609.                                                    class="product-item-link"
  9610.                                                    href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a36"
  9611.                                                    :id="`slide-desc-9665-${$id('slider-id')}`">
  9612.                                                    Intel i5 6-Core Allround RGB Game PC (Minecraft, Roblox en Fortnite op hoge settings) - GeForce RTX 3050 6GB - 16GB RAM - 500GB SSD - i5-11400 - Windows 11                                                </a>
  9613.                                            </div>
  9614.  
  9615.  
  9616.                                                                                                                                        
  9617.  
  9618.  
  9619.                                            
  9620.                                            <div class="pt-1 text-gray-900"
  9621.                                                x-defer="intersect"
  9622.                                                @update-prices-9665.window="updatePrice($event.detail);">
  9623.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9665" data-price-box="product-id-9665">
  9624.    <span class="special-price">
  9625.        <span
  9626.    x-data x-id="['product\u002Dprice\u002D9665']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9627.        >
  9628.            <span class="price-label">Special Price</span>
  9629.        <span  :id="$id('product\u002Dprice\u002D9665')"                data-price-amount="579"
  9630.        data-price-type="finalPrice"
  9631.        class="price-wrapper "
  9632.    ><span class="price">€ 579,00</span></span>
  9633.        </span>
  9634.    </span>
  9635.    <span class="old-price">
  9636.        <span
  9637.    x-data x-id="['old\u002Dprice\u002D9665']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9638.        >
  9639.            <span class="price-label">Regular Price</span>
  9640.        <span  :id="$id('old\u002Dprice\u002D9665')"                data-price-amount="645"
  9641.        data-price-type="oldPrice"
  9642.        class="price-wrapper "
  9643.    ><span class="price">€ 645,00</span></span>
  9644.        </span>
  9645.    </span>
  9646.  
  9647. </div>                                            </div>
  9648.  
  9649.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9650.            ">
  9651.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9652.                                                                                                                    <button
  9653.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9654.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9655.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11"
  9656.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;6-Core&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;Minecraft,&#x20;Roblox&#x20;en&#x20;Fortnite&#x20;op&#x20;hoge&#x20;settings&#x29;&#x20;-&#x20;GeForce&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;SSD&#x20;-&#x20;i5-11400&#x20;-&#x20;Windows&#x20;11"
  9657.                                                                data-addto="cart">
  9658.                                                                <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">
  9659.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9660. </svg>
  9661.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9662.                                                                    In Winkelwagen                                                                </span>
  9663.                                                            </button>
  9664.                                                                                                            </div>
  9665.  
  9666.                                                                                            </div>
  9667.                                        </div>
  9668.                                                                                                                        </form>
  9669.                                
  9670.                </li>
  9671.                                        
  9672.                            <li class="swiper-slide">
  9673.                                                                    <form method="post"
  9674.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9554/"
  9675.                                        x-data="{
  9676.        hovered: false,
  9677.        grid: true ,
  9678.        isMobile: false,
  9679.        isMobileFunc () {
  9680.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9681.        }
  9682.    }"
  9683.                                        x-init="
  9684.        isMobileFunc();
  9685.        const labelClass = '.amlabel-position-top-right-9554-prod';
  9686.        const labels = document.querySelectorAll(labelClass);
  9687.  
  9688.        $watch('hovered', value => {
  9689.            if (value) {
  9690.                labels.forEach(el => el.style.opacity = '0');
  9691.            } else {
  9692.                labels.forEach(el => el.style.opacity = '1');
  9693.            }
  9694.        });
  9695.    "
  9696.                                        @mouseenter="hovered = true"
  9697.                                        @mouseleave="hovered = false"
  9698.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9699.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9700.                                        >
  9701.                                        <style>
  9702.                                            /* Generate styling for the label based on the product ID */
  9703.                                            .amlabel-position-top-right-9554-prod {
  9704.                                                transition: opacity 0.3s ease;
  9705.                                            }
  9706.                                        </style>
  9707.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9554" />
  9708.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a24-1"
  9709.                                            title="AMD Ryzen 5 7600X High-End 360 LIQUID COOLED Game PC - RTX 5070 ti 16GB - 32GB DDR5 RGB RAM - 2TB M2.0 NVMe SSD - Wifi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gigabyte B650 Gaming X AX - Win11 PRO - Gamdias Atlas M1 Aquarium Case"
  9710.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9711.                                            tabindex="-1">
  9712.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/gamdias_x_2_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;9&#x20;5900X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;4080&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II" title="AMD&#x20;Ryzen&#x20;9&#x20;5900X&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;4080&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;2TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;B550&#x20;TUF&#x20;Gaming&#x20;WIFI&#x20;II" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/a/gamdias_x_2_1.jpg" width="360" height="360" loading="lazy"></picture>
  9713.                                        </a>
  9714.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9715.                                                                                            <div x-data="initWishlist()">
  9716.                                                    <button
  9717.                                                        @click="addToWishlist(9554)"
  9718.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;360&#x20;LIQUID&#x20;COOLED&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x20;-&#x20;2TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  9719.                                                        type="button"
  9720.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9721.                                                        data-addto="wishlist">
  9722.                                                        <span class="icon-heart text-2xl"></span>
  9723.                                                    </button>
  9724.                                                </div>
  9725.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9726.                                                    <button
  9727.                                                        @click="addToCompare(9554)"
  9728.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;360&#x20;LIQUID&#x20;COOLED&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x20;-&#x20;2TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  9729.                                                        type="button"
  9730.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9731.                                                        data-addto="compare">
  9732.                                                        <span class="icon-balance text-2xl"></span>
  9733.                                                    </button>
  9734.                                                </div>
  9735.                                                                                    </div>
  9736.                                        <div class="product-info flex flex-col grow">
  9737.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9738.                                                <a
  9739.                                                    class="product-item-link"
  9740.                                                    href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a24-1"
  9741.                                                    :id="`slide-desc-9554-${$id('slider-id')}`">
  9742.                                                    AMD Ryzen 5 7600X High-End 360 LIQUID COOLED Game PC - RTX 5070 ti 16GB - 32GB DDR5 RGB RAM - 2TB M2.0 NVMe SSD - Wifi 6E|Bluetooth 5.3|LAN 2.5Gbps - Gigabyte B650 Gaming X AX - Win11 PRO - Gamdias Atlas M1 Aquarium Case                                                </a>
  9743.                                            </div>
  9744.  
  9745.  
  9746.                                                                                                                                        
  9747.  
  9748.  
  9749.                                            
  9750.                                            <div class="pt-1 text-gray-900"
  9751.                                                x-defer="intersect"
  9752.                                                @update-prices-9554.window="updatePrice($event.detail);">
  9753.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9554" data-price-box="product-id-9554">
  9754.    <span class="special-price">
  9755.        <span
  9756.    x-data x-id="['product\u002Dprice\u002D9554']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9757.        >
  9758.            <span class="price-label">Special Price</span>
  9759.        <span  :id="$id('product\u002Dprice\u002D9554')"                data-price-amount="2049"
  9760.        data-price-type="finalPrice"
  9761.        class="price-wrapper "
  9762.    ><span class="price">€ 2.049,00</span></span>
  9763.        </span>
  9764.    </span>
  9765.    <span class="old-price">
  9766.        <span
  9767.    x-data x-id="['old\u002Dprice\u002D9554']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9768.        >
  9769.            <span class="price-label">Regular Price</span>
  9770.        <span  :id="$id('old\u002Dprice\u002D9554')"                data-price-amount="2349"
  9771.        data-price-type="oldPrice"
  9772.        class="price-wrapper "
  9773.    ><span class="price">€ 2.349,00</span></span>
  9774.        </span>
  9775.    </span>
  9776.  
  9777. </div>                                            </div>
  9778.  
  9779.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9780.            ">
  9781.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9782.                                                                                                                    <button
  9783.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9784.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9785.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;360&#x20;LIQUID&#x20;COOLED&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x20;-&#x20;2TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  9786.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;7600X&#x20;High-End&#x20;360&#x20;LIQUID&#x20;COOLED&#x20;Game&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;ti&#x20;16GB&#x20;-&#x20;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x20;-&#x20;2TB&#x20;M2.0&#x20;NVMe&#x20;SSD&#x20;-&#x20;Wifi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;LAN&#x20;2.5Gbps&#x20;-&#x20;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x20;-&#x20;Win11&#x20;PRO&#x20;-&#x20;Gamdias&#x20;Atlas&#x20;M1&#x20;Aquarium&#x20;Case"
  9787.                                                                data-addto="cart">
  9788.                                                                <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">
  9789.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9790. </svg>
  9791.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9792.                                                                    In Winkelwagen                                                                </span>
  9793.                                                            </button>
  9794.                                                                                                            </div>
  9795.  
  9796.                                                                                            </div>
  9797.                                        </div>
  9798.                                                                                                                        </form>
  9799.                                
  9800.                </li>
  9801.                                        
  9802.                            <li class="swiper-slide">
  9803.                                                                    <form method="post"
  9804.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9403/"
  9805.                                        x-data="{
  9806.        hovered: false,
  9807.        grid: true ,
  9808.        isMobile: false,
  9809.        isMobileFunc () {
  9810.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9811.        }
  9812.    }"
  9813.                                        x-init="
  9814.        isMobileFunc();
  9815.        const labelClass = '.amlabel-position-top-right-9403-prod';
  9816.        const labels = document.querySelectorAll(labelClass);
  9817.  
  9818.        $watch('hovered', value => {
  9819.            if (value) {
  9820.                labels.forEach(el => el.style.opacity = '0');
  9821.            } else {
  9822.                labels.forEach(el => el.style.opacity = '1');
  9823.            }
  9824.        });
  9825.    "
  9826.                                        @mouseenter="hovered = true"
  9827.                                        @mouseleave="hovered = false"
  9828.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9829.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9830.                                        >
  9831.                                        <style>
  9832.                                            /* Generate styling for the label based on the product ID */
  9833.                                            .amlabel-position-top-right-9403-prod {
  9834.                                                transition: opacity 0.3s ease;
  9835.                                            }
  9836.                                        </style>
  9837.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9403" />
  9838.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i7-12700k-game-pc-rtx-5070-12gb-i7-gam-a20"
  9839.                                            title="Intel i7 12700K 12-Core Game PC / Streaming PC - RTX 5070 12GB - 32GB RAM - 1TB M2.0 SSD - Xilent Flow"
  9840.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9841.                                            tabindex="-1">
  9842.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_transparent_1_1_6_1_7.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i7&#x20;10700&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Streaming&#x20;PC&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;Breeze" title="Intel&#x20;i7&#x20;10700&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Streaming&#x20;PC&#x20;-&#x20;RTX&#x20;3050&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;Breeze" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_transparent_1_1_6_1_7.jpg" width="360" height="360" loading="lazy"></picture>
  9843.                                        </a>
  9844.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9845.                                                                                            <div x-data="initWishlist()">
  9846.                                                    <button
  9847.                                                        @click="addToWishlist(9403)"
  9848.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i7&#x20;12700K&#x20;12-Core&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Streaming&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;Xilent&#x20;Flow"
  9849.                                                        type="button"
  9850.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9851.                                                        data-addto="wishlist">
  9852.                                                        <span class="icon-heart text-2xl"></span>
  9853.                                                    </button>
  9854.                                                </div>
  9855.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9856.                                                    <button
  9857.                                                        @click="addToCompare(9403)"
  9858.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i7&#x20;12700K&#x20;12-Core&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Streaming&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;Xilent&#x20;Flow"
  9859.                                                        type="button"
  9860.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9861.                                                        data-addto="compare">
  9862.                                                        <span class="icon-balance text-2xl"></span>
  9863.                                                    </button>
  9864.                                                </div>
  9865.                                                                                    </div>
  9866.                                        <div class="product-info flex flex-col grow">
  9867.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9868.                                                <a
  9869.                                                    class="product-item-link"
  9870.                                                    href="https://www.lalashops.nl/intel-i7-12700k-game-pc-rtx-5070-12gb-i7-gam-a20"
  9871.                                                    :id="`slide-desc-9403-${$id('slider-id')}`">
  9872.                                                    Intel i7 12700K 12-Core Game PC / Streaming PC - RTX 5070 12GB - 32GB RAM - 1TB M2.0 SSD - Xilent Flow                                                </a>
  9873.                                            </div>
  9874.  
  9875.  
  9876.                                                                                                                                        
  9877.  
  9878.  
  9879.                                            
  9880.                                            <div class="pt-1 text-gray-900"
  9881.                                                x-defer="intersect"
  9882.                                                @update-prices-9403.window="updatePrice($event.detail);">
  9883.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9403" data-price-box="product-id-9403">
  9884.    <span class="special-price">
  9885.        <span
  9886.    x-data x-id="['product\u002Dprice\u002D9403']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9887.        >
  9888.            <span class="price-label">Special Price</span>
  9889.        <span  :id="$id('product\u002Dprice\u002D9403')"                data-price-amount="1425"
  9890.        data-price-type="finalPrice"
  9891.        class="price-wrapper "
  9892.    ><span class="price">€ 1.425,00</span></span>
  9893.        </span>
  9894.    </span>
  9895.    <span class="old-price">
  9896.        <span
  9897.    x-data x-id="['old\u002Dprice\u002D9403']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9898.        >
  9899.            <span class="price-label">Regular Price</span>
  9900.        <span  :id="$id('old\u002Dprice\u002D9403')"                data-price-amount="1599"
  9901.        data-price-type="oldPrice"
  9902.        class="price-wrapper "
  9903.    ><span class="price">€ 1.599,00</span></span>
  9904.        </span>
  9905.    </span>
  9906.  
  9907. </div>                                            </div>
  9908.  
  9909.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9910.            ">
  9911.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9912.                                                                                                                    <button
  9913.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9914.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9915.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i7&#x20;12700K&#x20;12-Core&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Streaming&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;Xilent&#x20;Flow"
  9916.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i7&#x20;12700K&#x20;12-Core&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Streaming&#x20;PC&#x20;-&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD&#x20;-&#x20;Xilent&#x20;Flow"
  9917.                                                                data-addto="cart">
  9918.                                                                <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">
  9919.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  9920. </svg>
  9921.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9922.                                                                    In Winkelwagen                                                                </span>
  9923.                                                            </button>
  9924.                                                                                                            </div>
  9925.  
  9926.                                                                                            </div>
  9927.                                        </div>
  9928.                                                                                                                        </form>
  9929.                                
  9930.                </li>
  9931.                                        
  9932.                            <li class="swiper-slide">
  9933.                                                                    <form method="post"
  9934.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9012/"
  9935.                                        x-data="{
  9936.        hovered: false,
  9937.        grid: true ,
  9938.        isMobile: false,
  9939.        isMobileFunc () {
  9940.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9941.        }
  9942.    }"
  9943.                                        x-init="
  9944.        isMobileFunc();
  9945.        const labelClass = '.amlabel-position-top-right-9012-prod';
  9946.        const labels = document.querySelectorAll(labelClass);
  9947.  
  9948.        $watch('hovered', value => {
  9949.            if (value) {
  9950.                labels.forEach(el => el.style.opacity = '0');
  9951.            } else {
  9952.                labels.forEach(el => el.style.opacity = '1');
  9953.            }
  9954.        });
  9955.    "
  9956.                                        @mouseenter="hovered = true"
  9957.                                        @mouseleave="hovered = false"
  9958.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9959.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9960.                                        >
  9961.                                        <style>
  9962.                                            /* Generate styling for the label based on the product ID */
  9963.                                            .amlabel-position-top-right-9012-prod {
  9964.                                                transition: opacity 0.3s ease;
  9965.                                            }
  9966.                                        </style>
  9967.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9012" />
  9968.                                                                                                                                                            <a href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070-12gb-i9-12900kf-32gb-1tb-ssd-2tb-i9-gam-a8"
  9969.                                            title="BitBull 16-Core i9 12900K Full MSI Game PC|GeForce RTX 5070 12GB|32GB DDR5 6000 RGB|1TB PCIe 4.0 SSD + 2TB PCIe 3.0 SSD|WiFi 6E|Bluetooth 5.3|Win 11 PRO"
  9970.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9971.                                            tabindex="-1">
  9972.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/s/msi-frontside-main.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="BitBull&#x20;16-Core&#x20;i9&#x20;12900K&#x20;Full&#x20;MSI&#x20;Game&#x20;PC&#x7C;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x7C;32GB&#x20;DDR5&#x20;6000&#x20;RGB&#x7C;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x7C;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;Win&#x20;11&#x20;PRO" title="BitBull&#x20;16-Core&#x20;i9&#x20;12900K&#x20;Full&#x20;MSI&#x20;Game&#x20;PC&#x7C;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x7C;32GB&#x20;DDR5&#x20;6000&#x20;RGB&#x7C;1TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x2B;2TB&#x20;M2.0&#x20;SSD&#x7C;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;Win&#x20;11&#x20;PRO" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/s/msi-frontside-main.jpg" width="360" height="360" loading="lazy"></picture>
  9973.                                        </a>
  9974.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9975.                                                                                            <div x-data="initWishlist()">
  9976.                                                    <button
  9977.                                                        @click="addToWishlist(9012)"
  9978.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;BitBull&#x20;16-Core&#x20;i9&#x20;12900K&#x20;Full&#x20;MSI&#x20;Game&#x20;PC&#x7C;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x7C;32GB&#x20;DDR5&#x20;6000&#x20;RGB&#x7C;1TB&#x20;PCIe&#x20;4.0&#x20;SSD&#x20;&#x2B;&#x20;2TB&#x20;PCIe&#x20;3.0&#x20;SSD&#x7C;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;Win&#x20;11&#x20;PRO"
  9979.                                                        type="button"
  9980.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9981.                                                        data-addto="wishlist">
  9982.                                                        <span class="icon-heart text-2xl"></span>
  9983.                                                    </button>
  9984.                                                </div>
  9985.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9986.                                                    <button
  9987.                                                        @click="addToCompare(9012)"
  9988.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;BitBull&#x20;16-Core&#x20;i9&#x20;12900K&#x20;Full&#x20;MSI&#x20;Game&#x20;PC&#x7C;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x7C;32GB&#x20;DDR5&#x20;6000&#x20;RGB&#x7C;1TB&#x20;PCIe&#x20;4.0&#x20;SSD&#x20;&#x2B;&#x20;2TB&#x20;PCIe&#x20;3.0&#x20;SSD&#x7C;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;Win&#x20;11&#x20;PRO"
  9989.                                                        type="button"
  9990.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  9991.                                                        data-addto="compare">
  9992.                                                        <span class="icon-balance text-2xl"></span>
  9993.                                                    </button>
  9994.                                                </div>
  9995.                                                                                    </div>
  9996.                                        <div class="product-info flex flex-col grow">
  9997.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9998.                                                <a
  9999.                                                    class="product-item-link"
  10000.                                                    href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070-12gb-i9-12900kf-32gb-1tb-ssd-2tb-i9-gam-a8"
  10001.                                                    :id="`slide-desc-9012-${$id('slider-id')}`">
  10002.                                                    BitBull 16-Core i9 12900K Full MSI Game PC|GeForce RTX 5070 12GB|32GB DDR5 6000 RGB|1TB PCIe 4.0 SSD + 2TB PCIe 3.0 SSD|WiFi 6E|Bluetooth 5.3|Win 11 PRO                                                </a>
  10003.                                            </div>
  10004.  
  10005.  
  10006.                                                                                                                                        
  10007.  
  10008.  
  10009.                                            
  10010.                                            <div class="pt-1 text-gray-900"
  10011.                                                x-defer="intersect"
  10012.                                                @update-prices-9012.window="updatePrice($event.detail);">
  10013.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9012" data-price-box="product-id-9012">
  10014.    <span class="special-price">
  10015.        <span
  10016.    x-data x-id="['product\u002Dprice\u002D9012']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10017.        >
  10018.            <span class="price-label">Special Price</span>
  10019.        <span  :id="$id('product\u002Dprice\u002D9012')"                data-price-amount="1859"
  10020.        data-price-type="finalPrice"
  10021.        class="price-wrapper "
  10022.    ><span class="price">€ 1.859,00</span></span>
  10023.        </span>
  10024.    </span>
  10025.    <span class="old-price">
  10026.        <span
  10027.    x-data x-id="['old\u002Dprice\u002D9012']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10028.        >
  10029.            <span class="price-label">Regular Price</span>
  10030.        <span  :id="$id('old\u002Dprice\u002D9012')"                data-price-amount="2099"
  10031.        data-price-type="oldPrice"
  10032.        class="price-wrapper "
  10033.    ><span class="price">€ 2.099,00</span></span>
  10034.        </span>
  10035.    </span>
  10036.  
  10037. </div>                                            </div>
  10038.  
  10039.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10040.            ">
  10041.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10042.                                                                                                                    <button
  10043.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10044.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10045.                                                                title="In&#x20;Winkelwagen&#x20;BitBull&#x20;16-Core&#x20;i9&#x20;12900K&#x20;Full&#x20;MSI&#x20;Game&#x20;PC&#x7C;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x7C;32GB&#x20;DDR5&#x20;6000&#x20;RGB&#x7C;1TB&#x20;PCIe&#x20;4.0&#x20;SSD&#x20;&#x2B;&#x20;2TB&#x20;PCIe&#x20;3.0&#x20;SSD&#x7C;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;Win&#x20;11&#x20;PRO"
  10046.                                                                aria-label="In&#x20;Winkelwagen&#x20;BitBull&#x20;16-Core&#x20;i9&#x20;12900K&#x20;Full&#x20;MSI&#x20;Game&#x20;PC&#x7C;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x7C;32GB&#x20;DDR5&#x20;6000&#x20;RGB&#x7C;1TB&#x20;PCIe&#x20;4.0&#x20;SSD&#x20;&#x2B;&#x20;2TB&#x20;PCIe&#x20;3.0&#x20;SSD&#x7C;WiFi&#x20;6E&#x7C;Bluetooth&#x20;5.3&#x7C;Win&#x20;11&#x20;PRO"
  10047.                                                                data-addto="cart">
  10048.                                                                <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">
  10049.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10050. </svg>
  10051.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10052.                                                                    In Winkelwagen                                                                </span>
  10053.                                                            </button>
  10054.                                                                                                            </div>
  10055.  
  10056.                                                                                            </div>
  10057.                                        </div>
  10058.                                                                                                                        </form>
  10059.                                
  10060.                </li>
  10061.                                        
  10062.                            <li class="swiper-slide">
  10063.                                                                    <form method="post"
  10064.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8222/"
  10065.                                        x-data="{
  10066.        hovered: false,
  10067.        grid: true ,
  10068.        isMobile: false,
  10069.        isMobileFunc () {
  10070.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10071.        }
  10072.    }"
  10073.                                        x-init="
  10074.        isMobileFunc();
  10075.        const labelClass = '.amlabel-position-top-right-8222-prod';
  10076.        const labels = document.querySelectorAll(labelClass);
  10077.  
  10078.        $watch('hovered', value => {
  10079.            if (value) {
  10080.                labels.forEach(el => el.style.opacity = '0');
  10081.            } else {
  10082.                labels.forEach(el => el.style.opacity = '1');
  10083.            }
  10084.        });
  10085.    "
  10086.                                        @mouseenter="hovered = true"
  10087.                                        @mouseleave="hovered = false"
  10088.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10089.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10090.                                        >
  10091.                                        <style>
  10092.                                            /* Generate styling for the label based on the product ID */
  10093.                                            .amlabel-position-top-right-8222-prod {
  10094.                                                transition: opacity 0.3s ease;
  10095.                                            }
  10096.                                        </style>
  10097.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8222" />
  10098.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a35"
  10099.                                            title="Intel i5 Allround RGB Game PC (geschikt voor Fortnite) - RTX 3050 - 16GB RAM - 512GB SSD NVMe - Windows 11"
  10100.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10101.                                            tabindex="-1">
  10102.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_transparent_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Basic&#x20;Gaming&#x20;Computer&#x20;-&#x20;Intel&#x20;i5&#x20;10400&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;512GB&#x20;SSD&#x20;NVMe&#x20;-&#x20;WIFI&#x20;-&#x20;Windows&#x20;11" title="Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Basic&#x20;Gaming&#x20;Computer&#x20;-&#x20;Intel&#x20;i5&#x20;10400&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;512GB&#x20;SSD&#x20;NVMe&#x20;-&#x20;WIFI&#x20;-&#x20;Windows&#x20;11" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_transparent_1.jpg" width="360" height="360" loading="lazy"></picture>
  10103.                                        </a>
  10104.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10105.                                                                                            <div x-data="initWishlist()">
  10106.                                                    <button
  10107.                                                        @click="addToWishlist(8222)"
  10108.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;geschikt&#x20;voor&#x20;Fortnite&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;512GB&#x20;SSD&#x20;NVMe&#x20;-&#x20;Windows&#x20;11"
  10109.                                                        type="button"
  10110.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10111.                                                        data-addto="wishlist">
  10112.                                                        <span class="icon-heart text-2xl"></span>
  10113.                                                    </button>
  10114.                                                </div>
  10115.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10116.                                                    <button
  10117.                                                        @click="addToCompare(8222)"
  10118.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;geschikt&#x20;voor&#x20;Fortnite&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;512GB&#x20;SSD&#x20;NVMe&#x20;-&#x20;Windows&#x20;11"
  10119.                                                        type="button"
  10120.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10121.                                                        data-addto="compare">
  10122.                                                        <span class="icon-balance text-2xl"></span>
  10123.                                                    </button>
  10124.                                                </div>
  10125.                                                                                    </div>
  10126.                                        <div class="product-info flex flex-col grow">
  10127.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10128.                                                <a
  10129.                                                    class="product-item-link"
  10130.                                                    href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a35"
  10131.                                                    :id="`slide-desc-8222-${$id('slider-id')}`">
  10132.                                                    Intel i5 Allround RGB Game PC (geschikt voor Fortnite) - RTX 3050 - 16GB RAM - 512GB SSD NVMe - Windows 11                                                </a>
  10133.                                            </div>
  10134.  
  10135.  
  10136.                                                                                                                                        
  10137.  
  10138.  
  10139.                                            
  10140.                                            <div class="pt-1 text-gray-900"
  10141.                                                x-defer="intersect"
  10142.                                                @update-prices-8222.window="updatePrice($event.detail);">
  10143.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8222" data-price-box="product-id-8222">
  10144.    <span class="special-price">
  10145.        <span
  10146.    x-data x-id="['product\u002Dprice\u002D8222']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10147.        >
  10148.            <span class="price-label">Special Price</span>
  10149.        <span  :id="$id('product\u002Dprice\u002D8222')"                data-price-amount="599"
  10150.        data-price-type="finalPrice"
  10151.        class="price-wrapper "
  10152.    ><span class="price">€ 599,00</span></span>
  10153.        </span>
  10154.    </span>
  10155.    <span class="old-price">
  10156.        <span
  10157.    x-data x-id="['old\u002Dprice\u002D8222']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10158.        >
  10159.            <span class="price-label">Regular Price</span>
  10160.        <span  :id="$id('old\u002Dprice\u002D8222')"                data-price-amount="719"
  10161.        data-price-type="oldPrice"
  10162.        class="price-wrapper "
  10163.    ><span class="price">€ 719,00</span></span>
  10164.        </span>
  10165.    </span>
  10166.  
  10167. </div>                                            </div>
  10168.  
  10169.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10170.            ">
  10171.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10172.                                                                                                                    <button
  10173.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10174.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10175.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;geschikt&#x20;voor&#x20;Fortnite&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;512GB&#x20;SSD&#x20;NVMe&#x20;-&#x20;Windows&#x20;11"
  10176.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;Allround&#x20;RGB&#x20;Game&#x20;PC&#x20;&#x28;geschikt&#x20;voor&#x20;Fortnite&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;512GB&#x20;SSD&#x20;NVMe&#x20;-&#x20;Windows&#x20;11"
  10177.                                                                data-addto="cart">
  10178.                                                                <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">
  10179.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10180. </svg>
  10181.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10182.                                                                    In Winkelwagen                                                                </span>
  10183.                                                            </button>
  10184.                                                                                                            </div>
  10185.  
  10186.                                                                                            </div>
  10187.                                        </div>
  10188.                                                                                                                        </form>
  10189.                                
  10190.                </li>
  10191.                                        
  10192.                            <li class="swiper-slide">
  10193.                                                                    <form method="post"
  10194.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8152/"
  10195.                                        x-data="{
  10196.        hovered: false,
  10197.        grid: true ,
  10198.        isMobile: false,
  10199.        isMobileFunc () {
  10200.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10201.        }
  10202.    }"
  10203.                                        x-init="
  10204.        isMobileFunc();
  10205.        const labelClass = '.amlabel-position-top-right-8152-prod';
  10206.        const labels = document.querySelectorAll(labelClass);
  10207.  
  10208.        $watch('hovered', value => {
  10209.            if (value) {
  10210.                labels.forEach(el => el.style.opacity = '0');
  10211.            } else {
  10212.                labels.forEach(el => el.style.opacity = '1');
  10213.            }
  10214.        });
  10215.    "
  10216.                                        @mouseenter="hovered = true"
  10217.                                        @mouseleave="hovered = false"
  10218.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10219.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10220.                                        >
  10221.                                        <style>
  10222.                                            /* Generate styling for the label based on the product ID */
  10223.                                            .amlabel-position-top-right-8152-prod {
  10224.                                                transition: opacity 0.3s ease;
  10225.                                            }
  10226.                                        </style>
  10227.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8152" />
  10228.                                                                                                                                                            <a href="https://www.lalashops.nl/r5-5500-rtx-3050-16gb-1-tb-nvme-ssd-r5-gam-a5"
  10229.                                            title="Ryzen 5 5500 6-Core Game PC - Geschikt voor Fortnite High Settings - RTX 3050 6GB - 1 TB NVMe SSD - 16GB RAM - Windows 11 PRO - Athena Elite E1"
  10230.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10231.                                            tabindex="-1">
  10232.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1060116_3_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Ryzen&#x20;5&#x20;5500&#x20;6-Core&#x20;Game&#x20;PC&#x20;-&#x20;Geschikt&#x20;voor&#x20;Fortnite&#x20;High&#x20;Settings&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;960GB&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Athena&#x20;Elite&#x20;E1" title="Ryzen&#x20;5&#x20;5500&#x20;6-Core&#x20;Game&#x20;PC&#x20;-&#x20;Geschikt&#x20;voor&#x20;Fortnite&#x20;High&#x20;Settings&#x20;-&#x20;GTX&#x20;1650&#x20;-&#x20;960GB&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Athena&#x20;Elite&#x20;E1" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1060116_3_2.jpg" width="360" height="360" loading="lazy"></picture>
  10233.                                        </a>
  10234.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10235.                                                                                            <div x-data="initWishlist()">
  10236.                                                    <button
  10237.                                                        @click="addToWishlist(8152)"
  10238.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Ryzen&#x20;5&#x20;5500&#x20;6-Core&#x20;Game&#x20;PC&#x20;-&#x20;Geschikt&#x20;voor&#x20;Fortnite&#x20;High&#x20;Settings&#x20;-&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;1&#x20;TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Athena&#x20;Elite&#x20;E1"
  10239.                                                        type="button"
  10240.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10241.                                                        data-addto="wishlist">
  10242.                                                        <span class="icon-heart text-2xl"></span>
  10243.                                                    </button>
  10244.                                                </div>
  10245.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10246.                                                    <button
  10247.                                                        @click="addToCompare(8152)"
  10248.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Ryzen&#x20;5&#x20;5500&#x20;6-Core&#x20;Game&#x20;PC&#x20;-&#x20;Geschikt&#x20;voor&#x20;Fortnite&#x20;High&#x20;Settings&#x20;-&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;1&#x20;TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Athena&#x20;Elite&#x20;E1"
  10249.                                                        type="button"
  10250.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10251.                                                        data-addto="compare">
  10252.                                                        <span class="icon-balance text-2xl"></span>
  10253.                                                    </button>
  10254.                                                </div>
  10255.                                                                                    </div>
  10256.                                        <div class="product-info flex flex-col grow">
  10257.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10258.                                                <a
  10259.                                                    class="product-item-link"
  10260.                                                    href="https://www.lalashops.nl/r5-5500-rtx-3050-16gb-1-tb-nvme-ssd-r5-gam-a5"
  10261.                                                    :id="`slide-desc-8152-${$id('slider-id')}`">
  10262.                                                    Ryzen 5 5500 6-Core Game PC - Geschikt voor Fortnite High Settings - RTX 3050 6GB - 1 TB NVMe SSD - 16GB RAM - Windows 11 PRO - Athena Elite E1                                                </a>
  10263.                                            </div>
  10264.  
  10265.  
  10266.                                                                                                                                        
  10267.  
  10268.  
  10269.                                            
  10270.                                            <div class="pt-1 text-gray-900"
  10271.                                                x-defer="intersect"
  10272.                                                @update-prices-8152.window="updatePrice($event.detail);">
  10273.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8152" data-price-box="product-id-8152">
  10274.    <span class="special-price">
  10275.        <span
  10276.    x-data x-id="['product\u002Dprice\u002D8152']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10277.        >
  10278.            <span class="price-label">Special Price</span>
  10279.        <span  :id="$id('product\u002Dprice\u002D8152')"                data-price-amount="579"
  10280.        data-price-type="finalPrice"
  10281.        class="price-wrapper "
  10282.    ><span class="price">€ 579,00</span></span>
  10283.        </span>
  10284.    </span>
  10285.    <span class="old-price">
  10286.        <span
  10287.    x-data x-id="['old\u002Dprice\u002D8152']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10288.        >
  10289.            <span class="price-label">Regular Price</span>
  10290.        <span  :id="$id('old\u002Dprice\u002D8152')"                data-price-amount="699"
  10291.        data-price-type="oldPrice"
  10292.        class="price-wrapper "
  10293.    ><span class="price">€ 699,00</span></span>
  10294.        </span>
  10295.    </span>
  10296.  
  10297. </div>                                            </div>
  10298.  
  10299.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10300.            ">
  10301.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10302.                                                                                                                    <button
  10303.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10304.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10305.                                                                title="In&#x20;Winkelwagen&#x20;Ryzen&#x20;5&#x20;5500&#x20;6-Core&#x20;Game&#x20;PC&#x20;-&#x20;Geschikt&#x20;voor&#x20;Fortnite&#x20;High&#x20;Settings&#x20;-&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;1&#x20;TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Athena&#x20;Elite&#x20;E1"
  10306.                                                                aria-label="In&#x20;Winkelwagen&#x20;Ryzen&#x20;5&#x20;5500&#x20;6-Core&#x20;Game&#x20;PC&#x20;-&#x20;Geschikt&#x20;voor&#x20;Fortnite&#x20;High&#x20;Settings&#x20;-&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;1&#x20;TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Windows&#x20;11&#x20;PRO&#x20;-&#x20;Athena&#x20;Elite&#x20;E1"
  10307.                                                                data-addto="cart">
  10308.                                                                <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">
  10309.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10310. </svg>
  10311.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10312.                                                                    In Winkelwagen                                                                </span>
  10313.                                                            </button>
  10314.                                                                                                            </div>
  10315.  
  10316.                                                                                            </div>
  10317.                                        </div>
  10318.                                                                                                                        </form>
  10319.                                
  10320.                </li>
  10321.                                        
  10322.                            <li class="swiper-slide">
  10323.                                                                    <form method="post"
  10324.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10851/"
  10325.                                        x-data="{
  10326.        hovered: false,
  10327.        grid: true ,
  10328.        isMobile: false,
  10329.        isMobileFunc () {
  10330.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10331.        }
  10332.    }"
  10333.                                        x-init="
  10334.        isMobileFunc();
  10335.        const labelClass = '.amlabel-position-top-right-10851-prod';
  10336.        const labels = document.querySelectorAll(labelClass);
  10337.  
  10338.        $watch('hovered', value => {
  10339.            if (value) {
  10340.                labels.forEach(el => el.style.opacity = '0');
  10341.            } else {
  10342.                labels.forEach(el => el.style.opacity = '1');
  10343.            }
  10344.        });
  10345.    "
  10346.                                        @mouseenter="hovered = true"
  10347.                                        @mouseleave="hovered = false"
  10348.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10349.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10350.                                        >
  10351.                                        <style>
  10352.                                            /* Generate styling for the label based on the product ID */
  10353.                                            .amlabel-position-top-right-10851-prod {
  10354.                                                transition: opacity 0.3s ease;
  10355.                                            }
  10356.                                        </style>
  10357.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10851" />
  10358.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i5-12400f-rgb-game-pc-rtx-5060-8gb-i5-gam-a56"
  10359.                                            title="Intel i5 12400F - Game PC/Streaming Computer - RTX 5060 8GB - 4TB M.2 SSD - 32GB RAM - Aura GC2"
  10360.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10361.                                            tabindex="-1">
  10362.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_10_1_3_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i5&#x20;12400F&#x20;-&#x20;Game&#x20;PC&#x2F;Streaming&#x20;Computer&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;960GB&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Aura&#x20;GC2" title="Intel&#x20;i5&#x20;12400F&#x20;-&#x20;Game&#x20;PC&#x2F;Streaming&#x20;Computer&#x20;-&#x20;RTX&#x20;3060&#x20;12GB&#x20;-&#x20;960GB&#x20;SSD&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;Aura&#x20;GC2" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/a/u/aura_gc2_slogan_10_1_3_1.png" width="360" height="360" loading="lazy"></picture>
  10363.                                        </a>
  10364.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10365.                                                                                            <div x-data="initWishlist()">
  10366.                                                    <button
  10367.                                                        @click="addToWishlist(10851)"
  10368.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i5&#x20;12400F&#x20;-&#x20;Game&#x20;PC&#x2F;Streaming&#x20;Computer&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;4TB&#x20;M.2&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Aura&#x20;GC2"
  10369.                                                        type="button"
  10370.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10371.                                                        data-addto="wishlist">
  10372.                                                        <span class="icon-heart text-2xl"></span>
  10373.                                                    </button>
  10374.                                                </div>
  10375.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10376.                                                    <button
  10377.                                                        @click="addToCompare(10851)"
  10378.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i5&#x20;12400F&#x20;-&#x20;Game&#x20;PC&#x2F;Streaming&#x20;Computer&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;4TB&#x20;M.2&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Aura&#x20;GC2"
  10379.                                                        type="button"
  10380.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10381.                                                        data-addto="compare">
  10382.                                                        <span class="icon-balance text-2xl"></span>
  10383.                                                    </button>
  10384.                                                </div>
  10385.                                                                                    </div>
  10386.                                        <div class="product-info flex flex-col grow">
  10387.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10388.                                                <a
  10389.                                                    class="product-item-link"
  10390.                                                    href="https://www.lalashops.nl/intel-i5-12400f-rgb-game-pc-rtx-5060-8gb-i5-gam-a56"
  10391.                                                    :id="`slide-desc-10851-${$id('slider-id')}`">
  10392.                                                    Intel i5 12400F - Game PC/Streaming Computer - RTX 5060 8GB - 4TB M.2 SSD - 32GB RAM - Aura GC2                                                </a>
  10393.                                            </div>
  10394.  
  10395.  
  10396.                                                                                                                                        
  10397.  
  10398.  
  10399.                                            
  10400.                                            <div class="pt-1 text-gray-900"
  10401.                                                x-defer="intersect"
  10402.                                                @update-prices-10851.window="updatePrice($event.detail);">
  10403.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10851" data-price-box="product-id-10851">
  10404.    <span class="special-price">
  10405.        <span
  10406.    x-data x-id="['product\u002Dprice\u002D10851']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10407.        >
  10408.            <span class="price-label">Special Price</span>
  10409.        <span  :id="$id('product\u002Dprice\u002D10851')"                data-price-amount="999"
  10410.        data-price-type="finalPrice"
  10411.        class="price-wrapper "
  10412.    ><span class="price">€ 999,00</span></span>
  10413.        </span>
  10414.    </span>
  10415.    <span class="old-price">
  10416.        <span
  10417.    x-data x-id="['old\u002Dprice\u002D10851']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10418.        >
  10419.            <span class="price-label">Regular Price</span>
  10420.        <span  :id="$id('old\u002Dprice\u002D10851')"                data-price-amount="1099"
  10421.        data-price-type="oldPrice"
  10422.        class="price-wrapper "
  10423.    ><span class="price">€ 1.099,00</span></span>
  10424.        </span>
  10425.    </span>
  10426.  
  10427. </div>                                            </div>
  10428.  
  10429.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10430.            ">
  10431.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10432.                                                                                                                    <button
  10433.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10434.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10435.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;12400F&#x20;-&#x20;Game&#x20;PC&#x2F;Streaming&#x20;Computer&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;4TB&#x20;M.2&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Aura&#x20;GC2"
  10436.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i5&#x20;12400F&#x20;-&#x20;Game&#x20;PC&#x2F;Streaming&#x20;Computer&#x20;-&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;4TB&#x20;M.2&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Aura&#x20;GC2"
  10437.                                                                data-addto="cart">
  10438.                                                                <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">
  10439.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10440. </svg>
  10441.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10442.                                                                    In Winkelwagen                                                                </span>
  10443.                                                            </button>
  10444.                                                                                                            </div>
  10445.  
  10446.                                                                                            </div>
  10447.                                        </div>
  10448.                                                                                                                        </form>
  10449.                                
  10450.                </li>
  10451.                                        
  10452.                            <li class="swiper-slide">
  10453.                                                                    <form method="post"
  10454.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10850/"
  10455.                                        x-data="{
  10456.        hovered: false,
  10457.        grid: true ,
  10458.        isMobile: false,
  10459.        isMobileFunc () {
  10460.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10461.        }
  10462.    }"
  10463.                                        x-init="
  10464.        isMobileFunc();
  10465.        const labelClass = '.amlabel-position-top-right-10850-prod';
  10466.        const labels = document.querySelectorAll(labelClass);
  10467.  
  10468.        $watch('hovered', value => {
  10469.            if (value) {
  10470.                labels.forEach(el => el.style.opacity = '0');
  10471.            } else {
  10472.                labels.forEach(el => el.style.opacity = '1');
  10473.            }
  10474.        });
  10475.    "
  10476.                                        @mouseenter="hovered = true"
  10477.                                        @mouseleave="hovered = false"
  10478.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10479.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10480.                                        >
  10481.                                        <style>
  10482.                                            /* Generate styling for the label based on the product ID */
  10483.                                            .amlabel-position-top-right-10850-prod {
  10484.                                                transition: opacity 0.3s ease;
  10485.                                            }
  10486.                                        </style>
  10487.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10850" />
  10488.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5060-16gb-1tb-nvme-ssd-i9-gam-a35"
  10489.                                            title="Intel i9 12900K 16-Core High-End Game PC met aRGb Towercooler - GeForce RTX 5060 8GB - 1TB NVMe SSD - 32GB RAM - Gamdias Talos E2 Elite "
  10490.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10491.                                            tabindex="-1">
  10492.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_3.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" title="Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_3.jpg" width="360" height="360" loading="lazy"></picture>
  10493.                                        </a>
  10494.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10495.                                                                                            <div x-data="initWishlist()">
  10496.                                                    <button
  10497.                                                        @click="addToWishlist(10850)"
  10498.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10499.                                                        type="button"
  10500.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10501.                                                        data-addto="wishlist">
  10502.                                                        <span class="icon-heart text-2xl"></span>
  10503.                                                    </button>
  10504.                                                </div>
  10505.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10506.                                                    <button
  10507.                                                        @click="addToCompare(10850)"
  10508.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10509.                                                        type="button"
  10510.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10511.                                                        data-addto="compare">
  10512.                                                        <span class="icon-balance text-2xl"></span>
  10513.                                                    </button>
  10514.                                                </div>
  10515.                                                                                    </div>
  10516.                                        <div class="product-info flex flex-col grow">
  10517.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10518.                                                <a
  10519.                                                    class="product-item-link"
  10520.                                                    href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5060-16gb-1tb-nvme-ssd-i9-gam-a35"
  10521.                                                    :id="`slide-desc-10850-${$id('slider-id')}`">
  10522.                                                    Intel i9 12900K 16-Core High-End Game PC met aRGb Towercooler - GeForce RTX 5060 8GB - 1TB NVMe SSD - 32GB RAM - Gamdias Talos E2 Elite                                                 </a>
  10523.                                            </div>
  10524.  
  10525.  
  10526.                                                                                                                                        
  10527.  
  10528.  
  10529.                                            
  10530.                                            <div class="pt-1 text-gray-900"
  10531.                                                x-defer="intersect"
  10532.                                                @update-prices-10850.window="updatePrice($event.detail);">
  10533.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10850" data-price-box="product-id-10850">
  10534.    <span class="special-price">
  10535.        <span
  10536.    x-data x-id="['product\u002Dprice\u002D10850']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10537.        >
  10538.            <span class="price-label">Special Price</span>
  10539.        <span  :id="$id('product\u002Dprice\u002D10850')"                data-price-amount="1059"
  10540.        data-price-type="finalPrice"
  10541.        class="price-wrapper "
  10542.    ><span class="price">€ 1.059,00</span></span>
  10543.        </span>
  10544.    </span>
  10545.    <span class="old-price">
  10546.        <span
  10547.    x-data x-id="['old\u002Dprice\u002D10850']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10548.        >
  10549.            <span class="price-label">Regular Price</span>
  10550.        <span  :id="$id('old\u002Dprice\u002D10850')"                data-price-amount="1299"
  10551.        data-price-type="oldPrice"
  10552.        class="price-wrapper "
  10553.    ><span class="price">€ 1.299,00</span></span>
  10554.        </span>
  10555.    </span>
  10556.  
  10557. </div>                                            </div>
  10558.  
  10559.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10560.            ">
  10561.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10562.                                                                                                                    <button
  10563.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10564.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10565.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10566.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5060&#x20;8GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10567.                                                                data-addto="cart">
  10568.                                                                <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">
  10569.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10570. </svg>
  10571.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10572.                                                                    In Winkelwagen                                                                </span>
  10573.                                                            </button>
  10574.                                                                                                            </div>
  10575.  
  10576.                                                                                            </div>
  10577.                                        </div>
  10578.                                                                                                                        </form>
  10579.                                
  10580.                </li>
  10581.                                        
  10582.                            <li class="swiper-slide">
  10583.                                                                    <form method="post"
  10584.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10848/"
  10585.                                        x-data="{
  10586.        hovered: false,
  10587.        grid: true ,
  10588.        isMobile: false,
  10589.        isMobileFunc () {
  10590.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10591.        }
  10592.    }"
  10593.                                        x-init="
  10594.        isMobileFunc();
  10595.        const labelClass = '.amlabel-position-top-right-10848-prod';
  10596.        const labels = document.querySelectorAll(labelClass);
  10597.  
  10598.        $watch('hovered', value => {
  10599.            if (value) {
  10600.                labels.forEach(el => el.style.opacity = '0');
  10601.            } else {
  10602.                labels.forEach(el => el.style.opacity = '1');
  10603.            }
  10604.        });
  10605.    "
  10606.                                        @mouseenter="hovered = true"
  10607.                                        @mouseleave="hovered = false"
  10608.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10609.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10610.                                        >
  10611.                                        <style>
  10612.                                            /* Generate styling for the label based on the product ID */
  10613.                                            .amlabel-position-top-right-10848-prod {
  10614.                                                transition: opacity 0.3s ease;
  10615.                                            }
  10616.                                        </style>
  10617.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10848" />
  10618.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5070-16gb-1tb-nvme-ssd-i9-gam-a34"
  10619.                                            title="Intel i9 12900K 16-Core High-End Game PC met aRGb Towercooler - GeForce RTX 5070 12GB - 1TB NVMe SSD - 32GB RAM - Gamdias Talos E2 Elite "
  10620.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10621.                                            tabindex="-1">
  10622.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" title="Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1.jpg" width="360" height="360" loading="lazy"></picture>
  10623.                                        </a>
  10624.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10625.                                                                                            <div x-data="initWishlist()">
  10626.                                                    <button
  10627.                                                        @click="addToWishlist(10848)"
  10628.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10629.                                                        type="button"
  10630.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10631.                                                        data-addto="wishlist">
  10632.                                                        <span class="icon-heart text-2xl"></span>
  10633.                                                    </button>
  10634.                                                </div>
  10635.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10636.                                                    <button
  10637.                                                        @click="addToCompare(10848)"
  10638.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10639.                                                        type="button"
  10640.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10641.                                                        data-addto="compare">
  10642.                                                        <span class="icon-balance text-2xl"></span>
  10643.                                                    </button>
  10644.                                                </div>
  10645.                                                                                    </div>
  10646.                                        <div class="product-info flex flex-col grow">
  10647.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10648.                                                <a
  10649.                                                    class="product-item-link"
  10650.                                                    href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5070-16gb-1tb-nvme-ssd-i9-gam-a34"
  10651.                                                    :id="`slide-desc-10848-${$id('slider-id')}`">
  10652.                                                    Intel i9 12900K 16-Core High-End Game PC met aRGb Towercooler - GeForce RTX 5070 12GB - 1TB NVMe SSD - 32GB RAM - Gamdias Talos E2 Elite                                                 </a>
  10653.                                            </div>
  10654.  
  10655.  
  10656.                                                                                                                                        
  10657.  
  10658.  
  10659.                                            
  10660.                                            <div class="pt-1 text-gray-900"
  10661.                                                x-defer="intersect"
  10662.                                                @update-prices-10848.window="updatePrice($event.detail);">
  10663.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10848" data-price-box="product-id-10848">
  10664.    <span class="special-price">
  10665.        <span
  10666.    x-data x-id="['product\u002Dprice\u002D10848']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10667.        >
  10668.            <span class="price-label">Special Price</span>
  10669.        <span  :id="$id('product\u002Dprice\u002D10848')"                data-price-amount="1359"
  10670.        data-price-type="finalPrice"
  10671.        class="price-wrapper "
  10672.    ><span class="price">€ 1.359,00</span></span>
  10673.        </span>
  10674.    </span>
  10675.    <span class="old-price">
  10676.        <span
  10677.    x-data x-id="['old\u002Dprice\u002D10848']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10678.        >
  10679.            <span class="price-label">Regular Price</span>
  10680.        <span  :id="$id('old\u002Dprice\u002D10848')"                data-price-amount="1555"
  10681.        data-price-type="oldPrice"
  10682.        class="price-wrapper "
  10683.    ><span class="price">€ 1.555,00</span></span>
  10684.        </span>
  10685.    </span>
  10686.  
  10687. </div>                                            </div>
  10688.  
  10689.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10690.            ">
  10691.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10692.                                                                                                                    <button
  10693.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10694.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10695.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10696.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i9&#x20;12900K&#x20;16-Core&#x20;High-End&#x20;Game&#x20;PC&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;-&#x20;GeForce&#x20;RTX&#x20;5070&#x20;12GB&#x20;-&#x20;1TB&#x20;NVMe&#x20;SSD&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;Gamdias&#x20;Talos&#x20;E2&#x20;Elite&#x20;"
  10697.                                                                data-addto="cart">
  10698.                                                                <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">
  10699.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10700. </svg>
  10701.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10702.                                                                    In Winkelwagen                                                                </span>
  10703.                                                            </button>
  10704.                                                                                                            </div>
  10705.  
  10706.                                                                                            </div>
  10707.                                        </div>
  10708.                                                                                                                        </form>
  10709.                                
  10710.                </li>
  10711.                                        
  10712.                            <li class="swiper-slide">
  10713.                                                                    <form method="post"
  10714.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10829/"
  10715.                                        x-data="{
  10716.        hovered: false,
  10717.        grid: true ,
  10718.        isMobile: false,
  10719.        isMobileFunc () {
  10720.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10721.        }
  10722.    }"
  10723.                                        x-init="
  10724.        isMobileFunc();
  10725.        const labelClass = '.amlabel-position-top-right-10829-prod';
  10726.        const labels = document.querySelectorAll(labelClass);
  10727.  
  10728.        $watch('hovered', value => {
  10729.            if (value) {
  10730.                labels.forEach(el => el.style.opacity = '0');
  10731.            } else {
  10732.                labels.forEach(el => el.style.opacity = '1');
  10733.            }
  10734.        });
  10735.    "
  10736.                                        @mouseenter="hovered = true"
  10737.                                        @mouseleave="hovered = false"
  10738.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10739.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10740.                                        >
  10741.                                        <style>
  10742.                                            /* Generate styling for the label based on the product ID */
  10743.                                            .amlabel-position-top-right-10829-prod {
  10744.                                                transition: opacity 0.3s ease;
  10745.                                            }
  10746.                                        </style>
  10747.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10829" />
  10748.                                                                                                                                                            <a href="https://www.lalashops.nl/ryzen-7-7800x3d-rtx5090-32gb-32gb-ram-1tb-m2-0-ssd-tg6-r7-gam-a25-1"
  10749.                                            title="AMD Ryzen 7 7800X3D RGB DDR5 PRO Game PC / Computer|RTX 5090 32GB|32GB DDR5 RGB RAM|1TB M.0 SSD|Gigabyte B650 Gaming X AX|WIFI 6/Bluetooth 5.2|ELITE E2"
  10750.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10751.                                            tabindex="-1">
  10752.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_10.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;7&#x20;7700X&#x20;RGB&#x20;DDR5&#x20;PRO&#x20;Gaming&#x20;X&#x20;PC&#x20;&#x2F;&#x20;Computer-&#x20;RTX&#x20;4090&#x20;24GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;2TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x20;-&#x20;WIFI&#x20;6&#x2F;Bluetooth&#x20;5.2&#x20;-&#x20;ELITE&#x20;E2" title="AMD&#x20;Ryzen&#x20;7&#x20;7700X&#x20;RGB&#x20;DDR5&#x20;PRO&#x20;Gaming&#x20;X&#x20;PC&#x20;&#x2F;&#x20;Computer-&#x20;RTX&#x20;4090&#x20;24GB&#x20;-&#x20;32GB&#x20;RGB&#x20;RAM&#x20;-&#x20;2TB&#x20;M2.0&#x20;PCI4.0&#x20;SSD&#x20;-&#x20;WIFI&#x20;6&#x2F;Bluetooth&#x20;5.2&#x20;-&#x20;ELITE&#x20;E2" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/i/sidefrontopentalose2-rgb_1_10.jpg" width="360" height="360" loading="lazy"></picture>
  10753.                                        </a>
  10754.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10755.                                                                                            <div x-data="initWishlist()">
  10756.                                                    <button
  10757.                                                        @click="addToWishlist(10829)"
  10758.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;RGB&#x20;DDR5&#x20;PRO&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Computer&#x7C;RTX&#x20;5090&#x20;32GB&#x7C;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x7C;1TB&#x20;M.0&#x20;SSD&#x7C;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x7C;WIFI&#x20;6&#x2F;Bluetooth&#x20;5.2&#x7C;ELITE&#x20;E2"
  10759.                                                        type="button"
  10760.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10761.                                                        data-addto="wishlist">
  10762.                                                        <span class="icon-heart text-2xl"></span>
  10763.                                                    </button>
  10764.                                                </div>
  10765.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10766.                                                    <button
  10767.                                                        @click="addToCompare(10829)"
  10768.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;RGB&#x20;DDR5&#x20;PRO&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Computer&#x7C;RTX&#x20;5090&#x20;32GB&#x7C;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x7C;1TB&#x20;M.0&#x20;SSD&#x7C;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x7C;WIFI&#x20;6&#x2F;Bluetooth&#x20;5.2&#x7C;ELITE&#x20;E2"
  10769.                                                        type="button"
  10770.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10771.                                                        data-addto="compare">
  10772.                                                        <span class="icon-balance text-2xl"></span>
  10773.                                                    </button>
  10774.                                                </div>
  10775.                                                                                    </div>
  10776.                                        <div class="product-info flex flex-col grow">
  10777.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10778.                                                <a
  10779.                                                    class="product-item-link"
  10780.                                                    href="https://www.lalashops.nl/ryzen-7-7800x3d-rtx5090-32gb-32gb-ram-1tb-m2-0-ssd-tg6-r7-gam-a25-1"
  10781.                                                    :id="`slide-desc-10829-${$id('slider-id')}`">
  10782.                                                    AMD Ryzen 7 7800X3D RGB DDR5 PRO Game PC / Computer|RTX 5090 32GB|32GB DDR5 RGB RAM|1TB M.0 SSD|Gigabyte B650 Gaming X AX|WIFI 6/Bluetooth 5.2|ELITE E2                                                </a>
  10783.                                            </div>
  10784.  
  10785.  
  10786.                                                                                                                                        
  10787.  
  10788.  
  10789.                                            
  10790.                                            <div class="pt-1 text-gray-900"
  10791.                                                x-defer="intersect"
  10792.                                                @update-prices-10829.window="updatePrice($event.detail);">
  10793.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10829" data-price-box="product-id-10829">
  10794.    <span class="special-price">
  10795.        <span
  10796.    x-data x-id="['product\u002Dprice\u002D10829']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10797.        >
  10798.            <span class="price-label">Special Price</span>
  10799.        <span  :id="$id('product\u002Dprice\u002D10829')"                data-price-amount="3555"
  10800.        data-price-type="finalPrice"
  10801.        class="price-wrapper "
  10802.    ><span class="price">€ 3.555,00</span></span>
  10803.        </span>
  10804.    </span>
  10805.    <span class="old-price">
  10806.        <span
  10807.    x-data x-id="['old\u002Dprice\u002D10829']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10808.        >
  10809.            <span class="price-label">Regular Price</span>
  10810.        <span  :id="$id('old\u002Dprice\u002D10829')"                data-price-amount="3999"
  10811.        data-price-type="oldPrice"
  10812.        class="price-wrapper "
  10813.    ><span class="price">€ 3.999,00</span></span>
  10814.        </span>
  10815.    </span>
  10816.  
  10817. </div>                                            </div>
  10818.  
  10819.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10820.            ">
  10821.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10822.                                                                                                                    <button
  10823.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10824.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10825.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;RGB&#x20;DDR5&#x20;PRO&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Computer&#x7C;RTX&#x20;5090&#x20;32GB&#x7C;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x7C;1TB&#x20;M.0&#x20;SSD&#x7C;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x7C;WIFI&#x20;6&#x2F;Bluetooth&#x20;5.2&#x7C;ELITE&#x20;E2"
  10826.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;7800X3D&#x20;RGB&#x20;DDR5&#x20;PRO&#x20;Game&#x20;PC&#x20;&#x2F;&#x20;Computer&#x7C;RTX&#x20;5090&#x20;32GB&#x7C;32GB&#x20;DDR5&#x20;RGB&#x20;RAM&#x7C;1TB&#x20;M.0&#x20;SSD&#x7C;Gigabyte&#x20;B650&#x20;Gaming&#x20;X&#x20;AX&#x7C;WIFI&#x20;6&#x2F;Bluetooth&#x20;5.2&#x7C;ELITE&#x20;E2"
  10827.                                                                data-addto="cart">
  10828.                                                                <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">
  10829.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10830. </svg>
  10831.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10832.                                                                    In Winkelwagen                                                                </span>
  10833.                                                            </button>
  10834.                                                                                                            </div>
  10835.  
  10836.                                                                                            </div>
  10837.                                        </div>
  10838.                                                                                                                        </form>
  10839.                                
  10840.                </li>
  10841.                                        
  10842.                            <li class="swiper-slide">
  10843.                                                                    <form method="post"
  10844.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10826/"
  10845.                                        x-data="{
  10846.        hovered: false,
  10847.        grid: true ,
  10848.        isMobile: false,
  10849.        isMobileFunc () {
  10850.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10851.        }
  10852.    }"
  10853.                                        x-init="
  10854.        isMobileFunc();
  10855.        const labelClass = '.amlabel-position-top-right-10826-prod';
  10856.        const labels = document.querySelectorAll(labelClass);
  10857.  
  10858.        $watch('hovered', value => {
  10859.            if (value) {
  10860.                labels.forEach(el => el.style.opacity = '0');
  10861.            } else {
  10862.                labels.forEach(el => el.style.opacity = '1');
  10863.            }
  10864.        });
  10865.    "
  10866.                                        @mouseenter="hovered = true"
  10867.                                        @mouseleave="hovered = false"
  10868.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10869.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10870.                                        >
  10871.                                        <style>
  10872.                                            /* Generate styling for the label based on the product ID */
  10873.                                            .amlabel-position-top-right-10826-prod {
  10874.                                                transition: opacity 0.3s ease;
  10875.                                            }
  10876.                                        </style>
  10877.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10826" />
  10878.                                                                                                                                                            <a href="https://www.lalashops.nl/12700k-videobewerking-cad-pc-rtx5060-ti-1tb-m2-64gb-wifi-bluetooth-vid-i7-a4"
  10879.                                            title="Intel i7 12700K - Videobewerking computer / Workstation - RTX 5060 Ti 16GB - 1TB Gen4 SSD - 64GB RAM - Extra Stil - Wifi / Bluetooth - Win11 Pro"
  10880.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10881.                                            tabindex="-1">
  10882.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/2/0/2007060218.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Intel&#x20;i7&#x20;12700K&#x20;-&#x20;Videobewerking&#x20;computer&#x20;&#x2F;&#x20;Workstation&#x20;-&#x20;RTX&#x20;5060&#x20;Ti&#x20;16GB&#x20;-&#x20;1TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;64GB&#x20;RAM&#x20;-&#x20;Extra&#x20;Stil&#x20;-&#x20;Wifi&#x20;&#x2F;&#x20;Bluetooth&#x20;-&#x20;Win11&#x20;Pro" title="Intel&#x20;i7&#x20;12700K&#x20;-&#x20;Videobewerking&#x20;computer&#x20;&#x2F;&#x20;Workstation&#x20;-&#x20;RTX&#x20;5060&#x20;Ti&#x20;16GB&#x20;-&#x20;1TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;64GB&#x20;RAM&#x20;-&#x20;Extra&#x20;Stil&#x20;-&#x20;Wifi&#x20;&#x2F;&#x20;Bluetooth&#x20;-&#x20;Win11&#x20;Pro" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/2/0/2007060218.jpg" width="360" height="360" loading="lazy"></picture>
  10883.                                        </a>
  10884.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10885.                                                                                            <div x-data="initWishlist()">
  10886.                                                    <button
  10887.                                                        @click="addToWishlist(10826)"
  10888.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Intel&#x20;i7&#x20;12700K&#x20;-&#x20;Videobewerking&#x20;computer&#x20;&#x2F;&#x20;Workstation&#x20;-&#x20;RTX&#x20;5060&#x20;Ti&#x20;16GB&#x20;-&#x20;1TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;64GB&#x20;RAM&#x20;-&#x20;Extra&#x20;Stil&#x20;-&#x20;Wifi&#x20;&#x2F;&#x20;Bluetooth&#x20;-&#x20;Win11&#x20;Pro"
  10889.                                                        type="button"
  10890.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10891.                                                        data-addto="wishlist">
  10892.                                                        <span class="icon-heart text-2xl"></span>
  10893.                                                    </button>
  10894.                                                </div>
  10895.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10896.                                                    <button
  10897.                                                        @click="addToCompare(10826)"
  10898.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Intel&#x20;i7&#x20;12700K&#x20;-&#x20;Videobewerking&#x20;computer&#x20;&#x2F;&#x20;Workstation&#x20;-&#x20;RTX&#x20;5060&#x20;Ti&#x20;16GB&#x20;-&#x20;1TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;64GB&#x20;RAM&#x20;-&#x20;Extra&#x20;Stil&#x20;-&#x20;Wifi&#x20;&#x2F;&#x20;Bluetooth&#x20;-&#x20;Win11&#x20;Pro"
  10899.                                                        type="button"
  10900.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  10901.                                                        data-addto="compare">
  10902.                                                        <span class="icon-balance text-2xl"></span>
  10903.                                                    </button>
  10904.                                                </div>
  10905.                                                                                    </div>
  10906.                                        <div class="product-info flex flex-col grow">
  10907.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10908.                                                <a
  10909.                                                    class="product-item-link"
  10910.                                                    href="https://www.lalashops.nl/12700k-videobewerking-cad-pc-rtx5060-ti-1tb-m2-64gb-wifi-bluetooth-vid-i7-a4"
  10911.                                                    :id="`slide-desc-10826-${$id('slider-id')}`">
  10912.                                                    Intel i7 12700K - Videobewerking computer / Workstation - RTX 5060 Ti 16GB - 1TB Gen4 SSD - 64GB RAM - Extra Stil - Wifi / Bluetooth - Win11 Pro                                                </a>
  10913.                                            </div>
  10914.  
  10915.  
  10916.                                                                                                                                        
  10917.  
  10918.  
  10919.                                            
  10920.                                            <div class="pt-1 text-gray-900"
  10921.                                                x-defer="intersect"
  10922.                                                @update-prices-10826.window="updatePrice($event.detail);">
  10923.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10826" data-price-box="product-id-10826">
  10924.    <span class="special-price">
  10925.        <span
  10926.    x-data x-id="['product\u002Dprice\u002D10826']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10927.        >
  10928.            <span class="price-label">Special Price</span>
  10929.        <span  :id="$id('product\u002Dprice\u002D10826')"                data-price-amount="1499"
  10930.        data-price-type="finalPrice"
  10931.        class="price-wrapper "
  10932.    ><span class="price">€ 1.499,00</span></span>
  10933.        </span>
  10934.    </span>
  10935.    <span class="old-price">
  10936.        <span
  10937.    x-data x-id="['old\u002Dprice\u002D10826']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10938.        >
  10939.            <span class="price-label">Regular Price</span>
  10940.        <span  :id="$id('old\u002Dprice\u002D10826')"                data-price-amount="1649"
  10941.        data-price-type="oldPrice"
  10942.        class="price-wrapper "
  10943.    ><span class="price">€ 1.649,00</span></span>
  10944.        </span>
  10945.    </span>
  10946.  
  10947. </div>                                            </div>
  10948.  
  10949.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10950.            ">
  10951.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10952.                                                                                                                    <button
  10953.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10954.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10955.                                                                title="In&#x20;Winkelwagen&#x20;Intel&#x20;i7&#x20;12700K&#x20;-&#x20;Videobewerking&#x20;computer&#x20;&#x2F;&#x20;Workstation&#x20;-&#x20;RTX&#x20;5060&#x20;Ti&#x20;16GB&#x20;-&#x20;1TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;64GB&#x20;RAM&#x20;-&#x20;Extra&#x20;Stil&#x20;-&#x20;Wifi&#x20;&#x2F;&#x20;Bluetooth&#x20;-&#x20;Win11&#x20;Pro"
  10956.                                                                aria-label="In&#x20;Winkelwagen&#x20;Intel&#x20;i7&#x20;12700K&#x20;-&#x20;Videobewerking&#x20;computer&#x20;&#x2F;&#x20;Workstation&#x20;-&#x20;RTX&#x20;5060&#x20;Ti&#x20;16GB&#x20;-&#x20;1TB&#x20;Gen4&#x20;SSD&#x20;-&#x20;64GB&#x20;RAM&#x20;-&#x20;Extra&#x20;Stil&#x20;-&#x20;Wifi&#x20;&#x2F;&#x20;Bluetooth&#x20;-&#x20;Win11&#x20;Pro"
  10957.                                                                data-addto="cart">
  10958.                                                                <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">
  10959.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  10960. </svg>
  10961.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10962.                                                                    In Winkelwagen                                                                </span>
  10963.                                                            </button>
  10964.                                                                                                            </div>
  10965.  
  10966.                                                                                            </div>
  10967.                                        </div>
  10968.                                                                                                                        </form>
  10969.                                
  10970.                </li>
  10971.                                        
  10972.                            <li class="swiper-slide">
  10973.                                                                    <form method="post"
  10974.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10772/"
  10975.                                        x-data="{
  10976.        hovered: false,
  10977.        grid: true ,
  10978.        isMobile: false,
  10979.        isMobileFunc () {
  10980.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10981.        }
  10982.    }"
  10983.                                        x-init="
  10984.        isMobileFunc();
  10985.        const labelClass = '.amlabel-position-top-right-10772-prod';
  10986.        const labels = document.querySelectorAll(labelClass);
  10987.  
  10988.        $watch('hovered', value => {
  10989.            if (value) {
  10990.                labels.forEach(el => el.style.opacity = '0');
  10991.            } else {
  10992.                labels.forEach(el => el.style.opacity = '1');
  10993.            }
  10994.        });
  10995.    "
  10996.                                        @mouseenter="hovered = true"
  10997.                                        @mouseleave="hovered = false"
  10998.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10999.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11000.                                        >
  11001.                                        <style>
  11002.                                            /* Generate styling for the label based on the product ID */
  11003.                                            .amlabel-position-top-right-10772-prod {
  11004.                                                transition: opacity 0.3s ease;
  11005.                                            }
  11006.                                        </style>
  11007.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10772" />
  11008.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-5600x-rtx-4060-8gb-32gb-1tb-ssd-r5-gam-a94"
  11009.                                            title="AMD Ryzen 5 5600X Basic Allround Game PC - Aquariumcase met aRGb Towercooler (+25% CPU Performance) - RTX 4060 8GB - 32GB RAM - 1TB M2.0 SSD"
  11010.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11011.                                            tabindex="-1">
  11012.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_image_large_8_2_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;5&#x20;5600X&#x20;Basic&#x20;Allround&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;M2.0&#x20;SSD" title="AMD&#x20;Ryzen&#x20;5&#x20;5600X&#x20;Basic&#x20;Allround&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;RTX&#x20;3050&#x20;6GB&#x20;-&#x20;16GB&#x20;RAM&#x20;-&#x20;500GB&#x20;M2.0&#x20;SSD" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/main_image_large_8_2_1.jpg" width="360" height="360" loading="lazy"></picture>
  11013.                                        </a>
  11014.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11015.                                                                                            <div x-data="initWishlist()">
  11016.                                                    <button
  11017.                                                        @click="addToWishlist(10772)"
  11018.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5600X&#x20;Basic&#x20;Allround&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;RTX&#x20;4060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD"
  11019.                                                        type="button"
  11020.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11021.                                                        data-addto="wishlist">
  11022.                                                        <span class="icon-heart text-2xl"></span>
  11023.                                                    </button>
  11024.                                                </div>
  11025.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11026.                                                    <button
  11027.                                                        @click="addToCompare(10772)"
  11028.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5600X&#x20;Basic&#x20;Allround&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;RTX&#x20;4060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD"
  11029.                                                        type="button"
  11030.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11031.                                                        data-addto="compare">
  11032.                                                        <span class="icon-balance text-2xl"></span>
  11033.                                                    </button>
  11034.                                                </div>
  11035.                                                                                    </div>
  11036.                                        <div class="product-info flex flex-col grow">
  11037.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11038.                                                <a
  11039.                                                    class="product-item-link"
  11040.                                                    href="https://www.lalashops.nl/amd-ryzen-5-5600x-rtx-4060-8gb-32gb-1tb-ssd-r5-gam-a94"
  11041.                                                    :id="`slide-desc-10772-${$id('slider-id')}`">
  11042.                                                    AMD Ryzen 5 5600X Basic Allround Game PC - Aquariumcase met aRGb Towercooler (+25% CPU Performance) - RTX 4060 8GB - 32GB RAM - 1TB M2.0 SSD                                                </a>
  11043.                                            </div>
  11044.  
  11045.  
  11046.                                                                                                                                        
  11047.  
  11048.  
  11049.                                            
  11050.                                            <div class="pt-1 text-gray-900"
  11051.                                                x-defer="intersect"
  11052.                                                @update-prices-10772.window="updatePrice($event.detail);">
  11053.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10772" data-price-box="product-id-10772">
  11054.    <span class="special-price">
  11055.        <span
  11056.    x-data x-id="['product\u002Dprice\u002D10772']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11057.        >
  11058.            <span class="price-label">Special Price</span>
  11059.        <span  :id="$id('product\u002Dprice\u002D10772')"                data-price-amount="799"
  11060.        data-price-type="finalPrice"
  11061.        class="price-wrapper "
  11062.    ><span class="price">€ 799,00</span></span>
  11063.        </span>
  11064.    </span>
  11065.    <span class="old-price">
  11066.        <span
  11067.    x-data x-id="['old\u002Dprice\u002D10772']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11068.        >
  11069.            <span class="price-label">Regular Price</span>
  11070.        <span  :id="$id('old\u002Dprice\u002D10772')"                data-price-amount="899"
  11071.        data-price-type="oldPrice"
  11072.        class="price-wrapper "
  11073.    ><span class="price">€ 899,00</span></span>
  11074.        </span>
  11075.    </span>
  11076.  
  11077. </div>                                            </div>
  11078.  
  11079.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11080.            ">
  11081.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11082.                                                                                                                    <button
  11083.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11084.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11085.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5600X&#x20;Basic&#x20;Allround&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;RTX&#x20;4060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD"
  11086.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;5600X&#x20;Basic&#x20;Allround&#x20;Game&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#x20;&#x28;&#x2B;25&#x25;&#x20;CPU&#x20;Performance&#x29;&#x20;-&#x20;RTX&#x20;4060&#x20;8GB&#x20;-&#x20;32GB&#x20;RAM&#x20;-&#x20;1TB&#x20;M2.0&#x20;SSD"
  11087.                                                                data-addto="cart">
  11088.                                                                <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">
  11089.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  11090. </svg>
  11091.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11092.                                                                    In Winkelwagen                                                                </span>
  11093.                                                            </button>
  11094.                                                                                                            </div>
  11095.  
  11096.                                                                                            </div>
  11097.                                        </div>
  11098.                                                                                                                        </form>
  11099.                                
  11100.                </li>
  11101.                            </div>
  11102.  
  11103.        </div>
  11104.  
  11105.        <script>
  11106.            (function() {
  11107.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  11108.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  11109.  
  11110.                // Load Swiper CSS
  11111.                if (typeof window.SwiperCSS === 'undefined') {
  11112.                    const style = document.createElement("link");
  11113.                    style.rel = "stylesheet";
  11114.                    style.type = "text/css";
  11115.                    style.href = swiperCssUrl;
  11116.  
  11117.                    const insertAt = document.getElementsByTagName('link')[0];
  11118.                    if (insertAt) {
  11119.                        insertAt.parentNode.insertBefore(style, insertAt);
  11120.                    } else {
  11121.                        document.head.appendChild(style);
  11122.                    }
  11123.                    window.SwiperCSS = 'loaded';
  11124.                }
  11125.  
  11126.                function initSwiper() {
  11127.                    new Swiper('.swiper-container', {
  11128.                        loop: false,
  11129.                        slidesPerView: 1,
  11130.                        spaceBetween: 16,
  11131.                        autoplay: false,
  11132.                        navigation: {
  11133.                            nextEl: '.swiper-button-next',
  11134.                            prevEl: '.swiper-button-prev',
  11135.                        },
  11136.                        breakpoints: {
  11137.                            480: {
  11138.                                slidesPerView: 1.6,
  11139.                                spaceBetween: 16,
  11140.                            },
  11141.                            768: {
  11142.                                slidesPerView: 2.6,
  11143.                                spaceBetween: 16,
  11144.                            },
  11145.                            1024: {
  11146.                                slidesPerView: 3.6,
  11147.                                spaceBetween: 16,
  11148.                            },
  11149.                            1280: {
  11150.                                slidesPerView: 4.6,
  11151.                                spaceBetween: 16,
  11152.                            }
  11153.                        },
  11154.                    });
  11155.                }
  11156.  
  11157.                if (typeof window.Swiper === 'function') {
  11158.                    initSwiper();
  11159.                } else {
  11160.                    // Load Swiper JS
  11161.                    const scriptSource = swiperJsUrl;
  11162.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  11163.  
  11164.                    if (pendingLoadScript) {
  11165.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  11166.                        return;
  11167.                    }
  11168.  
  11169.                    const script = document.createElement('script');
  11170.                    script.src = scriptSource;
  11171.                    script.async = true;
  11172.  
  11173.                    script.addEventListener('load', () => initSwiper());
  11174.                    document.head.appendChild(script);
  11175.                }
  11176.            })();
  11177.  
  11178.            window.addEventListener("load", function() {
  11179.                if (window.innerWidth > 479) {
  11180.                    let maxHeight = 0;
  11181.  
  11182.                    // Get all slides
  11183.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  11184.  
  11185.                    // Find the tallest slide
  11186.                    slides.forEach(slide => {
  11187.                        const slideHeight = slide.offsetHeight;
  11188.                        if (slideHeight > maxHeight) {
  11189.                            maxHeight = slideHeight;
  11190.                        }
  11191.                    });
  11192.  
  11193.                    // Set the height of all slides and the swiper-wrapper to the max height
  11194.                    slides.forEach(slide => {
  11195.                        slide.style.height = `${maxHeight}px`;
  11196.                    });
  11197.  
  11198.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  11199.                    if (swiperWrapper) {
  11200.                        swiperWrapper.style.height = `${maxHeight}px`;
  11201.                    }
  11202.                }
  11203.            });
  11204.        </script>
  11205.    </div>
  11206. </section>
  11207. </div>
  11208. <template x-data="initAmWidgetLabels__68985b51b4336" x-init="initLabels($el)"></template>
  11209.  
  11210. <script>
  11211.    function initAmWidgetLabels__68985b51b4336() {
  11212.        return {
  11213.            initLabels($el) {
  11214.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  11215.                const widgetContainer = $el?.previousElementSibling;
  11216.  
  11217.                labels.forEach((productLabel, index) => {
  11218.                    const productSelector = `li:nth-child(${index + 1})`;
  11219.                    const productContainer = widgetContainer?.querySelector(productSelector);
  11220.                    if (productContainer) {
  11221.                        const labelClass = 'am-label_68985b51b4336' + index;
  11222.                        productContainer.innerHTML += productLabel;
  11223.                        productContainer.classList.add(labelClass);
  11224.                        hyva.replaceDomElement(
  11225.                            '.' + labelClass,
  11226.                            productContainer?.outerHTML
  11227.                        );
  11228.                    }
  11229.                });
  11230.            }
  11231.        }
  11232.    }
  11233. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  11234.    <section
  11235.                        class="super-margin hyva-category
  11236.                        ">
  11237.  
  11238.        <div class="">
  11239.  
  11240.  
  11241.            
  11242.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  11243.  
  11244.                
  11245.                <div class="swiper-container pb-8" data-id-category="nzzb1lksj8l3c5ajtwmlighqfnl12byl">
  11246.  
  11247.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  11248.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  11249.                                Lampen en <span class="font-bold">Decoratie</span>                            </h2>
  11250.                        
  11251.                        <!-- Add Navigation Arrows -->
  11252.                        <div class="flex gap-4 lg:gap-12">
  11253.                            <div id="swiper-button-prev-nzzb1lksj8l3c5ajtwmlighqfnl12byl" class="swiper-button-prev !static"></div>
  11254.                            <div id="swiper-button-next-nzzb1lksj8l3c5ajtwmlighqfnl12byl" class="swiper-button-next !static"></div>
  11255.                        </div>
  11256.                    </div>
  11257.  
  11258.                    <div class="hyva-category-content ">
  11259.                                            </div>
  11260.  
  11261.                    <div class="swiper-wrapper list-none">
  11262.                                                    
  11263.                            <li class="swiper-slide">
  11264.                                                                    <form method="post"
  11265.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10870/"
  11266.                                        x-data="{
  11267.        hovered: false,
  11268.        grid: true ,
  11269.        isMobile: false,
  11270.        isMobileFunc () {
  11271.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11272.        }
  11273.    }"
  11274.                                        x-init="
  11275.        isMobileFunc();
  11276.        const labelClass = '.amlabel-position-top-right-10870-prod';
  11277.        const labels = document.querySelectorAll(labelClass);
  11278.  
  11279.        $watch('hovered', value => {
  11280.            if (value) {
  11281.                labels.forEach(el => el.style.opacity = '0');
  11282.            } else {
  11283.                labels.forEach(el => el.style.opacity = '1');
  11284.            }
  11285.        });
  11286.    "
  11287.                                        @mouseenter="hovered = true"
  11288.                                        @mouseleave="hovered = false"
  11289.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11290.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11291.                                        >
  11292.                                        <style>
  11293.                                            /* Generate styling for the label based on the product ID */
  11294.                                            .amlabel-position-top-right-10870-prod {
  11295.                                                transition: opacity 0.3s ease;
  11296.                                            }
  11297.                                        </style>
  11298.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10870" />
  11299.                                                                                                                                                            <a href="https://www.lalashops.nl/nachtlampje-raket-himalayazout-energiezuinig-1"
  11300.                                            title="nachtlampje-raket-himalayazout-energiezuinig"
  11301.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11302.                                            tabindex="-1">
  11303.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_raket_s.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Nachtlampje&#x20;Raket" title="Nachtlampje&#x20;Raket" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_raket_s.jpg" width="360" height="360" loading="lazy"></picture>
  11304.                                        </a>
  11305.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11306.                                                                                            <div x-data="initWishlist()">
  11307.                                                    <button
  11308.                                                        @click="addToWishlist(10870)"
  11309.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11310.                                                        type="button"
  11311.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11312.                                                        data-addto="wishlist">
  11313.                                                        <span class="icon-heart text-2xl"></span>
  11314.                                                    </button>
  11315.                                                </div>
  11316.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11317.                                                    <button
  11318.                                                        @click="addToCompare(10870)"
  11319.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11320.                                                        type="button"
  11321.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11322.                                                        data-addto="compare">
  11323.                                                        <span class="icon-balance text-2xl"></span>
  11324.                                                    </button>
  11325.                                                </div>
  11326.                                                                                    </div>
  11327.                                        <div class="product-info flex flex-col grow">
  11328.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11329.                                                <a
  11330.                                                    class="product-item-link"
  11331.                                                    href="https://www.lalashops.nl/nachtlampje-raket-himalayazout-energiezuinig-1"
  11332.                                                    :id="`slide-desc-10870-${$id('slider-id')}`">
  11333.                                                    nachtlampje-raket-himalayazout-energiezuinig                                                </a>
  11334.                                            </div>
  11335.  
  11336.  
  11337.                                                                                                                                        
  11338.  
  11339.  
  11340.                                            
  11341.                                            <div class="pt-1 text-gray-900"
  11342.                                                x-defer="intersect"
  11343.                                                @update-prices-10870.window="updatePrice($event.detail);">
  11344.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10870" data-price-box="product-id-10870">
  11345.    <span class="special-price">
  11346.        <span
  11347.    x-data x-id="['product\u002Dprice\u002D10870']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11348.        >
  11349.            <span class="price-label">Special Price</span>
  11350.        <span  :id="$id('product\u002Dprice\u002D10870')"                data-price-amount="17.95"
  11351.        data-price-type="finalPrice"
  11352.        class="price-wrapper "
  11353.    ><span class="price">€ 17,95</span></span>
  11354.        </span>
  11355.    </span>
  11356.    <span class="old-price">
  11357.        <span
  11358.    x-data x-id="['old\u002Dprice\u002D10870']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11359.        >
  11360.            <span class="price-label">Regular Price</span>
  11361.        <span  :id="$id('old\u002Dprice\u002D10870')"                data-price-amount="19.95"
  11362.        data-price-type="oldPrice"
  11363.        class="price-wrapper "
  11364.    ><span class="price">€ 19,95</span></span>
  11365.        </span>
  11366.    </span>
  11367.  
  11368. </div>                                            </div>
  11369.  
  11370.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11371.            ">
  11372.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11373.                                                                                                                    <button
  11374.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11375.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11376.                                                                title="In&#x20;Winkelwagen&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11377.                                                                aria-label="In&#x20;Winkelwagen&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11378.                                                                data-addto="cart">
  11379.                                                                <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">
  11380.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  11381. </svg>
  11382.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11383.                                                                    In Winkelwagen                                                                </span>
  11384.                                                            </button>
  11385.                                                                                                            </div>
  11386.  
  11387.                                                                                            </div>
  11388.                                        </div>
  11389.                                                                                                                        </form>
  11390.                                
  11391.                </li>
  11392.                                        
  11393.                            <li class="swiper-slide">
  11394.                                                                    <form method="post"
  11395.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10869/"
  11396.                                        x-data="{
  11397.        hovered: false,
  11398.        grid: true ,
  11399.        isMobile: false,
  11400.        isMobileFunc () {
  11401.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11402.        }
  11403.    }"
  11404.                                        x-init="
  11405.        isMobileFunc();
  11406.        const labelClass = '.amlabel-position-top-right-10869-prod';
  11407.        const labels = document.querySelectorAll(labelClass);
  11408.  
  11409.        $watch('hovered', value => {
  11410.            if (value) {
  11411.                labels.forEach(el => el.style.opacity = '0');
  11412.            } else {
  11413.                labels.forEach(el => el.style.opacity = '1');
  11414.            }
  11415.        });
  11416.    "
  11417.                                        @mouseenter="hovered = true"
  11418.                                        @mouseleave="hovered = false"
  11419.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11420.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11421.                                        >
  11422.                                        <style>
  11423.                                            /* Generate styling for the label based on the product ID */
  11424.                                            .amlabel-position-top-right-10869-prod {
  11425.                                                transition: opacity 0.3s ease;
  11426.                                            }
  11427.                                        </style>
  11428.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10869" />
  11429.                                                                                                                                                            <a href="https://www.lalashops.nl/nachtlampje-planeet-himalayazout-energiezuinig"
  11430.                                            title="nachtlampje-planeet-himalayazout-energiezuinig"
  11431.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11432.                                            tabindex="-1">
  11433.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_planeet_s.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Nachtlampje&#x20;Planeet" title="Nachtlampje&#x20;Planeet" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_planeet_s.jpg" width="360" height="360" loading="lazy"></picture>
  11434.                                        </a>
  11435.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11436.                                                                                            <div x-data="initWishlist()">
  11437.                                                    <button
  11438.                                                        @click="addToWishlist(10869)"
  11439.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11440.                                                        type="button"
  11441.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11442.                                                        data-addto="wishlist">
  11443.                                                        <span class="icon-heart text-2xl"></span>
  11444.                                                    </button>
  11445.                                                </div>
  11446.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11447.                                                    <button
  11448.                                                        @click="addToCompare(10869)"
  11449.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11450.                                                        type="button"
  11451.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11452.                                                        data-addto="compare">
  11453.                                                        <span class="icon-balance text-2xl"></span>
  11454.                                                    </button>
  11455.                                                </div>
  11456.                                                                                    </div>
  11457.                                        <div class="product-info flex flex-col grow">
  11458.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11459.                                                <a
  11460.                                                    class="product-item-link"
  11461.                                                    href="https://www.lalashops.nl/nachtlampje-planeet-himalayazout-energiezuinig"
  11462.                                                    :id="`slide-desc-10869-${$id('slider-id')}`">
  11463.                                                    nachtlampje-planeet-himalayazout-energiezuinig                                                </a>
  11464.                                            </div>
  11465.  
  11466.  
  11467.                                                                                                                                        
  11468.  
  11469.  
  11470.                                            
  11471.                                            <div class="pt-1 text-gray-900"
  11472.                                                x-defer="intersect"
  11473.                                                @update-prices-10869.window="updatePrice($event.detail);">
  11474.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10869" data-price-box="product-id-10869">
  11475.    <span class="special-price">
  11476.        <span
  11477.    x-data x-id="['product\u002Dprice\u002D10869']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11478.        >
  11479.            <span class="price-label">Special Price</span>
  11480.        <span  :id="$id('product\u002Dprice\u002D10869')"                data-price-amount="16.95"
  11481.        data-price-type="finalPrice"
  11482.        class="price-wrapper "
  11483.    ><span class="price">€ 16,95</span></span>
  11484.        </span>
  11485.    </span>
  11486.    <span class="old-price">
  11487.        <span
  11488.    x-data x-id="['old\u002Dprice\u002D10869']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11489.        >
  11490.            <span class="price-label">Regular Price</span>
  11491.        <span  :id="$id('old\u002Dprice\u002D10869')"                data-price-amount="19.95"
  11492.        data-price-type="oldPrice"
  11493.        class="price-wrapper "
  11494.    ><span class="price">€ 19,95</span></span>
  11495.        </span>
  11496.    </span>
  11497.  
  11498. </div>                                            </div>
  11499.  
  11500.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11501.            ">
  11502.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11503.                                                                                                                    <button
  11504.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11505.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11506.                                                                title="In&#x20;Winkelwagen&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11507.                                                                aria-label="In&#x20;Winkelwagen&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11508.                                                                data-addto="cart">
  11509.                                                                <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">
  11510.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  11511. </svg>
  11512.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11513.                                                                    In Winkelwagen                                                                </span>
  11514.                                                            </button>
  11515.                                                                                                            </div>
  11516.  
  11517.                                                                                            </div>
  11518.                                        </div>
  11519.                                                                                                                        </form>
  11520.                                
  11521.                </li>
  11522.                                        
  11523.                            <li class="swiper-slide">
  11524.                                                                    <form method="post"
  11525.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10868/"
  11526.                                        x-data="{
  11527.        hovered: false,
  11528.        grid: true ,
  11529.        isMobile: false,
  11530.        isMobileFunc () {
  11531.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11532.        }
  11533.    }"
  11534.                                        x-init="
  11535.        isMobileFunc();
  11536.        const labelClass = '.amlabel-position-top-right-10868-prod';
  11537.        const labels = document.querySelectorAll(labelClass);
  11538.  
  11539.        $watch('hovered', value => {
  11540.            if (value) {
  11541.                labels.forEach(el => el.style.opacity = '0');
  11542.            } else {
  11543.                labels.forEach(el => el.style.opacity = '1');
  11544.            }
  11545.        });
  11546.    "
  11547.                                        @mouseenter="hovered = true"
  11548.                                        @mouseleave="hovered = false"
  11549.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11550.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11551.                                        >
  11552.                                        <style>
  11553.                                            /* Generate styling for the label based on the product ID */
  11554.                                            .amlabel-position-top-right-10868-prod {
  11555.                                                transition: opacity 0.3s ease;
  11556.                                            }
  11557.                                        </style>
  11558.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10868" />
  11559.                                                                                                                                                            <a href="https://www.lalashops.nl/nachtlampje-dino-himalayazout-energiezuinig"
  11560.                                            title="nachtlampje-dino-himalayazout-energiezuinig"
  11561.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11562.                                            tabindex="-1">
  11563.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_dino_s.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Nachtlampje&#x20;Dino" title="Nachtlampje&#x20;Dino" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_dino_s.jpg" width="360" height="360" loading="lazy"></picture>
  11564.                                        </a>
  11565.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11566.                                                                                            <div x-data="initWishlist()">
  11567.                                                    <button
  11568.                                                        @click="addToWishlist(10868)"
  11569.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  11570.                                                        type="button"
  11571.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11572.                                                        data-addto="wishlist">
  11573.                                                        <span class="icon-heart text-2xl"></span>
  11574.                                                    </button>
  11575.                                                </div>
  11576.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11577.                                                    <button
  11578.                                                        @click="addToCompare(10868)"
  11579.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  11580.                                                        type="button"
  11581.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11582.                                                        data-addto="compare">
  11583.                                                        <span class="icon-balance text-2xl"></span>
  11584.                                                    </button>
  11585.                                                </div>
  11586.                                                                                    </div>
  11587.                                        <div class="product-info flex flex-col grow">
  11588.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11589.                                                <a
  11590.                                                    class="product-item-link"
  11591.                                                    href="https://www.lalashops.nl/nachtlampje-dino-himalayazout-energiezuinig"
  11592.                                                    :id="`slide-desc-10868-${$id('slider-id')}`">
  11593.                                                    nachtlampje-dino-himalayazout-energiezuinig                                                </a>
  11594.                                            </div>
  11595.  
  11596.  
  11597.                                                                                                                                        
  11598.  
  11599.  
  11600.                                            
  11601.                                            <div class="pt-1 text-gray-900"
  11602.                                                x-defer="intersect"
  11603.                                                @update-prices-10868.window="updatePrice($event.detail);">
  11604.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10868" data-price-box="product-id-10868">
  11605.    <span class="special-price">
  11606.        <span
  11607.    x-data x-id="['product\u002Dprice\u002D10868']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11608.        >
  11609.            <span class="price-label">Special Price</span>
  11610.        <span  :id="$id('product\u002Dprice\u002D10868')"                data-price-amount="17.95"
  11611.        data-price-type="finalPrice"
  11612.        class="price-wrapper "
  11613.    ><span class="price">€ 17,95</span></span>
  11614.        </span>
  11615.    </span>
  11616.    <span class="old-price">
  11617.        <span
  11618.    x-data x-id="['old\u002Dprice\u002D10868']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11619.        >
  11620.            <span class="price-label">Regular Price</span>
  11621.        <span  :id="$id('old\u002Dprice\u002D10868')"                data-price-amount="19.95"
  11622.        data-price-type="oldPrice"
  11623.        class="price-wrapper "
  11624.    ><span class="price">€ 19,95</span></span>
  11625.        </span>
  11626.    </span>
  11627.  
  11628. </div>                                            </div>
  11629.  
  11630.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11631.            ">
  11632.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11633.                                                                                                                    <button
  11634.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11635.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11636.                                                                title="In&#x20;Winkelwagen&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  11637.                                                                aria-label="In&#x20;Winkelwagen&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  11638.                                                                data-addto="cart">
  11639.                                                                <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">
  11640.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  11641. </svg>
  11642.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11643.                                                                    In Winkelwagen                                                                </span>
  11644.                                                            </button>
  11645.                                                                                                            </div>
  11646.  
  11647.                                                                                            </div>
  11648.                                        </div>
  11649.                                                                                                                        </form>
  11650.                                
  11651.                </li>
  11652.                                        
  11653.                            <li class="swiper-slide">
  11654.                                                                    <form method="post"
  11655.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9760/"
  11656.                                        x-data="{
  11657.        hovered: false,
  11658.        grid: true ,
  11659.        isMobile: false,
  11660.        isMobileFunc () {
  11661.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11662.        }
  11663.    }"
  11664.                                        x-init="
  11665.        isMobileFunc();
  11666.        const labelClass = '.amlabel-position-top-right-9760-prod';
  11667.        const labels = document.querySelectorAll(labelClass);
  11668.  
  11669.        $watch('hovered', value => {
  11670.            if (value) {
  11671.                labels.forEach(el => el.style.opacity = '0');
  11672.            } else {
  11673.                labels.forEach(el => el.style.opacity = '1');
  11674.            }
  11675.        });
  11676.    "
  11677.                                        @mouseenter="hovered = true"
  11678.                                        @mouseleave="hovered = false"
  11679.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11680.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11681.                                        >
  11682.                                        <style>
  11683.                                            /* Generate styling for the label based on the product ID */
  11684.                                            .amlabel-position-top-right-9760-prod {
  11685.                                                transition: opacity 0.3s ease;
  11686.                                            }
  11687.                                        </style>
  11688.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9760" />
  11689.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-maan-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanwit"
  11690.                                            title="Zoutlamp MAAN - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  11691.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11692.                                            tabindex="-1">
  11693.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080344.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;" title="Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080344.jpg" width="360" height="360" loading="lazy"></picture>
  11694.                                        </a>
  11695.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11696.                                                                                            <div x-data="initWishlist()">
  11697.                                                    <button
  11698.                                                        @click="addToWishlist(9760)"
  11699.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  11700.                                                        type="button"
  11701.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11702.                                                        data-addto="wishlist">
  11703.                                                        <span class="icon-heart text-2xl"></span>
  11704.                                                    </button>
  11705.                                                </div>
  11706.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11707.                                                    <button
  11708.                                                        @click="addToCompare(9760)"
  11709.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  11710.                                                        type="button"
  11711.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11712.                                                        data-addto="compare">
  11713.                                                        <span class="icon-balance text-2xl"></span>
  11714.                                                    </button>
  11715.                                                </div>
  11716.                                                                                    </div>
  11717.                                        <div class="product-info flex flex-col grow">
  11718.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11719.                                                <a
  11720.                                                    class="product-item-link"
  11721.                                                    href="https://www.lalashops.nl/zoutlamp-maan-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanwit"
  11722.                                                    :id="`slide-desc-9760-${$id('slider-id')}`">
  11723.                                                    Zoutlamp MAAN - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  11724.                                            </div>
  11725.  
  11726.  
  11727.                                                                                                                                        
  11728.  
  11729.  
  11730.                                            
  11731.                                            <div class="pt-1 text-gray-900"
  11732.                                                x-defer="intersect"
  11733.                                                @update-prices-9760.window="updatePrice($event.detail);">
  11734.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9760" data-price-box="product-id-9760">
  11735.    <span class="special-price">
  11736.        <span
  11737.    x-data x-id="['product\u002Dprice\u002D9760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11738.        >
  11739.            <span class="price-label">Special Price</span>
  11740.        <span  :id="$id('product\u002Dprice\u002D9760')"                data-price-amount="17.95"
  11741.        data-price-type="finalPrice"
  11742.        class="price-wrapper "
  11743.    ><span class="price">€ 17,95</span></span>
  11744.        </span>
  11745.    </span>
  11746.    <span class="old-price">
  11747.        <span
  11748.    x-data x-id="['old\u002Dprice\u002D9760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11749.        >
  11750.            <span class="price-label">Regular Price</span>
  11751.        <span  :id="$id('old\u002Dprice\u002D9760')"                data-price-amount="19.95"
  11752.        data-price-type="oldPrice"
  11753.        class="price-wrapper "
  11754.    ><span class="price">€ 19,95</span></span>
  11755.        </span>
  11756.    </span>
  11757.  
  11758. </div>                                            </div>
  11759.  
  11760.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11761.            ">
  11762.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11763.                                                                                                                    <button
  11764.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11765.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11766.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  11767.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  11768.                                                                data-addto="cart">
  11769.                                                                <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">
  11770.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  11771. </svg>
  11772.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11773.                                                                    In Winkelwagen                                                                </span>
  11774.                                                            </button>
  11775.                                                                                                            </div>
  11776.  
  11777.                                                                                            </div>
  11778.                                        </div>
  11779.                                                                                                                        </form>
  11780.                                
  11781.                </li>
  11782.                                        
  11783.                            <li class="swiper-slide">
  11784.                                                                    <form method="post"
  11785.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9312/"
  11786.                                        x-data="{
  11787.        hovered: false,
  11788.        grid: true ,
  11789.        isMobile: false,
  11790.        isMobileFunc () {
  11791.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11792.        }
  11793.    }"
  11794.                                        x-init="
  11795.        isMobileFunc();
  11796.        const labelClass = '.amlabel-position-top-right-9312-prod';
  11797.        const labels = document.querySelectorAll(labelClass);
  11798.  
  11799.        $watch('hovered', value => {
  11800.            if (value) {
  11801.                labels.forEach(el => el.style.opacity = '0');
  11802.            } else {
  11803.                labels.forEach(el => el.style.opacity = '1');
  11804.            }
  11805.        });
  11806.    "
  11807.                                        @mouseenter="hovered = true"
  11808.                                        @mouseleave="hovered = false"
  11809.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11810.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11811.                                        >
  11812.                                        <style>
  11813.                                            /* Generate styling for the label based on the product ID */
  11814.                                            .amlabel-position-top-right-9312-prod {
  11815.                                                transition: opacity 0.3s ease;
  11816.                                            }
  11817.                                        </style>
  11818.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9312" />
  11819.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-stukken-wit-gezaagd-voordeelzak-1kg-selstukgez1kg"
  11820.                                            title="Seleniet Stukken - 1,5 - 5cm - Wit - Gezaagd - Voordeelzak van 1kg"
  11821.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11822.                                            tabindex="-1">
  11823.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1040117-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Witte&#x20;Seleniet&#x20;Stukjes&#x20;&#x28;1,5&#x20;-&#x20;5cm&#x29;&#x20;-&#x20;Gezaagd&#x20;-&#x20;Voordeelzak&#x20;van&#x20;1kg" title="Witte&#x20;Seleniet&#x20;Stukjes&#x20;&#x28;1,5&#x20;-&#x20;5cm&#x29;&#x20;-&#x20;Gezaagd&#x20;-&#x20;Voordeelzak&#x20;van&#x20;1kg" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1040117-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  11824.                                        </a>
  11825.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11826.                                                                                            <div x-data="initWishlist()">
  11827.                                                    <button
  11828.                                                        @click="addToWishlist(9312)"
  11829.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Seleniet&#x20;Stukken&#x20;-&#x20;1,5&#x20;-&#x20;5cm&#x20;-&#x20;Wit&#x20;-&#x20;Gezaagd&#x20;-&#x20;Voordeelzak&#x20;van&#x20;1kg"
  11830.                                                        type="button"
  11831.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11832.                                                        data-addto="wishlist">
  11833.                                                        <span class="icon-heart text-2xl"></span>
  11834.                                                    </button>
  11835.                                                </div>
  11836.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11837.                                                    <button
  11838.                                                        @click="addToCompare(9312)"
  11839.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Seleniet&#x20;Stukken&#x20;-&#x20;1,5&#x20;-&#x20;5cm&#x20;-&#x20;Wit&#x20;-&#x20;Gezaagd&#x20;-&#x20;Voordeelzak&#x20;van&#x20;1kg"
  11840.                                                        type="button"
  11841.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11842.                                                        data-addto="compare">
  11843.                                                        <span class="icon-balance text-2xl"></span>
  11844.                                                    </button>
  11845.                                                </div>
  11846.                                                                                    </div>
  11847.                                        <div class="product-info flex flex-col grow">
  11848.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11849.                                                <a
  11850.                                                    class="product-item-link"
  11851.                                                    href="https://www.lalashops.nl/seleniet-stukken-wit-gezaagd-voordeelzak-1kg-selstukgez1kg"
  11852.                                                    :id="`slide-desc-9312-${$id('slider-id')}`">
  11853.                                                    Seleniet Stukken - 1,5 - 5cm - Wit - Gezaagd - Voordeelzak van 1kg                                                </a>
  11854.                                            </div>
  11855.  
  11856.  
  11857.                                                                                                                                        
  11858.  
  11859.  
  11860.                                            
  11861.                                            <div class="pt-1 text-gray-900"
  11862.                                                x-defer="intersect"
  11863.                                                @update-prices-9312.window="updatePrice($event.detail);">
  11864.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9312" data-price-box="product-id-9312">
  11865.    <span
  11866.    x-data x-id="['product\u002Dprice\u002D9312']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11867.        >
  11868.        <span  :id="$id('product\u002Dprice\u002D9312')"                data-price-amount="27.5"
  11869.        data-price-type="finalPrice"
  11870.        class="price-wrapper "
  11871.    ><span class="price">€ 27,50</span></span>
  11872.        </span>
  11873.  
  11874. </div>                                            </div>
  11875.  
  11876.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11877.            ">
  11878.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11879.                                                                                                                    <button
  11880.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11881.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11882.                                                                title="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Stukken&#x20;-&#x20;1,5&#x20;-&#x20;5cm&#x20;-&#x20;Wit&#x20;-&#x20;Gezaagd&#x20;-&#x20;Voordeelzak&#x20;van&#x20;1kg"
  11883.                                                                aria-label="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Stukken&#x20;-&#x20;1,5&#x20;-&#x20;5cm&#x20;-&#x20;Wit&#x20;-&#x20;Gezaagd&#x20;-&#x20;Voordeelzak&#x20;van&#x20;1kg"
  11884.                                                                data-addto="cart">
  11885.                                                                <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">
  11886.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  11887. </svg>
  11888.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11889.                                                                    In Winkelwagen                                                                </span>
  11890.                                                            </button>
  11891.                                                                                                            </div>
  11892.  
  11893.                                                                                            </div>
  11894.                                        </div>
  11895.                                                                                                                        </form>
  11896.                                
  11897.                </li>
  11898.                                        
  11899.                            <li class="swiper-slide">
  11900.                                                                    <form method="post"
  11901.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8975/"
  11902.                                        x-data="{
  11903.        hovered: false,
  11904.        grid: true ,
  11905.        isMobile: false,
  11906.        isMobileFunc () {
  11907.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11908.        }
  11909.    }"
  11910.                                        x-init="
  11911.        isMobileFunc();
  11912.        const labelClass = '.amlabel-position-top-right-8975-prod';
  11913.        const labels = document.querySelectorAll(labelClass);
  11914.  
  11915.        $watch('hovered', value => {
  11916.            if (value) {
  11917.                labels.forEach(el => el.style.opacity = '0');
  11918.            } else {
  11919.                labels.forEach(el => el.style.opacity = '1');
  11920.            }
  11921.        });
  11922.    "
  11923.                                        @mouseenter="hovered = true"
  11924.                                        @mouseleave="hovered = false"
  11925.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11926.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11927.                                        >
  11928.                                        <style>
  11929.                                            /* Generate styling for the label based on the product ID */
  11930.                                            .amlabel-position-top-right-8975-prod {
  11931.                                                transition: opacity 0.3s ease;
  11932.                                            }
  11933.                                        </style>
  11934.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8975" />
  11935.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-1-tot-2kg-haliet-himalaya-gebergte-ca-15x10cm-kh-lamphaliet1tot2kg-2"
  11936.                                            title="Zoutlamp 1 tot 2kg - Haliet Zoutsteen uit Himalaya Gebergte - ca. 15x10cm"
  11937.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11938.                                            tabindex="-1">
  11939.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_2__2_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;1&#x20;tot&#x20;2kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;Gebergte&#x20;-&#x20;ca.&#x20;17x10cm" title="Zoutlamp&#x20;1&#x20;tot&#x20;2kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;Gebergte&#x20;-&#x20;ca.&#x20;17x10cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_2__2_2.jpg" width="360" height="360" loading="lazy"></picture>
  11940.                                        </a>
  11941.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11942.                                                                                            <div x-data="initWishlist()">
  11943.                                                    <button
  11944.                                                        @click="addToWishlist(8975)"
  11945.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;1&#x20;tot&#x20;2kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;Gebergte&#x20;-&#x20;ca.&#x20;15x10cm"
  11946.                                                        type="button"
  11947.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11948.                                                        data-addto="wishlist">
  11949.                                                        <span class="icon-heart text-2xl"></span>
  11950.                                                    </button>
  11951.                                                </div>
  11952.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11953.                                                    <button
  11954.                                                        @click="addToCompare(8975)"
  11955.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;1&#x20;tot&#x20;2kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;Gebergte&#x20;-&#x20;ca.&#x20;15x10cm"
  11956.                                                        type="button"
  11957.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  11958.                                                        data-addto="compare">
  11959.                                                        <span class="icon-balance text-2xl"></span>
  11960.                                                    </button>
  11961.                                                </div>
  11962.                                                                                    </div>
  11963.                                        <div class="product-info flex flex-col grow">
  11964.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11965.                                                <a
  11966.                                                    class="product-item-link"
  11967.                                                    href="https://www.lalashops.nl/zoutlamp-1-tot-2kg-haliet-himalaya-gebergte-ca-15x10cm-kh-lamphaliet1tot2kg-2"
  11968.                                                    :id="`slide-desc-8975-${$id('slider-id')}`">
  11969.                                                    Zoutlamp 1 tot 2kg - Haliet Zoutsteen uit Himalaya Gebergte - ca. 15x10cm                                                </a>
  11970.                                            </div>
  11971.  
  11972.  
  11973.                                                                                                                                        
  11974.  
  11975.  
  11976.                                            
  11977.                                            <div class="pt-1 text-gray-900"
  11978.                                                x-defer="intersect"
  11979.                                                @update-prices-8975.window="updatePrice($event.detail);">
  11980.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8975" data-price-box="product-id-8975">
  11981.    <span class="special-price">
  11982.        <span
  11983.    x-data x-id="['product\u002Dprice\u002D8975']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11984.        >
  11985.            <span class="price-label">Special Price</span>
  11986.        <span  :id="$id('product\u002Dprice\u002D8975')"                data-price-amount="9.95"
  11987.        data-price-type="finalPrice"
  11988.        class="price-wrapper "
  11989.    ><span class="price">€ 9,95</span></span>
  11990.        </span>
  11991.    </span>
  11992.    <span class="old-price">
  11993.        <span
  11994.    x-data x-id="['old\u002Dprice\u002D8975']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11995.        >
  11996.            <span class="price-label">Regular Price</span>
  11997.        <span  :id="$id('old\u002Dprice\u002D8975')"                data-price-amount="12.95"
  11998.        data-price-type="oldPrice"
  11999.        class="price-wrapper "
  12000.    ><span class="price">€ 12,95</span></span>
  12001.        </span>
  12002.    </span>
  12003.  
  12004. </div>                                            </div>
  12005.  
  12006.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12007.            ">
  12008.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12009.                                                                                                                    <button
  12010.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12011.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12012.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;1&#x20;tot&#x20;2kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;Gebergte&#x20;-&#x20;ca.&#x20;15x10cm"
  12013.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;1&#x20;tot&#x20;2kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;Gebergte&#x20;-&#x20;ca.&#x20;15x10cm"
  12014.                                                                data-addto="cart">
  12015.                                                                <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">
  12016.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12017. </svg>
  12018.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12019.                                                                    In Winkelwagen                                                                </span>
  12020.                                                            </button>
  12021.                                                                                                            </div>
  12022.  
  12023.                                                                                            </div>
  12024.                                        </div>
  12025.                                                                                                                        </form>
  12026.                                
  12027.                </li>
  12028.                                        
  12029.                            <li class="swiper-slide">
  12030.                                                                    <form method="post"
  12031.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8760/"
  12032.                                        x-data="{
  12033.        hovered: false,
  12034.        grid: true ,
  12035.        isMobile: false,
  12036.        isMobileFunc () {
  12037.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12038.        }
  12039.    }"
  12040.                                        x-init="
  12041.        isMobileFunc();
  12042.        const labelClass = '.amlabel-position-top-right-8760-prod';
  12043.        const labels = document.querySelectorAll(labelClass);
  12044.  
  12045.        $watch('hovered', value => {
  12046.            if (value) {
  12047.                labels.forEach(el => el.style.opacity = '0');
  12048.            } else {
  12049.                labels.forEach(el => el.style.opacity = '1');
  12050.            }
  12051.        });
  12052.    "
  12053.                                        @mouseenter="hovered = true"
  12054.                                        @mouseleave="hovered = false"
  12055.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12056.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12057.                                        >
  12058.                                        <style>
  12059.                                            /* Generate styling for the label based on the product ID */
  12060.                                            .amlabel-position-top-right-8760-prod {
  12061.                                                transition: opacity 0.3s ease;
  12062.                                            }
  12063.                                        </style>
  12064.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8760" />
  12065.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-metalen-korfje-hartjes-kh_lampkorfviermh"
  12066.                                            title="Zoutlamp - Himalaya Zoutstenen - Metalen Korfje - Hartjes "
  12067.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12068.                                            tabindex="-1">
  12069.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_-_himalaya_zoutstenen_in_vierkant_metaal_korfje_-_hartjes_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;" title="Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_-_himalaya_zoutstenen_in_vierkant_metaal_korfje_-_hartjes_1.jpg" width="360" height="360" loading="lazy"></picture>
  12070.                                        </a>
  12071.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12072.                                                                                            <div x-data="initWishlist()">
  12073.                                                    <button
  12074.                                                        @click="addToWishlist(8760)"
  12075.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;"
  12076.                                                        type="button"
  12077.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12078.                                                        data-addto="wishlist">
  12079.                                                        <span class="icon-heart text-2xl"></span>
  12080.                                                    </button>
  12081.                                                </div>
  12082.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12083.                                                    <button
  12084.                                                        @click="addToCompare(8760)"
  12085.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;"
  12086.                                                        type="button"
  12087.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12088.                                                        data-addto="compare">
  12089.                                                        <span class="icon-balance text-2xl"></span>
  12090.                                                    </button>
  12091.                                                </div>
  12092.                                                                                    </div>
  12093.                                        <div class="product-info flex flex-col grow">
  12094.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12095.                                                <a
  12096.                                                    class="product-item-link"
  12097.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-metalen-korfje-hartjes-kh_lampkorfviermh"
  12098.                                                    :id="`slide-desc-8760-${$id('slider-id')}`">
  12099.                                                    Zoutlamp - Himalaya Zoutstenen - Metalen Korfje - Hartjes                                                 </a>
  12100.                                            </div>
  12101.  
  12102.  
  12103.                                                                                                                                        
  12104.  
  12105.  
  12106.                                            
  12107.                                            <div class="pt-1 text-gray-900"
  12108.                                                x-defer="intersect"
  12109.                                                @update-prices-8760.window="updatePrice($event.detail);">
  12110.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8760" data-price-box="product-id-8760">
  12111.    <span class="special-price">
  12112.        <span
  12113.    x-data x-id="['product\u002Dprice\u002D8760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12114.        >
  12115.            <span class="price-label">Special Price</span>
  12116.        <span  :id="$id('product\u002Dprice\u002D8760')"                data-price-amount="19.5"
  12117.        data-price-type="finalPrice"
  12118.        class="price-wrapper "
  12119.    ><span class="price">€ 19,50</span></span>
  12120.        </span>
  12121.    </span>
  12122.    <span class="old-price">
  12123.        <span
  12124.    x-data x-id="['old\u002Dprice\u002D8760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12125.        >
  12126.            <span class="price-label">Regular Price</span>
  12127.        <span  :id="$id('old\u002Dprice\u002D8760')"                data-price-amount="29.5"
  12128.        data-price-type="oldPrice"
  12129.        class="price-wrapper "
  12130.    ><span class="price">€ 29,50</span></span>
  12131.        </span>
  12132.    </span>
  12133.  
  12134. </div>                                            </div>
  12135.  
  12136.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12137.            ">
  12138.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12139.                                                                                                                    <button
  12140.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12141.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12142.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;"
  12143.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;"
  12144.                                                                data-addto="cart">
  12145.                                                                <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">
  12146.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12147. </svg>
  12148.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12149.                                                                    In Winkelwagen                                                                </span>
  12150.                                                            </button>
  12151.                                                                                                            </div>
  12152.  
  12153.                                                                                            </div>
  12154.                                        </div>
  12155.                                                                                                                        </form>
  12156.                                
  12157.                </li>
  12158.                                        
  12159.                            <li class="swiper-slide">
  12160.                                                                    <form method="post"
  12161.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8759/"
  12162.                                        x-data="{
  12163.        hovered: false,
  12164.        grid: true ,
  12165.        isMobile: false,
  12166.        isMobileFunc () {
  12167.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12168.        }
  12169.    }"
  12170.                                        x-init="
  12171.        isMobileFunc();
  12172.        const labelClass = '.amlabel-position-top-right-8759-prod';
  12173.        const labels = document.querySelectorAll(labelClass);
  12174.  
  12175.        $watch('hovered', value => {
  12176.            if (value) {
  12177.                labels.forEach(el => el.style.opacity = '0');
  12178.            } else {
  12179.                labels.forEach(el => el.style.opacity = '1');
  12180.            }
  12181.        });
  12182.    "
  12183.                                        @mouseenter="hovered = true"
  12184.                                        @mouseleave="hovered = false"
  12185.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12186.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12187.                                        >
  12188.                                        <style>
  12189.                                            /* Generate styling for the label based on the product ID */
  12190.                                            .amlabel-position-top-right-8759-prod {
  12191.                                                transition: opacity 0.3s ease;
  12192.                                            }
  12193.                                        </style>
  12194.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8759" />
  12195.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-vierkant-kh_lampkorfvierh"
  12196.                                            title="Zoutlamp - Himalaya Zoutstenen - Houten Korfje  - Vierkant "
  12197.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12198.                                            tabindex="-1">
  12199.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_-_himalaya_zoutstenen_in_vierkant_houten_korfje_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;" title="Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_-_himalaya_zoutstenen_in_vierkant_houten_korfje_2.jpg" width="360" height="360" loading="lazy"></picture>
  12200.                                        </a>
  12201.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12202.                                                                                            <div x-data="initWishlist()">
  12203.                                                    <button
  12204.                                                        @click="addToWishlist(8759)"
  12205.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;"
  12206.                                                        type="button"
  12207.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12208.                                                        data-addto="wishlist">
  12209.                                                        <span class="icon-heart text-2xl"></span>
  12210.                                                    </button>
  12211.                                                </div>
  12212.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12213.                                                    <button
  12214.                                                        @click="addToCompare(8759)"
  12215.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;"
  12216.                                                        type="button"
  12217.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12218.                                                        data-addto="compare">
  12219.                                                        <span class="icon-balance text-2xl"></span>
  12220.                                                    </button>
  12221.                                                </div>
  12222.                                                                                    </div>
  12223.                                        <div class="product-info flex flex-col grow">
  12224.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12225.                                                <a
  12226.                                                    class="product-item-link"
  12227.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-vierkant-kh_lampkorfvierh"
  12228.                                                    :id="`slide-desc-8759-${$id('slider-id')}`">
  12229.                                                    Zoutlamp - Himalaya Zoutstenen - Houten Korfje  - Vierkant                                                 </a>
  12230.                                            </div>
  12231.  
  12232.  
  12233.                                                                                                                                        
  12234.  
  12235.  
  12236.                                            
  12237.                                            <div class="pt-1 text-gray-900"
  12238.                                                x-defer="intersect"
  12239.                                                @update-prices-8759.window="updatePrice($event.detail);">
  12240.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8759" data-price-box="product-id-8759">
  12241.    <span class="special-price">
  12242.        <span
  12243.    x-data x-id="['product\u002Dprice\u002D8759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12244.        >
  12245.            <span class="price-label">Special Price</span>
  12246.        <span  :id="$id('product\u002Dprice\u002D8759')"                data-price-amount="16.99"
  12247.        data-price-type="finalPrice"
  12248.        class="price-wrapper "
  12249.    ><span class="price">€ 16,99</span></span>
  12250.        </span>
  12251.    </span>
  12252.    <span class="old-price">
  12253.        <span
  12254.    x-data x-id="['old\u002Dprice\u002D8759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12255.        >
  12256.            <span class="price-label">Regular Price</span>
  12257.        <span  :id="$id('old\u002Dprice\u002D8759')"                data-price-amount="24.5"
  12258.        data-price-type="oldPrice"
  12259.        class="price-wrapper "
  12260.    ><span class="price">€ 24,50</span></span>
  12261.        </span>
  12262.    </span>
  12263.  
  12264. </div>                                            </div>
  12265.  
  12266.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12267.            ">
  12268.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12269.                                                                                                                    <button
  12270.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12271.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12272.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;"
  12273.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;"
  12274.                                                                data-addto="cart">
  12275.                                                                <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">
  12276.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12277. </svg>
  12278.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12279.                                                                    In Winkelwagen                                                                </span>
  12280.                                                            </button>
  12281.                                                                                                            </div>
  12282.  
  12283.                                                                                            </div>
  12284.                                        </div>
  12285.                                                                                                                        </form>
  12286.                                
  12287.                </li>
  12288.                                        
  12289.                            <li class="swiper-slide">
  12290.                                                                    <form method="post"
  12291.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8758/"
  12292.                                        x-data="{
  12293.        hovered: false,
  12294.        grid: true ,
  12295.        isMobile: false,
  12296.        isMobileFunc () {
  12297.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12298.        }
  12299.    }"
  12300.                                        x-init="
  12301.        isMobileFunc();
  12302.        const labelClass = '.amlabel-position-top-right-8758-prod';
  12303.        const labels = document.querySelectorAll(labelClass);
  12304.  
  12305.        $watch('hovered', value => {
  12306.            if (value) {
  12307.                labels.forEach(el => el.style.opacity = '0');
  12308.            } else {
  12309.                labels.forEach(el => el.style.opacity = '1');
  12310.            }
  12311.        });
  12312.    "
  12313.                                        @mouseenter="hovered = true"
  12314.                                        @mouseleave="hovered = false"
  12315.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12316.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12317.                                        >
  12318.                                        <style>
  12319.                                            /* Generate styling for the label based on the product ID */
  12320.                                            .amlabel-position-top-right-8758-prod {
  12321.                                                transition: opacity 0.3s ease;
  12322.                                            }
  12323.                                        </style>
  12324.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8758" />
  12325.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-cilinder-kh_lampkorfcilin"
  12326.                                            title="Zoutlamp - Himalaya Zoutstenen - Houten Korfje - Cilinder "
  12327.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12328.                                            tabindex="-1">
  12329.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1020738_wit.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;" title="Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1020738_wit.jpg" width="360" height="360" loading="lazy"></picture>
  12330.                                        </a>
  12331.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12332.                                                                                            <div x-data="initWishlist()">
  12333.                                                    <button
  12334.                                                        @click="addToWishlist(8758)"
  12335.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;"
  12336.                                                        type="button"
  12337.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12338.                                                        data-addto="wishlist">
  12339.                                                        <span class="icon-heart text-2xl"></span>
  12340.                                                    </button>
  12341.                                                </div>
  12342.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12343.                                                    <button
  12344.                                                        @click="addToCompare(8758)"
  12345.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;"
  12346.                                                        type="button"
  12347.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12348.                                                        data-addto="compare">
  12349.                                                        <span class="icon-balance text-2xl"></span>
  12350.                                                    </button>
  12351.                                                </div>
  12352.                                                                                    </div>
  12353.                                        <div class="product-info flex flex-col grow">
  12354.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12355.                                                <a
  12356.                                                    class="product-item-link"
  12357.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-cilinder-kh_lampkorfcilin"
  12358.                                                    :id="`slide-desc-8758-${$id('slider-id')}`">
  12359.                                                    Zoutlamp - Himalaya Zoutstenen - Houten Korfje - Cilinder                                                 </a>
  12360.                                            </div>
  12361.  
  12362.  
  12363.                                                                                                                                        
  12364.  
  12365.  
  12366.                                            
  12367.                                            <div class="pt-1 text-gray-900"
  12368.                                                x-defer="intersect"
  12369.                                                @update-prices-8758.window="updatePrice($event.detail);">
  12370.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8758" data-price-box="product-id-8758">
  12371.    <span class="special-price">
  12372.        <span
  12373.    x-data x-id="['product\u002Dprice\u002D8758']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12374.        >
  12375.            <span class="price-label">Special Price</span>
  12376.        <span  :id="$id('product\u002Dprice\u002D8758')"                data-price-amount="16.99"
  12377.        data-price-type="finalPrice"
  12378.        class="price-wrapper "
  12379.    ><span class="price">€ 16,99</span></span>
  12380.        </span>
  12381.    </span>
  12382.    <span class="old-price">
  12383.        <span
  12384.    x-data x-id="['old\u002Dprice\u002D8758']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12385.        >
  12386.            <span class="price-label">Regular Price</span>
  12387.        <span  :id="$id('old\u002Dprice\u002D8758')"                data-price-amount="24.5"
  12388.        data-price-type="oldPrice"
  12389.        class="price-wrapper "
  12390.    ><span class="price">€ 24,50</span></span>
  12391.        </span>
  12392.    </span>
  12393.  
  12394. </div>                                            </div>
  12395.  
  12396.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12397.            ">
  12398.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12399.                                                                                                                    <button
  12400.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12401.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12402.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;"
  12403.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;"
  12404.                                                                data-addto="cart">
  12405.                                                                <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">
  12406.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12407. </svg>
  12408.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12409.                                                                    In Winkelwagen                                                                </span>
  12410.                                                            </button>
  12411.                                                                                                            </div>
  12412.  
  12413.                                                                                            </div>
  12414.                                        </div>
  12415.                                                                                                                        </form>
  12416.                                
  12417.                </li>
  12418.                                        
  12419.                            <li class="swiper-slide">
  12420.                                                                    <form method="post"
  12421.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8622/"
  12422.                                        x-data="{
  12423.        hovered: false,
  12424.        grid: true ,
  12425.        isMobile: false,
  12426.        isMobileFunc () {
  12427.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12428.        }
  12429.    }"
  12430.                                        x-init="
  12431.        isMobileFunc();
  12432.        const labelClass = '.amlabel-position-top-right-8622-prod';
  12433.        const labels = document.querySelectorAll(labelClass);
  12434.  
  12435.        $watch('hovered', value => {
  12436.            if (value) {
  12437.                labels.forEach(el => el.style.opacity = '0');
  12438.            } else {
  12439.                labels.forEach(el => el.style.opacity = '1');
  12440.            }
  12441.        });
  12442.    "
  12443.                                        @mouseenter="hovered = true"
  12444.                                        @mouseleave="hovered = false"
  12445.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12446.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12447.                                        >
  12448.                                        <style>
  12449.                                            /* Generate styling for the label based on the product ID */
  12450.                                            .amlabel-position-top-right-8622-prod {
  12451.                                                transition: opacity 0.3s ease;
  12452.                                            }
  12453.                                        </style>
  12454.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8622" />
  12455.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-32x17cm--1"
  12456.                                            title="Zoutlamp 6 tot 8 kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 32x17cm"
  12457.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12458.                                            tabindex="-1">
  12459.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__5.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;32x17cm" title="Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;32x17cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__5.jpg" width="360" height="360" loading="lazy"></picture>
  12460.                                        </a>
  12461.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12462.                                                                                            <div x-data="initWishlist()">
  12463.                                                    <button
  12464.                                                        @click="addToWishlist(8622)"
  12465.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;32x17cm"
  12466.                                                        type="button"
  12467.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12468.                                                        data-addto="wishlist">
  12469.                                                        <span class="icon-heart text-2xl"></span>
  12470.                                                    </button>
  12471.                                                </div>
  12472.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12473.                                                    <button
  12474.                                                        @click="addToCompare(8622)"
  12475.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;32x17cm"
  12476.                                                        type="button"
  12477.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12478.                                                        data-addto="compare">
  12479.                                                        <span class="icon-balance text-2xl"></span>
  12480.                                                    </button>
  12481.                                                </div>
  12482.                                                                                    </div>
  12483.                                        <div class="product-info flex flex-col grow">
  12484.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12485.                                                <a
  12486.                                                    class="product-item-link"
  12487.                                                    href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-32x17cm--1"
  12488.                                                    :id="`slide-desc-8622-${$id('slider-id')}`">
  12489.                                                    Zoutlamp 6 tot 8 kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 32x17cm                                                </a>
  12490.                                            </div>
  12491.  
  12492.  
  12493.                                                                                                                                        
  12494.  
  12495.  
  12496.                                            
  12497.                                            <div class="pt-1 text-gray-900"
  12498.                                                x-defer="intersect"
  12499.                                                @update-prices-8622.window="updatePrice($event.detail);">
  12500.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8622" data-price-box="product-id-8622">
  12501.    <span class="special-price">
  12502.        <span
  12503.    x-data x-id="['product\u002Dprice\u002D8622']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12504.        >
  12505.            <span class="price-label">Special Price</span>
  12506.        <span  :id="$id('product\u002Dprice\u002D8622')"                data-price-amount="23.95"
  12507.        data-price-type="finalPrice"
  12508.        class="price-wrapper "
  12509.    ><span class="price">€ 23,95</span></span>
  12510.        </span>
  12511.    </span>
  12512.    <span class="old-price">
  12513.        <span
  12514.    x-data x-id="['old\u002Dprice\u002D8622']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12515.        >
  12516.            <span class="price-label">Regular Price</span>
  12517.        <span  :id="$id('old\u002Dprice\u002D8622')"                data-price-amount="26.95"
  12518.        data-price-type="oldPrice"
  12519.        class="price-wrapper "
  12520.    ><span class="price">€ 26,95</span></span>
  12521.        </span>
  12522.    </span>
  12523.  
  12524. </div>                                            </div>
  12525.  
  12526.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12527.            ">
  12528.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12529.                                                                                                                    <button
  12530.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12531.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12532.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;32x17cm"
  12533.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;32x17cm"
  12534.                                                                data-addto="cart">
  12535.                                                                <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">
  12536.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12537. </svg>
  12538.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12539.                                                                    In Winkelwagen                                                                </span>
  12540.                                                            </button>
  12541.                                                                                                            </div>
  12542.  
  12543.                                                                                            </div>
  12544.                                        </div>
  12545.                                                                                                                        </form>
  12546.                                
  12547.                </li>
  12548.                                        
  12549.                            <li class="swiper-slide">
  12550.                                                                    <form method="post"
  12551.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8620/"
  12552.                                        x-data="{
  12553.        hovered: false,
  12554.        grid: true ,
  12555.        isMobile: false,
  12556.        isMobileFunc () {
  12557.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12558.        }
  12559.    }"
  12560.                                        x-init="
  12561.        isMobileFunc();
  12562.        const labelClass = '.amlabel-position-top-right-8620-prod';
  12563.        const labels = document.querySelectorAll(labelClass);
  12564.  
  12565.        $watch('hovered', value => {
  12566.            if (value) {
  12567.                labels.forEach(el => el.style.opacity = '0');
  12568.            } else {
  12569.                labels.forEach(el => el.style.opacity = '1');
  12570.            }
  12571.        });
  12572.    "
  12573.                                        @mouseenter="hovered = true"
  12574.                                        @mouseleave="hovered = false"
  12575.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12576.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12577.                                        >
  12578.                                        <style>
  12579.                                            /* Generate styling for the label based on the product ID */
  12580.                                            .amlabel-position-top-right-8620-prod {
  12581.                                                transition: opacity 0.3s ease;
  12582.                                            }
  12583.                                        </style>
  12584.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8620" />
  12585.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-6-tot-8kg-haliet-zoutsteen-uit-himalaya-gebergte-ca-32x17cm-kh_lamphaliet6tot8kg-1"
  12586.                                            title="Zoutlamp 6 tot 8kg - Haliet Zoutsteen uit Himalaya gebergte - ca. 28x17cm"
  12587.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12588.                                            tabindex="-1">
  12589.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__3.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;6&#x20;tot&#x20;8kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;ca.&#x20;28x17cm" title="Zoutlamp&#x20;6&#x20;tot&#x20;8kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;ca.&#x20;28x17cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__3.jpg" width="360" height="360" loading="lazy"></picture>
  12590.                                        </a>
  12591.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12592.                                                                                            <div x-data="initWishlist()">
  12593.                                                    <button
  12594.                                                        @click="addToWishlist(8620)"
  12595.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;ca.&#x20;28x17cm"
  12596.                                                        type="button"
  12597.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12598.                                                        data-addto="wishlist">
  12599.                                                        <span class="icon-heart text-2xl"></span>
  12600.                                                    </button>
  12601.                                                </div>
  12602.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12603.                                                    <button
  12604.                                                        @click="addToCompare(8620)"
  12605.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;ca.&#x20;28x17cm"
  12606.                                                        type="button"
  12607.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12608.                                                        data-addto="compare">
  12609.                                                        <span class="icon-balance text-2xl"></span>
  12610.                                                    </button>
  12611.                                                </div>
  12612.                                                                                    </div>
  12613.                                        <div class="product-info flex flex-col grow">
  12614.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12615.                                                <a
  12616.                                                    class="product-item-link"
  12617.                                                    href="https://www.lalashops.nl/zoutlamp-6-tot-8kg-haliet-zoutsteen-uit-himalaya-gebergte-ca-32x17cm-kh_lamphaliet6tot8kg-1"
  12618.                                                    :id="`slide-desc-8620-${$id('slider-id')}`">
  12619.                                                    Zoutlamp 6 tot 8kg - Haliet Zoutsteen uit Himalaya gebergte - ca. 28x17cm                                                </a>
  12620.                                            </div>
  12621.  
  12622.  
  12623.                                                                                                                                        
  12624.  
  12625.  
  12626.                                            
  12627.                                            <div class="pt-1 text-gray-900"
  12628.                                                x-defer="intersect"
  12629.                                                @update-prices-8620.window="updatePrice($event.detail);">
  12630.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8620" data-price-box="product-id-8620">
  12631.    <span class="special-price">
  12632.        <span
  12633.    x-data x-id="['product\u002Dprice\u002D8620']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12634.        >
  12635.            <span class="price-label">Special Price</span>
  12636.        <span  :id="$id('product\u002Dprice\u002D8620')"                data-price-amount="21.95"
  12637.        data-price-type="finalPrice"
  12638.        class="price-wrapper "
  12639.    ><span class="price">€ 21,95</span></span>
  12640.        </span>
  12641.    </span>
  12642.    <span class="old-price">
  12643.        <span
  12644.    x-data x-id="['old\u002Dprice\u002D8620']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12645.        >
  12646.            <span class="price-label">Regular Price</span>
  12647.        <span  :id="$id('old\u002Dprice\u002D8620')"                data-price-amount="24.95"
  12648.        data-price-type="oldPrice"
  12649.        class="price-wrapper "
  12650.    ><span class="price">€ 24,95</span></span>
  12651.        </span>
  12652.    </span>
  12653.  
  12654. </div>                                            </div>
  12655.  
  12656.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12657.            ">
  12658.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12659.                                                                                                                    <button
  12660.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12661.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12662.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;ca.&#x20;28x17cm"
  12663.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;ca.&#x20;28x17cm"
  12664.                                                                data-addto="cart">
  12665.                                                                <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">
  12666.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12667. </svg>
  12668.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12669.                                                                    In Winkelwagen                                                                </span>
  12670.                                                            </button>
  12671.                                                                                                            </div>
  12672.  
  12673.                                                                                            </div>
  12674.                                        </div>
  12675.                                                                                                                        </form>
  12676.                                
  12677.                </li>
  12678.                                        
  12679.                            <li class="swiper-slide">
  12680.                                                                    <form method="post"
  12681.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8577/"
  12682.                                        x-data="{
  12683.        hovered: false,
  12684.        grid: true ,
  12685.        isMobile: false,
  12686.        isMobileFunc () {
  12687.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12688.        }
  12689.    }"
  12690.                                        x-init="
  12691.        isMobileFunc();
  12692.        const labelClass = '.amlabel-position-top-right-8577-prod';
  12693.        const labels = document.querySelectorAll(labelClass);
  12694.  
  12695.        $watch('hovered', value => {
  12696.            if (value) {
  12697.                labels.forEach(el => el.style.opacity = '0');
  12698.            } else {
  12699.                labels.forEach(el => el.style.opacity = '1');
  12700.            }
  12701.        });
  12702.    "
  12703.                                        @mouseenter="hovered = true"
  12704.                                        @mouseleave="hovered = false"
  12705.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12706.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12707.                                        >
  12708.                                        <style>
  12709.                                            /* Generate styling for the label based on the product ID */
  12710.                                            .amlabel-position-top-right-8577-prod {
  12711.                                                transition: opacity 0.3s ease;
  12712.                                            }
  12713.                                        </style>
  12714.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8577" />
  12715.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-maan-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanroze"
  12716.                                            title="Zoutlamp MAAN - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  12717.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12718.                                            tabindex="-1">
  12719.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_maan_roze_ledlamp_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;" title="Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_maan_roze_ledlamp_1_.jpg" width="360" height="360" loading="lazy"></picture>
  12720.                                        </a>
  12721.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12722.                                                                                            <div x-data="initWishlist()">
  12723.                                                    <button
  12724.                                                        @click="addToWishlist(8577)"
  12725.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  12726.                                                        type="button"
  12727.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12728.                                                        data-addto="wishlist">
  12729.                                                        <span class="icon-heart text-2xl"></span>
  12730.                                                    </button>
  12731.                                                </div>
  12732.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12733.                                                    <button
  12734.                                                        @click="addToCompare(8577)"
  12735.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  12736.                                                        type="button"
  12737.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12738.                                                        data-addto="compare">
  12739.                                                        <span class="icon-balance text-2xl"></span>
  12740.                                                    </button>
  12741.                                                </div>
  12742.                                                                                    </div>
  12743.                                        <div class="product-info flex flex-col grow">
  12744.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12745.                                                <a
  12746.                                                    class="product-item-link"
  12747.                                                    href="https://www.lalashops.nl/zoutlamp-maan-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanroze"
  12748.                                                    :id="`slide-desc-8577-${$id('slider-id')}`">
  12749.                                                    Zoutlamp MAAN - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  12750.                                            </div>
  12751.  
  12752.  
  12753.                                                                                                                                        
  12754.  
  12755.  
  12756.                                            
  12757.                                            <div class="pt-1 text-gray-900"
  12758.                                                x-defer="intersect"
  12759.                                                @update-prices-8577.window="updatePrice($event.detail);">
  12760.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8577" data-price-box="product-id-8577">
  12761.    <span class="special-price">
  12762.        <span
  12763.    x-data x-id="['product\u002Dprice\u002D8577']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12764.        >
  12765.            <span class="price-label">Special Price</span>
  12766.        <span  :id="$id('product\u002Dprice\u002D8577')"                data-price-amount="17.95"
  12767.        data-price-type="finalPrice"
  12768.        class="price-wrapper "
  12769.    ><span class="price">€ 17,95</span></span>
  12770.        </span>
  12771.    </span>
  12772.    <span class="old-price">
  12773.        <span
  12774.    x-data x-id="['old\u002Dprice\u002D8577']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12775.        >
  12776.            <span class="price-label">Regular Price</span>
  12777.        <span  :id="$id('old\u002Dprice\u002D8577')"                data-price-amount="19.95"
  12778.        data-price-type="oldPrice"
  12779.        class="price-wrapper "
  12780.    ><span class="price">€ 19,95</span></span>
  12781.        </span>
  12782.    </span>
  12783.  
  12784. </div>                                            </div>
  12785.  
  12786.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12787.            ">
  12788.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12789.                                                                                                                    <button
  12790.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12791.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12792.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  12793.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;MAAN&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  12794.                                                                data-addto="cart">
  12795.                                                                <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">
  12796.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12797. </svg>
  12798.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12799.                                                                    In Winkelwagen                                                                </span>
  12800.                                                            </button>
  12801.                                                                                                            </div>
  12802.  
  12803.                                                                                            </div>
  12804.                                        </div>
  12805.                                                                                                                        </form>
  12806.                                
  12807.                </li>
  12808.                                        
  12809.                            <li class="swiper-slide">
  12810.                                                                    <form method="post"
  12811.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8383/"
  12812.                                        x-data="{
  12813.        hovered: false,
  12814.        grid: true ,
  12815.        isMobile: false,
  12816.        isMobileFunc () {
  12817.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12818.        }
  12819.    }"
  12820.                                        x-init="
  12821.        isMobileFunc();
  12822.        const labelClass = '.amlabel-position-top-right-8383-prod';
  12823.        const labels = document.querySelectorAll(labelClass);
  12824.  
  12825.        $watch('hovered', value => {
  12826.            if (value) {
  12827.                labels.forEach(el => el.style.opacity = '0');
  12828.            } else {
  12829.                labels.forEach(el => el.style.opacity = '1');
  12830.            }
  12831.        });
  12832.    "
  12833.                                        @mouseenter="hovered = true"
  12834.                                        @mouseleave="hovered = false"
  12835.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12836.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12837.                                        >
  12838.                                        <style>
  12839.                                            /* Generate styling for the label based on the product ID */
  12840.                                            .amlabel-position-top-right-8383-prod {
  12841.                                                transition: opacity 0.3s ease;
  12842.                                            }
  12843.                                        </style>
  12844.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8383" />
  12845.                                                                                                                                                            <a href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-b-kwaliteit-ca-850gr-ca8x8cm-theelselerond-b"
  12846.                                            title="Theelichthouder Seleniet - Wit - Rond - B-kwaliteit - ca. 850gr - ca. 8x8cm"
  12847.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12848.                                            tabindex="-1">
  12849.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070252.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Theelichthouder&#x20;Seleniet&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;8x8cm" title="Theelichthouder&#x20;Seleniet&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;8x8cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070252.jpg" width="360" height="360" loading="lazy"></picture>
  12850.                                        </a>
  12851.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12852.                                                                                            <div x-data="initWishlist()">
  12853.                                                    <button
  12854.                                                        @click="addToWishlist(8383)"
  12855.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  12856.                                                        type="button"
  12857.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12858.                                                        data-addto="wishlist">
  12859.                                                        <span class="icon-heart text-2xl"></span>
  12860.                                                    </button>
  12861.                                                </div>
  12862.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12863.                                                    <button
  12864.                                                        @click="addToCompare(8383)"
  12865.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  12866.                                                        type="button"
  12867.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12868.                                                        data-addto="compare">
  12869.                                                        <span class="icon-balance text-2xl"></span>
  12870.                                                    </button>
  12871.                                                </div>
  12872.                                                                                    </div>
  12873.                                        <div class="product-info flex flex-col grow">
  12874.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12875.                                                <a
  12876.                                                    class="product-item-link"
  12877.                                                    href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-b-kwaliteit-ca-850gr-ca8x8cm-theelselerond-b"
  12878.                                                    :id="`slide-desc-8383-${$id('slider-id')}`">
  12879.                                                    Theelichthouder Seleniet - Wit - Rond - B-kwaliteit - ca. 850gr - ca. 8x8cm                                                </a>
  12880.                                            </div>
  12881.  
  12882.  
  12883.                                                                                                                                        
  12884.  
  12885.  
  12886.                                            
  12887.                                            <div class="pt-1 text-gray-900"
  12888.                                                x-defer="intersect"
  12889.                                                @update-prices-8383.window="updatePrice($event.detail);">
  12890.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8383" data-price-box="product-id-8383">
  12891.    <span class="special-price">
  12892.        <span
  12893.    x-data x-id="['product\u002Dprice\u002D8383']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12894.        >
  12895.            <span class="price-label">Special Price</span>
  12896.        <span  :id="$id('product\u002Dprice\u002D8383')"                data-price-amount="11.5"
  12897.        data-price-type="finalPrice"
  12898.        class="price-wrapper "
  12899.    ><span class="price">€ 11,50</span></span>
  12900.        </span>
  12901.    </span>
  12902.    <span class="old-price">
  12903.        <span
  12904.    x-data x-id="['old\u002Dprice\u002D8383']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12905.        >
  12906.            <span class="price-label">Regular Price</span>
  12907.        <span  :id="$id('old\u002Dprice\u002D8383')"                data-price-amount="13.5"
  12908.        data-price-type="oldPrice"
  12909.        class="price-wrapper "
  12910.    ><span class="price">€ 13,50</span></span>
  12911.        </span>
  12912.    </span>
  12913.  
  12914. </div>                                            </div>
  12915.  
  12916.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12917.            ">
  12918.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12919.                                                                                                                    <button
  12920.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12921.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12922.                                                                title="In&#x20;Winkelwagen&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  12923.                                                                aria-label="In&#x20;Winkelwagen&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  12924.                                                                data-addto="cart">
  12925.                                                                <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">
  12926.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  12927. </svg>
  12928.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12929.                                                                    In Winkelwagen                                                                </span>
  12930.                                                            </button>
  12931.                                                                                                            </div>
  12932.  
  12933.                                                                                            </div>
  12934.                                        </div>
  12935.                                                                                                                        </form>
  12936.                                
  12937.                </li>
  12938.                                        
  12939.                            <li class="swiper-slide">
  12940.                                                                    <form method="post"
  12941.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8237/"
  12942.                                        x-data="{
  12943.        hovered: false,
  12944.        grid: true ,
  12945.        isMobile: false,
  12946.        isMobileFunc () {
  12947.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12948.        }
  12949.    }"
  12950.                                        x-init="
  12951.        isMobileFunc();
  12952.        const labelClass = '.amlabel-position-top-right-8237-prod';
  12953.        const labels = document.querySelectorAll(labelClass);
  12954.  
  12955.        $watch('hovered', value => {
  12956.            if (value) {
  12957.                labels.forEach(el => el.style.opacity = '0');
  12958.            } else {
  12959.                labels.forEach(el => el.style.opacity = '1');
  12960.            }
  12961.        });
  12962.    "
  12963.                                        @mouseenter="hovered = true"
  12964.                                        @mouseleave="hovered = false"
  12965.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12966.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12967.                                        >
  12968.                                        <style>
  12969.                                            /* Generate styling for the label based on the product ID */
  12970.                                            .amlabel-position-top-right-8237-prod {
  12971.                                                transition: opacity 0.3s ease;
  12972.                                            }
  12973.                                        </style>
  12974.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8237" />
  12975.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-haliet-uit-himalaya-gebergte-7-tot-10-kg-1"
  12976.                                            title="Zoutlamp 6 tot 8 kg - Himalayazout / Zoutsteen (Haliet) - c.a. 32x17cm"
  12977.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12978.                                            tabindex="-1">
  12979.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__10.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;Himalayazout&#x20;&#x2F;&#x20;Zoutsteen&#x20;&#x28;Haliet&#x29;&#x20;-&#x20;c.a.&#x20;32x17cm" title="Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;Himalayazout&#x20;&#x2F;&#x20;Zoutsteen&#x20;&#x28;Haliet&#x29;&#x20;-&#x20;c.a.&#x20;32x17cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__10.jpg" width="360" height="360" loading="lazy"></picture>
  12980.                                        </a>
  12981.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12982.                                                                                            <div x-data="initWishlist()">
  12983.                                                    <button
  12984.                                                        @click="addToWishlist(8237)"
  12985.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;Himalayazout&#x20;&#x2F;&#x20;Zoutsteen&#x20;&#x28;Haliet&#x29;&#x20;-&#x20;c.a.&#x20;32x17cm"
  12986.                                                        type="button"
  12987.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12988.                                                        data-addto="wishlist">
  12989.                                                        <span class="icon-heart text-2xl"></span>
  12990.                                                    </button>
  12991.                                                </div>
  12992.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12993.                                                    <button
  12994.                                                        @click="addToCompare(8237)"
  12995.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;Himalayazout&#x20;&#x2F;&#x20;Zoutsteen&#x20;&#x28;Haliet&#x29;&#x20;-&#x20;c.a.&#x20;32x17cm"
  12996.                                                        type="button"
  12997.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  12998.                                                        data-addto="compare">
  12999.                                                        <span class="icon-balance text-2xl"></span>
  13000.                                                    </button>
  13001.                                                </div>
  13002.                                                                                    </div>
  13003.                                        <div class="product-info flex flex-col grow">
  13004.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13005.                                                <a
  13006.                                                    class="product-item-link"
  13007.                                                    href="https://www.lalashops.nl/zoutlamp-haliet-uit-himalaya-gebergte-7-tot-10-kg-1"
  13008.                                                    :id="`slide-desc-8237-${$id('slider-id')}`">
  13009.                                                    Zoutlamp 6 tot 8 kg - Himalayazout / Zoutsteen (Haliet) - c.a. 32x17cm                                                </a>
  13010.                                            </div>
  13011.  
  13012.  
  13013.                                                                                                                                        
  13014.  
  13015.  
  13016.                                            
  13017.                                            <div class="pt-1 text-gray-900"
  13018.                                                x-defer="intersect"
  13019.                                                @update-prices-8237.window="updatePrice($event.detail);">
  13020.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8237" data-price-box="product-id-8237">
  13021.    <span class="special-price">
  13022.        <span
  13023.    x-data x-id="['product\u002Dprice\u002D8237']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13024.        >
  13025.            <span class="price-label">Special Price</span>
  13026.        <span  :id="$id('product\u002Dprice\u002D8237')"                data-price-amount="21.95"
  13027.        data-price-type="finalPrice"
  13028.        class="price-wrapper "
  13029.    ><span class="price">€ 21,95</span></span>
  13030.        </span>
  13031.    </span>
  13032.    <span class="old-price">
  13033.        <span
  13034.    x-data x-id="['old\u002Dprice\u002D8237']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13035.        >
  13036.            <span class="price-label">Regular Price</span>
  13037.        <span  :id="$id('old\u002Dprice\u002D8237')"                data-price-amount="24.95"
  13038.        data-price-type="oldPrice"
  13039.        class="price-wrapper "
  13040.    ><span class="price">€ 24,95</span></span>
  13041.        </span>
  13042.    </span>
  13043.  
  13044. </div>                                            </div>
  13045.  
  13046.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13047.            ">
  13048.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13049.                                                                                                                    <button
  13050.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13051.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13052.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;Himalayazout&#x20;&#x2F;&#x20;Zoutsteen&#x20;&#x28;Haliet&#x29;&#x20;-&#x20;c.a.&#x20;32x17cm"
  13053.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6&#x20;tot&#x20;8&#x20;kg&#x20;-&#x20;Himalayazout&#x20;&#x2F;&#x20;Zoutsteen&#x20;&#x28;Haliet&#x29;&#x20;-&#x20;c.a.&#x20;32x17cm"
  13054.                                                                data-addto="cart">
  13055.                                                                <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">
  13056.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13057. </svg>
  13058.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13059.                                                                    In Winkelwagen                                                                </span>
  13060.                                                            </button>
  13061.                                                                                                            </div>
  13062.  
  13063.                                                                                            </div>
  13064.                                        </div>
  13065.                                                                                                                        </form>
  13066.                                
  13067.                </li>
  13068.                                        
  13069.                            <li class="swiper-slide">
  13070.                                                                    <form method="post"
  13071.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6634/"
  13072.                                        x-data="{
  13073.        hovered: false,
  13074.        grid: true ,
  13075.        isMobile: false,
  13076.        isMobileFunc () {
  13077.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13078.        }
  13079.    }"
  13080.                                        x-init="
  13081.        isMobileFunc();
  13082.        const labelClass = '.amlabel-position-top-right-6634-prod';
  13083.        const labels = document.querySelectorAll(labelClass);
  13084.  
  13085.        $watch('hovered', value => {
  13086.            if (value) {
  13087.                labels.forEach(el => el.style.opacity = '0');
  13088.            } else {
  13089.                labels.forEach(el => el.style.opacity = '1');
  13090.            }
  13091.        });
  13092.    "
  13093.                                        @mouseenter="hovered = true"
  13094.                                        @mouseleave="hovered = false"
  13095.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13096.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13097.                                        >
  13098.                                        <style>
  13099.                                            /* Generate styling for the label based on the product ID */
  13100.                                            .amlabel-position-top-right-6634-prod {
  13101.                                                transition: opacity 0.3s ease;
  13102.                                            }
  13103.                                        </style>
  13104.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6634" />
  13105.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-4-tot-6-kg-wholezlamp4_6kg"
  13106.                                            title="Zoutlamp 4 tot 6kg - Haliet Zoutsteen uit Himalaya gebergte - c.a. 24x14cm"
  13107.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13108.                                            tabindex="-1">
  13109.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_1__19.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;4&#x20;tot&#x20;6kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;24x14cm" title="Zoutlamp&#x20;4&#x20;tot&#x20;6kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;24x14cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_1__19.png" width="360" height="360" loading="lazy"></picture>
  13110.                                        </a>
  13111.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13112.                                                                                            <div x-data="initWishlist()">
  13113.                                                    <button
  13114.                                                        @click="addToWishlist(6634)"
  13115.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;4&#x20;tot&#x20;6kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;24x14cm"
  13116.                                                        type="button"
  13117.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13118.                                                        data-addto="wishlist">
  13119.                                                        <span class="icon-heart text-2xl"></span>
  13120.                                                    </button>
  13121.                                                </div>
  13122.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13123.                                                    <button
  13124.                                                        @click="addToCompare(6634)"
  13125.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;4&#x20;tot&#x20;6kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;24x14cm"
  13126.                                                        type="button"
  13127.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13128.                                                        data-addto="compare">
  13129.                                                        <span class="icon-balance text-2xl"></span>
  13130.                                                    </button>
  13131.                                                </div>
  13132.                                                                                    </div>
  13133.                                        <div class="product-info flex flex-col grow">
  13134.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13135.                                                <a
  13136.                                                    class="product-item-link"
  13137.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-4-tot-6-kg-wholezlamp4_6kg"
  13138.                                                    :id="`slide-desc-6634-${$id('slider-id')}`">
  13139.                                                    Zoutlamp 4 tot 6kg - Haliet Zoutsteen uit Himalaya gebergte - c.a. 24x14cm                                                </a>
  13140.                                            </div>
  13141.  
  13142.  
  13143.                                                                                                                                        
  13144.  
  13145.  
  13146.                                            
  13147.                                            <div class="pt-1 text-gray-900"
  13148.                                                x-defer="intersect"
  13149.                                                @update-prices-6634.window="updatePrice($event.detail);">
  13150.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6634" data-price-box="product-id-6634">
  13151.    <span class="special-price">
  13152.        <span
  13153.    x-data x-id="['product\u002Dprice\u002D6634']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13154.        >
  13155.            <span class="price-label">Special Price</span>
  13156.        <span  :id="$id('product\u002Dprice\u002D6634')"                data-price-amount="16.95"
  13157.        data-price-type="finalPrice"
  13158.        class="price-wrapper "
  13159.    ><span class="price">€ 16,95</span></span>
  13160.        </span>
  13161.    </span>
  13162.    <span class="old-price">
  13163.        <span
  13164.    x-data x-id="['old\u002Dprice\u002D6634']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13165.        >
  13166.            <span class="price-label">Regular Price</span>
  13167.        <span  :id="$id('old\u002Dprice\u002D6634')"                data-price-amount="19.95"
  13168.        data-price-type="oldPrice"
  13169.        class="price-wrapper "
  13170.    ><span class="price">€ 19,95</span></span>
  13171.        </span>
  13172.    </span>
  13173.  
  13174. </div>                                            </div>
  13175.  
  13176.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13177.            ">
  13178.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13179.                                                                                                                    <button
  13180.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13181.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13182.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;4&#x20;tot&#x20;6kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;24x14cm"
  13183.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;4&#x20;tot&#x20;6kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;24x14cm"
  13184.                                                                data-addto="cart">
  13185.                                                                <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">
  13186.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13187. </svg>
  13188.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13189.                                                                    In Winkelwagen                                                                </span>
  13190.                                                            </button>
  13191.                                                                                                            </div>
  13192.  
  13193.                                                                                            </div>
  13194.                                        </div>
  13195.                                                                                                                        </form>
  13196.                                
  13197.                </li>
  13198.                                        
  13199.                            <li class="swiper-slide">
  13200.                                                                    <form method="post"
  13201.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/2179/"
  13202.                                        x-data="{
  13203.        hovered: false,
  13204.        grid: true ,
  13205.        isMobile: false,
  13206.        isMobileFunc () {
  13207.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13208.        }
  13209.    }"
  13210.                                        x-init="
  13211.        isMobileFunc();
  13212.        const labelClass = '.amlabel-position-top-right-2179-prod';
  13213.        const labels = document.querySelectorAll(labelClass);
  13214.  
  13215.        $watch('hovered', value => {
  13216.            if (value) {
  13217.                labels.forEach(el => el.style.opacity = '0');
  13218.            } else {
  13219.                labels.forEach(el => el.style.opacity = '1');
  13220.            }
  13221.        });
  13222.    "
  13223.                                        @mouseenter="hovered = true"
  13224.                                        @mouseleave="hovered = false"
  13225.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13226.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13227.                                        >
  13228.                                        <style>
  13229.                                            /* Generate styling for the label based on the product ID */
  13230.                                            .amlabel-position-top-right-2179-prod {
  13231.                                                transition: opacity 0.3s ease;
  13232.                                            }
  13233.                                        </style>
  13234.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="2179" />
  13235.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-torentje-klein"
  13236.                                            title="Seleniet Torentje - Witte Seleniet - ca. 275gr - 10x5cm"
  13237.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13238.                                            tabindex="-1">
  13239.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1030086.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm" title="Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1030086.jpg" width="360" height="360" loading="lazy"></picture>
  13240.                                        </a>
  13241.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13242.                                                                                            <div x-data="initWishlist()">
  13243.                                                    <button
  13244.                                                        @click="addToWishlist(2179)"
  13245.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm"
  13246.                                                        type="button"
  13247.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13248.                                                        data-addto="wishlist">
  13249.                                                        <span class="icon-heart text-2xl"></span>
  13250.                                                    </button>
  13251.                                                </div>
  13252.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13253.                                                    <button
  13254.                                                        @click="addToCompare(2179)"
  13255.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm"
  13256.                                                        type="button"
  13257.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13258.                                                        data-addto="compare">
  13259.                                                        <span class="icon-balance text-2xl"></span>
  13260.                                                    </button>
  13261.                                                </div>
  13262.                                                                                    </div>
  13263.                                        <div class="product-info flex flex-col grow">
  13264.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13265.                                                <a
  13266.                                                    class="product-item-link"
  13267.                                                    href="https://www.lalashops.nl/seleniet-torentje-klein"
  13268.                                                    :id="`slide-desc-2179-${$id('slider-id')}`">
  13269.                                                    Seleniet Torentje - Witte Seleniet - ca. 275gr - 10x5cm                                                </a>
  13270.                                            </div>
  13271.  
  13272.  
  13273.                                                                                                                                        
  13274.  
  13275.  
  13276.                                            
  13277.                                            <div class="pt-1 text-gray-900"
  13278.                                                x-defer="intersect"
  13279.                                                @update-prices-2179.window="updatePrice($event.detail);">
  13280.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="2179" data-price-box="product-id-2179">
  13281.    <span
  13282.    x-data x-id="['product\u002Dprice\u002D2179']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13283.        >
  13284.        <span  :id="$id('product\u002Dprice\u002D2179')"                data-price-amount="7.5"
  13285.        data-price-type="finalPrice"
  13286.        class="price-wrapper "
  13287.    ><span class="price">€ 7,50</span></span>
  13288.        </span>
  13289.  
  13290.            <a href="https://www.lalashops.nl/seleniet-torentje-klein" class="minimal-price-link">
  13291.            <span
  13292.    x-data x-id="['2179']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13293.        >
  13294.            <span class="price-label">Vanaf</span>
  13295.        <span  :id="$id('2179')"                data-price-amount="6.45"
  13296.        data-price-type=""
  13297.        class="price-wrapper "
  13298.    >€ 6,45</span>
  13299.        </span>
  13300.        </a>
  13301.    </div>                                            </div>
  13302.  
  13303.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13304.            ">
  13305.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13306.                                                                                                                    <button
  13307.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13308.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13309.                                                                title="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm"
  13310.                                                                aria-label="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm"
  13311.                                                                data-addto="cart">
  13312.                                                                <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">
  13313.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13314. </svg>
  13315.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13316.                                                                    In Winkelwagen                                                                </span>
  13317.                                                            </button>
  13318.                                                                                                            </div>
  13319.  
  13320.                                                                                            </div>
  13321.                                        </div>
  13322.                                                                                                                        </form>
  13323.                                
  13324.                </li>
  13325.                                        
  13326.                            <li class="swiper-slide">
  13327.                                                                    <form method="post"
  13328.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/2086/"
  13329.                                        x-data="{
  13330.        hovered: false,
  13331.        grid: true ,
  13332.        isMobile: false,
  13333.        isMobileFunc () {
  13334.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13335.        }
  13336.    }"
  13337.                                        x-init="
  13338.        isMobileFunc();
  13339.        const labelClass = '.amlabel-position-top-right-2086-prod';
  13340.        const labels = document.querySelectorAll(labelClass);
  13341.  
  13342.        $watch('hovered', value => {
  13343.            if (value) {
  13344.                labels.forEach(el => el.style.opacity = '0');
  13345.            } else {
  13346.                labels.forEach(el => el.style.opacity = '1');
  13347.            }
  13348.        });
  13349.    "
  13350.                                        @mouseenter="hovered = true"
  13351.                                        @mouseleave="hovered = false"
  13352.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13353.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13354.                                        >
  13355.                                        <style>
  13356.                                            /* Generate styling for the label based on the product ID */
  13357.                                            .amlabel-position-top-right-2086-prod {
  13358.                                                transition: opacity 0.3s ease;
  13359.                                            }
  13360.                                        </style>
  13361.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="2086" />
  13362.                                                                                                                                                            <a href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-ca-850gr-ca-8x8cm-theelselerond"
  13363.                                            title="Theelichthouder Seleniet - Wit - Rond - ca. 850gr - ca. 8x8cm"
  13364.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13365.                                            tabindex="-1">
  13366.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070244-2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm" title="Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070244-2.jpg" width="360" height="360" loading="lazy"></picture>
  13367.                                        </a>
  13368.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13369.                                                                                            <div x-data="initWishlist()">
  13370.                                                    <button
  13371.                                                        @click="addToWishlist(2086)"
  13372.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  13373.                                                        type="button"
  13374.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13375.                                                        data-addto="wishlist">
  13376.                                                        <span class="icon-heart text-2xl"></span>
  13377.                                                    </button>
  13378.                                                </div>
  13379.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13380.                                                    <button
  13381.                                                        @click="addToCompare(2086)"
  13382.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  13383.                                                        type="button"
  13384.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13385.                                                        data-addto="compare">
  13386.                                                        <span class="icon-balance text-2xl"></span>
  13387.                                                    </button>
  13388.                                                </div>
  13389.                                                                                    </div>
  13390.                                        <div class="product-info flex flex-col grow">
  13391.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13392.                                                <a
  13393.                                                    class="product-item-link"
  13394.                                                    href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-ca-850gr-ca-8x8cm-theelselerond"
  13395.                                                    :id="`slide-desc-2086-${$id('slider-id')}`">
  13396.                                                    Theelichthouder Seleniet - Wit - Rond - ca. 850gr - ca. 8x8cm                                                </a>
  13397.                                            </div>
  13398.  
  13399.  
  13400.                                                                                                                                        
  13401.  
  13402.  
  13403.                                            
  13404.                                            <div class="pt-1 text-gray-900"
  13405.                                                x-defer="intersect"
  13406.                                                @update-prices-2086.window="updatePrice($event.detail);">
  13407.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="2086" data-price-box="product-id-2086">
  13408.    <span
  13409.    x-data x-id="['product\u002Dprice\u002D2086']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13410.        >
  13411.        <span  :id="$id('product\u002Dprice\u002D2086')"                data-price-amount="13.5"
  13412.        data-price-type="finalPrice"
  13413.        class="price-wrapper "
  13414.    ><span class="price">€ 13,50</span></span>
  13415.        </span>
  13416.  
  13417. </div>                                            </div>
  13418.  
  13419.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13420.            ">
  13421.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13422.                                                                                                                    <button
  13423.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13424.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13425.                                                                title="In&#x20;Winkelwagen&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  13426.                                                                aria-label="In&#x20;Winkelwagen&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  13427.                                                                data-addto="cart">
  13428.                                                                <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">
  13429.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13430. </svg>
  13431.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13432.                                                                    In Winkelwagen                                                                </span>
  13433.                                                            </button>
  13434.                                                                                                            </div>
  13435.  
  13436.                                                                                            </div>
  13437.                                        </div>
  13438.                                                                                                                        </form>
  13439.                                
  13440.                </li>
  13441.                                        
  13442.                            <li class="swiper-slide">
  13443.                                                                    <form method="post"
  13444.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10798/"
  13445.                                        x-data="{
  13446.        hovered: false,
  13447.        grid: true ,
  13448.        isMobile: false,
  13449.        isMobileFunc () {
  13450.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13451.        }
  13452.    }"
  13453.                                        x-init="
  13454.        isMobileFunc();
  13455.        const labelClass = '.amlabel-position-top-right-10798-prod';
  13456.        const labels = document.querySelectorAll(labelClass);
  13457.  
  13458.        $watch('hovered', value => {
  13459.            if (value) {
  13460.                labels.forEach(el => el.style.opacity = '0');
  13461.            } else {
  13462.                labels.forEach(el => el.style.opacity = '1');
  13463.            }
  13464.        });
  13465.    "
  13466.                                        @mouseenter="hovered = true"
  13467.                                        @mouseleave="hovered = false"
  13468.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13469.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13470.                                        >
  13471.                                        <style>
  13472.                                            /* Generate styling for the label based on the product ID */
  13473.                                            .amlabel-position-top-right-10798-prod {
  13474.                                                transition: opacity 0.3s ease;
  13475.                                            }
  13476.                                        </style>
  13477.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10798" />
  13478.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh-lamproze10-15led-1"
  13479.                                            title="Zoutlamp 10 tot 12kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm"
  13480.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13481.                                            tabindex="-1">
  13482.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050286_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;10&#x20;tot&#x20;12kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm" title="Zoutlamp&#x20;10&#x20;tot&#x20;12kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050286_1.jpg" width="360" height="360" loading="lazy"></picture>
  13483.                                        </a>
  13484.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13485.                                                                                            <div x-data="initWishlist()">
  13486.                                                    <button
  13487.                                                        @click="addToWishlist(10798)"
  13488.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;10&#x20;tot&#x20;12kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  13489.                                                        type="button"
  13490.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13491.                                                        data-addto="wishlist">
  13492.                                                        <span class="icon-heart text-2xl"></span>
  13493.                                                    </button>
  13494.                                                </div>
  13495.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13496.                                                    <button
  13497.                                                        @click="addToCompare(10798)"
  13498.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;10&#x20;tot&#x20;12kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  13499.                                                        type="button"
  13500.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13501.                                                        data-addto="compare">
  13502.                                                        <span class="icon-balance text-2xl"></span>
  13503.                                                    </button>
  13504.                                                </div>
  13505.                                                                                    </div>
  13506.                                        <div class="product-info flex flex-col grow">
  13507.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13508.                                                <a
  13509.                                                    class="product-item-link"
  13510.                                                    href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh-lamproze10-15led-1"
  13511.                                                    :id="`slide-desc-10798-${$id('slider-id')}`">
  13512.                                                    Zoutlamp 10 tot 12kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm                                                </a>
  13513.                                            </div>
  13514.  
  13515.  
  13516.                                                                                                                                        
  13517.  
  13518.  
  13519.                                            
  13520.                                            <div class="pt-1 text-gray-900"
  13521.                                                x-defer="intersect"
  13522.                                                @update-prices-10798.window="updatePrice($event.detail);">
  13523.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10798" data-price-box="product-id-10798">
  13524.    <span class="special-price">
  13525.        <span
  13526.    x-data x-id="['product\u002Dprice\u002D10798']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13527.        >
  13528.            <span class="price-label">Special Price</span>
  13529.        <span  :id="$id('product\u002Dprice\u002D10798')"                data-price-amount="36.95"
  13530.        data-price-type="finalPrice"
  13531.        class="price-wrapper "
  13532.    ><span class="price">€ 36,95</span></span>
  13533.        </span>
  13534.    </span>
  13535.    <span class="old-price">
  13536.        <span
  13537.    x-data x-id="['old\u002Dprice\u002D10798']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13538.        >
  13539.            <span class="price-label">Regular Price</span>
  13540.        <span  :id="$id('old\u002Dprice\u002D10798')"                data-price-amount="41.95"
  13541.        data-price-type="oldPrice"
  13542.        class="price-wrapper "
  13543.    ><span class="price">€ 41,95</span></span>
  13544.        </span>
  13545.    </span>
  13546.  
  13547. </div>                                            </div>
  13548.  
  13549.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13550.            ">
  13551.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13552.                                                                                                                    <button
  13553.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13554.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13555.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;10&#x20;tot&#x20;12kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  13556.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;10&#x20;tot&#x20;12kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  13557.                                                                data-addto="cart">
  13558.                                                                <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">
  13559.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13560. </svg>
  13561.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13562.                                                                    In Winkelwagen                                                                </span>
  13563.                                                            </button>
  13564.                                                                                                            </div>
  13565.  
  13566.                                                                                            </div>
  13567.                                        </div>
  13568.                                                                                                                        </form>
  13569.                                
  13570.                </li>
  13571.                                        
  13572.                            <li class="swiper-slide">
  13573.                                                                    <form method="post"
  13574.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10715/"
  13575.                                        x-data="{
  13576.        hovered: false,
  13577.        grid: true ,
  13578.        isMobile: false,
  13579.        isMobileFunc () {
  13580.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13581.        }
  13582.    }"
  13583.                                        x-init="
  13584.        isMobileFunc();
  13585.        const labelClass = '.amlabel-position-top-right-10715-prod';
  13586.        const labels = document.querySelectorAll(labelClass);
  13587.  
  13588.        $watch('hovered', value => {
  13589.            if (value) {
  13590.                labels.forEach(el => el.style.opacity = '0');
  13591.            } else {
  13592.                labels.forEach(el => el.style.opacity = '1');
  13593.            }
  13594.        });
  13595.    "
  13596.                                        @mouseenter="hovered = true"
  13597.                                        @mouseleave="hovered = false"
  13598.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13599.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13600.                                        >
  13601.                                        <style>
  13602.                                            /* Generate styling for the label based on the product ID */
  13603.                                            .amlabel-position-top-right-10715-prod {
  13604.                                                transition: opacity 0.3s ease;
  13605.                                            }
  13606.                                        </style>
  13607.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10715" />
  13608.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-19-tot-25-kg-met-led-lamp-energiezuinig-himalayazout-ca-45x30cm-kh-lamproze19-25led"
  13609.                                            title="Zoutlamp GROOT XXL 18-21kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met led lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 45x30cm"
  13610.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13611.                                            tabindex="-1">
  13612.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/x/x/xxl_zoutlamp_met_ledlamp_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;GROOT&#x20;XXL&#x20;18-21kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm" title="Zoutlamp&#x20;GROOT&#x20;XXL&#x20;18-21kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/x/x/xxl_zoutlamp_met_ledlamp_1.jpg" width="360" height="360" loading="lazy"></picture>
  13613.                                        </a>
  13614.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13615.                                                                                            <div x-data="initWishlist()">
  13616.                                                    <button
  13617.                                                        @click="addToWishlist(10715)"
  13618.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;18-21kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;45x30cm"
  13619.                                                        type="button"
  13620.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13621.                                                        data-addto="wishlist">
  13622.                                                        <span class="icon-heart text-2xl"></span>
  13623.                                                    </button>
  13624.                                                </div>
  13625.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13626.                                                    <button
  13627.                                                        @click="addToCompare(10715)"
  13628.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;18-21kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;45x30cm"
  13629.                                                        type="button"
  13630.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13631.                                                        data-addto="compare">
  13632.                                                        <span class="icon-balance text-2xl"></span>
  13633.                                                    </button>
  13634.                                                </div>
  13635.                                                                                    </div>
  13636.                                        <div class="product-info flex flex-col grow">
  13637.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13638.                                                <a
  13639.                                                    class="product-item-link"
  13640.                                                    href="https://www.lalashops.nl/zoutlamp-19-tot-25-kg-met-led-lamp-energiezuinig-himalayazout-ca-45x30cm-kh-lamproze19-25led"
  13641.                                                    :id="`slide-desc-10715-${$id('slider-id')}`">
  13642.                                                    Zoutlamp GROOT XXL 18-21kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met led lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 45x30cm                                                </a>
  13643.                                            </div>
  13644.  
  13645.  
  13646.                                                                                                                                        
  13647.  
  13648.  
  13649.                                            
  13650.                                            <div class="pt-1 text-gray-900"
  13651.                                                x-defer="intersect"
  13652.                                                @update-prices-10715.window="updatePrice($event.detail);">
  13653.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10715" data-price-box="product-id-10715">
  13654.    <span class="special-price">
  13655.        <span
  13656.    x-data x-id="['product\u002Dprice\u002D10715']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13657.        >
  13658.            <span class="price-label">Special Price</span>
  13659.        <span  :id="$id('product\u002Dprice\u002D10715')"                data-price-amount="74.95"
  13660.        data-price-type="finalPrice"
  13661.        class="price-wrapper "
  13662.    ><span class="price">€ 74,95</span></span>
  13663.        </span>
  13664.    </span>
  13665.    <span class="old-price">
  13666.        <span
  13667.    x-data x-id="['old\u002Dprice\u002D10715']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13668.        >
  13669.            <span class="price-label">Regular Price</span>
  13670.        <span  :id="$id('old\u002Dprice\u002D10715')"                data-price-amount="91.95"
  13671.        data-price-type="oldPrice"
  13672.        class="price-wrapper "
  13673.    ><span class="price">€ 91,95</span></span>
  13674.        </span>
  13675.    </span>
  13676.  
  13677. </div>                                            </div>
  13678.  
  13679.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13680.            ">
  13681.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13682.                                                                                                                    <button
  13683.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13684.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13685.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;18-21kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;45x30cm"
  13686.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;18-21kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;45x30cm"
  13687.                                                                data-addto="cart">
  13688.                                                                <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">
  13689.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13690. </svg>
  13691.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13692.                                                                    In Winkelwagen                                                                </span>
  13693.                                                            </button>
  13694.                                                                                                            </div>
  13695.  
  13696.                                                                                            </div>
  13697.                                        </div>
  13698.                                                                                                                        </form>
  13699.                                
  13700.                </li>
  13701.                                        
  13702.                            <li class="swiper-slide">
  13703.                                                                    <form method="post"
  13704.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10714/"
  13705.                                        x-data="{
  13706.        hovered: false,
  13707.        grid: true ,
  13708.        isMobile: false,
  13709.        isMobileFunc () {
  13710.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13711.        }
  13712.    }"
  13713.                                        x-init="
  13714.        isMobileFunc();
  13715.        const labelClass = '.amlabel-position-top-right-10714-prod';
  13716.        const labels = document.querySelectorAll(labelClass);
  13717.  
  13718.        $watch('hovered', value => {
  13719.            if (value) {
  13720.                labels.forEach(el => el.style.opacity = '0');
  13721.            } else {
  13722.                labels.forEach(el => el.style.opacity = '1');
  13723.            }
  13724.        });
  13725.    "
  13726.                                        @mouseenter="hovered = true"
  13727.                                        @mouseleave="hovered = false"
  13728.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13729.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13730.                                        >
  13731.                                        <style>
  13732.                                            /* Generate styling for the label based on the product ID */
  13733.                                            .amlabel-position-top-right-10714-prod {
  13734.                                                transition: opacity 0.3s ease;
  13735.                                            }
  13736.                                        </style>
  13737.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10714" />
  13738.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-28x17cm-1"
  13739.                                            title="Zoutlamp 6-8kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met LED Lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 28x17cm"
  13740.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13741.                                            tabindex="-1">
  13742.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_1x_led_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;6-8kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;28x17cm" title="Zoutlamp&#x20;6-8kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;28x17cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_1x_led_2.png" width="360" height="360" loading="lazy"></picture>
  13743.                                        </a>
  13744.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13745.                                                                                            <div x-data="initWishlist()">
  13746.                                                    <button
  13747.                                                        @click="addToWishlist(10714)"
  13748.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;6-8kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;28x17cm"
  13749.                                                        type="button"
  13750.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13751.                                                        data-addto="wishlist">
  13752.                                                        <span class="icon-heart text-2xl"></span>
  13753.                                                    </button>
  13754.                                                </div>
  13755.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13756.                                                    <button
  13757.                                                        @click="addToCompare(10714)"
  13758.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;6-8kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;28x17cm"
  13759.                                                        type="button"
  13760.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13761.                                                        data-addto="compare">
  13762.                                                        <span class="icon-balance text-2xl"></span>
  13763.                                                    </button>
  13764.                                                </div>
  13765.                                                                                    </div>
  13766.                                        <div class="product-info flex flex-col grow">
  13767.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13768.                                                <a
  13769.                                                    class="product-item-link"
  13770.                                                    href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-28x17cm-1"
  13771.                                                    :id="`slide-desc-10714-${$id('slider-id')}`">
  13772.                                                    Zoutlamp 6-8kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met LED Lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 28x17cm                                                </a>
  13773.                                            </div>
  13774.  
  13775.  
  13776.                                                                                                                                        
  13777.  
  13778.  
  13779.                                            
  13780.                                            <div class="pt-1 text-gray-900"
  13781.                                                x-defer="intersect"
  13782.                                                @update-prices-10714.window="updatePrice($event.detail);">
  13783.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10714" data-price-box="product-id-10714">
  13784.    <span class="special-price">
  13785.        <span
  13786.    x-data x-id="['product\u002Dprice\u002D10714']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13787.        >
  13788.            <span class="price-label">Special Price</span>
  13789.        <span  :id="$id('product\u002Dprice\u002D10714')"                data-price-amount="23.95"
  13790.        data-price-type="finalPrice"
  13791.        class="price-wrapper "
  13792.    ><span class="price">€ 23,95</span></span>
  13793.        </span>
  13794.    </span>
  13795.    <span class="old-price">
  13796.        <span
  13797.    x-data x-id="['old\u002Dprice\u002D10714']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13798.        >
  13799.            <span class="price-label">Regular Price</span>
  13800.        <span  :id="$id('old\u002Dprice\u002D10714')"                data-price-amount="26.95"
  13801.        data-price-type="oldPrice"
  13802.        class="price-wrapper "
  13803.    ><span class="price">€ 26,95</span></span>
  13804.        </span>
  13805.    </span>
  13806.  
  13807. </div>                                            </div>
  13808.  
  13809.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13810.            ">
  13811.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13812.                                                                                                                    <button
  13813.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13814.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13815.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6-8kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;28x17cm"
  13816.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;6-8kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;28x17cm"
  13817.                                                                data-addto="cart">
  13818.                                                                <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">
  13819.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13820. </svg>
  13821.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13822.                                                                    In Winkelwagen                                                                </span>
  13823.                                                            </button>
  13824.                                                                                                            </div>
  13825.  
  13826.                                                                                            </div>
  13827.                                        </div>
  13828.                                                                                                                        </form>
  13829.                                
  13830.                </li>
  13831.                                        
  13832.                            <li class="swiper-slide">
  13833.                                                                    <form method="post"
  13834.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10711/"
  13835.                                        x-data="{
  13836.        hovered: false,
  13837.        grid: true ,
  13838.        isMobile: false,
  13839.        isMobileFunc () {
  13840.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13841.        }
  13842.    }"
  13843.                                        x-init="
  13844.        isMobileFunc();
  13845.        const labelClass = '.amlabel-position-top-right-10711-prod';
  13846.        const labels = document.querySelectorAll(labelClass);
  13847.  
  13848.        $watch('hovered', value => {
  13849.            if (value) {
  13850.                labels.forEach(el => el.style.opacity = '0');
  13851.            } else {
  13852.                labels.forEach(el => el.style.opacity = '1');
  13853.            }
  13854.        });
  13855.    "
  13856.                                        @mouseenter="hovered = true"
  13857.                                        @mouseleave="hovered = false"
  13858.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13859.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13860.                                        >
  13861.                                        <style>
  13862.                                            /* Generate styling for the label based on the product ID */
  13863.                                            .amlabel-position-top-right-10711-prod {
  13864.                                                transition: opacity 0.3s ease;
  13865.                                            }
  13866.                                        </style>
  13867.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="10711" />
  13868.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-2-4kg-himalayazout-kh-lamp-sti-haliet2tot4kg"
  13869.                                            title="Zoutlamp 2-4kg met 2x Gloeilamp - 100% Himalaya Zout - Tafellamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 20x13cm"
  13870.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13871.                                            tabindex="-1">
  13872.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_2x_glow.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;2-4kg&#x20;met&#x20;2x&#x20;Gloeilamp&#x20;-&#x20;100&#x25;&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Tafellamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm" title="Zoutlamp&#x20;2-4kg&#x20;met&#x20;2x&#x20;Gloeilamp&#x20;-&#x20;100&#x25;&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Tafellamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_2x_glow.png" width="360" height="360" loading="lazy"></picture>
  13873.                                        </a>
  13874.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13875.                                                                                            <div x-data="initWishlist()">
  13876.                                                    <button
  13877.                                                        @click="addToWishlist(10711)"
  13878.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;2x&#x20;Gloeilamp&#x20;-&#x20;100&#x25;&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Tafellamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  13879.                                                        type="button"
  13880.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13881.                                                        data-addto="wishlist">
  13882.                                                        <span class="icon-heart text-2xl"></span>
  13883.                                                    </button>
  13884.                                                </div>
  13885.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13886.                                                    <button
  13887.                                                        @click="addToCompare(10711)"
  13888.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;2x&#x20;Gloeilamp&#x20;-&#x20;100&#x25;&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Tafellamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  13889.                                                        type="button"
  13890.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  13891.                                                        data-addto="compare">
  13892.                                                        <span class="icon-balance text-2xl"></span>
  13893.                                                    </button>
  13894.                                                </div>
  13895.                                                                                    </div>
  13896.                                        <div class="product-info flex flex-col grow">
  13897.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13898.                                                <a
  13899.                                                    class="product-item-link"
  13900.                                                    href="https://www.lalashops.nl/zoutlamp-2-4kg-himalayazout-kh-lamp-sti-haliet2tot4kg"
  13901.                                                    :id="`slide-desc-10711-${$id('slider-id')}`">
  13902.                                                    Zoutlamp 2-4kg met 2x Gloeilamp - 100% Himalaya Zout - Tafellamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 20x13cm                                                </a>
  13903.                                            </div>
  13904.  
  13905.  
  13906.                                                                                                                                        
  13907.  
  13908.  
  13909.                                            
  13910.                                            <div class="pt-1 text-gray-900"
  13911.                                                x-defer="intersect"
  13912.                                                @update-prices-10711.window="updatePrice($event.detail);">
  13913.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10711" data-price-box="product-id-10711">
  13914.    <span class="special-price">
  13915.        <span
  13916.    x-data x-id="['product\u002Dprice\u002D10711']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13917.        >
  13918.            <span class="price-label">Special Price</span>
  13919.        <span  :id="$id('product\u002Dprice\u002D10711')"                data-price-amount="12.5"
  13920.        data-price-type="finalPrice"
  13921.        class="price-wrapper "
  13922.    ><span class="price">€ 12,50</span></span>
  13923.        </span>
  13924.    </span>
  13925.    <span class="old-price">
  13926.        <span
  13927.    x-data x-id="['old\u002Dprice\u002D10711']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13928.        >
  13929.            <span class="price-label">Regular Price</span>
  13930.        <span  :id="$id('old\u002Dprice\u002D10711')"                data-price-amount="14.95"
  13931.        data-price-type="oldPrice"
  13932.        class="price-wrapper "
  13933.    ><span class="price">€ 14,95</span></span>
  13934.        </span>
  13935.    </span>
  13936.  
  13937. </div>                                            </div>
  13938.  
  13939.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13940.            ">
  13941.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13942.                                                                                                                    <button
  13943.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13944.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13945.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;2x&#x20;Gloeilamp&#x20;-&#x20;100&#x25;&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Tafellamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  13946.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;2x&#x20;Gloeilamp&#x20;-&#x20;100&#x25;&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Tafellamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  13947.                                                                data-addto="cart">
  13948.                                                                <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">
  13949.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  13950. </svg>
  13951.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13952.                                                                    In Winkelwagen                                                                </span>
  13953.                                                            </button>
  13954.                                                                                                            </div>
  13955.  
  13956.                                                                                            </div>
  13957.                                        </div>
  13958.                                                                                                                        </form>
  13959.                                
  13960.                </li>
  13961.                                        
  13962.                            <li class="swiper-slide">
  13963.                                                                    <form method="post"
  13964.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9873/"
  13965.                                        x-data="{
  13966.        hovered: false,
  13967.        grid: true ,
  13968.        isMobile: false,
  13969.        isMobileFunc () {
  13970.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13971.        }
  13972.    }"
  13973.                                        x-init="
  13974.        isMobileFunc();
  13975.        const labelClass = '.amlabel-position-top-right-9873-prod';
  13976.        const labels = document.querySelectorAll(labelClass);
  13977.  
  13978.        $watch('hovered', value => {
  13979.            if (value) {
  13980.                labels.forEach(el => el.style.opacity = '0');
  13981.            } else {
  13982.                labels.forEach(el => el.style.opacity = '1');
  13983.            }
  13984.        });
  13985.    "
  13986.                                        @mouseenter="hovered = true"
  13987.                                        @mouseleave="hovered = false"
  13988.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13989.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13990.                                        >
  13991.                                        <style>
  13992.                                            /* Generate styling for the label based on the product ID */
  13993.                                            .amlabel-position-top-right-9873-prod {
  13994.                                                transition: opacity 0.3s ease;
  13995.                                            }
  13996.                                        </style>
  13997.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9873" />
  13998.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-ster-wit-100-natuurlijk-himalaya-zout-extra-lange-kabel-1-8mtr-met-led-lampje-ca-21x7-5x22cm-energiezuinig-lampzoutsterwit-led-1"
  13999.                                            title="Zoutlamp Ster - Wit - 100% Natuurlijk Himalaya Zout - Extra Lange Kabel 1,8mtr met Led Lampje - ca. 21x7,5x22cm - Energiezuinig "
  14000.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14001.                                            tabindex="-1">
  14002.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1120355-2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;Ster&#x20;-&#x20;Wit&#x20;-&#x20;100&#x25;&#x20;Natuurlijk&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1,8mtr&#x20;met&#x20;Led&#x20;Lampje&#x20;-&#x20;ca.&#x20;21x7,5x22cm&#x20;-&#x20;Energiezuinig&#x20;" title="Zoutlamp&#x20;Ster&#x20;-&#x20;Wit&#x20;-&#x20;100&#x25;&#x20;Natuurlijk&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1,8mtr&#x20;met&#x20;Led&#x20;Lampje&#x20;-&#x20;ca.&#x20;21x7,5x22cm&#x20;-&#x20;Energiezuinig&#x20;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1120355-2.jpg" width="360" height="360" loading="lazy"></picture>
  14003.                                        </a>
  14004.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14005.                                                                                            <div x-data="initWishlist()">
  14006.                                                    <button
  14007.                                                        @click="addToWishlist(9873)"
  14008.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;Ster&#x20;-&#x20;Wit&#x20;-&#x20;100&#x25;&#x20;Natuurlijk&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1,8mtr&#x20;met&#x20;Led&#x20;Lampje&#x20;-&#x20;ca.&#x20;21x7,5x22cm&#x20;-&#x20;Energiezuinig&#x20;"
  14009.                                                        type="button"
  14010.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14011.                                                        data-addto="wishlist">
  14012.                                                        <span class="icon-heart text-2xl"></span>
  14013.                                                    </button>
  14014.                                                </div>
  14015.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14016.                                                    <button
  14017.                                                        @click="addToCompare(9873)"
  14018.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;Ster&#x20;-&#x20;Wit&#x20;-&#x20;100&#x25;&#x20;Natuurlijk&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1,8mtr&#x20;met&#x20;Led&#x20;Lampje&#x20;-&#x20;ca.&#x20;21x7,5x22cm&#x20;-&#x20;Energiezuinig&#x20;"
  14019.                                                        type="button"
  14020.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14021.                                                        data-addto="compare">
  14022.                                                        <span class="icon-balance text-2xl"></span>
  14023.                                                    </button>
  14024.                                                </div>
  14025.                                                                                    </div>
  14026.                                        <div class="product-info flex flex-col grow">
  14027.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14028.                                                <a
  14029.                                                    class="product-item-link"
  14030.                                                    href="https://www.lalashops.nl/zoutlamp-ster-wit-100-natuurlijk-himalaya-zout-extra-lange-kabel-1-8mtr-met-led-lampje-ca-21x7-5x22cm-energiezuinig-lampzoutsterwit-led-1"
  14031.                                                    :id="`slide-desc-9873-${$id('slider-id')}`">
  14032.                                                    Zoutlamp Ster - Wit - 100% Natuurlijk Himalaya Zout - Extra Lange Kabel 1,8mtr met Led Lampje - ca. 21x7,5x22cm - Energiezuinig                                                 </a>
  14033.                                            </div>
  14034.  
  14035.  
  14036.                                                                                                                                        
  14037.  
  14038.  
  14039.                                            
  14040.                                            <div class="pt-1 text-gray-900"
  14041.                                                x-defer="intersect"
  14042.                                                @update-prices-9873.window="updatePrice($event.detail);">
  14043.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9873" data-price-box="product-id-9873">
  14044.    <span
  14045.    x-data x-id="['product\u002Dprice\u002D9873']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14046.        >
  14047.        <span  :id="$id('product\u002Dprice\u002D9873')"                data-price-amount="39.95"
  14048.        data-price-type="finalPrice"
  14049.        class="price-wrapper "
  14050.    ><span class="price">€ 39,95</span></span>
  14051.        </span>
  14052.  
  14053. </div>                                            </div>
  14054.  
  14055.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14056.            ">
  14057.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14058.                                                                                                                    <button
  14059.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14060.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14061.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;Ster&#x20;-&#x20;Wit&#x20;-&#x20;100&#x25;&#x20;Natuurlijk&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1,8mtr&#x20;met&#x20;Led&#x20;Lampje&#x20;-&#x20;ca.&#x20;21x7,5x22cm&#x20;-&#x20;Energiezuinig&#x20;"
  14062.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;Ster&#x20;-&#x20;Wit&#x20;-&#x20;100&#x25;&#x20;Natuurlijk&#x20;Himalaya&#x20;Zout&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1,8mtr&#x20;met&#x20;Led&#x20;Lampje&#x20;-&#x20;ca.&#x20;21x7,5x22cm&#x20;-&#x20;Energiezuinig&#x20;"
  14063.                                                                data-addto="cart">
  14064.                                                                <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">
  14065.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14066. </svg>
  14067.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14068.                                                                    In Winkelwagen                                                                </span>
  14069.                                                            </button>
  14070.                                                                                                            </div>
  14071.  
  14072.                                                                                            </div>
  14073.                                        </div>
  14074.                                                                                                                        </form>
  14075.                                
  14076.                </li>
  14077.                                        
  14078.                            <li class="swiper-slide">
  14079.                                                                    <form method="post"
  14080.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9761/"
  14081.                                        x-data="{
  14082.        hovered: false,
  14083.        grid: true ,
  14084.        isMobile: false,
  14085.        isMobileFunc () {
  14086.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14087.        }
  14088.    }"
  14089.                                        x-init="
  14090.        isMobileFunc();
  14091.        const labelClass = '.amlabel-position-top-right-9761-prod';
  14092.        const labels = document.querySelectorAll(labelClass);
  14093.  
  14094.        $watch('hovered', value => {
  14095.            if (value) {
  14096.                labels.forEach(el => el.style.opacity = '0');
  14097.            } else {
  14098.                labels.forEach(el => el.style.opacity = '1');
  14099.            }
  14100.        });
  14101.    "
  14102.                                        @mouseenter="hovered = true"
  14103.                                        @mouseleave="hovered = false"
  14104.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14105.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14106.                                        >
  14107.                                        <style>
  14108.                                            /* Generate styling for the label based on the product ID */
  14109.                                            .amlabel-position-top-right-9761-prod {
  14110.                                                transition: opacity 0.3s ease;
  14111.                                            }
  14112.                                        </style>
  14113.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9761" />
  14114.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-rots-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtrotswit"
  14115.                                            title="Zoutlamp ROTS - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  14116.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14117.                                            tabindex="-1">
  14118.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080326.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energie&#x20;zuinig&#x21;" title="Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energie&#x20;zuinig&#x21;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080326.jpg" width="360" height="360" loading="lazy"></picture>
  14119.                                        </a>
  14120.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14121.                                                                                            <div x-data="initWishlist()">
  14122.                                                    <button
  14123.                                                        @click="addToWishlist(9761)"
  14124.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14125.                                                        type="button"
  14126.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14127.                                                        data-addto="wishlist">
  14128.                                                        <span class="icon-heart text-2xl"></span>
  14129.                                                    </button>
  14130.                                                </div>
  14131.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14132.                                                    <button
  14133.                                                        @click="addToCompare(9761)"
  14134.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14135.                                                        type="button"
  14136.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14137.                                                        data-addto="compare">
  14138.                                                        <span class="icon-balance text-2xl"></span>
  14139.                                                    </button>
  14140.                                                </div>
  14141.                                                                                    </div>
  14142.                                        <div class="product-info flex flex-col grow">
  14143.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14144.                                                <a
  14145.                                                    class="product-item-link"
  14146.                                                    href="https://www.lalashops.nl/zoutlamp-rots-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtrotswit"
  14147.                                                    :id="`slide-desc-9761-${$id('slider-id')}`">
  14148.                                                    Zoutlamp ROTS - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  14149.                                            </div>
  14150.  
  14151.  
  14152.                                                                                                                                        
  14153.  
  14154.  
  14155.                                            
  14156.                                            <div class="pt-1 text-gray-900"
  14157.                                                x-defer="intersect"
  14158.                                                @update-prices-9761.window="updatePrice($event.detail);">
  14159.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9761" data-price-box="product-id-9761">
  14160.    <span class="special-price">
  14161.        <span
  14162.    x-data x-id="['product\u002Dprice\u002D9761']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14163.        >
  14164.            <span class="price-label">Special Price</span>
  14165.        <span  :id="$id('product\u002Dprice\u002D9761')"                data-price-amount="17.95"
  14166.        data-price-type="finalPrice"
  14167.        class="price-wrapper "
  14168.    ><span class="price">€ 17,95</span></span>
  14169.        </span>
  14170.    </span>
  14171.    <span class="old-price">
  14172.        <span
  14173.    x-data x-id="['old\u002Dprice\u002D9761']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14174.        >
  14175.            <span class="price-label">Regular Price</span>
  14176.        <span  :id="$id('old\u002Dprice\u002D9761')"                data-price-amount="19.95"
  14177.        data-price-type="oldPrice"
  14178.        class="price-wrapper "
  14179.    ><span class="price">€ 19,95</span></span>
  14180.        </span>
  14181.    </span>
  14182.  
  14183. </div>                                            </div>
  14184.  
  14185.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14186.            ">
  14187.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14188.                                                                                                                    <button
  14189.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14190.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14191.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14192.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Wit&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14193.                                                                data-addto="cart">
  14194.                                                                <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">
  14195.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14196. </svg>
  14197.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14198.                                                                    In Winkelwagen                                                                </span>
  14199.                                                            </button>
  14200.                                                                                                            </div>
  14201.  
  14202.                                                                                            </div>
  14203.                                        </div>
  14204.                                                                                                                        </form>
  14205.                                
  14206.                </li>
  14207.                                        
  14208.                            <li class="swiper-slide">
  14209.                                                                    <form method="post"
  14210.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9759/"
  14211.                                        x-data="{
  14212.        hovered: false,
  14213.        grid: true ,
  14214.        isMobile: false,
  14215.        isMobileFunc () {
  14216.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14217.        }
  14218.    }"
  14219.                                        x-init="
  14220.        isMobileFunc();
  14221.        const labelClass = '.amlabel-position-top-right-9759-prod';
  14222.        const labels = document.querySelectorAll(labelClass);
  14223.  
  14224.        $watch('hovered', value => {
  14225.            if (value) {
  14226.                labels.forEach(el => el.style.opacity = '0');
  14227.            } else {
  14228.                labels.forEach(el => el.style.opacity = '1');
  14229.            }
  14230.        });
  14231.    "
  14232.                                        @mouseenter="hovered = true"
  14233.                                        @mouseleave="hovered = false"
  14234.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14235.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14236.                                        >
  14237.                                        <style>
  14238.                                            /* Generate styling for the label based on the product ID */
  14239.                                            .amlabel-position-top-right-9759-prod {
  14240.                                                transition: opacity 0.3s ease;
  14241.                                            }
  14242.                                        </style>
  14243.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9759" />
  14244.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-bol-nachtlampje-met-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtbolroze"
  14245.                                            title="Zoutlamp BOL - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  14246.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14247.                                            tabindex="-1">
  14248.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080287.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;BOL&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energie&#x20;zuinig&#x21;" title="Zoutlamp&#x20;BOL&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energie&#x20;zuinig&#x21;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1080287.jpg" width="360" height="360" loading="lazy"></picture>
  14249.                                        </a>
  14250.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14251.                                                                                            <div x-data="initWishlist()">
  14252.                                                    <button
  14253.                                                        @click="addToWishlist(9759)"
  14254.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;BOL&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14255.                                                        type="button"
  14256.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14257.                                                        data-addto="wishlist">
  14258.                                                        <span class="icon-heart text-2xl"></span>
  14259.                                                    </button>
  14260.                                                </div>
  14261.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14262.                                                    <button
  14263.                                                        @click="addToCompare(9759)"
  14264.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;BOL&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14265.                                                        type="button"
  14266.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14267.                                                        data-addto="compare">
  14268.                                                        <span class="icon-balance text-2xl"></span>
  14269.                                                    </button>
  14270.                                                </div>
  14271.                                                                                    </div>
  14272.                                        <div class="product-info flex flex-col grow">
  14273.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14274.                                                <a
  14275.                                                    class="product-item-link"
  14276.                                                    href="https://www.lalashops.nl/zoutlamp-bol-nachtlampje-met-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtbolroze"
  14277.                                                    :id="`slide-desc-9759-${$id('slider-id')}`">
  14278.                                                    Zoutlamp BOL - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  14279.                                            </div>
  14280.  
  14281.  
  14282.                                                                                                                                        
  14283.  
  14284.  
  14285.                                            
  14286.                                            <div class="pt-1 text-gray-900"
  14287.                                                x-defer="intersect"
  14288.                                                @update-prices-9759.window="updatePrice($event.detail);">
  14289.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9759" data-price-box="product-id-9759">
  14290.    <span class="special-price">
  14291.        <span
  14292.    x-data x-id="['product\u002Dprice\u002D9759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14293.        >
  14294.            <span class="price-label">Special Price</span>
  14295.        <span  :id="$id('product\u002Dprice\u002D9759')"                data-price-amount="17.95"
  14296.        data-price-type="finalPrice"
  14297.        class="price-wrapper "
  14298.    ><span class="price">€ 17,95</span></span>
  14299.        </span>
  14300.    </span>
  14301.    <span class="old-price">
  14302.        <span
  14303.    x-data x-id="['old\u002Dprice\u002D9759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14304.        >
  14305.            <span class="price-label">Regular Price</span>
  14306.        <span  :id="$id('old\u002Dprice\u002D9759')"                data-price-amount="19.95"
  14307.        data-price-type="oldPrice"
  14308.        class="price-wrapper "
  14309.    ><span class="price">€ 19,95</span></span>
  14310.        </span>
  14311.    </span>
  14312.  
  14313. </div>                                            </div>
  14314.  
  14315.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14316.            ">
  14317.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14318.                                                                                                                    <button
  14319.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14320.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14321.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;BOL&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14322.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;BOL&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14323.                                                                data-addto="cart">
  14324.                                                                <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">
  14325.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14326. </svg>
  14327.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14328.                                                                    In Winkelwagen                                                                </span>
  14329.                                                            </button>
  14330.                                                                                                            </div>
  14331.  
  14332.                                                                                            </div>
  14333.                                        </div>
  14334.                                                                                                                        </form>
  14335.                                
  14336.                </li>
  14337.                                        
  14338.                            <li class="swiper-slide">
  14339.                                                                    <form method="post"
  14340.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9532/"
  14341.                                        x-data="{
  14342.        hovered: false,
  14343.        grid: true ,
  14344.        isMobile: false,
  14345.        isMobileFunc () {
  14346.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14347.        }
  14348.    }"
  14349.                                        x-init="
  14350.        isMobileFunc();
  14351.        const labelClass = '.amlabel-position-top-right-9532-prod';
  14352.        const labels = document.querySelectorAll(labelClass);
  14353.  
  14354.        $watch('hovered', value => {
  14355.            if (value) {
  14356.                labels.forEach(el => el.style.opacity = '0');
  14357.            } else {
  14358.                labels.forEach(el => el.style.opacity = '1');
  14359.            }
  14360.        });
  14361.    "
  14362.                                        @mouseenter="hovered = true"
  14363.                                        @mouseleave="hovered = false"
  14364.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14365.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14366.                                        >
  14367.                                        <style>
  14368.                                            /* Generate styling for the label based on the product ID */
  14369.                                            .amlabel-position-top-right-9532-prod {
  14370.                                                transition: opacity 0.3s ease;
  14371.                                            }
  14372.                                        </style>
  14373.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9532" />
  14374.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-lamp-incl-snoer-met-aan-uit-schakelaar-wit-35-40cm-lampselwit35-40cm"
  14375.                                            title="Seleniet Lamp - Incl. Snoer met Aan/Uit Schakelaar - Wit - ca. 35-40cm"
  14376.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14377.                                            tabindex="-1">
  14378.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050297.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Seleniet&#x20;Lamp&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;35-40cm" title="Seleniet&#x20;Lamp&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;35-40cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050297.jpg" width="360" height="360" loading="lazy"></picture>
  14379.                                        </a>
  14380.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14381.                                                                                            <div x-data="initWishlist()">
  14382.                                                    <button
  14383.                                                        @click="addToWishlist(9532)"
  14384.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Seleniet&#x20;Lamp&#x20;-&#x20;Incl.&#x20;Snoer&#x20;met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;35-40cm"
  14385.                                                        type="button"
  14386.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14387.                                                        data-addto="wishlist">
  14388.                                                        <span class="icon-heart text-2xl"></span>
  14389.                                                    </button>
  14390.                                                </div>
  14391.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14392.                                                    <button
  14393.                                                        @click="addToCompare(9532)"
  14394.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Seleniet&#x20;Lamp&#x20;-&#x20;Incl.&#x20;Snoer&#x20;met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;35-40cm"
  14395.                                                        type="button"
  14396.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14397.                                                        data-addto="compare">
  14398.                                                        <span class="icon-balance text-2xl"></span>
  14399.                                                    </button>
  14400.                                                </div>
  14401.                                                                                    </div>
  14402.                                        <div class="product-info flex flex-col grow">
  14403.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14404.                                                <a
  14405.                                                    class="product-item-link"
  14406.                                                    href="https://www.lalashops.nl/seleniet-lamp-incl-snoer-met-aan-uit-schakelaar-wit-35-40cm-lampselwit35-40cm"
  14407.                                                    :id="`slide-desc-9532-${$id('slider-id')}`">
  14408.                                                    Seleniet Lamp - Incl. Snoer met Aan/Uit Schakelaar - Wit - ca. 35-40cm                                                </a>
  14409.                                            </div>
  14410.  
  14411.  
  14412.                                                                                                                                        
  14413.  
  14414.  
  14415.                                            
  14416.                                            <div class="pt-1 text-gray-900"
  14417.                                                x-defer="intersect"
  14418.                                                @update-prices-9532.window="updatePrice($event.detail);">
  14419.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9532" data-price-box="product-id-9532">
  14420.    <span
  14421.    x-data x-id="['product\u002Dprice\u002D9532']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14422.        >
  14423.        <span  :id="$id('product\u002Dprice\u002D9532')"                data-price-amount="69.95"
  14424.        data-price-type="finalPrice"
  14425.        class="price-wrapper "
  14426.    ><span class="price">€ 69,95</span></span>
  14427.        </span>
  14428.  
  14429. </div>                                            </div>
  14430.  
  14431.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14432.            ">
  14433.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14434.                                                                                                                    <button
  14435.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14436.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14437.                                                                title="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Lamp&#x20;-&#x20;Incl.&#x20;Snoer&#x20;met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;35-40cm"
  14438.                                                                aria-label="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Lamp&#x20;-&#x20;Incl.&#x20;Snoer&#x20;met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;35-40cm"
  14439.                                                                data-addto="cart">
  14440.                                                                <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">
  14441.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14442. </svg>
  14443.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14444.                                                                    In Winkelwagen                                                                </span>
  14445.                                                            </button>
  14446.                                                                                                            </div>
  14447.  
  14448.                                                                                            </div>
  14449.                                        </div>
  14450.                                                                                                                        </form>
  14451.                                
  14452.                </li>
  14453.                                        
  14454.                            <li class="swiper-slide">
  14455.                                                                    <form method="post"
  14456.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9504/"
  14457.                                        x-data="{
  14458.        hovered: false,
  14459.        grid: true ,
  14460.        isMobile: false,
  14461.        isMobileFunc () {
  14462.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14463.        }
  14464.    }"
  14465.                                        x-init="
  14466.        isMobileFunc();
  14467.        const labelClass = '.amlabel-position-top-right-9504-prod';
  14468.        const labels = document.querySelectorAll(labelClass);
  14469.  
  14470.        $watch('hovered', value => {
  14471.            if (value) {
  14472.                labels.forEach(el => el.style.opacity = '0');
  14473.            } else {
  14474.                labels.forEach(el => el.style.opacity = '1');
  14475.            }
  14476.        });
  14477.    "
  14478.                                        @mouseenter="hovered = true"
  14479.                                        @mouseleave="hovered = false"
  14480.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14481.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14482.                                        >
  14483.                                        <style>
  14484.                                            /* Generate styling for the label based on the product ID */
  14485.                                            .amlabel-position-top-right-9504-prod {
  14486.                                                transition: opacity 0.3s ease;
  14487.                                            }
  14488.                                        </style>
  14489.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9504" />
  14490.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-rots-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtrotsroze"
  14491.                                            title="Zoutlamp ROTS - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  14492.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14493.                                            tabindex="-1">
  14494.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_rots_roze_ledlamp_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;" title="Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/n/a/nachtlamp_rots_roze_ledlamp_1_.jpg" width="360" height="360" loading="lazy"></picture>
  14495.                                        </a>
  14496.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14497.                                                                                            <div x-data="initWishlist()">
  14498.                                                    <button
  14499.                                                        @click="addToWishlist(9504)"
  14500.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14501.                                                        type="button"
  14502.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14503.                                                        data-addto="wishlist">
  14504.                                                        <span class="icon-heart text-2xl"></span>
  14505.                                                    </button>
  14506.                                                </div>
  14507.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14508.                                                    <button
  14509.                                                        @click="addToCompare(9504)"
  14510.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14511.                                                        type="button"
  14512.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14513.                                                        data-addto="compare">
  14514.                                                        <span class="icon-balance text-2xl"></span>
  14515.                                                    </button>
  14516.                                                </div>
  14517.                                                                                    </div>
  14518.                                        <div class="product-info flex flex-col grow">
  14519.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14520.                                                <a
  14521.                                                    class="product-item-link"
  14522.                                                    href="https://www.lalashops.nl/zoutlamp-rots-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtrotsroze"
  14523.                                                    :id="`slide-desc-9504-${$id('slider-id')}`">
  14524.                                                    Zoutlamp ROTS - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  14525.                                            </div>
  14526.  
  14527.  
  14528.                                                                                                                                        
  14529.  
  14530.  
  14531.                                            
  14532.                                            <div class="pt-1 text-gray-900"
  14533.                                                x-defer="intersect"
  14534.                                                @update-prices-9504.window="updatePrice($event.detail);">
  14535.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9504" data-price-box="product-id-9504">
  14536.    <span class="special-price">
  14537.        <span
  14538.    x-data x-id="['product\u002Dprice\u002D9504']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14539.        >
  14540.            <span class="price-label">Special Price</span>
  14541.        <span  :id="$id('product\u002Dprice\u002D9504')"                data-price-amount="17.95"
  14542.        data-price-type="finalPrice"
  14543.        class="price-wrapper "
  14544.    ><span class="price">€ 17,95</span></span>
  14545.        </span>
  14546.    </span>
  14547.    <span class="old-price">
  14548.        <span
  14549.    x-data x-id="['old\u002Dprice\u002D9504']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14550.        >
  14551.            <span class="price-label">Regular Price</span>
  14552.        <span  :id="$id('old\u002Dprice\u002D9504')"                data-price-amount="19.95"
  14553.        data-price-type="oldPrice"
  14554.        class="price-wrapper "
  14555.    ><span class="price">€ 19,95</span></span>
  14556.        </span>
  14557.    </span>
  14558.  
  14559. </div>                                            </div>
  14560.  
  14561.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14562.            ">
  14563.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14564.                                                                                                                    <button
  14565.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14566.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14567.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14568.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;ROTS&#x20;-&#x20;Nachtlampje&#x20;met&#x20;Aan&#x20;&#x2F;&#x20;Uit&#x20;Schakelaar&#x20;en&#x20;Ledlampje&#x20;-&#x20;Kinderkamer&#x20;-&#x20;Hal&#x20;-&#x20;Slaapkamer&#x20;-&#x20;Himalayazout&#x20;-&#x20;Energiezuinig&#x21;"
  14569.                                                                data-addto="cart">
  14570.                                                                <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">
  14571.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14572. </svg>
  14573.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14574.                                                                    In Winkelwagen                                                                </span>
  14575.                                                            </button>
  14576.                                                                                                            </div>
  14577.  
  14578.                                                                                            </div>
  14579.                                        </div>
  14580.                                                                                                                        </form>
  14581.                                
  14582.                </li>
  14583.                                        
  14584.                            <li class="swiper-slide">
  14585.                                                                    <form method="post"
  14586.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8303/"
  14587.                                        x-data="{
  14588.        hovered: false,
  14589.        grid: true ,
  14590.        isMobile: false,
  14591.        isMobileFunc () {
  14592.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14593.        }
  14594.    }"
  14595.                                        x-init="
  14596.        isMobileFunc();
  14597.        const labelClass = '.amlabel-position-top-right-8303-prod';
  14598.        const labels = document.querySelectorAll(labelClass);
  14599.  
  14600.        $watch('hovered', value => {
  14601.            if (value) {
  14602.                labels.forEach(el => el.style.opacity = '0');
  14603.            } else {
  14604.                labels.forEach(el => el.style.opacity = '1');
  14605.            }
  14606.        });
  14607.    "
  14608.                                        @mouseenter="hovered = true"
  14609.                                        @mouseleave="hovered = false"
  14610.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14611.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14612.                                        >
  14613.                                        <style>
  14614.                                            /* Generate styling for the label based on the product ID */
  14615.                                            .amlabel-position-top-right-8303-prod {
  14616.                                                transition: opacity 0.3s ease;
  14617.                                            }
  14618.                                        </style>
  14619.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8303" />
  14620.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-15-tot-19-kg-met-led-lamp-energiezuinig-himalayazout-ca-37x23cm-kh-lamproze15-19led"
  14621.                                            title="Zoutlamp GROOT XXL 15-18kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met led lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - c.a. 37x24cm"
  14622.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14623.                                            tabindex="-1">
  14624.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/x/x/xxl_zoutlamp_met_ledlamp.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;GROOT&#x20;XXL&#x20;15-18kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm" title="Zoutlamp&#x20;GROOT&#x20;XXL&#x20;15-18kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/x/x/xxl_zoutlamp_met_ledlamp.jpg" width="360" height="360" loading="lazy"></picture>
  14625.                                        </a>
  14626.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14627.                                                                                            <div x-data="initWishlist()">
  14628.                                                    <button
  14629.                                                        @click="addToWishlist(8303)"
  14630.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;15-18kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm"
  14631.                                                        type="button"
  14632.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14633.                                                        data-addto="wishlist">
  14634.                                                        <span class="icon-heart text-2xl"></span>
  14635.                                                    </button>
  14636.                                                </div>
  14637.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14638.                                                    <button
  14639.                                                        @click="addToCompare(8303)"
  14640.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;15-18kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm"
  14641.                                                        type="button"
  14642.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14643.                                                        data-addto="compare">
  14644.                                                        <span class="icon-balance text-2xl"></span>
  14645.                                                    </button>
  14646.                                                </div>
  14647.                                                                                    </div>
  14648.                                        <div class="product-info flex flex-col grow">
  14649.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14650.                                                <a
  14651.                                                    class="product-item-link"
  14652.                                                    href="https://www.lalashops.nl/zoutlamp-15-tot-19-kg-met-led-lamp-energiezuinig-himalayazout-ca-37x23cm-kh-lamproze15-19led"
  14653.                                                    :id="`slide-desc-8303-${$id('slider-id')}`">
  14654.                                                    Zoutlamp GROOT XXL 15-18kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met led lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - c.a. 37x24cm                                                </a>
  14655.                                            </div>
  14656.  
  14657.  
  14658.                                                                                                                                        
  14659.  
  14660.  
  14661.                                            
  14662.                                            <div class="pt-1 text-gray-900"
  14663.                                                x-defer="intersect"
  14664.                                                @update-prices-8303.window="updatePrice($event.detail);">
  14665.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8303" data-price-box="product-id-8303">
  14666.    <span class="special-price">
  14667.        <span
  14668.    x-data x-id="['product\u002Dprice\u002D8303']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14669.        >
  14670.            <span class="price-label">Special Price</span>
  14671.        <span  :id="$id('product\u002Dprice\u002D8303')"                data-price-amount="56.95"
  14672.        data-price-type="finalPrice"
  14673.        class="price-wrapper "
  14674.    ><span class="price">€ 56,95</span></span>
  14675.        </span>
  14676.    </span>
  14677.    <span class="old-price">
  14678.        <span
  14679.    x-data x-id="['old\u002Dprice\u002D8303']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14680.        >
  14681.            <span class="price-label">Regular Price</span>
  14682.        <span  :id="$id('old\u002Dprice\u002D8303')"                data-price-amount="66.95"
  14683.        data-price-type="oldPrice"
  14684.        class="price-wrapper "
  14685.    ><span class="price">€ 66,95</span></span>
  14686.        </span>
  14687.    </span>
  14688.  
  14689. </div>                                            </div>
  14690.  
  14691.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14692.            ">
  14693.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14694.                                                                                                                    <button
  14695.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14696.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14697.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;15-18kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm"
  14698.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;GROOT&#x20;XXL&#x20;15-18kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;led&#x20;lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;c.a.&#x20;37x24cm"
  14699.                                                                data-addto="cart">
  14700.                                                                <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">
  14701.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14702. </svg>
  14703.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14704.                                                                    In Winkelwagen                                                                </span>
  14705.                                                            </button>
  14706.                                                                                                            </div>
  14707.  
  14708.                                                                                            </div>
  14709.                                        </div>
  14710.                                                                                                                        </form>
  14711.                                
  14712.                </li>
  14713.                                        
  14714.                            <li class="swiper-slide">
  14715.                                                                    <form method="post"
  14716.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8302/"
  14717.                                        x-data="{
  14718.        hovered: false,
  14719.        grid: true ,
  14720.        isMobile: false,
  14721.        isMobileFunc () {
  14722.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14723.        }
  14724.    }"
  14725.                                        x-init="
  14726.        isMobileFunc();
  14727.        const labelClass = '.amlabel-position-top-right-8302-prod';
  14728.        const labels = document.querySelectorAll(labelClass);
  14729.  
  14730.        $watch('hovered', value => {
  14731.            if (value) {
  14732.                labels.forEach(el => el.style.opacity = '0');
  14733.            } else {
  14734.                labels.forEach(el => el.style.opacity = '1');
  14735.            }
  14736.        });
  14737.    "
  14738.                                        @mouseenter="hovered = true"
  14739.                                        @mouseleave="hovered = false"
  14740.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14741.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14742.                                        >
  14743.                                        <style>
  14744.                                            /* Generate styling for the label based on the product ID */
  14745.                                            .amlabel-position-top-right-8302-prod {
  14746.                                                transition: opacity 0.3s ease;
  14747.                                            }
  14748.                                        </style>
  14749.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8302" />
  14750.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh_lamproze10_15led"
  14751.                                            title="Zoutlamp 12 tot 15kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm"
  14752.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14753.                                            tabindex="-1">
  14754.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050286.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;12&#x20;tot&#x20;15kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm" title="Zoutlamp&#x20;12&#x20;tot&#x20;15kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050286.jpg" width="360" height="360" loading="lazy"></picture>
  14755.                                        </a>
  14756.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14757.                                                                                            <div x-data="initWishlist()">
  14758.                                                    <button
  14759.                                                        @click="addToWishlist(8302)"
  14760.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;12&#x20;tot&#x20;15kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  14761.                                                        type="button"
  14762.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14763.                                                        data-addto="wishlist">
  14764.                                                        <span class="icon-heart text-2xl"></span>
  14765.                                                    </button>
  14766.                                                </div>
  14767.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14768.                                                    <button
  14769.                                                        @click="addToCompare(8302)"
  14770.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;12&#x20;tot&#x20;15kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  14771.                                                        type="button"
  14772.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14773.                                                        data-addto="compare">
  14774.                                                        <span class="icon-balance text-2xl"></span>
  14775.                                                    </button>
  14776.                                                </div>
  14777.                                                                                    </div>
  14778.                                        <div class="product-info flex flex-col grow">
  14779.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14780.                                                <a
  14781.                                                    class="product-item-link"
  14782.                                                    href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh_lamproze10_15led"
  14783.                                                    :id="`slide-desc-8302-${$id('slider-id')}`">
  14784.                                                    Zoutlamp 12 tot 15kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm                                                </a>
  14785.                                            </div>
  14786.  
  14787.  
  14788.                                                                                                                                        
  14789.  
  14790.  
  14791.                                            
  14792.                                            <div class="pt-1 text-gray-900"
  14793.                                                x-defer="intersect"
  14794.                                                @update-prices-8302.window="updatePrice($event.detail);">
  14795.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8302" data-price-box="product-id-8302">
  14796.    <span class="special-price">
  14797.        <span
  14798.    x-data x-id="['product\u002Dprice\u002D8302']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14799.        >
  14800.            <span class="price-label">Special Price</span>
  14801.        <span  :id="$id('product\u002Dprice\u002D8302')"                data-price-amount="41.95"
  14802.        data-price-type="finalPrice"
  14803.        class="price-wrapper "
  14804.    ><span class="price">€ 41,95</span></span>
  14805.        </span>
  14806.    </span>
  14807.    <span class="old-price">
  14808.        <span
  14809.    x-data x-id="['old\u002Dprice\u002D8302']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14810.        >
  14811.            <span class="price-label">Regular Price</span>
  14812.        <span  :id="$id('old\u002Dprice\u002D8302')"                data-price-amount="44.95"
  14813.        data-price-type="oldPrice"
  14814.        class="price-wrapper "
  14815.    ><span class="price">€ 44,95</span></span>
  14816.        </span>
  14817.    </span>
  14818.  
  14819. </div>                                            </div>
  14820.  
  14821.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14822.            ">
  14823.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14824.                                                                                                                    <button
  14825.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14826.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14827.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;12&#x20;tot&#x20;15kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  14828.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;12&#x20;tot&#x20;15kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;35x20cm"
  14829.                                                                data-addto="cart">
  14830.                                                                <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">
  14831.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14832. </svg>
  14833.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14834.                                                                    In Winkelwagen                                                                </span>
  14835.                                                            </button>
  14836.                                                                                                            </div>
  14837.  
  14838.                                                                                            </div>
  14839.                                        </div>
  14840.                                                                                                                        </form>
  14841.                                
  14842.                </li>
  14843.                                        
  14844.                            <li class="swiper-slide">
  14845.                                                                    <form method="post"
  14846.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8301/"
  14847.                                        x-data="{
  14848.        hovered: false,
  14849.        grid: true ,
  14850.        isMobile: false,
  14851.        isMobileFunc () {
  14852.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14853.        }
  14854.    }"
  14855.                                        x-init="
  14856.        isMobileFunc();
  14857.        const labelClass = '.amlabel-position-top-right-8301-prod';
  14858.        const labels = document.querySelectorAll(labelClass);
  14859.  
  14860.        $watch('hovered', value => {
  14861.            if (value) {
  14862.                labels.forEach(el => el.style.opacity = '0');
  14863.            } else {
  14864.                labels.forEach(el => el.style.opacity = '1');
  14865.            }
  14866.        });
  14867.    "
  14868.                                        @mouseenter="hovered = true"
  14869.                                        @mouseleave="hovered = false"
  14870.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14871.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14872.                                        >
  14873.                                        <style>
  14874.                                            /* Generate styling for the label based on the product ID */
  14875.                                            .amlabel-position-top-right-8301-prod {
  14876.                                                transition: opacity 0.3s ease;
  14877.                                            }
  14878.                                        </style>
  14879.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8301" />
  14880.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-8-tot-10-kg-met-led-lamp-energiezuinig-himalayazout-ca-31x17cm"
  14881.                                            title="Zoutlamp 8 tot 10kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 31x17cm"
  14882.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14883.                                            tabindex="-1">
  14884.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;8&#x20;tot&#x20;10kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;31x17cm" title="Zoutlamp&#x20;8&#x20;tot&#x20;10kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;31x17cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_6-8kg_3__1.jpg" width="360" height="360" loading="lazy"></picture>
  14885.                                        </a>
  14886.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14887.                                                                                            <div x-data="initWishlist()">
  14888.                                                    <button
  14889.                                                        @click="addToWishlist(8301)"
  14890.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;8&#x20;tot&#x20;10kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;31x17cm"
  14891.                                                        type="button"
  14892.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14893.                                                        data-addto="wishlist">
  14894.                                                        <span class="icon-heart text-2xl"></span>
  14895.                                                    </button>
  14896.                                                </div>
  14897.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14898.                                                    <button
  14899.                                                        @click="addToCompare(8301)"
  14900.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;8&#x20;tot&#x20;10kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;31x17cm"
  14901.                                                        type="button"
  14902.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  14903.                                                        data-addto="compare">
  14904.                                                        <span class="icon-balance text-2xl"></span>
  14905.                                                    </button>
  14906.                                                </div>
  14907.                                                                                    </div>
  14908.                                        <div class="product-info flex flex-col grow">
  14909.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14910.                                                <a
  14911.                                                    class="product-item-link"
  14912.                                                    href="https://www.lalashops.nl/zoutlamp-8-tot-10-kg-met-led-lamp-energiezuinig-himalayazout-ca-31x17cm"
  14913.                                                    :id="`slide-desc-8301-${$id('slider-id')}`">
  14914.                                                    Zoutlamp 8 tot 10kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 31x17cm                                                </a>
  14915.                                            </div>
  14916.  
  14917.  
  14918.                                                                                                                                        
  14919.  
  14920.  
  14921.                                            
  14922.                                            <div class="pt-1 text-gray-900"
  14923.                                                x-defer="intersect"
  14924.                                                @update-prices-8301.window="updatePrice($event.detail);">
  14925.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8301" data-price-box="product-id-8301">
  14926.    <span class="special-price">
  14927.        <span
  14928.    x-data x-id="['product\u002Dprice\u002D8301']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14929.        >
  14930.            <span class="price-label">Special Price</span>
  14931.        <span  :id="$id('product\u002Dprice\u002D8301')"                data-price-amount="31.95"
  14932.        data-price-type="finalPrice"
  14933.        class="price-wrapper "
  14934.    ><span class="price">€ 31,95</span></span>
  14935.        </span>
  14936.    </span>
  14937.    <span class="old-price">
  14938.        <span
  14939.    x-data x-id="['old\u002Dprice\u002D8301']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14940.        >
  14941.            <span class="price-label">Regular Price</span>
  14942.        <span  :id="$id('old\u002Dprice\u002D8301')"                data-price-amount="36.95"
  14943.        data-price-type="oldPrice"
  14944.        class="price-wrapper "
  14945.    ><span class="price">€ 36,95</span></span>
  14946.        </span>
  14947.    </span>
  14948.  
  14949. </div>                                            </div>
  14950.  
  14951.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14952.            ">
  14953.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14954.                                                                                                                    <button
  14955.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14956.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14957.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;8&#x20;tot&#x20;10kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;31x17cm"
  14958.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;8&#x20;tot&#x20;10kg&#x20;-&#x20;MET&#x20;LED&#x20;LAMP&#x20;-&#x20;Energiezuinig&#x20;-&#x20;Himalayazout&#x20;-&#x20;ca.&#x20;31x17cm"
  14959.                                                                data-addto="cart">
  14960.                                                                <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">
  14961.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  14962. </svg>
  14963.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14964.                                                                    In Winkelwagen                                                                </span>
  14965.                                                            </button>
  14966.                                                                                                            </div>
  14967.  
  14968.                                                                                            </div>
  14969.                                        </div>
  14970.                                                                                                                        </form>
  14971.                                
  14972.                </li>
  14973.                                        
  14974.                            <li class="swiper-slide">
  14975.                                                                    <form method="post"
  14976.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8300/"
  14977.                                        x-data="{
  14978.        hovered: false,
  14979.        grid: true ,
  14980.        isMobile: false,
  14981.        isMobileFunc () {
  14982.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14983.        }
  14984.    }"
  14985.                                        x-init="
  14986.        isMobileFunc();
  14987.        const labelClass = '.amlabel-position-top-right-8300-prod';
  14988.        const labels = document.querySelectorAll(labelClass);
  14989.  
  14990.        $watch('hovered', value => {
  14991.            if (value) {
  14992.                labels.forEach(el => el.style.opacity = '0');
  14993.            } else {
  14994.                labels.forEach(el => el.style.opacity = '1');
  14995.            }
  14996.        });
  14997.    "
  14998.                                        @mouseenter="hovered = true"
  14999.                                        @mouseleave="hovered = false"
  15000.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15001.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15002.                                        >
  15003.                                        <style>
  15004.                                            /* Generate styling for the label based on the product ID */
  15005.                                            .amlabel-position-top-right-8300-prod {
  15006.                                                transition: opacity 0.3s ease;
  15007.                                            }
  15008.                                        </style>
  15009.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8300" />
  15010.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-4-6-kg-100-natuurlijk-himalaya-zout-licht-extra-lange-kabel-1-8mtr-met-led-lampje-ca-25x15cm-energiezuinig-lampzout4-6kglichtled"
  15011.                                            title="Zoutlamp 4-6kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met LED Lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 25x15cm"
  15012.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15013.                                            tabindex="-1">
  15014.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_1x_led_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;4-6kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;25x15cm" title="Zoutlamp&#x20;4-6kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;25x15cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_1x_led_1.png" width="360" height="360" loading="lazy"></picture>
  15015.                                        </a>
  15016.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15017.                                                                                            <div x-data="initWishlist()">
  15018.                                                    <button
  15019.                                                        @click="addToWishlist(8300)"
  15020.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;4-6kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;25x15cm"
  15021.                                                        type="button"
  15022.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15023.                                                        data-addto="wishlist">
  15024.                                                        <span class="icon-heart text-2xl"></span>
  15025.                                                    </button>
  15026.                                                </div>
  15027.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15028.                                                    <button
  15029.                                                        @click="addToCompare(8300)"
  15030.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;4-6kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;25x15cm"
  15031.                                                        type="button"
  15032.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15033.                                                        data-addto="compare">
  15034.                                                        <span class="icon-balance text-2xl"></span>
  15035.                                                    </button>
  15036.                                                </div>
  15037.                                                                                    </div>
  15038.                                        <div class="product-info flex flex-col grow">
  15039.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15040.                                                <a
  15041.                                                    class="product-item-link"
  15042.                                                    href="https://www.lalashops.nl/zoutlamp-4-6-kg-100-natuurlijk-himalaya-zout-licht-extra-lange-kabel-1-8mtr-met-led-lampje-ca-25x15cm-energiezuinig-lampzout4-6kglichtled"
  15043.                                                    :id="`slide-desc-8300-${$id('slider-id')}`">
  15044.                                                    Zoutlamp 4-6kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met LED Lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 25x15cm                                                </a>
  15045.                                            </div>
  15046.  
  15047.  
  15048.                                                                                                                                        
  15049.  
  15050.  
  15051.                                            
  15052.                                            <div class="pt-1 text-gray-900"
  15053.                                                x-defer="intersect"
  15054.                                                @update-prices-8300.window="updatePrice($event.detail);">
  15055.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8300" data-price-box="product-id-8300">
  15056.    <span class="special-price">
  15057.        <span
  15058.    x-data x-id="['product\u002Dprice\u002D8300']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15059.        >
  15060.            <span class="price-label">Special Price</span>
  15061.        <span  :id="$id('product\u002Dprice\u002D8300')"                data-price-amount="18.95"
  15062.        data-price-type="finalPrice"
  15063.        class="price-wrapper "
  15064.    ><span class="price">€ 18,95</span></span>
  15065.        </span>
  15066.    </span>
  15067.    <span class="old-price">
  15068.        <span
  15069.    x-data x-id="['old\u002Dprice\u002D8300']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15070.        >
  15071.            <span class="price-label">Regular Price</span>
  15072.        <span  :id="$id('old\u002Dprice\u002D8300')"                data-price-amount="21.95"
  15073.        data-price-type="oldPrice"
  15074.        class="price-wrapper "
  15075.    ><span class="price">€ 21,95</span></span>
  15076.        </span>
  15077.    </span>
  15078.  
  15079. </div>                                            </div>
  15080.  
  15081.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15082.            ">
  15083.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15084.                                                                                                                    <button
  15085.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15086.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15087.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;4-6kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;25x15cm"
  15088.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;4-6kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;25x15cm"
  15089.                                                                data-addto="cart">
  15090.                                                                <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">
  15091.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15092. </svg>
  15093.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15094.                                                                    In Winkelwagen                                                                </span>
  15095.                                                            </button>
  15096.                                                                                                            </div>
  15097.  
  15098.                                                                                            </div>
  15099.                                        </div>
  15100.                                                                                                                        </form>
  15101.                                
  15102.                </li>
  15103.                                        
  15104.                            <li class="swiper-slide">
  15105.                                                                    <form method="post"
  15106.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8296/"
  15107.                                        x-data="{
  15108.        hovered: false,
  15109.        grid: true ,
  15110.        isMobile: false,
  15111.        isMobileFunc () {
  15112.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15113.        }
  15114.    }"
  15115.                                        x-init="
  15116.        isMobileFunc();
  15117.        const labelClass = '.amlabel-position-top-right-8296-prod';
  15118.        const labels = document.querySelectorAll(labelClass);
  15119.  
  15120.        $watch('hovered', value => {
  15121.            if (value) {
  15122.                labels.forEach(el => el.style.opacity = '0');
  15123.            } else {
  15124.                labels.forEach(el => el.style.opacity = '1');
  15125.            }
  15126.        });
  15127.    "
  15128.                                        @mouseenter="hovered = true"
  15129.                                        @mouseleave="hovered = false"
  15130.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15131.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15132.                                        >
  15133.                                        <style>
  15134.                                            /* Generate styling for the label based on the product ID */
  15135.                                            .amlabel-position-top-right-8296-prod {
  15136.                                                transition: opacity 0.3s ease;
  15137.                                            }
  15138.                                        </style>
  15139.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8296" />
  15140.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-2-tot-4-kg-met-led-lamp-energiezuinig-himalayazout-ca-19x12cm-kh_lamproze2_4led"
  15141.                                            title="Zoutlamp 2-4kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met LED Lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 20x13cm"
  15142.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15143.                                            tabindex="-1">
  15144.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_1x_led.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;2-4kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm" title="Zoutlamp&#x20;2-4kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/a/saltlamp_main_1x_led.png" width="360" height="360" loading="lazy"></picture>
  15145.                                        </a>
  15146.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15147.                                                                                            <div x-data="initWishlist()">
  15148.                                                    <button
  15149.                                                        @click="addToWishlist(8296)"
  15150.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  15151.                                                        type="button"
  15152.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15153.                                                        data-addto="wishlist">
  15154.                                                        <span class="icon-heart text-2xl"></span>
  15155.                                                    </button>
  15156.                                                </div>
  15157.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15158.                                                    <button
  15159.                                                        @click="addToCompare(8296)"
  15160.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  15161.                                                        type="button"
  15162.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15163.                                                        data-addto="compare">
  15164.                                                        <span class="icon-balance text-2xl"></span>
  15165.                                                    </button>
  15166.                                                </div>
  15167.                                                                                    </div>
  15168.                                        <div class="product-info flex flex-col grow">
  15169.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15170.                                                <a
  15171.                                                    class="product-item-link"
  15172.                                                    href="https://www.lalashops.nl/zoutlamp-2-tot-4-kg-met-led-lamp-energiezuinig-himalayazout-ca-19x12cm-kh_lamproze2_4led"
  15173.                                                    :id="`slide-desc-8296-${$id('slider-id')}`">
  15174.                                                    Zoutlamp 2-4kg met LEDLAMP - Himalaya Zout 100% Natuurlijk - Tafellamp met LED Lamp van Natuurlijk Haliet Zoutkristal met Sfeervol Warm Licht - Extra Lange Kabel 1.8mtr - ca. 20x13cm                                                </a>
  15175.                                            </div>
  15176.  
  15177.  
  15178.                                                                                                                                        
  15179.  
  15180.  
  15181.                                            
  15182.                                            <div class="pt-1 text-gray-900"
  15183.                                                x-defer="intersect"
  15184.                                                @update-prices-8296.window="updatePrice($event.detail);">
  15185.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8296" data-price-box="product-id-8296">
  15186.    <span class="special-price">
  15187.        <span
  15188.    x-data x-id="['product\u002Dprice\u002D8296']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15189.        >
  15190.            <span class="price-label">Special Price</span>
  15191.        <span  :id="$id('product\u002Dprice\u002D8296')"                data-price-amount="14.5"
  15192.        data-price-type="finalPrice"
  15193.        class="price-wrapper "
  15194.    ><span class="price">€ 14,50</span></span>
  15195.        </span>
  15196.    </span>
  15197.    <span class="old-price">
  15198.        <span
  15199.    x-data x-id="['old\u002Dprice\u002D8296']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15200.        >
  15201.            <span class="price-label">Regular Price</span>
  15202.        <span  :id="$id('old\u002Dprice\u002D8296')"                data-price-amount="16.95"
  15203.        data-price-type="oldPrice"
  15204.        class="price-wrapper "
  15205.    ><span class="price">€ 16,95</span></span>
  15206.        </span>
  15207.    </span>
  15208.  
  15209. </div>                                            </div>
  15210.  
  15211.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15212.            ">
  15213.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15214.                                                                                                                    <button
  15215.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15216.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15217.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  15218.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;2-4kg&#x20;met&#x20;LEDLAMP&#x20;-&#x20;Himalaya&#x20;Zout&#x20;100&#x25;&#x20;Natuurlijk&#x20;-&#x20;Tafellamp&#x20;met&#x20;LED&#x20;Lamp&#x20;van&#x20;Natuurlijk&#x20;Haliet&#x20;Zoutkristal&#x20;met&#x20;Sfeervol&#x20;Warm&#x20;Licht&#x20;-&#x20;Extra&#x20;Lange&#x20;Kabel&#x20;1.8mtr&#x20;-&#x20;ca.&#x20;20x13cm"
  15219.                                                                data-addto="cart">
  15220.                                                                <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">
  15221.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15222. </svg>
  15223.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15224.                                                                    In Winkelwagen                                                                </span>
  15225.                                                            </button>
  15226.                                                                                                            </div>
  15227.  
  15228.                                                                                            </div>
  15229.                                        </div>
  15230.                                                                                                                        </form>
  15231.                                
  15232.                </li>
  15233.                                        
  15234.                            <li class="swiper-slide">
  15235.                                                                    <form method="post"
  15236.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8132/"
  15237.                                        x-data="{
  15238.        hovered: false,
  15239.        grid: true ,
  15240.        isMobile: false,
  15241.        isMobileFunc () {
  15242.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15243.        }
  15244.    }"
  15245.                                        x-init="
  15246.        isMobileFunc();
  15247.        const labelClass = '.amlabel-position-top-right-8132-prod';
  15248.        const labels = document.querySelectorAll(labelClass);
  15249.  
  15250.        $watch('hovered', value => {
  15251.            if (value) {
  15252.                labels.forEach(el => el.style.opacity = '0');
  15253.            } else {
  15254.                labels.forEach(el => el.style.opacity = '1');
  15255.            }
  15256.        });
  15257.    "
  15258.                                        @mouseenter="hovered = true"
  15259.                                        @mouseleave="hovered = false"
  15260.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15261.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15262.                                        >
  15263.                                        <style>
  15264.                                            /* Generate styling for the label based on the product ID */
  15265.                                            .amlabel-position-top-right-8132-prod {
  15266.                                                transition: opacity 0.3s ease;
  15267.                                            }
  15268.                                        </style>
  15269.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8132" />
  15270.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-lamphaliet2tot3kgc1"
  15271.                                            title="Zoutlamp 2 tot 3 kg - Haliet Zoutsteen uit Himalaya gebergte - c.a. 22x12cm"
  15272.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15273.                                            tabindex="-1">
  15274.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_2__7.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;2&#x20;tot&#x20;3&#x20;kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;22x12cm" title="Zoutlamp&#x20;2&#x20;tot&#x20;3&#x20;kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;22x12cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_2__7.jpg" width="360" height="360" loading="lazy"></picture>
  15275.                                        </a>
  15276.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15277.                                                                                            <div x-data="initWishlist()">
  15278.                                                    <button
  15279.                                                        @click="addToWishlist(8132)"
  15280.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;2&#x20;tot&#x20;3&#x20;kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;22x12cm"
  15281.                                                        type="button"
  15282.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15283.                                                        data-addto="wishlist">
  15284.                                                        <span class="icon-heart text-2xl"></span>
  15285.                                                    </button>
  15286.                                                </div>
  15287.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15288.                                                    <button
  15289.                                                        @click="addToCompare(8132)"
  15290.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;2&#x20;tot&#x20;3&#x20;kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;22x12cm"
  15291.                                                        type="button"
  15292.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15293.                                                        data-addto="compare">
  15294.                                                        <span class="icon-balance text-2xl"></span>
  15295.                                                    </button>
  15296.                                                </div>
  15297.                                                                                    </div>
  15298.                                        <div class="product-info flex flex-col grow">
  15299.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15300.                                                <a
  15301.                                                    class="product-item-link"
  15302.                                                    href="https://www.lalashops.nl/zoutlamp-lamphaliet2tot3kgc1"
  15303.                                                    :id="`slide-desc-8132-${$id('slider-id')}`">
  15304.                                                    Zoutlamp 2 tot 3 kg - Haliet Zoutsteen uit Himalaya gebergte - c.a. 22x12cm                                                </a>
  15305.                                            </div>
  15306.  
  15307.  
  15308.                                                                                                                                        
  15309.  
  15310.  
  15311.                                            
  15312.                                            <div class="pt-1 text-gray-900"
  15313.                                                x-defer="intersect"
  15314.                                                @update-prices-8132.window="updatePrice($event.detail);">
  15315.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8132" data-price-box="product-id-8132">
  15316.    <span class="special-price">
  15317.        <span
  15318.    x-data x-id="['product\u002Dprice\u002D8132']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15319.        >
  15320.            <span class="price-label">Special Price</span>
  15321.        <span  :id="$id('product\u002Dprice\u002D8132')"                data-price-amount="12.5"
  15322.        data-price-type="finalPrice"
  15323.        class="price-wrapper "
  15324.    ><span class="price">€ 12,50</span></span>
  15325.        </span>
  15326.    </span>
  15327.    <span class="old-price">
  15328.        <span
  15329.    x-data x-id="['old\u002Dprice\u002D8132']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15330.        >
  15331.            <span class="price-label">Regular Price</span>
  15332.        <span  :id="$id('old\u002Dprice\u002D8132')"                data-price-amount="14.95"
  15333.        data-price-type="oldPrice"
  15334.        class="price-wrapper "
  15335.    ><span class="price">€ 14,95</span></span>
  15336.        </span>
  15337.    </span>
  15338.  
  15339. </div>                                            </div>
  15340.  
  15341.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15342.            ">
  15343.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15344.                                                                                                                    <button
  15345.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15346.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15347.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;2&#x20;tot&#x20;3&#x20;kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;22x12cm"
  15348.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;2&#x20;tot&#x20;3&#x20;kg&#x20;-&#x20;Haliet&#x20;Zoutsteen&#x20;uit&#x20;Himalaya&#x20;gebergte&#x20;-&#x20;c.a.&#x20;22x12cm"
  15349.                                                                data-addto="cart">
  15350.                                                                <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">
  15351.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15352. </svg>
  15353.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15354.                                                                    In Winkelwagen                                                                </span>
  15355.                                                            </button>
  15356.                                                                                                            </div>
  15357.  
  15358.                                                                                            </div>
  15359.                                        </div>
  15360.                                                                                                                        </form>
  15361.                                
  15362.                </li>
  15363.                            </div>
  15364.  
  15365.        </div>
  15366.  
  15367.        <script>
  15368.            (function() {
  15369.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  15370.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  15371.  
  15372.                // Load Swiper CSS
  15373.                if (typeof window.SwiperCSS === 'undefined') {
  15374.                    const style = document.createElement("link");
  15375.                    style.rel = "stylesheet";
  15376.                    style.type = "text/css";
  15377.                    style.href = swiperCssUrl;
  15378.  
  15379.                    const insertAt = document.getElementsByTagName('link')[0];
  15380.                    if (insertAt) {
  15381.                        insertAt.parentNode.insertBefore(style, insertAt);
  15382.                    } else {
  15383.                        document.head.appendChild(style);
  15384.                    }
  15385.                    window.SwiperCSS = 'loaded';
  15386.                }
  15387.  
  15388.                function initSwiper() {
  15389.                    new Swiper('.swiper-container', {
  15390.                        loop: false,
  15391.                        slidesPerView: 1,
  15392.                        spaceBetween: 16,
  15393.                        autoplay: false,
  15394.                        navigation: {
  15395.                            nextEl: '.swiper-button-next',
  15396.                            prevEl: '.swiper-button-prev',
  15397.                        },
  15398.                        breakpoints: {
  15399.                            480: {
  15400.                                slidesPerView: 1.6,
  15401.                                spaceBetween: 16,
  15402.                            },
  15403.                            768: {
  15404.                                slidesPerView: 2.6,
  15405.                                spaceBetween: 16,
  15406.                            },
  15407.                            1024: {
  15408.                                slidesPerView: 3.6,
  15409.                                spaceBetween: 16,
  15410.                            },
  15411.                            1280: {
  15412.                                slidesPerView: 4.6,
  15413.                                spaceBetween: 16,
  15414.                            }
  15415.                        },
  15416.                    });
  15417.                }
  15418.  
  15419.                if (typeof window.Swiper === 'function') {
  15420.                    initSwiper();
  15421.                } else {
  15422.                    // Load Swiper JS
  15423.                    const scriptSource = swiperJsUrl;
  15424.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  15425.  
  15426.                    if (pendingLoadScript) {
  15427.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  15428.                        return;
  15429.                    }
  15430.  
  15431.                    const script = document.createElement('script');
  15432.                    script.src = scriptSource;
  15433.                    script.async = true;
  15434.  
  15435.                    script.addEventListener('load', () => initSwiper());
  15436.                    document.head.appendChild(script);
  15437.                }
  15438.            })();
  15439.  
  15440.            window.addEventListener("load", function() {
  15441.                if (window.innerWidth > 479) {
  15442.                    let maxHeight = 0;
  15443.  
  15444.                    // Get all slides
  15445.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  15446.  
  15447.                    // Find the tallest slide
  15448.                    slides.forEach(slide => {
  15449.                        const slideHeight = slide.offsetHeight;
  15450.                        if (slideHeight > maxHeight) {
  15451.                            maxHeight = slideHeight;
  15452.                        }
  15453.                    });
  15454.  
  15455.                    // Set the height of all slides and the swiper-wrapper to the max height
  15456.                    slides.forEach(slide => {
  15457.                        slide.style.height = `${maxHeight}px`;
  15458.                    });
  15459.  
  15460.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  15461.                    if (swiperWrapper) {
  15462.                        swiperWrapper.style.height = `${maxHeight}px`;
  15463.                    }
  15464.                }
  15465.            });
  15466.        </script>
  15467.    </div>
  15468. </section>
  15469. </div>
  15470. <template x-data="initAmWidgetLabels__68985b51ddd7f" x-init="initLabels($el)"></template>
  15471.  
  15472. <script>
  15473.    function initAmWidgetLabels__68985b51ddd7f() {
  15474.        return {
  15475.            initLabels($el) {
  15476.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  15477.                const widgetContainer = $el?.previousElementSibling;
  15478.  
  15479.                labels.forEach((productLabel, index) => {
  15480.                    const productSelector = `li:nth-child(${index + 1})`;
  15481.                    const productContainer = widgetContainer?.querySelector(productSelector);
  15482.                    if (productContainer) {
  15483.                        const labelClass = 'am-label_68985b51ddd7f' + index;
  15484.                        productContainer.innerHTML += productLabel;
  15485.                        productContainer.classList.add(labelClass);
  15486.                        hyva.replaceDomElement(
  15487.                            '.' + labelClass,
  15488.                            productContainer?.outerHTML
  15489.                        );
  15490.                    }
  15491.                });
  15492.            }
  15493.        }
  15494.    }
  15495. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  15496.    <section
  15497.                        class="super-margin hyva-category
  15498.                        ">
  15499.  
  15500.        <div class="">
  15501.  
  15502.  
  15503.            
  15504.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  15505.  
  15506.                
  15507.                <div class="swiper-container pb-8" data-id-category="evuhwmwubnov1dmvzwiydde9hst4dsll">
  15508.  
  15509.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  15510.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  15511.                                Sieraden en <span class="font-bold">Kunst</span>                            </h2>
  15512.                        
  15513.                        <!-- Add Navigation Arrows -->
  15514.                        <div class="flex gap-4 lg:gap-12">
  15515.                            <div id="swiper-button-prev-evuhwmwubnov1dmvzwiydde9hst4dsll" class="swiper-button-prev !static"></div>
  15516.                            <div id="swiper-button-next-evuhwmwubnov1dmvzwiydde9hst4dsll" class="swiper-button-next !static"></div>
  15517.                        </div>
  15518.                    </div>
  15519.  
  15520.                    <div class="hyva-category-content ">
  15521.                                            </div>
  15522.  
  15523.                    <div class="swiper-wrapper list-none">
  15524.                                                    
  15525.                            <li class="swiper-slide">
  15526.                                                                    <form method="post"
  15527.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9870/"
  15528.                                        x-data="{
  15529.        hovered: false,
  15530.        grid: true ,
  15531.        isMobile: false,
  15532.        isMobileFunc () {
  15533.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15534.        }
  15535.    }"
  15536.                                        x-init="
  15537.        isMobileFunc();
  15538.        const labelClass = '.amlabel-position-top-right-9870-prod';
  15539.        const labels = document.querySelectorAll(labelClass);
  15540.  
  15541.        $watch('hovered', value => {
  15542.            if (value) {
  15543.                labels.forEach(el => el.style.opacity = '0');
  15544.            } else {
  15545.                labels.forEach(el => el.style.opacity = '1');
  15546.            }
  15547.        });
  15548.    "
  15549.                                        @mouseenter="hovered = true"
  15550.                                        @mouseleave="hovered = false"
  15551.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15552.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15553.                                        >
  15554.                                        <style>
  15555.                                            /* Generate styling for the label based on the product ID */
  15556.                                            .amlabel-position-top-right-9870-prod {
  15557.                                                transition: opacity 0.3s ease;
  15558.                                            }
  15559.                                        </style>
  15560.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9870" />
  15561.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-jade-edelsteen-hangerjade"
  15562.                                            title="Hanger Jade Edelsteen"
  15563.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15564.                                            tabindex="-1">
  15565.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110989-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Jade&#x20;Edelsteen" title="Hanger&#x20;Jade&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110989-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  15566.                                        </a>
  15567.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15568.                                                                                            <div x-data="initWishlist()">
  15569.                                                    <button
  15570.                                                        @click="addToWishlist(9870)"
  15571.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15572.                                                        type="button"
  15573.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15574.                                                        data-addto="wishlist">
  15575.                                                        <span class="icon-heart text-2xl"></span>
  15576.                                                    </button>
  15577.                                                </div>
  15578.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15579.                                                    <button
  15580.                                                        @click="addToCompare(9870)"
  15581.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15582.                                                        type="button"
  15583.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15584.                                                        data-addto="compare">
  15585.                                                        <span class="icon-balance text-2xl"></span>
  15586.                                                    </button>
  15587.                                                </div>
  15588.                                                                                    </div>
  15589.                                        <div class="product-info flex flex-col grow">
  15590.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15591.                                                <a
  15592.                                                    class="product-item-link"
  15593.                                                    href="https://www.lalashops.nl/hanger-jade-edelsteen-hangerjade"
  15594.                                                    :id="`slide-desc-9870-${$id('slider-id')}`">
  15595.                                                    Hanger Jade Edelsteen                                                </a>
  15596.                                            </div>
  15597.  
  15598.  
  15599.                                                                                                                                        
  15600.  
  15601.  
  15602.                                            
  15603.                                            <div class="pt-1 text-gray-900"
  15604.                                                x-defer="intersect"
  15605.                                                @update-prices-9870.window="updatePrice($event.detail);">
  15606.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9870" data-price-box="product-id-9870">
  15607.    <span
  15608.    x-data x-id="['product\u002Dprice\u002D9870']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15609.        >
  15610.        <span  :id="$id('product\u002Dprice\u002D9870')"                data-price-amount="3.95"
  15611.        data-price-type="finalPrice"
  15612.        class="price-wrapper "
  15613.    ><span class="price">€ 3,95</span></span>
  15614.        </span>
  15615.  
  15616. </div>                                            </div>
  15617.  
  15618.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15619.            ">
  15620.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15621.                                                                                                                    <button
  15622.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15623.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15624.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15625.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15626.                                                                data-addto="cart">
  15627.                                                                <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">
  15628.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15629. </svg>
  15630.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15631.                                                                    In Winkelwagen                                                                </span>
  15632.                                                            </button>
  15633.                                                                                                            </div>
  15634.  
  15635.                                                                                            </div>
  15636.                                        </div>
  15637.                                                                                                                        </form>
  15638.                                
  15639.                </li>
  15640.                                        
  15641.                            <li class="swiper-slide">
  15642.                                                                    <form method="post"
  15643.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9869/"
  15644.                                        x-data="{
  15645.        hovered: false,
  15646.        grid: true ,
  15647.        isMobile: false,
  15648.        isMobileFunc () {
  15649.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15650.        }
  15651.    }"
  15652.                                        x-init="
  15653.        isMobileFunc();
  15654.        const labelClass = '.amlabel-position-top-right-9869-prod';
  15655.        const labels = document.querySelectorAll(labelClass);
  15656.  
  15657.        $watch('hovered', value => {
  15658.            if (value) {
  15659.                labels.forEach(el => el.style.opacity = '0');
  15660.            } else {
  15661.                labels.forEach(el => el.style.opacity = '1');
  15662.            }
  15663.        });
  15664.    "
  15665.                                        @mouseenter="hovered = true"
  15666.                                        @mouseleave="hovered = false"
  15667.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15668.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15669.                                        >
  15670.                                        <style>
  15671.                                            /* Generate styling for the label based on the product ID */
  15672.                                            .amlabel-position-top-right-9869-prod {
  15673.                                                transition: opacity 0.3s ease;
  15674.                                            }
  15675.                                        </style>
  15676.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9869" />
  15677.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-gele-calciet-edelsteen-hangergelecalciet"
  15678.                                            title="Hanger Gele Calciet Edelsteen"
  15679.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15680.                                            tabindex="-1">
  15681.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110957-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen" title="Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110957-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  15682.                                        </a>
  15683.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15684.                                                                                            <div x-data="initWishlist()">
  15685.                                                    <button
  15686.                                                        @click="addToWishlist(9869)"
  15687.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  15688.                                                        type="button"
  15689.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15690.                                                        data-addto="wishlist">
  15691.                                                        <span class="icon-heart text-2xl"></span>
  15692.                                                    </button>
  15693.                                                </div>
  15694.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15695.                                                    <button
  15696.                                                        @click="addToCompare(9869)"
  15697.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  15698.                                                        type="button"
  15699.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15700.                                                        data-addto="compare">
  15701.                                                        <span class="icon-balance text-2xl"></span>
  15702.                                                    </button>
  15703.                                                </div>
  15704.                                                                                    </div>
  15705.                                        <div class="product-info flex flex-col grow">
  15706.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15707.                                                <a
  15708.                                                    class="product-item-link"
  15709.                                                    href="https://www.lalashops.nl/hanger-gele-calciet-edelsteen-hangergelecalciet"
  15710.                                                    :id="`slide-desc-9869-${$id('slider-id')}`">
  15711.                                                    Hanger Gele Calciet Edelsteen                                                </a>
  15712.                                            </div>
  15713.  
  15714.  
  15715.                                                                                                                                        
  15716.  
  15717.  
  15718.                                            
  15719.                                            <div class="pt-1 text-gray-900"
  15720.                                                x-defer="intersect"
  15721.                                                @update-prices-9869.window="updatePrice($event.detail);">
  15722.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9869" data-price-box="product-id-9869">
  15723.    <span
  15724.    x-data x-id="['product\u002Dprice\u002D9869']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15725.        >
  15726.        <span  :id="$id('product\u002Dprice\u002D9869')"                data-price-amount="4.95"
  15727.        data-price-type="finalPrice"
  15728.        class="price-wrapper "
  15729.    ><span class="price">€ 4,95</span></span>
  15730.        </span>
  15731.  
  15732. </div>                                            </div>
  15733.  
  15734.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15735.            ">
  15736.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15737.                                                                                                                    <button
  15738.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15739.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15740.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  15741.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  15742.                                                                data-addto="cart">
  15743.                                                                <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">
  15744.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15745. </svg>
  15746.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15747.                                                                    In Winkelwagen                                                                </span>
  15748.                                                            </button>
  15749.                                                                                                            </div>
  15750.  
  15751.                                                                                            </div>
  15752.                                        </div>
  15753.                                                                                                                        </form>
  15754.                                
  15755.                </li>
  15756.                                        
  15757.                            <li class="swiper-slide">
  15758.                                                                    <form method="post"
  15759.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9868/"
  15760.                                        x-data="{
  15761.        hovered: false,
  15762.        grid: true ,
  15763.        isMobile: false,
  15764.        isMobileFunc () {
  15765.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15766.        }
  15767.    }"
  15768.                                        x-init="
  15769.        isMobileFunc();
  15770.        const labelClass = '.amlabel-position-top-right-9868-prod';
  15771.        const labels = document.querySelectorAll(labelClass);
  15772.  
  15773.        $watch('hovered', value => {
  15774.            if (value) {
  15775.                labels.forEach(el => el.style.opacity = '0');
  15776.            } else {
  15777.                labels.forEach(el => el.style.opacity = '1');
  15778.            }
  15779.        });
  15780.    "
  15781.                                        @mouseenter="hovered = true"
  15782.                                        @mouseleave="hovered = false"
  15783.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15784.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15785.                                        >
  15786.                                        <style>
  15787.                                            /* Generate styling for the label based on the product ID */
  15788.                                            .amlabel-position-top-right-9868-prod {
  15789.                                                transition: opacity 0.3s ease;
  15790.                                            }
  15791.                                        </style>
  15792.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9868" />
  15793.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-agaat-edelsteen-hangeragaat"
  15794.                                            title="Hanger Agaat Edelsteen"
  15795.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15796.                                            tabindex="-1">
  15797.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110922-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Agaat&#x20;Edelsteen" title="Hanger&#x20;Agaat&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110922-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  15798.                                        </a>
  15799.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15800.                                                                                            <div x-data="initWishlist()">
  15801.                                                    <button
  15802.                                                        @click="addToWishlist(9868)"
  15803.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  15804.                                                        type="button"
  15805.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15806.                                                        data-addto="wishlist">
  15807.                                                        <span class="icon-heart text-2xl"></span>
  15808.                                                    </button>
  15809.                                                </div>
  15810.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15811.                                                    <button
  15812.                                                        @click="addToCompare(9868)"
  15813.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  15814.                                                        type="button"
  15815.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15816.                                                        data-addto="compare">
  15817.                                                        <span class="icon-balance text-2xl"></span>
  15818.                                                    </button>
  15819.                                                </div>
  15820.                                                                                    </div>
  15821.                                        <div class="product-info flex flex-col grow">
  15822.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15823.                                                <a
  15824.                                                    class="product-item-link"
  15825.                                                    href="https://www.lalashops.nl/hanger-agaat-edelsteen-hangeragaat"
  15826.                                                    :id="`slide-desc-9868-${$id('slider-id')}`">
  15827.                                                    Hanger Agaat Edelsteen                                                </a>
  15828.                                            </div>
  15829.  
  15830.  
  15831.                                                                                                                                        
  15832.  
  15833.  
  15834.                                            
  15835.                                            <div class="pt-1 text-gray-900"
  15836.                                                x-defer="intersect"
  15837.                                                @update-prices-9868.window="updatePrice($event.detail);">
  15838.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9868" data-price-box="product-id-9868">
  15839.    <span
  15840.    x-data x-id="['product\u002Dprice\u002D9868']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15841.        >
  15842.        <span  :id="$id('product\u002Dprice\u002D9868')"                data-price-amount="3.95"
  15843.        data-price-type="finalPrice"
  15844.        class="price-wrapper "
  15845.    ><span class="price">€ 3,95</span></span>
  15846.        </span>
  15847.  
  15848. </div>                                            </div>
  15849.  
  15850.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15851.            ">
  15852.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15853.                                                                                                                    <button
  15854.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15855.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15856.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  15857.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  15858.                                                                data-addto="cart">
  15859.                                                                <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">
  15860.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15861. </svg>
  15862.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15863.                                                                    In Winkelwagen                                                                </span>
  15864.                                                            </button>
  15865.                                                                                                            </div>
  15866.  
  15867.                                                                                            </div>
  15868.                                        </div>
  15869.                                                                                                                        </form>
  15870.                                
  15871.                </li>
  15872.                                        
  15873.                            <li class="swiper-slide">
  15874.                                                                    <form method="post"
  15875.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9867/"
  15876.                                        x-data="{
  15877.        hovered: false,
  15878.        grid: true ,
  15879.        isMobile: false,
  15880.        isMobileFunc () {
  15881.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15882.        }
  15883.    }"
  15884.                                        x-init="
  15885.        isMobileFunc();
  15886.        const labelClass = '.amlabel-position-top-right-9867-prod';
  15887.        const labels = document.querySelectorAll(labelClass);
  15888.  
  15889.        $watch('hovered', value => {
  15890.            if (value) {
  15891.                labels.forEach(el => el.style.opacity = '0');
  15892.            } else {
  15893.                labels.forEach(el => el.style.opacity = '1');
  15894.            }
  15895.        });
  15896.    "
  15897.                                        @mouseenter="hovered = true"
  15898.                                        @mouseleave="hovered = false"
  15899.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15900.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15901.                                        >
  15902.                                        <style>
  15903.                                            /* Generate styling for the label based on the product ID */
  15904.                                            .amlabel-position-top-right-9867-prod {
  15905.                                                transition: opacity 0.3s ease;
  15906.                                            }
  15907.                                        </style>
  15908.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9867" />
  15909.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-aventurijn-edelsteen-hangergroeneaventurijn"
  15910.                                            title="Hanger Groene Aventurijn Edelsteen"
  15911.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15912.                                            tabindex="-1">
  15913.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110871-2-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Aventurijn&#x20;Edelsteen" title="Hanger&#x20;Aventurijn&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110871-2-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  15914.                                        </a>
  15915.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15916.                                                                                            <div x-data="initWishlist()">
  15917.                                                    <button
  15918.                                                        @click="addToWishlist(9867)"
  15919.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  15920.                                                        type="button"
  15921.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15922.                                                        data-addto="wishlist">
  15923.                                                        <span class="icon-heart text-2xl"></span>
  15924.                                                    </button>
  15925.                                                </div>
  15926.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15927.                                                    <button
  15928.                                                        @click="addToCompare(9867)"
  15929.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  15930.                                                        type="button"
  15931.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  15932.                                                        data-addto="compare">
  15933.                                                        <span class="icon-balance text-2xl"></span>
  15934.                                                    </button>
  15935.                                                </div>
  15936.                                                                                    </div>
  15937.                                        <div class="product-info flex flex-col grow">
  15938.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15939.                                                <a
  15940.                                                    class="product-item-link"
  15941.                                                    href="https://www.lalashops.nl/hanger-aventurijn-edelsteen-hangergroeneaventurijn"
  15942.                                                    :id="`slide-desc-9867-${$id('slider-id')}`">
  15943.                                                    Hanger Groene Aventurijn Edelsteen                                                </a>
  15944.                                            </div>
  15945.  
  15946.  
  15947.                                                                                                                                        
  15948.  
  15949.  
  15950.                                            
  15951.                                            <div class="pt-1 text-gray-900"
  15952.                                                x-defer="intersect"
  15953.                                                @update-prices-9867.window="updatePrice($event.detail);">
  15954.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9867" data-price-box="product-id-9867">
  15955.    <span
  15956.    x-data x-id="['product\u002Dprice\u002D9867']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15957.        >
  15958.        <span  :id="$id('product\u002Dprice\u002D9867')"                data-price-amount="3.95"
  15959.        data-price-type="finalPrice"
  15960.        class="price-wrapper "
  15961.    ><span class="price">€ 3,95</span></span>
  15962.        </span>
  15963.  
  15964. </div>                                            </div>
  15965.  
  15966.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15967.            ">
  15968.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15969.                                                                                                                    <button
  15970.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15971.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15972.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  15973.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  15974.                                                                data-addto="cart">
  15975.                                                                <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">
  15976.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  15977. </svg>
  15978.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15979.                                                                    In Winkelwagen                                                                </span>
  15980.                                                            </button>
  15981.                                                                                                            </div>
  15982.  
  15983.                                                                                            </div>
  15984.                                        </div>
  15985.                                                                                                                        </form>
  15986.                                
  15987.                </li>
  15988.                                        
  15989.                            <li class="swiper-slide">
  15990.                                                                    <form method="post"
  15991.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9866/"
  15992.                                        x-data="{
  15993.        hovered: false,
  15994.        grid: true ,
  15995.        isMobile: false,
  15996.        isMobileFunc () {
  15997.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15998.        }
  15999.    }"
  16000.                                        x-init="
  16001.        isMobileFunc();
  16002.        const labelClass = '.amlabel-position-top-right-9866-prod';
  16003.        const labels = document.querySelectorAll(labelClass);
  16004.  
  16005.        $watch('hovered', value => {
  16006.            if (value) {
  16007.                labels.forEach(el => el.style.opacity = '0');
  16008.            } else {
  16009.                labels.forEach(el => el.style.opacity = '1');
  16010.            }
  16011.        });
  16012.    "
  16013.                                        @mouseenter="hovered = true"
  16014.                                        @mouseleave="hovered = false"
  16015.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16016.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16017.                                        >
  16018.                                        <style>
  16019.                                            /* Generate styling for the label based on the product ID */
  16020.                                            .amlabel-position-top-right-9866-prod {
  16021.                                                transition: opacity 0.3s ease;
  16022.                                            }
  16023.                                        </style>
  16024.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9866" />
  16025.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-hematiet-edelsteen-hangerhematiet"
  16026.                                            title="Hanger Hematiet Edelsteen"
  16027.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16028.                                            tabindex="-1">
  16029.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110857-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Hematiet&#x20;Edelsteen" title="Hanger&#x20;Hematiet&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110857-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16030.                                        </a>
  16031.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16032.                                                                                            <div x-data="initWishlist()">
  16033.                                                    <button
  16034.                                                        @click="addToWishlist(9866)"
  16035.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16036.                                                        type="button"
  16037.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16038.                                                        data-addto="wishlist">
  16039.                                                        <span class="icon-heart text-2xl"></span>
  16040.                                                    </button>
  16041.                                                </div>
  16042.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16043.                                                    <button
  16044.                                                        @click="addToCompare(9866)"
  16045.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16046.                                                        type="button"
  16047.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16048.                                                        data-addto="compare">
  16049.                                                        <span class="icon-balance text-2xl"></span>
  16050.                                                    </button>
  16051.                                                </div>
  16052.                                                                                    </div>
  16053.                                        <div class="product-info flex flex-col grow">
  16054.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16055.                                                <a
  16056.                                                    class="product-item-link"
  16057.                                                    href="https://www.lalashops.nl/hanger-hematiet-edelsteen-hangerhematiet"
  16058.                                                    :id="`slide-desc-9866-${$id('slider-id')}`">
  16059.                                                    Hanger Hematiet Edelsteen                                                </a>
  16060.                                            </div>
  16061.  
  16062.  
  16063.                                                                                                                                        
  16064.  
  16065.  
  16066.                                            
  16067.                                            <div class="pt-1 text-gray-900"
  16068.                                                x-defer="intersect"
  16069.                                                @update-prices-9866.window="updatePrice($event.detail);">
  16070.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9866" data-price-box="product-id-9866">
  16071.    <span
  16072.    x-data x-id="['product\u002Dprice\u002D9866']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16073.        >
  16074.        <span  :id="$id('product\u002Dprice\u002D9866')"                data-price-amount="3.95"
  16075.        data-price-type="finalPrice"
  16076.        class="price-wrapper "
  16077.    ><span class="price">€ 3,95</span></span>
  16078.        </span>
  16079.  
  16080. </div>                                            </div>
  16081.  
  16082.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16083.            ">
  16084.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16085.                                                                                                                    <button
  16086.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16087.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16088.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16089.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16090.                                                                data-addto="cart">
  16091.                                                                <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">
  16092.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16093. </svg>
  16094.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16095.                                                                    In Winkelwagen                                                                </span>
  16096.                                                            </button>
  16097.                                                                                                            </div>
  16098.  
  16099.                                                                                            </div>
  16100.                                        </div>
  16101.                                                                                                                        </form>
  16102.                                
  16103.                </li>
  16104.                                        
  16105.                            <li class="swiper-slide">
  16106.                                                                    <form method="post"
  16107.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9865/"
  16108.                                        x-data="{
  16109.        hovered: false,
  16110.        grid: true ,
  16111.        isMobile: false,
  16112.        isMobileFunc () {
  16113.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16114.        }
  16115.    }"
  16116.                                        x-init="
  16117.        isMobileFunc();
  16118.        const labelClass = '.amlabel-position-top-right-9865-prod';
  16119.        const labels = document.querySelectorAll(labelClass);
  16120.  
  16121.        $watch('hovered', value => {
  16122.            if (value) {
  16123.                labels.forEach(el => el.style.opacity = '0');
  16124.            } else {
  16125.                labels.forEach(el => el.style.opacity = '1');
  16126.            }
  16127.        });
  16128.    "
  16129.                                        @mouseenter="hovered = true"
  16130.                                        @mouseleave="hovered = false"
  16131.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16132.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16133.                                        >
  16134.                                        <style>
  16135.                                            /* Generate styling for the label based on the product ID */
  16136.                                            .amlabel-position-top-right-9865-prod {
  16137.                                                transition: opacity 0.3s ease;
  16138.                                            }
  16139.                                        </style>
  16140.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9865" />
  16141.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-opaliet-edelsteen-klein-hangeropalietklein"
  16142.                                            title="Hanger Opaliet Edelsteen - Klein"
  16143.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16144.                                            tabindex="-1">
  16145.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110746.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein" title="Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110746.jpg" width="360" height="360" loading="lazy"></picture>
  16146.                                        </a>
  16147.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16148.                                                                                            <div x-data="initWishlist()">
  16149.                                                    <button
  16150.                                                        @click="addToWishlist(9865)"
  16151.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16152.                                                        type="button"
  16153.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16154.                                                        data-addto="wishlist">
  16155.                                                        <span class="icon-heart text-2xl"></span>
  16156.                                                    </button>
  16157.                                                </div>
  16158.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16159.                                                    <button
  16160.                                                        @click="addToCompare(9865)"
  16161.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16162.                                                        type="button"
  16163.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16164.                                                        data-addto="compare">
  16165.                                                        <span class="icon-balance text-2xl"></span>
  16166.                                                    </button>
  16167.                                                </div>
  16168.                                                                                    </div>
  16169.                                        <div class="product-info flex flex-col grow">
  16170.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16171.                                                <a
  16172.                                                    class="product-item-link"
  16173.                                                    href="https://www.lalashops.nl/hanger-opaliet-edelsteen-klein-hangeropalietklein"
  16174.                                                    :id="`slide-desc-9865-${$id('slider-id')}`">
  16175.                                                    Hanger Opaliet Edelsteen - Klein                                                </a>
  16176.                                            </div>
  16177.  
  16178.  
  16179.                                                                                                                                        
  16180.  
  16181.  
  16182.                                            
  16183.                                            <div class="pt-1 text-gray-900"
  16184.                                                x-defer="intersect"
  16185.                                                @update-prices-9865.window="updatePrice($event.detail);">
  16186.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9865" data-price-box="product-id-9865">
  16187.    <span
  16188.    x-data x-id="['product\u002Dprice\u002D9865']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16189.        >
  16190.        <span  :id="$id('product\u002Dprice\u002D9865')"                data-price-amount="3.95"
  16191.        data-price-type="finalPrice"
  16192.        class="price-wrapper "
  16193.    ><span class="price">€ 3,95</span></span>
  16194.        </span>
  16195.  
  16196. </div>                                            </div>
  16197.  
  16198.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16199.            ">
  16200.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16201.                                                                                                                    <button
  16202.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16203.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16204.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16205.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16206.                                                                data-addto="cart">
  16207.                                                                <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">
  16208.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16209. </svg>
  16210.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16211.                                                                    In Winkelwagen                                                                </span>
  16212.                                                            </button>
  16213.                                                                                                            </div>
  16214.  
  16215.                                                                                            </div>
  16216.                                        </div>
  16217.                                                                                                                        </form>
  16218.                                
  16219.                </li>
  16220.                                        
  16221.                            <li class="swiper-slide">
  16222.                                                                    <form method="post"
  16223.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9864/"
  16224.                                        x-data="{
  16225.        hovered: false,
  16226.        grid: true ,
  16227.        isMobile: false,
  16228.        isMobileFunc () {
  16229.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16230.        }
  16231.    }"
  16232.                                        x-init="
  16233.        isMobileFunc();
  16234.        const labelClass = '.amlabel-position-top-right-9864-prod';
  16235.        const labels = document.querySelectorAll(labelClass);
  16236.  
  16237.        $watch('hovered', value => {
  16238.            if (value) {
  16239.                labels.forEach(el => el.style.opacity = '0');
  16240.            } else {
  16241.                labels.forEach(el => el.style.opacity = '1');
  16242.            }
  16243.        });
  16244.    "
  16245.                                        @mouseenter="hovered = true"
  16246.                                        @mouseleave="hovered = false"
  16247.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16248.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16249.                                        >
  16250.                                        <style>
  16251.                                            /* Generate styling for the label based on the product ID */
  16252.                                            .amlabel-position-top-right-9864-prod {
  16253.                                                transition: opacity 0.3s ease;
  16254.                                            }
  16255.                                        </style>
  16256.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9864" />
  16257.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-opaliet-edelsteen-middel-hangeropalietmiddel"
  16258.                                            title="Hanger Opaliet Edelsteen - Middel"
  16259.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16260.                                            tabindex="-1">
  16261.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110811-2-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel" title="Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110811-2-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16262.                                        </a>
  16263.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16264.                                                                                            <div x-data="initWishlist()">
  16265.                                                    <button
  16266.                                                        @click="addToWishlist(9864)"
  16267.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16268.                                                        type="button"
  16269.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16270.                                                        data-addto="wishlist">
  16271.                                                        <span class="icon-heart text-2xl"></span>
  16272.                                                    </button>
  16273.                                                </div>
  16274.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16275.                                                    <button
  16276.                                                        @click="addToCompare(9864)"
  16277.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16278.                                                        type="button"
  16279.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16280.                                                        data-addto="compare">
  16281.                                                        <span class="icon-balance text-2xl"></span>
  16282.                                                    </button>
  16283.                                                </div>
  16284.                                                                                    </div>
  16285.                                        <div class="product-info flex flex-col grow">
  16286.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16287.                                                <a
  16288.                                                    class="product-item-link"
  16289.                                                    href="https://www.lalashops.nl/hanger-opaliet-edelsteen-middel-hangeropalietmiddel"
  16290.                                                    :id="`slide-desc-9864-${$id('slider-id')}`">
  16291.                                                    Hanger Opaliet Edelsteen - Middel                                                </a>
  16292.                                            </div>
  16293.  
  16294.  
  16295.                                                                                                                                        
  16296.  
  16297.  
  16298.                                            
  16299.                                            <div class="pt-1 text-gray-900"
  16300.                                                x-defer="intersect"
  16301.                                                @update-prices-9864.window="updatePrice($event.detail);">
  16302.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9864" data-price-box="product-id-9864">
  16303.    <span
  16304.    x-data x-id="['product\u002Dprice\u002D9864']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16305.        >
  16306.        <span  :id="$id('product\u002Dprice\u002D9864')"                data-price-amount="4.95"
  16307.        data-price-type="finalPrice"
  16308.        class="price-wrapper "
  16309.    ><span class="price">€ 4,95</span></span>
  16310.        </span>
  16311.  
  16312. </div>                                            </div>
  16313.  
  16314.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16315.            ">
  16316.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16317.                                                                                                                    <button
  16318.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16319.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16320.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16321.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16322.                                                                data-addto="cart">
  16323.                                                                <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">
  16324.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16325. </svg>
  16326.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16327.                                                                    In Winkelwagen                                                                </span>
  16328.                                                            </button>
  16329.                                                                                                            </div>
  16330.  
  16331.                                                                                            </div>
  16332.                                        </div>
  16333.                                                                                                                        </form>
  16334.                                
  16335.                </li>
  16336.                                        
  16337.                            <li class="swiper-slide">
  16338.                                                                    <form method="post"
  16339.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9863/"
  16340.                                        x-data="{
  16341.        hovered: false,
  16342.        grid: true ,
  16343.        isMobile: false,
  16344.        isMobileFunc () {
  16345.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16346.        }
  16347.    }"
  16348.                                        x-init="
  16349.        isMobileFunc();
  16350.        const labelClass = '.amlabel-position-top-right-9863-prod';
  16351.        const labels = document.querySelectorAll(labelClass);
  16352.  
  16353.        $watch('hovered', value => {
  16354.            if (value) {
  16355.                labels.forEach(el => el.style.opacity = '0');
  16356.            } else {
  16357.                labels.forEach(el => el.style.opacity = '1');
  16358.            }
  16359.        });
  16360.    "
  16361.                                        @mouseenter="hovered = true"
  16362.                                        @mouseleave="hovered = false"
  16363.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16364.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16365.                                        >
  16366.                                        <style>
  16367.                                            /* Generate styling for the label based on the product ID */
  16368.                                            .amlabel-position-top-right-9863-prod {
  16369.                                                transition: opacity 0.3s ease;
  16370.                                            }
  16371.                                        </style>
  16372.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9863" />
  16373.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-bergkristal-edelsteen-hangerbergkristal"
  16374.                                            title="Hanger Bergkristal Edelsteen"
  16375.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16376.                                            tabindex="-1">
  16377.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110714-photoroom.png-photoroom_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Bergkristal&#x20;Edelsteen" title="Hanger&#x20;Bergkristal&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110714-photoroom.png-photoroom_1_.png" width="360" height="360" loading="lazy"></picture>
  16378.                                        </a>
  16379.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16380.                                                                                            <div x-data="initWishlist()">
  16381.                                                    <button
  16382.                                                        @click="addToWishlist(9863)"
  16383.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16384.                                                        type="button"
  16385.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16386.                                                        data-addto="wishlist">
  16387.                                                        <span class="icon-heart text-2xl"></span>
  16388.                                                    </button>
  16389.                                                </div>
  16390.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16391.                                                    <button
  16392.                                                        @click="addToCompare(9863)"
  16393.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16394.                                                        type="button"
  16395.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16396.                                                        data-addto="compare">
  16397.                                                        <span class="icon-balance text-2xl"></span>
  16398.                                                    </button>
  16399.                                                </div>
  16400.                                                                                    </div>
  16401.                                        <div class="product-info flex flex-col grow">
  16402.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16403.                                                <a
  16404.                                                    class="product-item-link"
  16405.                                                    href="https://www.lalashops.nl/hanger-bergkristal-edelsteen-hangerbergkristal"
  16406.                                                    :id="`slide-desc-9863-${$id('slider-id')}`">
  16407.                                                    Hanger Bergkristal Edelsteen                                                </a>
  16408.                                            </div>
  16409.  
  16410.  
  16411.                                                                                                                                        
  16412.  
  16413.  
  16414.                                            
  16415.                                            <div class="pt-1 text-gray-900"
  16416.                                                x-defer="intersect"
  16417.                                                @update-prices-9863.window="updatePrice($event.detail);">
  16418.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9863" data-price-box="product-id-9863">
  16419.    <span
  16420.    x-data x-id="['product\u002Dprice\u002D9863']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16421.        >
  16422.        <span  :id="$id('product\u002Dprice\u002D9863')"                data-price-amount="3.95"
  16423.        data-price-type="finalPrice"
  16424.        class="price-wrapper "
  16425.    ><span class="price">€ 3,95</span></span>
  16426.        </span>
  16427.  
  16428. </div>                                            </div>
  16429.  
  16430.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16431.            ">
  16432.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16433.                                                                                                                    <button
  16434.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16435.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16436.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16437.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16438.                                                                data-addto="cart">
  16439.                                                                <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">
  16440.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16441. </svg>
  16442.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16443.                                                                    In Winkelwagen                                                                </span>
  16444.                                                            </button>
  16445.                                                                                                            </div>
  16446.  
  16447.                                                                                            </div>
  16448.                                        </div>
  16449.                                                                                                                        </form>
  16450.                                
  16451.                </li>
  16452.                                        
  16453.                            <li class="swiper-slide">
  16454.                                                                    <form method="post"
  16455.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9862/"
  16456.                                        x-data="{
  16457.        hovered: false,
  16458.        grid: true ,
  16459.        isMobile: false,
  16460.        isMobileFunc () {
  16461.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16462.        }
  16463.    }"
  16464.                                        x-init="
  16465.        isMobileFunc();
  16466.        const labelClass = '.amlabel-position-top-right-9862-prod';
  16467.        const labels = document.querySelectorAll(labelClass);
  16468.  
  16469.        $watch('hovered', value => {
  16470.            if (value) {
  16471.                labels.forEach(el => el.style.opacity = '0');
  16472.            } else {
  16473.                labels.forEach(el => el.style.opacity = '1');
  16474.            }
  16475.        });
  16476.    "
  16477.                                        @mouseenter="hovered = true"
  16478.                                        @mouseleave="hovered = false"
  16479.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16480.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16481.                                        >
  16482.                                        <style>
  16483.                                            /* Generate styling for the label based on the product ID */
  16484.                                            .amlabel-position-top-right-9862-prod {
  16485.                                                transition: opacity 0.3s ease;
  16486.                                            }
  16487.                                        </style>
  16488.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9862" />
  16489.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-band-amethist-chevron-hangerbandamethist"
  16490.                                            title="Hanger Band Amethist - Chevron Edelsteen"
  16491.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16492.                                            tabindex="-1">
  16493.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110564-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen" title="Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110564-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16494.                                        </a>
  16495.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16496.                                                                                            <div x-data="initWishlist()">
  16497.                                                    <button
  16498.                                                        @click="addToWishlist(9862)"
  16499.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16500.                                                        type="button"
  16501.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16502.                                                        data-addto="wishlist">
  16503.                                                        <span class="icon-heart text-2xl"></span>
  16504.                                                    </button>
  16505.                                                </div>
  16506.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16507.                                                    <button
  16508.                                                        @click="addToCompare(9862)"
  16509.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16510.                                                        type="button"
  16511.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16512.                                                        data-addto="compare">
  16513.                                                        <span class="icon-balance text-2xl"></span>
  16514.                                                    </button>
  16515.                                                </div>
  16516.                                                                                    </div>
  16517.                                        <div class="product-info flex flex-col grow">
  16518.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16519.                                                <a
  16520.                                                    class="product-item-link"
  16521.                                                    href="https://www.lalashops.nl/hanger-band-amethist-chevron-hangerbandamethist"
  16522.                                                    :id="`slide-desc-9862-${$id('slider-id')}`">
  16523.                                                    Hanger Band Amethist - Chevron Edelsteen                                                </a>
  16524.                                            </div>
  16525.  
  16526.  
  16527.                                                                                                                                        
  16528.  
  16529.  
  16530.                                            
  16531.                                            <div class="pt-1 text-gray-900"
  16532.                                                x-defer="intersect"
  16533.                                                @update-prices-9862.window="updatePrice($event.detail);">
  16534.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9862" data-price-box="product-id-9862">
  16535.    <span
  16536.    x-data x-id="['product\u002Dprice\u002D9862']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16537.        >
  16538.        <span  :id="$id('product\u002Dprice\u002D9862')"                data-price-amount="3.95"
  16539.        data-price-type="finalPrice"
  16540.        class="price-wrapper "
  16541.    ><span class="price">€ 3,95</span></span>
  16542.        </span>
  16543.  
  16544. </div>                                            </div>
  16545.  
  16546.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16547.            ">
  16548.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16549.                                                                                                                    <button
  16550.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16551.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16552.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16553.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16554.                                                                data-addto="cart">
  16555.                                                                <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">
  16556.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16557. </svg>
  16558.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16559.                                                                    In Winkelwagen                                                                </span>
  16560.                                                            </button>
  16561.                                                                                                            </div>
  16562.  
  16563.                                                                                            </div>
  16564.                                        </div>
  16565.                                                                                                                        </form>
  16566.                                
  16567.                </li>
  16568.                                        
  16569.                            <li class="swiper-slide">
  16570.                                                                    <form method="post"
  16571.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9861/"
  16572.                                        x-data="{
  16573.        hovered: false,
  16574.        grid: true ,
  16575.        isMobile: false,
  16576.        isMobileFunc () {
  16577.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16578.        }
  16579.    }"
  16580.                                        x-init="
  16581.        isMobileFunc();
  16582.        const labelClass = '.amlabel-position-top-right-9861-prod';
  16583.        const labels = document.querySelectorAll(labelClass);
  16584.  
  16585.        $watch('hovered', value => {
  16586.            if (value) {
  16587.                labels.forEach(el => el.style.opacity = '0');
  16588.            } else {
  16589.                labels.forEach(el => el.style.opacity = '1');
  16590.            }
  16591.        });
  16592.    "
  16593.                                        @mouseenter="hovered = true"
  16594.                                        @mouseleave="hovered = false"
  16595.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16596.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16597.                                        >
  16598.                                        <style>
  16599.                                            /* Generate styling for the label based on the product ID */
  16600.                                            .amlabel-position-top-right-9861-prod {
  16601.                                                transition: opacity 0.3s ease;
  16602.                                            }
  16603.                                        </style>
  16604.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9861" />
  16605.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-amethist-uruguay-hangeramethisturuguay"
  16606.                                            title="Hanger Amethist Uruguay Edelsteen"
  16607.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16608.                                            tabindex="-1">
  16609.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110649-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Amethist&#x20;Uruguay" title="Hanger&#x20;Amethist&#x20;Uruguay" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110649-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16610.                                        </a>
  16611.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16612.                                                                                            <div x-data="initWishlist()">
  16613.                                                    <button
  16614.                                                        @click="addToWishlist(9861)"
  16615.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16616.                                                        type="button"
  16617.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16618.                                                        data-addto="wishlist">
  16619.                                                        <span class="icon-heart text-2xl"></span>
  16620.                                                    </button>
  16621.                                                </div>
  16622.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16623.                                                    <button
  16624.                                                        @click="addToCompare(9861)"
  16625.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16626.                                                        type="button"
  16627.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16628.                                                        data-addto="compare">
  16629.                                                        <span class="icon-balance text-2xl"></span>
  16630.                                                    </button>
  16631.                                                </div>
  16632.                                                                                    </div>
  16633.                                        <div class="product-info flex flex-col grow">
  16634.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16635.                                                <a
  16636.                                                    class="product-item-link"
  16637.                                                    href="https://www.lalashops.nl/hanger-amethist-uruguay-hangeramethisturuguay"
  16638.                                                    :id="`slide-desc-9861-${$id('slider-id')}`">
  16639.                                                    Hanger Amethist Uruguay Edelsteen                                                </a>
  16640.                                            </div>
  16641.  
  16642.  
  16643.                                                                                                                                        
  16644.  
  16645.  
  16646.                                            
  16647.                                            <div class="pt-1 text-gray-900"
  16648.                                                x-defer="intersect"
  16649.                                                @update-prices-9861.window="updatePrice($event.detail);">
  16650.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9861" data-price-box="product-id-9861">
  16651.    <span
  16652.    x-data x-id="['product\u002Dprice\u002D9861']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16653.        >
  16654.        <span  :id="$id('product\u002Dprice\u002D9861')"                data-price-amount="4.95"
  16655.        data-price-type="finalPrice"
  16656.        class="price-wrapper "
  16657.    ><span class="price">€ 4,95</span></span>
  16658.        </span>
  16659.  
  16660. </div>                                            </div>
  16661.  
  16662.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16663.            ">
  16664.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16665.                                                                                                                    <button
  16666.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16667.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16668.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16669.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16670.                                                                data-addto="cart">
  16671.                                                                <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">
  16672.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16673. </svg>
  16674.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16675.                                                                    In Winkelwagen                                                                </span>
  16676.                                                            </button>
  16677.                                                                                                            </div>
  16678.  
  16679.                                                                                            </div>
  16680.                                        </div>
  16681.                                                                                                                        </form>
  16682.                                
  16683.                </li>
  16684.                                        
  16685.                            <li class="swiper-slide">
  16686.                                                                    <form method="post"
  16687.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9860/"
  16688.                                        x-data="{
  16689.        hovered: false,
  16690.        grid: true ,
  16691.        isMobile: false,
  16692.        isMobileFunc () {
  16693.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16694.        }
  16695.    }"
  16696.                                        x-init="
  16697.        isMobileFunc();
  16698.        const labelClass = '.amlabel-position-top-right-9860-prod';
  16699.        const labels = document.querySelectorAll(labelClass);
  16700.  
  16701.        $watch('hovered', value => {
  16702.            if (value) {
  16703.                labels.forEach(el => el.style.opacity = '0');
  16704.            } else {
  16705.                labels.forEach(el => el.style.opacity = '1');
  16706.            }
  16707.        });
  16708.    "
  16709.                                        @mouseenter="hovered = true"
  16710.                                        @mouseleave="hovered = false"
  16711.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16712.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16713.                                        >
  16714.                                        <style>
  16715.                                            /* Generate styling for the label based on the product ID */
  16716.                                            .amlabel-position-top-right-9860-prod {
  16717.                                                transition: opacity 0.3s ease;
  16718.                                            }
  16719.                                        </style>
  16720.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="9860" />
  16721.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-amethist-hangeramethist"
  16722.                                            title="Hanger Amethist Edelsteen"
  16723.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16724.                                            tabindex="-1">
  16725.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110630-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Amethist" title="Hanger&#x20;Amethist" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110630-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16726.                                        </a>
  16727.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16728.                                                                                            <div x-data="initWishlist()">
  16729.                                                    <button
  16730.                                                        @click="addToWishlist(9860)"
  16731.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  16732.                                                        type="button"
  16733.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16734.                                                        data-addto="wishlist">
  16735.                                                        <span class="icon-heart text-2xl"></span>
  16736.                                                    </button>
  16737.                                                </div>
  16738.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16739.                                                    <button
  16740.                                                        @click="addToCompare(9860)"
  16741.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  16742.                                                        type="button"
  16743.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16744.                                                        data-addto="compare">
  16745.                                                        <span class="icon-balance text-2xl"></span>
  16746.                                                    </button>
  16747.                                                </div>
  16748.                                                                                    </div>
  16749.                                        <div class="product-info flex flex-col grow">
  16750.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16751.                                                <a
  16752.                                                    class="product-item-link"
  16753.                                                    href="https://www.lalashops.nl/hanger-amethist-hangeramethist"
  16754.                                                    :id="`slide-desc-9860-${$id('slider-id')}`">
  16755.                                                    Hanger Amethist Edelsteen                                                </a>
  16756.                                            </div>
  16757.  
  16758.  
  16759.                                                                                                                                        
  16760.  
  16761.  
  16762.                                            
  16763.                                            <div class="pt-1 text-gray-900"
  16764.                                                x-defer="intersect"
  16765.                                                @update-prices-9860.window="updatePrice($event.detail);">
  16766.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9860" data-price-box="product-id-9860">
  16767.    <span
  16768.    x-data x-id="['product\u002Dprice\u002D9860']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16769.        >
  16770.        <span  :id="$id('product\u002Dprice\u002D9860')"                data-price-amount="3.95"
  16771.        data-price-type="finalPrice"
  16772.        class="price-wrapper "
  16773.    ><span class="price">€ 3,95</span></span>
  16774.        </span>
  16775.  
  16776. </div>                                            </div>
  16777.  
  16778.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16779.            ">
  16780.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16781.                                                                                                                    <button
  16782.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16783.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16784.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  16785.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  16786.                                                                data-addto="cart">
  16787.                                                                <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">
  16788.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16789. </svg>
  16790.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16791.                                                                    In Winkelwagen                                                                </span>
  16792.                                                            </button>
  16793.                                                                                                            </div>
  16794.  
  16795.                                                                                            </div>
  16796.                                        </div>
  16797.                                                                                                                        </form>
  16798.                                
  16799.                </li>
  16800.                                        
  16801.                            <li class="swiper-slide">
  16802.                                                                    <form method="post"
  16803.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/1855/"
  16804.                                        x-data="{
  16805.        hovered: false,
  16806.        grid: true ,
  16807.        isMobile: false,
  16808.        isMobileFunc () {
  16809.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16810.        }
  16811.    }"
  16812.                                        x-init="
  16813.        isMobileFunc();
  16814.        const labelClass = '.amlabel-position-top-right-1855-prod';
  16815.        const labels = document.querySelectorAll(labelClass);
  16816.  
  16817.        $watch('hovered', value => {
  16818.            if (value) {
  16819.                labels.forEach(el => el.style.opacity = '0');
  16820.            } else {
  16821.                labels.forEach(el => el.style.opacity = '1');
  16822.            }
  16823.        });
  16824.    "
  16825.                                        @mouseenter="hovered = true"
  16826.                                        @mouseleave="hovered = false"
  16827.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16828.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16829.                                        >
  16830.                                        <style>
  16831.                                            /* Generate styling for the label based on the product ID */
  16832.                                            .amlabel-position-top-right-1855-prod {
  16833.                                                transition: opacity 0.3s ease;
  16834.                                            }
  16835.                                        </style>
  16836.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="1855" />
  16837.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-rozekwarts-hangerrozekwarts"
  16838.                                            title="Hanger Rozekwarts Edelsteen"
  16839.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16840.                                            tabindex="-1">
  16841.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110548-2-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Hanger&#x20;Rozekwarts" title="Hanger&#x20;Rozekwarts" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1110548-2-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16842.                                        </a>
  16843.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16844.                                                                                            <div x-data="initWishlist()">
  16845.                                                    <button
  16846.                                                        @click="addToWishlist(1855)"
  16847.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  16848.                                                        type="button"
  16849.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16850.                                                        data-addto="wishlist">
  16851.                                                        <span class="icon-heart text-2xl"></span>
  16852.                                                    </button>
  16853.                                                </div>
  16854.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16855.                                                    <button
  16856.                                                        @click="addToCompare(1855)"
  16857.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  16858.                                                        type="button"
  16859.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16860.                                                        data-addto="compare">
  16861.                                                        <span class="icon-balance text-2xl"></span>
  16862.                                                    </button>
  16863.                                                </div>
  16864.                                                                                    </div>
  16865.                                        <div class="product-info flex flex-col grow">
  16866.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16867.                                                <a
  16868.                                                    class="product-item-link"
  16869.                                                    href="https://www.lalashops.nl/hanger-rozekwarts-hangerrozekwarts"
  16870.                                                    :id="`slide-desc-1855-${$id('slider-id')}`">
  16871.                                                    Hanger Rozekwarts Edelsteen                                                </a>
  16872.                                            </div>
  16873.  
  16874.  
  16875.                                                                                                                                        
  16876.  
  16877.  
  16878.                                            
  16879.                                            <div class="pt-1 text-gray-900"
  16880.                                                x-defer="intersect"
  16881.                                                @update-prices-1855.window="updatePrice($event.detail);">
  16882.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="1855" data-price-box="product-id-1855">
  16883.    <span
  16884.    x-data x-id="['product\u002Dprice\u002D1855']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16885.        >
  16886.        <span  :id="$id('product\u002Dprice\u002D1855')"                data-price-amount="3.95"
  16887.        data-price-type="finalPrice"
  16888.        class="price-wrapper "
  16889.    ><span class="price">€ 3,95</span></span>
  16890.        </span>
  16891.  
  16892. </div>                                            </div>
  16893.  
  16894.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16895.            ">
  16896.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16897.                                                                                                                    <button
  16898.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16899.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16900.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  16901.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  16902.                                                                data-addto="cart">
  16903.                                                                <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">
  16904.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  16905. </svg>
  16906.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16907.                                                                    In Winkelwagen                                                                </span>
  16908.                                                            </button>
  16909.                                                                                                            </div>
  16910.  
  16911.                                                                                            </div>
  16912.                                        </div>
  16913.                                                                                                                        </form>
  16914.                                
  16915.                </li>
  16916.                                        
  16917.                            <li class="swiper-slide">
  16918.                                                                    <form method="post"
  16919.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/7032/"
  16920.                                        x-data="{
  16921.        hovered: false,
  16922.        grid: true ,
  16923.        isMobile: false,
  16924.        isMobileFunc () {
  16925.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16926.        }
  16927.    }"
  16928.                                        x-init="
  16929.        isMobileFunc();
  16930.        const labelClass = '.amlabel-position-top-right-7032-prod';
  16931.        const labels = document.querySelectorAll(labelClass);
  16932.  
  16933.        $watch('hovered', value => {
  16934.            if (value) {
  16935.                labels.forEach(el => el.style.opacity = '0');
  16936.            } else {
  16937.                labels.forEach(el => el.style.opacity = '1');
  16938.            }
  16939.        });
  16940.    "
  16941.                                        @mouseenter="hovered = true"
  16942.                                        @mouseleave="hovered = false"
  16943.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16944.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16945.                                        >
  16946.                                        <style>
  16947.                                            /* Generate styling for the label based on the product ID */
  16948.                                            .amlabel-position-top-right-7032-prod {
  16949.                                                transition: opacity 0.3s ease;
  16950.                                            }
  16951.                                        </style>
  16952.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="7032" />
  16953.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-cord-waxed-polyester-28m-kelly-green-macrkelly28m_1045"
  16954.                                            title="Macramé Koord - GRAS GROEN / KELLY GREEN - Waxed Polyester Cord - Klos 2800 cm - 1mm Dik"
  16955.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16956.                                            tabindex="-1">
  16957.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/_/1/_1045-photoroom.png-photoroom.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Koord&#x20;-&#x20;GRAS&#x20;GROEN&#x20;&#x2F;&#x20;KELLY&#x20;GREEN&#x20;-&#x20;Waxed&#x20;Polyester&#x20;Cord&#x20;-&#x20;Klos&#x20;2800&#x20;cm&#x20;-&#x20;1mm&#x20;Dik" title="Macram&#xE9;&#x20;Koord&#x20;-&#x20;GRAS&#x20;GROEN&#x20;&#x2F;&#x20;KELLY&#x20;GREEN&#x20;-&#x20;Waxed&#x20;Polyester&#x20;Cord&#x20;-&#x20;Klos&#x20;2800&#x20;cm&#x20;-&#x20;1mm&#x20;Dik" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/_/1/_1045-photoroom.png-photoroom.png" width="360" height="360" loading="lazy"></picture>
  16958.                                        </a>
  16959.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16960.                                                                                            <div x-data="initWishlist()">
  16961.                                                    <button
  16962.                                                        @click="addToWishlist(7032)"
  16963.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Koord&#x20;-&#x20;GRAS&#x20;GROEN&#x20;&#x2F;&#x20;KELLY&#x20;GREEN&#x20;-&#x20;Waxed&#x20;Polyester&#x20;Cord&#x20;-&#x20;Klos&#x20;2800&#x20;cm&#x20;-&#x20;1mm&#x20;Dik"
  16964.                                                        type="button"
  16965.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16966.                                                        data-addto="wishlist">
  16967.                                                        <span class="icon-heart text-2xl"></span>
  16968.                                                    </button>
  16969.                                                </div>
  16970.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16971.                                                    <button
  16972.                                                        @click="addToCompare(7032)"
  16973.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Koord&#x20;-&#x20;GRAS&#x20;GROEN&#x20;&#x2F;&#x20;KELLY&#x20;GREEN&#x20;-&#x20;Waxed&#x20;Polyester&#x20;Cord&#x20;-&#x20;Klos&#x20;2800&#x20;cm&#x20;-&#x20;1mm&#x20;Dik"
  16974.                                                        type="button"
  16975.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  16976.                                                        data-addto="compare">
  16977.                                                        <span class="icon-balance text-2xl"></span>
  16978.                                                    </button>
  16979.                                                </div>
  16980.                                                                                    </div>
  16981.                                        <div class="product-info flex flex-col grow">
  16982.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16983.                                                <a
  16984.                                                    class="product-item-link"
  16985.                                                    href="https://www.lalashops.nl/macrame-cord-waxed-polyester-28m-kelly-green-macrkelly28m_1045"
  16986.                                                    :id="`slide-desc-7032-${$id('slider-id')}`">
  16987.                                                    Macramé Koord - GRAS GROEN / KELLY GREEN - Waxed Polyester Cord - Klos 2800 cm - 1mm Dik                                                </a>
  16988.                                            </div>
  16989.  
  16990.  
  16991.                                                                                                                                        
  16992.  
  16993.  
  16994.                                            
  16995.                                            <div class="pt-1 text-gray-900"
  16996.                                                x-defer="intersect"
  16997.                                                @update-prices-7032.window="updatePrice($event.detail);">
  16998.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7032" data-price-box="product-id-7032">
  16999.    <span class="special-price">
  17000.        <span
  17001.    x-data x-id="['product\u002Dprice\u002D7032']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17002.        >
  17003.            <span class="price-label">Special Price</span>
  17004.        <span  :id="$id('product\u002Dprice\u002D7032')"                data-price-amount="6.75"
  17005.        data-price-type="finalPrice"
  17006.        class="price-wrapper "
  17007.    ><span class="price">€ 6,75</span></span>
  17008.        </span>
  17009.    </span>
  17010.    <span class="old-price">
  17011.        <span
  17012.    x-data x-id="['old\u002Dprice\u002D7032']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17013.        >
  17014.            <span class="price-label">Regular Price</span>
  17015.        <span  :id="$id('old\u002Dprice\u002D7032')"                data-price-amount="9.95"
  17016.        data-price-type="oldPrice"
  17017.        class="price-wrapper "
  17018.    ><span class="price">€ 9,95</span></span>
  17019.        </span>
  17020.    </span>
  17021.  
  17022. </div>                                            </div>
  17023.  
  17024.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17025.            ">
  17026.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17027.                                                                                                                    <button
  17028.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17029.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17030.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Koord&#x20;-&#x20;GRAS&#x20;GROEN&#x20;&#x2F;&#x20;KELLY&#x20;GREEN&#x20;-&#x20;Waxed&#x20;Polyester&#x20;Cord&#x20;-&#x20;Klos&#x20;2800&#x20;cm&#x20;-&#x20;1mm&#x20;Dik"
  17031.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Koord&#x20;-&#x20;GRAS&#x20;GROEN&#x20;&#x2F;&#x20;KELLY&#x20;GREEN&#x20;-&#x20;Waxed&#x20;Polyester&#x20;Cord&#x20;-&#x20;Klos&#x20;2800&#x20;cm&#x20;-&#x20;1mm&#x20;Dik"
  17032.                                                                data-addto="cart">
  17033.                                                                <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">
  17034.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17035. </svg>
  17036.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17037.                                                                    In Winkelwagen                                                                </span>
  17038.                                                            </button>
  17039.                                                                                                            </div>
  17040.  
  17041.                                                                                            </div>
  17042.                                        </div>
  17043.                                                                                                                        </form>
  17044.                                
  17045.                </li>
  17046.                                        
  17047.                            <li class="swiper-slide">
  17048.                                                                    <form method="post"
  17049.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6697/"
  17050.                                        x-data="{
  17051.        hovered: false,
  17052.        grid: true ,
  17053.        isMobile: false,
  17054.        isMobileFunc () {
  17055.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17056.        }
  17057.    }"
  17058.                                        x-init="
  17059.        isMobileFunc();
  17060.        const labelClass = '.amlabel-position-top-right-6697-prod';
  17061.        const labels = document.querySelectorAll(labelClass);
  17062.  
  17063.        $watch('hovered', value => {
  17064.            if (value) {
  17065.                labels.forEach(el => el.style.opacity = '0');
  17066.            } else {
  17067.                labels.forEach(el => el.style.opacity = '1');
  17068.            }
  17069.        });
  17070.    "
  17071.                                        @mouseenter="hovered = true"
  17072.                                        @mouseleave="hovered = false"
  17073.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17074.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17075.                                        >
  17076.                                        <style>
  17077.                                            /* Generate styling for the label based on the product ID */
  17078.                                            .amlabel-position-top-right-6697-prod {
  17079.                                                transition: opacity 0.3s ease;
  17080.                                            }
  17081.                                        </style>
  17082.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6697" />
  17083.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-brown-copper-tan-yellow-handgemaakt-van-duurzaam-waxed-polyester-h06"
  17084.                                            title="Macramé Oorhangers - Bruin/Koper/Beige/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H06"
  17085.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17086.                                            tabindex="-1">
  17087.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_6_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Koper&#x2F;Beige&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H06" title="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Koper&#x2F;Beige&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H06" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_6_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17088.                                        </a>
  17089.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17090.                                                                                            <div x-data="initWishlist()">
  17091.                                                    <button
  17092.                                                        @click="addToWishlist(6697)"
  17093.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Koper&#x2F;Beige&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H06"
  17094.                                                        type="button"
  17095.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17096.                                                        data-addto="wishlist">
  17097.                                                        <span class="icon-heart text-2xl"></span>
  17098.                                                    </button>
  17099.                                                </div>
  17100.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17101.                                                    <button
  17102.                                                        @click="addToCompare(6697)"
  17103.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Koper&#x2F;Beige&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H06"
  17104.                                                        type="button"
  17105.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17106.                                                        data-addto="compare">
  17107.                                                        <span class="icon-balance text-2xl"></span>
  17108.                                                    </button>
  17109.                                                </div>
  17110.                                                                                    </div>
  17111.                                        <div class="product-info flex flex-col grow">
  17112.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17113.                                                <a
  17114.                                                    class="product-item-link"
  17115.                                                    href="https://www.lalashops.nl/macrame-oorhangers-brown-copper-tan-yellow-handgemaakt-van-duurzaam-waxed-polyester-h06"
  17116.                                                    :id="`slide-desc-6697-${$id('slider-id')}`">
  17117.                                                    Macramé Oorhangers - Bruin/Koper/Beige/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H06                                                </a>
  17118.                                            </div>
  17119.  
  17120.  
  17121.                                                                                                                                        
  17122.  
  17123.  
  17124.                                            
  17125.                                            <div class="pt-1 text-gray-900"
  17126.                                                x-defer="intersect"
  17127.                                                @update-prices-6697.window="updatePrice($event.detail);">
  17128.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6697" data-price-box="product-id-6697">
  17129.    <span
  17130.    x-data x-id="['product\u002Dprice\u002D6697']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17131.        >
  17132.        <span  :id="$id('product\u002Dprice\u002D6697')"                data-price-amount="27.5"
  17133.        data-price-type="finalPrice"
  17134.        class="price-wrapper "
  17135.    ><span class="price">€ 27,50</span></span>
  17136.        </span>
  17137.  
  17138. </div>                                            </div>
  17139.  
  17140.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17141.            ">
  17142.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17143.                                                                                                                    <button
  17144.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17145.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17146.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Koper&#x2F;Beige&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H06"
  17147.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Koper&#x2F;Beige&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H06"
  17148.                                                                data-addto="cart">
  17149.                                                                <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">
  17150.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17151. </svg>
  17152.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17153.                                                                    In Winkelwagen                                                                </span>
  17154.                                                            </button>
  17155.                                                                                                            </div>
  17156.  
  17157.                                                                                            </div>
  17158.                                        </div>
  17159.                                                                                                                        </form>
  17160.                                
  17161.                </li>
  17162.                                        
  17163.                            <li class="swiper-slide">
  17164.                                                                    <form method="post"
  17165.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6696/"
  17166.                                        x-data="{
  17167.        hovered: false,
  17168.        grid: true ,
  17169.        isMobile: false,
  17170.        isMobileFunc () {
  17171.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17172.        }
  17173.    }"
  17174.                                        x-init="
  17175.        isMobileFunc();
  17176.        const labelClass = '.amlabel-position-top-right-6696-prod';
  17177.        const labels = document.querySelectorAll(labelClass);
  17178.  
  17179.        $watch('hovered', value => {
  17180.            if (value) {
  17181.                labels.forEach(el => el.style.opacity = '0');
  17182.            } else {
  17183.                labels.forEach(el => el.style.opacity = '1');
  17184.            }
  17185.        });
  17186.    "
  17187.                                        @mouseenter="hovered = true"
  17188.                                        @mouseleave="hovered = false"
  17189.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17190.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17191.                                        >
  17192.                                        <style>
  17193.                                            /* Generate styling for the label based on the product ID */
  17194.                                            .amlabel-position-top-right-6696-prod {
  17195.                                                transition: opacity 0.3s ease;
  17196.                                            }
  17197.                                        </style>
  17198.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6696" />
  17199.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-brown-green-white-red-handgemaakt-van-duurzaam-waxed-polyester-h05"
  17200.                                            title="Macramé Oorhangers - Bruin/Groen/Wit/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H05"
  17201.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17202.                                            tabindex="-1">
  17203.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_5_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Groen&#x2F;Wit&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H05" title="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Groen&#x2F;Wit&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H05" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_5_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17204.                                        </a>
  17205.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17206.                                                                                            <div x-data="initWishlist()">
  17207.                                                    <button
  17208.                                                        @click="addToWishlist(6696)"
  17209.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Groen&#x2F;Wit&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H05"
  17210.                                                        type="button"
  17211.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17212.                                                        data-addto="wishlist">
  17213.                                                        <span class="icon-heart text-2xl"></span>
  17214.                                                    </button>
  17215.                                                </div>
  17216.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17217.                                                    <button
  17218.                                                        @click="addToCompare(6696)"
  17219.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Groen&#x2F;Wit&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H05"
  17220.                                                        type="button"
  17221.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17222.                                                        data-addto="compare">
  17223.                                                        <span class="icon-balance text-2xl"></span>
  17224.                                                    </button>
  17225.                                                </div>
  17226.                                                                                    </div>
  17227.                                        <div class="product-info flex flex-col grow">
  17228.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17229.                                                <a
  17230.                                                    class="product-item-link"
  17231.                                                    href="https://www.lalashops.nl/macrame-oorhangers-brown-green-white-red-handgemaakt-van-duurzaam-waxed-polyester-h05"
  17232.                                                    :id="`slide-desc-6696-${$id('slider-id')}`">
  17233.                                                    Macramé Oorhangers - Bruin/Groen/Wit/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H05                                                </a>
  17234.                                            </div>
  17235.  
  17236.  
  17237.                                                                                                                                        
  17238.  
  17239.  
  17240.                                            
  17241.                                            <div class="pt-1 text-gray-900"
  17242.                                                x-defer="intersect"
  17243.                                                @update-prices-6696.window="updatePrice($event.detail);">
  17244.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6696" data-price-box="product-id-6696">
  17245.    <span
  17246.    x-data x-id="['product\u002Dprice\u002D6696']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17247.        >
  17248.        <span  :id="$id('product\u002Dprice\u002D6696')"                data-price-amount="27.5"
  17249.        data-price-type="finalPrice"
  17250.        class="price-wrapper "
  17251.    ><span class="price">€ 27,50</span></span>
  17252.        </span>
  17253.  
  17254. </div>                                            </div>
  17255.  
  17256.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17257.            ">
  17258.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17259.                                                                                                                    <button
  17260.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17261.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17262.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Groen&#x2F;Wit&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H05"
  17263.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Groen&#x2F;Wit&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H05"
  17264.                                                                data-addto="cart">
  17265.                                                                <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">
  17266.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17267. </svg>
  17268.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17269.                                                                    In Winkelwagen                                                                </span>
  17270.                                                            </button>
  17271.                                                                                                            </div>
  17272.  
  17273.                                                                                            </div>
  17274.                                        </div>
  17275.                                                                                                                        </form>
  17276.                                
  17277.                </li>
  17278.                                        
  17279.                            <li class="swiper-slide">
  17280.                                                                    <form method="post"
  17281.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6695/"
  17282.                                        x-data="{
  17283.        hovered: false,
  17284.        grid: true ,
  17285.        isMobile: false,
  17286.        isMobileFunc () {
  17287.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17288.        }
  17289.    }"
  17290.                                        x-init="
  17291.        isMobileFunc();
  17292.        const labelClass = '.amlabel-position-top-right-6695-prod';
  17293.        const labels = document.querySelectorAll(labelClass);
  17294.  
  17295.        $watch('hovered', value => {
  17296.            if (value) {
  17297.                labels.forEach(el => el.style.opacity = '0');
  17298.            } else {
  17299.                labels.forEach(el => el.style.opacity = '1');
  17300.            }
  17301.        });
  17302.    "
  17303.                                        @mouseenter="hovered = true"
  17304.                                        @mouseleave="hovered = false"
  17305.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17306.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17307.                                        >
  17308.                                        <style>
  17309.                                            /* Generate styling for the label based on the product ID */
  17310.                                            .amlabel-position-top-right-6695-prod {
  17311.                                                transition: opacity 0.3s ease;
  17312.                                            }
  17313.                                        </style>
  17314.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6695" />
  17315.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-grey-olive-forest-red-handgemaakt-van-duurzaam-waxed-polyester-h04"
  17316.                                            title="Macramé Oorhangers - Grijs/Groen/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H04"
  17317.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17318.                                            tabindex="-1">
  17319.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_4_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorhang&#x20;-&#x20;Grijs&#x2F;Groen&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H04" title="Macram&#xE9;&#x20;Oorhang&#x20;-&#x20;Grijs&#x2F;Groen&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H04" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_4_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17320.                                        </a>
  17321.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17322.                                                                                            <div x-data="initWishlist()">
  17323.                                                    <button
  17324.                                                        @click="addToWishlist(6695)"
  17325.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Grijs&#x2F;Groen&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H04"
  17326.                                                        type="button"
  17327.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17328.                                                        data-addto="wishlist">
  17329.                                                        <span class="icon-heart text-2xl"></span>
  17330.                                                    </button>
  17331.                                                </div>
  17332.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17333.                                                    <button
  17334.                                                        @click="addToCompare(6695)"
  17335.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Grijs&#x2F;Groen&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H04"
  17336.                                                        type="button"
  17337.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17338.                                                        data-addto="compare">
  17339.                                                        <span class="icon-balance text-2xl"></span>
  17340.                                                    </button>
  17341.                                                </div>
  17342.                                                                                    </div>
  17343.                                        <div class="product-info flex flex-col grow">
  17344.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17345.                                                <a
  17346.                                                    class="product-item-link"
  17347.                                                    href="https://www.lalashops.nl/macrame-oorhangers-grey-olive-forest-red-handgemaakt-van-duurzaam-waxed-polyester-h04"
  17348.                                                    :id="`slide-desc-6695-${$id('slider-id')}`">
  17349.                                                    Macramé Oorhangers - Grijs/Groen/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H04                                                </a>
  17350.                                            </div>
  17351.  
  17352.  
  17353.                                                                                                                                        
  17354.  
  17355.  
  17356.                                            
  17357.                                            <div class="pt-1 text-gray-900"
  17358.                                                x-defer="intersect"
  17359.                                                @update-prices-6695.window="updatePrice($event.detail);">
  17360.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6695" data-price-box="product-id-6695">
  17361.    <span
  17362.    x-data x-id="['product\u002Dprice\u002D6695']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17363.        >
  17364.        <span  :id="$id('product\u002Dprice\u002D6695')"                data-price-amount="27.5"
  17365.        data-price-type="finalPrice"
  17366.        class="price-wrapper "
  17367.    ><span class="price">€ 27,50</span></span>
  17368.        </span>
  17369.  
  17370. </div>                                            </div>
  17371.  
  17372.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17373.            ">
  17374.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17375.                                                                                                                    <button
  17376.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17377.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17378.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Grijs&#x2F;Groen&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H04"
  17379.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Grijs&#x2F;Groen&#x2F;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H04"
  17380.                                                                data-addto="cart">
  17381.                                                                <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">
  17382.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17383. </svg>
  17384.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17385.                                                                    In Winkelwagen                                                                </span>
  17386.                                                            </button>
  17387.                                                                                                            </div>
  17388.  
  17389.                                                                                            </div>
  17390.                                        </div>
  17391.                                                                                                                        </form>
  17392.                                
  17393.                </li>
  17394.                                        
  17395.                            <li class="swiper-slide">
  17396.                                                                    <form method="post"
  17397.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6694/"
  17398.                                        x-data="{
  17399.        hovered: false,
  17400.        grid: true ,
  17401.        isMobile: false,
  17402.        isMobileFunc () {
  17403.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17404.        }
  17405.    }"
  17406.                                        x-init="
  17407.        isMobileFunc();
  17408.        const labelClass = '.amlabel-position-top-right-6694-prod';
  17409.        const labels = document.querySelectorAll(labelClass);
  17410.  
  17411.        $watch('hovered', value => {
  17412.            if (value) {
  17413.                labels.forEach(el => el.style.opacity = '0');
  17414.            } else {
  17415.                labels.forEach(el => el.style.opacity = '1');
  17416.            }
  17417.        });
  17418.    "
  17419.                                        @mouseenter="hovered = true"
  17420.                                        @mouseleave="hovered = false"
  17421.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17422.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17423.                                        >
  17424.                                        <style>
  17425.                                            /* Generate styling for the label based on the product ID */
  17426.                                            .amlabel-position-top-right-6694-prod {
  17427.                                                transition: opacity 0.3s ease;
  17428.                                            }
  17429.                                        </style>
  17430.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6694" />
  17431.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-royal-petrol-turquoise-yellow-handgemaakt-van-duurzaam-waxed-polyester-h03"
  17432.                                            title="Macramé Oorhangers - Blauw/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H03"
  17433.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17434.                                            tabindex="-1">
  17435.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_3_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Blauw&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H03" title="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Blauw&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H03" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_3_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17436.                                        </a>
  17437.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17438.                                                                                            <div x-data="initWishlist()">
  17439.                                                    <button
  17440.                                                        @click="addToWishlist(6694)"
  17441.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Blauw&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H03"
  17442.                                                        type="button"
  17443.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17444.                                                        data-addto="wishlist">
  17445.                                                        <span class="icon-heart text-2xl"></span>
  17446.                                                    </button>
  17447.                                                </div>
  17448.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17449.                                                    <button
  17450.                                                        @click="addToCompare(6694)"
  17451.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Blauw&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H03"
  17452.                                                        type="button"
  17453.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17454.                                                        data-addto="compare">
  17455.                                                        <span class="icon-balance text-2xl"></span>
  17456.                                                    </button>
  17457.                                                </div>
  17458.                                                                                    </div>
  17459.                                        <div class="product-info flex flex-col grow">
  17460.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17461.                                                <a
  17462.                                                    class="product-item-link"
  17463.                                                    href="https://www.lalashops.nl/macrame-oorhangers-royal-petrol-turquoise-yellow-handgemaakt-van-duurzaam-waxed-polyester-h03"
  17464.                                                    :id="`slide-desc-6694-${$id('slider-id')}`">
  17465.                                                    Macramé Oorhangers - Blauw/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H03                                                </a>
  17466.                                            </div>
  17467.  
  17468.  
  17469.                                                                                                                                        
  17470.  
  17471.  
  17472.                                            
  17473.                                            <div class="pt-1 text-gray-900"
  17474.                                                x-defer="intersect"
  17475.                                                @update-prices-6694.window="updatePrice($event.detail);">
  17476.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6694" data-price-box="product-id-6694">
  17477.    <span
  17478.    x-data x-id="['product\u002Dprice\u002D6694']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17479.        >
  17480.        <span  :id="$id('product\u002Dprice\u002D6694')"                data-price-amount="27.5"
  17481.        data-price-type="finalPrice"
  17482.        class="price-wrapper "
  17483.    ><span class="price">€ 27,50</span></span>
  17484.        </span>
  17485.  
  17486. </div>                                            </div>
  17487.  
  17488.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17489.            ">
  17490.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17491.                                                                                                                    <button
  17492.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17493.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17494.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Blauw&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H03"
  17495.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Blauw&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H03"
  17496.                                                                data-addto="cart">
  17497.                                                                <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">
  17498.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17499. </svg>
  17500.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17501.                                                                    In Winkelwagen                                                                </span>
  17502.                                                            </button>
  17503.                                                                                                            </div>
  17504.  
  17505.                                                                                            </div>
  17506.                                        </div>
  17507.                                                                                                                        </form>
  17508.                                
  17509.                </li>
  17510.                                        
  17511.                            <li class="swiper-slide">
  17512.                                                                    <form method="post"
  17513.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6693/"
  17514.                                        x-data="{
  17515.        hovered: false,
  17516.        grid: true ,
  17517.        isMobile: false,
  17518.        isMobileFunc () {
  17519.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17520.        }
  17521.    }"
  17522.                                        x-init="
  17523.        isMobileFunc();
  17524.        const labelClass = '.amlabel-position-top-right-6693-prod';
  17525.        const labels = document.querySelectorAll(labelClass);
  17526.  
  17527.        $watch('hovered', value => {
  17528.            if (value) {
  17529.                labels.forEach(el => el.style.opacity = '0');
  17530.            } else {
  17531.                labels.forEach(el => el.style.opacity = '1');
  17532.            }
  17533.        });
  17534.    "
  17535.                                        @mouseenter="hovered = true"
  17536.                                        @mouseleave="hovered = false"
  17537.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17538.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17539.                                        >
  17540.                                        <style>
  17541.                                            /* Generate styling for the label based on the product ID */
  17542.                                            .amlabel-position-top-right-6693-prod {
  17543.                                                transition: opacity 0.3s ease;
  17544.                                            }
  17545.                                        </style>
  17546.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6693" />
  17547.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-brown-red-orange-yellow-handgemaakt-van-duurzaam-waxed-polyester-h02"
  17548.                                            title="Macramé Oorhangers - Bruin/Rood/Oranje/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H02"
  17549.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17550.                                            tabindex="-1">
  17551.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_2_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Rood&#x2F;Oranje&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H02" title="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Rood&#x2F;Oranje&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H02" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_2_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17552.                                        </a>
  17553.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17554.                                                                                            <div x-data="initWishlist()">
  17555.                                                    <button
  17556.                                                        @click="addToWishlist(6693)"
  17557.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Rood&#x2F;Oranje&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H02"
  17558.                                                        type="button"
  17559.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17560.                                                        data-addto="wishlist">
  17561.                                                        <span class="icon-heart text-2xl"></span>
  17562.                                                    </button>
  17563.                                                </div>
  17564.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17565.                                                    <button
  17566.                                                        @click="addToCompare(6693)"
  17567.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Rood&#x2F;Oranje&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H02"
  17568.                                                        type="button"
  17569.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17570.                                                        data-addto="compare">
  17571.                                                        <span class="icon-balance text-2xl"></span>
  17572.                                                    </button>
  17573.                                                </div>
  17574.                                                                                    </div>
  17575.                                        <div class="product-info flex flex-col grow">
  17576.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17577.                                                <a
  17578.                                                    class="product-item-link"
  17579.                                                    href="https://www.lalashops.nl/macrame-oorhangers-brown-red-orange-yellow-handgemaakt-van-duurzaam-waxed-polyester-h02"
  17580.                                                    :id="`slide-desc-6693-${$id('slider-id')}`">
  17581.                                                    Macramé Oorhangers - Bruin/Rood/Oranje/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H02                                                </a>
  17582.                                            </div>
  17583.  
  17584.  
  17585.                                                                                                                                        
  17586.  
  17587.  
  17588.                                            
  17589.                                            <div class="pt-1 text-gray-900"
  17590.                                                x-defer="intersect"
  17591.                                                @update-prices-6693.window="updatePrice($event.detail);">
  17592.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6693" data-price-box="product-id-6693">
  17593.    <span
  17594.    x-data x-id="['product\u002Dprice\u002D6693']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17595.        >
  17596.        <span  :id="$id('product\u002Dprice\u002D6693')"                data-price-amount="27.5"
  17597.        data-price-type="finalPrice"
  17598.        class="price-wrapper "
  17599.    ><span class="price">€ 27,50</span></span>
  17600.        </span>
  17601.  
  17602. </div>                                            </div>
  17603.  
  17604.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17605.            ">
  17606.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17607.                                                                                                                    <button
  17608.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17609.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17610.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Rood&#x2F;Oranje&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H02"
  17611.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Bruin&#x2F;Rood&#x2F;Oranje&#x2F;Geel&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H02"
  17612.                                                                data-addto="cart">
  17613.                                                                <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">
  17614.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17615. </svg>
  17616.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17617.                                                                    In Winkelwagen                                                                </span>
  17618.                                                            </button>
  17619.                                                                                                            </div>
  17620.  
  17621.                                                                                            </div>
  17622.                                        </div>
  17623.                                                                                                                        </form>
  17624.                                
  17625.                </li>
  17626.                                        
  17627.                            <li class="swiper-slide">
  17628.                                                                    <form method="post"
  17629.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6692/"
  17630.                                        x-data="{
  17631.        hovered: false,
  17632.        grid: true ,
  17633.        isMobile: false,
  17634.        isMobileFunc () {
  17635.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17636.        }
  17637.    }"
  17638.                                        x-init="
  17639.        isMobileFunc();
  17640.        const labelClass = '.amlabel-position-top-right-6692-prod';
  17641.        const labels = document.querySelectorAll(labelClass);
  17642.  
  17643.        $watch('hovered', value => {
  17644.            if (value) {
  17645.                labels.forEach(el => el.style.opacity = '0');
  17646.            } else {
  17647.                labels.forEach(el => el.style.opacity = '1');
  17648.            }
  17649.        });
  17650.    "
  17651.                                        @mouseenter="hovered = true"
  17652.                                        @mouseleave="hovered = false"
  17653.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17654.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17655.                                        >
  17656.                                        <style>
  17657.                                            /* Generate styling for the label based on the product ID */
  17658.                                            .amlabel-position-top-right-6692-prod {
  17659.                                                transition: opacity 0.3s ease;
  17660.                                            }
  17661.                                        </style>
  17662.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6692" />
  17663.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-black-grey-purple-pink-handgemaakt-van-duurzaam-waxed-polyester-h01"
  17664.                                            title="Macramé Oorhangers - Zwart/Grijs/Paars/Roze - Handgemaakt van Duurzaam Waxed Polyester - Model H01"
  17665.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17666.                                            tabindex="-1">
  17667.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_1_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Zwart&#x2F;Grijs&#x2F;Paars&#x2F;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H01" title="Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Zwart&#x2F;Grijs&#x2F;Paars&#x2F;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H01" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_1_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17668.                                        </a>
  17669.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17670.                                                                                            <div x-data="initWishlist()">
  17671.                                                    <button
  17672.                                                        @click="addToWishlist(6692)"
  17673.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Zwart&#x2F;Grijs&#x2F;Paars&#x2F;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H01"
  17674.                                                        type="button"
  17675.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17676.                                                        data-addto="wishlist">
  17677.                                                        <span class="icon-heart text-2xl"></span>
  17678.                                                    </button>
  17679.                                                </div>
  17680.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17681.                                                    <button
  17682.                                                        @click="addToCompare(6692)"
  17683.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Zwart&#x2F;Grijs&#x2F;Paars&#x2F;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H01"
  17684.                                                        type="button"
  17685.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17686.                                                        data-addto="compare">
  17687.                                                        <span class="icon-balance text-2xl"></span>
  17688.                                                    </button>
  17689.                                                </div>
  17690.                                                                                    </div>
  17691.                                        <div class="product-info flex flex-col grow">
  17692.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17693.                                                <a
  17694.                                                    class="product-item-link"
  17695.                                                    href="https://www.lalashops.nl/macrame-oorhangers-black-grey-purple-pink-handgemaakt-van-duurzaam-waxed-polyester-h01"
  17696.                                                    :id="`slide-desc-6692-${$id('slider-id')}`">
  17697.                                                    Macramé Oorhangers - Zwart/Grijs/Paars/Roze - Handgemaakt van Duurzaam Waxed Polyester - Model H01                                                </a>
  17698.                                            </div>
  17699.  
  17700.  
  17701.                                                                                                                                        
  17702.  
  17703.  
  17704.                                            
  17705.                                            <div class="pt-1 text-gray-900"
  17706.                                                x-defer="intersect"
  17707.                                                @update-prices-6692.window="updatePrice($event.detail);">
  17708.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6692" data-price-box="product-id-6692">
  17709.    <span
  17710.    x-data x-id="['product\u002Dprice\u002D6692']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17711.        >
  17712.        <span  :id="$id('product\u002Dprice\u002D6692')"                data-price-amount="27.5"
  17713.        data-price-type="finalPrice"
  17714.        class="price-wrapper "
  17715.    ><span class="price">€ 27,50</span></span>
  17716.        </span>
  17717.  
  17718. </div>                                            </div>
  17719.  
  17720.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17721.            ">
  17722.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17723.                                                                                                                    <button
  17724.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17725.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17726.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Zwart&#x2F;Grijs&#x2F;Paars&#x2F;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H01"
  17727.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorhangers&#x20;-&#x20;Zwart&#x2F;Grijs&#x2F;Paars&#x2F;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;H01"
  17728.                                                                data-addto="cart">
  17729.                                                                <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">
  17730.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17731. </svg>
  17732.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17733.                                                                    In Winkelwagen                                                                </span>
  17734.                                                            </button>
  17735.                                                                                                            </div>
  17736.  
  17737.                                                                                            </div>
  17738.                                        </div>
  17739.                                                                                                                        </form>
  17740.                                
  17741.                </li>
  17742.                                        
  17743.                            <li class="swiper-slide">
  17744.                                                                    <form method="post"
  17745.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6681/"
  17746.                                        x-data="{
  17747.        hovered: false,
  17748.        grid: true ,
  17749.        isMobile: false,
  17750.        isMobileFunc () {
  17751.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17752.        }
  17753.    }"
  17754.                                        x-init="
  17755.        isMobileFunc();
  17756.        const labelClass = '.amlabel-position-top-right-6681-prod';
  17757.        const labels = document.querySelectorAll(labelClass);
  17758.  
  17759.        $watch('hovered', value => {
  17760.            if (value) {
  17761.                labels.forEach(el => el.style.opacity = '0');
  17762.            } else {
  17763.                labels.forEach(el => el.style.opacity = '1');
  17764.            }
  17765.        });
  17766.    "
  17767.                                        @mouseenter="hovered = true"
  17768.                                        @mouseleave="hovered = false"
  17769.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17770.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17771.                                        >
  17772.                                        <style>
  17773.                                            /* Generate styling for the label based on the product ID */
  17774.                                            .amlabel-position-top-right-6681-prod {
  17775.                                                transition: opacity 0.3s ease;
  17776.                                            }
  17777.                                        </style>
  17778.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6681" />
  17779.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-dark-brown-dark-tan-handgemaakt-van-duurzaam-waxed-polyester-22"
  17780.                                            title="Macramé Oorringen - Donker Bruin / Beige - Handgemaakt van Duurzaam Waxed Polyester - Model 22"
  17781.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17782.                                            tabindex="-1">
  17783.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_22_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Beige&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;22" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Beige&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;22" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_22_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17784.                                        </a>
  17785.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17786.                                                                                            <div x-data="initWishlist()">
  17787.                                                    <button
  17788.                                                        @click="addToWishlist(6681)"
  17789.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Beige&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;22"
  17790.                                                        type="button"
  17791.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17792.                                                        data-addto="wishlist">
  17793.                                                        <span class="icon-heart text-2xl"></span>
  17794.                                                    </button>
  17795.                                                </div>
  17796.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17797.                                                    <button
  17798.                                                        @click="addToCompare(6681)"
  17799.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Beige&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;22"
  17800.                                                        type="button"
  17801.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17802.                                                        data-addto="compare">
  17803.                                                        <span class="icon-balance text-2xl"></span>
  17804.                                                    </button>
  17805.                                                </div>
  17806.                                                                                    </div>
  17807.                                        <div class="product-info flex flex-col grow">
  17808.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17809.                                                <a
  17810.                                                    class="product-item-link"
  17811.                                                    href="https://www.lalashops.nl/macrame-oorringen-dark-brown-dark-tan-handgemaakt-van-duurzaam-waxed-polyester-22"
  17812.                                                    :id="`slide-desc-6681-${$id('slider-id')}`">
  17813.                                                    Macramé Oorringen - Donker Bruin / Beige - Handgemaakt van Duurzaam Waxed Polyester - Model 22                                                </a>
  17814.                                            </div>
  17815.  
  17816.  
  17817.                                                                                                                                        
  17818.  
  17819.  
  17820.                                            
  17821.                                            <div class="pt-1 text-gray-900"
  17822.                                                x-defer="intersect"
  17823.                                                @update-prices-6681.window="updatePrice($event.detail);">
  17824.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6681" data-price-box="product-id-6681">
  17825.    <span
  17826.    x-data x-id="['product\u002Dprice\u002D6681']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17827.        >
  17828.        <span  :id="$id('product\u002Dprice\u002D6681')"                data-price-amount="22.5"
  17829.        data-price-type="finalPrice"
  17830.        class="price-wrapper "
  17831.    ><span class="price">€ 22,50</span></span>
  17832.        </span>
  17833.  
  17834. </div>                                            </div>
  17835.  
  17836.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17837.            ">
  17838.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17839.                                                                                                                    <button
  17840.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17841.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17842.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Beige&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;22"
  17843.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Beige&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;22"
  17844.                                                                data-addto="cart">
  17845.                                                                <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">
  17846.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17847. </svg>
  17848.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17849.                                                                    In Winkelwagen                                                                </span>
  17850.                                                            </button>
  17851.                                                                                                            </div>
  17852.  
  17853.                                                                                            </div>
  17854.                                        </div>
  17855.                                                                                                                        </form>
  17856.                                
  17857.                </li>
  17858.                                        
  17859.                            <li class="swiper-slide">
  17860.                                                                    <form method="post"
  17861.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6680/"
  17862.                                        x-data="{
  17863.        hovered: false,
  17864.        grid: true ,
  17865.        isMobile: false,
  17866.        isMobileFunc () {
  17867.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17868.        }
  17869.    }"
  17870.                                        x-init="
  17871.        isMobileFunc();
  17872.        const labelClass = '.amlabel-position-top-right-6680-prod';
  17873.        const labels = document.querySelectorAll(labelClass);
  17874.  
  17875.        $watch('hovered', value => {
  17876.            if (value) {
  17877.                labels.forEach(el => el.style.opacity = '0');
  17878.            } else {
  17879.                labels.forEach(el => el.style.opacity = '1');
  17880.            }
  17881.        });
  17882.    "
  17883.                                        @mouseenter="hovered = true"
  17884.                                        @mouseleave="hovered = false"
  17885.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17886.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17887.                                        >
  17888.                                        <style>
  17889.                                            /* Generate styling for the label based on the product ID */
  17890.                                            .amlabel-position-top-right-6680-prod {
  17891.                                                transition: opacity 0.3s ease;
  17892.                                            }
  17893.                                        </style>
  17894.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6680" />
  17895.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-dark-brown-turquoise-handgemaakt-van-duurzaam-waxed-polyester-21"
  17896.                                            title="Macramé Oorringen - Donker Bruin / Turkoois Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 21"
  17897.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17898.                                            tabindex="-1">
  17899.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_21_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Turquoise&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;21" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Turquoise&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;21" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_21_1_.jpg" width="360" height="360" loading="lazy"></picture>
  17900.                                        </a>
  17901.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17902.                                                                                            <div x-data="initWishlist()">
  17903.                                                    <button
  17904.                                                        @click="addToWishlist(6680)"
  17905.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Turkoois&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;21"
  17906.                                                        type="button"
  17907.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17908.                                                        data-addto="wishlist">
  17909.                                                        <span class="icon-heart text-2xl"></span>
  17910.                                                    </button>
  17911.                                                </div>
  17912.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17913.                                                    <button
  17914.                                                        @click="addToCompare(6680)"
  17915.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Turkoois&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;21"
  17916.                                                        type="button"
  17917.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  17918.                                                        data-addto="compare">
  17919.                                                        <span class="icon-balance text-2xl"></span>
  17920.                                                    </button>
  17921.                                                </div>
  17922.                                                                                    </div>
  17923.                                        <div class="product-info flex flex-col grow">
  17924.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17925.                                                <a
  17926.                                                    class="product-item-link"
  17927.                                                    href="https://www.lalashops.nl/macrame-oorringen-dark-brown-turquoise-handgemaakt-van-duurzaam-waxed-polyester-21"
  17928.                                                    :id="`slide-desc-6680-${$id('slider-id')}`">
  17929.                                                    Macramé Oorringen - Donker Bruin / Turkoois Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 21                                                </a>
  17930.                                            </div>
  17931.  
  17932.  
  17933.                                                                                                                                        
  17934.  
  17935.  
  17936.                                            
  17937.                                            <div class="pt-1 text-gray-900"
  17938.                                                x-defer="intersect"
  17939.                                                @update-prices-6680.window="updatePrice($event.detail);">
  17940.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6680" data-price-box="product-id-6680">
  17941.    <span
  17942.    x-data x-id="['product\u002Dprice\u002D6680']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17943.        >
  17944.        <span  :id="$id('product\u002Dprice\u002D6680')"                data-price-amount="22.5"
  17945.        data-price-type="finalPrice"
  17946.        class="price-wrapper "
  17947.    ><span class="price">€ 22,50</span></span>
  17948.        </span>
  17949.  
  17950. </div>                                            </div>
  17951.  
  17952.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17953.            ">
  17954.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17955.                                                                                                                    <button
  17956.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17957.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17958.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Turkoois&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;21"
  17959.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Donker&#x20;Bruin&#x20;&#x2F;&#x20;Turkoois&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;21"
  17960.                                                                data-addto="cart">
  17961.                                                                <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">
  17962.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  17963. </svg>
  17964.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17965.                                                                    In Winkelwagen                                                                </span>
  17966.                                                            </button>
  17967.                                                                                                            </div>
  17968.  
  17969.                                                                                            </div>
  17970.                                        </div>
  17971.                                                                                                                        </form>
  17972.                                
  17973.                </li>
  17974.                                        
  17975.                            <li class="swiper-slide">
  17976.                                                                    <form method="post"
  17977.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6679/"
  17978.                                        x-data="{
  17979.        hovered: false,
  17980.        grid: true ,
  17981.        isMobile: false,
  17982.        isMobileFunc () {
  17983.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17984.        }
  17985.    }"
  17986.                                        x-init="
  17987.        isMobileFunc();
  17988.        const labelClass = '.amlabel-position-top-right-6679-prod';
  17989.        const labels = document.querySelectorAll(labelClass);
  17990.  
  17991.        $watch('hovered', value => {
  17992.            if (value) {
  17993.                labels.forEach(el => el.style.opacity = '0');
  17994.            } else {
  17995.                labels.forEach(el => el.style.opacity = '1');
  17996.            }
  17997.        });
  17998.    "
  17999.                                        @mouseenter="hovered = true"
  18000.                                        @mouseleave="hovered = false"
  18001.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18002.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18003.                                        >
  18004.                                        <style>
  18005.                                            /* Generate styling for the label based on the product ID */
  18006.                                            .amlabel-position-top-right-6679-prod {
  18007.                                                transition: opacity 0.3s ease;
  18008.                                            }
  18009.                                        </style>
  18010.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6679" />
  18011.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-olive-forest-green-handgemaakt-van-duurzaam-waxed-polyester-20"
  18012.                                            title="Macramé Oorringen - Olijf Groen / Mos Groen - Handgemaakt van Duurzaam Waxed Polyester - Model 20"
  18013.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18014.                                            tabindex="-1">
  18015.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_20_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Mos&#x20;Groen&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;20" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Mos&#x20;Groen&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;20" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_20_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18016.                                        </a>
  18017.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18018.                                                                                            <div x-data="initWishlist()">
  18019.                                                    <button
  18020.                                                        @click="addToWishlist(6679)"
  18021.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Mos&#x20;Groen&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;20"
  18022.                                                        type="button"
  18023.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18024.                                                        data-addto="wishlist">
  18025.                                                        <span class="icon-heart text-2xl"></span>
  18026.                                                    </button>
  18027.                                                </div>
  18028.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18029.                                                    <button
  18030.                                                        @click="addToCompare(6679)"
  18031.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Mos&#x20;Groen&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;20"
  18032.                                                        type="button"
  18033.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18034.                                                        data-addto="compare">
  18035.                                                        <span class="icon-balance text-2xl"></span>
  18036.                                                    </button>
  18037.                                                </div>
  18038.                                                                                    </div>
  18039.                                        <div class="product-info flex flex-col grow">
  18040.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18041.                                                <a
  18042.                                                    class="product-item-link"
  18043.                                                    href="https://www.lalashops.nl/macrame-oorringen-olive-forest-green-handgemaakt-van-duurzaam-waxed-polyester-20"
  18044.                                                    :id="`slide-desc-6679-${$id('slider-id')}`">
  18045.                                                    Macramé Oorringen - Olijf Groen / Mos Groen - Handgemaakt van Duurzaam Waxed Polyester - Model 20                                                </a>
  18046.                                            </div>
  18047.  
  18048.  
  18049.                                                                                                                                        
  18050.  
  18051.  
  18052.                                            
  18053.                                            <div class="pt-1 text-gray-900"
  18054.                                                x-defer="intersect"
  18055.                                                @update-prices-6679.window="updatePrice($event.detail);">
  18056.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6679" data-price-box="product-id-6679">
  18057.    <span
  18058.    x-data x-id="['product\u002Dprice\u002D6679']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18059.        >
  18060.        <span  :id="$id('product\u002Dprice\u002D6679')"                data-price-amount="22.5"
  18061.        data-price-type="finalPrice"
  18062.        class="price-wrapper "
  18063.    ><span class="price">€ 22,50</span></span>
  18064.        </span>
  18065.  
  18066. </div>                                            </div>
  18067.  
  18068.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18069.            ">
  18070.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18071.                                                                                                                    <button
  18072.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18073.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18074.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Mos&#x20;Groen&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;20"
  18075.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Mos&#x20;Groen&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;20"
  18076.                                                                data-addto="cart">
  18077.                                                                <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">
  18078.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18079. </svg>
  18080.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18081.                                                                    In Winkelwagen                                                                </span>
  18082.                                                            </button>
  18083.                                                                                                            </div>
  18084.  
  18085.                                                                                            </div>
  18086.                                        </div>
  18087.                                                                                                                        </form>
  18088.                                
  18089.                </li>
  18090.                                        
  18091.                            <li class="swiper-slide">
  18092.                                                                    <form method="post"
  18093.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6678/"
  18094.                                        x-data="{
  18095.        hovered: false,
  18096.        grid: true ,
  18097.        isMobile: false,
  18098.        isMobileFunc () {
  18099.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18100.        }
  18101.    }"
  18102.                                        x-init="
  18103.        isMobileFunc();
  18104.        const labelClass = '.amlabel-position-top-right-6678-prod';
  18105.        const labels = document.querySelectorAll(labelClass);
  18106.  
  18107.        $watch('hovered', value => {
  18108.            if (value) {
  18109.                labels.forEach(el => el.style.opacity = '0');
  18110.            } else {
  18111.                labels.forEach(el => el.style.opacity = '1');
  18112.            }
  18113.        });
  18114.    "
  18115.                                        @mouseenter="hovered = true"
  18116.                                        @mouseleave="hovered = false"
  18117.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18118.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18119.                                        >
  18120.                                        <style>
  18121.                                            /* Generate styling for the label based on the product ID */
  18122.                                            .amlabel-position-top-right-6678-prod {
  18123.                                                transition: opacity 0.3s ease;
  18124.                                            }
  18125.                                        </style>
  18126.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6678" />
  18127.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-olive-orange-handgemaakt-van-duurzaam-waxed-polyester-19"
  18128.                                            title="Macramé Oorringen - Olijf Groen / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 19"
  18129.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18130.                                            tabindex="-1">
  18131.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_19_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;19" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;19" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_19_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18132.                                        </a>
  18133.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18134.                                                                                            <div x-data="initWishlist()">
  18135.                                                    <button
  18136.                                                        @click="addToWishlist(6678)"
  18137.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;19"
  18138.                                                        type="button"
  18139.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18140.                                                        data-addto="wishlist">
  18141.                                                        <span class="icon-heart text-2xl"></span>
  18142.                                                    </button>
  18143.                                                </div>
  18144.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18145.                                                    <button
  18146.                                                        @click="addToCompare(6678)"
  18147.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;19"
  18148.                                                        type="button"
  18149.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18150.                                                        data-addto="compare">
  18151.                                                        <span class="icon-balance text-2xl"></span>
  18152.                                                    </button>
  18153.                                                </div>
  18154.                                                                                    </div>
  18155.                                        <div class="product-info flex flex-col grow">
  18156.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18157.                                                <a
  18158.                                                    class="product-item-link"
  18159.                                                    href="https://www.lalashops.nl/macrame-oorringen-olive-orange-handgemaakt-van-duurzaam-waxed-polyester-19"
  18160.                                                    :id="`slide-desc-6678-${$id('slider-id')}`">
  18161.                                                    Macramé Oorringen - Olijf Groen / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 19                                                </a>
  18162.                                            </div>
  18163.  
  18164.  
  18165.                                                                                                                                        
  18166.  
  18167.  
  18168.                                            
  18169.                                            <div class="pt-1 text-gray-900"
  18170.                                                x-defer="intersect"
  18171.                                                @update-prices-6678.window="updatePrice($event.detail);">
  18172.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6678" data-price-box="product-id-6678">
  18173.    <span
  18174.    x-data x-id="['product\u002Dprice\u002D6678']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18175.        >
  18176.        <span  :id="$id('product\u002Dprice\u002D6678')"                data-price-amount="22.5"
  18177.        data-price-type="finalPrice"
  18178.        class="price-wrapper "
  18179.    ><span class="price">€ 22,50</span></span>
  18180.        </span>
  18181.  
  18182. </div>                                            </div>
  18183.  
  18184.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18185.            ">
  18186.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18187.                                                                                                                    <button
  18188.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18189.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18190.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;19"
  18191.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;19"
  18192.                                                                data-addto="cart">
  18193.                                                                <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">
  18194.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18195. </svg>
  18196.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18197.                                                                    In Winkelwagen                                                                </span>
  18198.                                                            </button>
  18199.                                                                                                            </div>
  18200.  
  18201.                                                                                            </div>
  18202.                                        </div>
  18203.                                                                                                                        </form>
  18204.                                
  18205.                </li>
  18206.                                        
  18207.                            <li class="swiper-slide">
  18208.                                                                    <form method="post"
  18209.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6677/"
  18210.                                        x-data="{
  18211.        hovered: false,
  18212.        grid: true ,
  18213.        isMobile: false,
  18214.        isMobileFunc () {
  18215.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18216.        }
  18217.    }"
  18218.                                        x-init="
  18219.        isMobileFunc();
  18220.        const labelClass = '.amlabel-position-top-right-6677-prod';
  18221.        const labels = document.querySelectorAll(labelClass);
  18222.  
  18223.        $watch('hovered', value => {
  18224.            if (value) {
  18225.                labels.forEach(el => el.style.opacity = '0');
  18226.            } else {
  18227.                labels.forEach(el => el.style.opacity = '1');
  18228.            }
  18229.        });
  18230.    "
  18231.                                        @mouseenter="hovered = true"
  18232.                                        @mouseleave="hovered = false"
  18233.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18234.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18235.                                        >
  18236.                                        <style>
  18237.                                            /* Generate styling for the label based on the product ID */
  18238.                                            .amlabel-position-top-right-6677-prod {
  18239.                                                transition: opacity 0.3s ease;
  18240.                                            }
  18241.                                        </style>
  18242.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6677" />
  18243.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-olive-plum-purple-handgemaakt-van-duurzaam-waxed-polyester-18"
  18244.                                            title="Macramé Oorringen - Olijf Groen / Pruim Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 18"
  18245.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18246.                                            tabindex="-1">
  18247.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_18_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Pruimen&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;18" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Pruimen&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;18" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_18_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18248.                                        </a>
  18249.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18250.                                                                                            <div x-data="initWishlist()">
  18251.                                                    <button
  18252.                                                        @click="addToWishlist(6677)"
  18253.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Pruim&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;18"
  18254.                                                        type="button"
  18255.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18256.                                                        data-addto="wishlist">
  18257.                                                        <span class="icon-heart text-2xl"></span>
  18258.                                                    </button>
  18259.                                                </div>
  18260.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18261.                                                    <button
  18262.                                                        @click="addToCompare(6677)"
  18263.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Pruim&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;18"
  18264.                                                        type="button"
  18265.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18266.                                                        data-addto="compare">
  18267.                                                        <span class="icon-balance text-2xl"></span>
  18268.                                                    </button>
  18269.                                                </div>
  18270.                                                                                    </div>
  18271.                                        <div class="product-info flex flex-col grow">
  18272.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18273.                                                <a
  18274.                                                    class="product-item-link"
  18275.                                                    href="https://www.lalashops.nl/macrame-oorringen-olive-plum-purple-handgemaakt-van-duurzaam-waxed-polyester-18"
  18276.                                                    :id="`slide-desc-6677-${$id('slider-id')}`">
  18277.                                                    Macramé Oorringen - Olijf Groen / Pruim Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 18                                                </a>
  18278.                                            </div>
  18279.  
  18280.  
  18281.                                                                                                                                        
  18282.  
  18283.  
  18284.                                            
  18285.                                            <div class="pt-1 text-gray-900"
  18286.                                                x-defer="intersect"
  18287.                                                @update-prices-6677.window="updatePrice($event.detail);">
  18288.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6677" data-price-box="product-id-6677">
  18289.    <span
  18290.    x-data x-id="['product\u002Dprice\u002D6677']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18291.        >
  18292.        <span  :id="$id('product\u002Dprice\u002D6677')"                data-price-amount="22.5"
  18293.        data-price-type="finalPrice"
  18294.        class="price-wrapper "
  18295.    ><span class="price">€ 22,50</span></span>
  18296.        </span>
  18297.  
  18298. </div>                                            </div>
  18299.  
  18300.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18301.            ">
  18302.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18303.                                                                                                                    <button
  18304.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18305.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18306.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Pruim&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;18"
  18307.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Olijf&#x20;Groen&#x20;&#x2F;&#x20;Pruim&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;18"
  18308.                                                                data-addto="cart">
  18309.                                                                <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">
  18310.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18311. </svg>
  18312.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18313.                                                                    In Winkelwagen                                                                </span>
  18314.                                                            </button>
  18315.                                                                                                            </div>
  18316.  
  18317.                                                                                            </div>
  18318.                                        </div>
  18319.                                                                                                                        </form>
  18320.                                
  18321.                </li>
  18322.                                        
  18323.                            <li class="swiper-slide">
  18324.                                                                    <form method="post"
  18325.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6676/"
  18326.                                        x-data="{
  18327.        hovered: false,
  18328.        grid: true ,
  18329.        isMobile: false,
  18330.        isMobileFunc () {
  18331.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18332.        }
  18333.    }"
  18334.                                        x-init="
  18335.        isMobileFunc();
  18336.        const labelClass = '.amlabel-position-top-right-6676-prod';
  18337.        const labels = document.querySelectorAll(labelClass);
  18338.  
  18339.        $watch('hovered', value => {
  18340.            if (value) {
  18341.                labels.forEach(el => el.style.opacity = '0');
  18342.            } else {
  18343.                labels.forEach(el => el.style.opacity = '1');
  18344.            }
  18345.        });
  18346.    "
  18347.                                        @mouseenter="hovered = true"
  18348.                                        @mouseleave="hovered = false"
  18349.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18350.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18351.                                        >
  18352.                                        <style>
  18353.                                            /* Generate styling for the label based on the product ID */
  18354.                                            .amlabel-position-top-right-6676-prod {
  18355.                                                transition: opacity 0.3s ease;
  18356.                                            }
  18357.                                        </style>
  18358.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6676" />
  18359.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-petrol-blue-light-blue-handgemaakt-van-duurzaam-waxed-polyester-17"
  18360.                                            title="Macramé Oorringen - Petrol Blauw / Licht Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 17"
  18361.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18362.                                            tabindex="-1">
  18363.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_17_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Petrol&#x20;Blauw&#x20;&#x2F;&#x20;Licht&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;17" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Petrol&#x20;Blauw&#x20;&#x2F;&#x20;Licht&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;17" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_17_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18364.                                        </a>
  18365.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18366.                                                                                            <div x-data="initWishlist()">
  18367.                                                    <button
  18368.                                                        @click="addToWishlist(6676)"
  18369.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Petrol&#x20;Blauw&#x20;&#x2F;&#x20;Licht&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;17"
  18370.                                                        type="button"
  18371.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18372.                                                        data-addto="wishlist">
  18373.                                                        <span class="icon-heart text-2xl"></span>
  18374.                                                    </button>
  18375.                                                </div>
  18376.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18377.                                                    <button
  18378.                                                        @click="addToCompare(6676)"
  18379.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Petrol&#x20;Blauw&#x20;&#x2F;&#x20;Licht&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;17"
  18380.                                                        type="button"
  18381.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18382.                                                        data-addto="compare">
  18383.                                                        <span class="icon-balance text-2xl"></span>
  18384.                                                    </button>
  18385.                                                </div>
  18386.                                                                                    </div>
  18387.                                        <div class="product-info flex flex-col grow">
  18388.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18389.                                                <a
  18390.                                                    class="product-item-link"
  18391.                                                    href="https://www.lalashops.nl/macrame-oorringen-petrol-blue-light-blue-handgemaakt-van-duurzaam-waxed-polyester-17"
  18392.                                                    :id="`slide-desc-6676-${$id('slider-id')}`">
  18393.                                                    Macramé Oorringen - Petrol Blauw / Licht Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 17                                                </a>
  18394.                                            </div>
  18395.  
  18396.  
  18397.                                                                                                                                        
  18398.  
  18399.  
  18400.                                            
  18401.                                            <div class="pt-1 text-gray-900"
  18402.                                                x-defer="intersect"
  18403.                                                @update-prices-6676.window="updatePrice($event.detail);">
  18404.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6676" data-price-box="product-id-6676">
  18405.    <span
  18406.    x-data x-id="['product\u002Dprice\u002D6676']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18407.        >
  18408.        <span  :id="$id('product\u002Dprice\u002D6676')"                data-price-amount="22.5"
  18409.        data-price-type="finalPrice"
  18410.        class="price-wrapper "
  18411.    ><span class="price">€ 22,50</span></span>
  18412.        </span>
  18413.  
  18414. </div>                                            </div>
  18415.  
  18416.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18417.            ">
  18418.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18419.                                                                                                                    <button
  18420.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18421.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18422.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Petrol&#x20;Blauw&#x20;&#x2F;&#x20;Licht&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;17"
  18423.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Petrol&#x20;Blauw&#x20;&#x2F;&#x20;Licht&#x20;Blauw&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;17"
  18424.                                                                data-addto="cart">
  18425.                                                                <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">
  18426.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18427. </svg>
  18428.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18429.                                                                    In Winkelwagen                                                                </span>
  18430.                                                            </button>
  18431.                                                                                                            </div>
  18432.  
  18433.                                                                                            </div>
  18434.                                        </div>
  18435.                                                                                                                        </form>
  18436.                                
  18437.                </li>
  18438.                                        
  18439.                            <li class="swiper-slide">
  18440.                                                                    <form method="post"
  18441.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6675/"
  18442.                                        x-data="{
  18443.        hovered: false,
  18444.        grid: true ,
  18445.        isMobile: false,
  18446.        isMobileFunc () {
  18447.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18448.        }
  18449.    }"
  18450.                                        x-init="
  18451.        isMobileFunc();
  18452.        const labelClass = '.amlabel-position-top-right-6675-prod';
  18453.        const labels = document.querySelectorAll(labelClass);
  18454.  
  18455.        $watch('hovered', value => {
  18456.            if (value) {
  18457.                labels.forEach(el => el.style.opacity = '0');
  18458.            } else {
  18459.                labels.forEach(el => el.style.opacity = '1');
  18460.            }
  18461.        });
  18462.    "
  18463.                                        @mouseenter="hovered = true"
  18464.                                        @mouseleave="hovered = false"
  18465.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18466.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18467.                                        >
  18468.                                        <style>
  18469.                                            /* Generate styling for the label based on the product ID */
  18470.                                            .amlabel-position-top-right-6675-prod {
  18471.                                                transition: opacity 0.3s ease;
  18472.                                            }
  18473.                                        </style>
  18474.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6675" />
  18475.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-eggplant-soft-pink-handgemaakt-van-duurzaam-waxed-polyester-16"
  18476.                                            title="Macramé Oorringen - Aubergine / Zacht Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 16"
  18477.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18478.                                            tabindex="-1">
  18479.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_16_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Aubergine&#x20;&#x2F;&#x20;Zacht&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;16" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Aubergine&#x20;&#x2F;&#x20;Zacht&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;16" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_16_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18480.                                        </a>
  18481.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18482.                                                                                            <div x-data="initWishlist()">
  18483.                                                    <button
  18484.                                                        @click="addToWishlist(6675)"
  18485.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Aubergine&#x20;&#x2F;&#x20;Zacht&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;16"
  18486.                                                        type="button"
  18487.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18488.                                                        data-addto="wishlist">
  18489.                                                        <span class="icon-heart text-2xl"></span>
  18490.                                                    </button>
  18491.                                                </div>
  18492.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18493.                                                    <button
  18494.                                                        @click="addToCompare(6675)"
  18495.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Aubergine&#x20;&#x2F;&#x20;Zacht&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;16"
  18496.                                                        type="button"
  18497.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18498.                                                        data-addto="compare">
  18499.                                                        <span class="icon-balance text-2xl"></span>
  18500.                                                    </button>
  18501.                                                </div>
  18502.                                                                                    </div>
  18503.                                        <div class="product-info flex flex-col grow">
  18504.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18505.                                                <a
  18506.                                                    class="product-item-link"
  18507.                                                    href="https://www.lalashops.nl/macrame-oorringen-eggplant-soft-pink-handgemaakt-van-duurzaam-waxed-polyester-16"
  18508.                                                    :id="`slide-desc-6675-${$id('slider-id')}`">
  18509.                                                    Macramé Oorringen - Aubergine / Zacht Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 16                                                </a>
  18510.                                            </div>
  18511.  
  18512.  
  18513.                                                                                                                                        
  18514.  
  18515.  
  18516.                                            
  18517.                                            <div class="pt-1 text-gray-900"
  18518.                                                x-defer="intersect"
  18519.                                                @update-prices-6675.window="updatePrice($event.detail);">
  18520.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6675" data-price-box="product-id-6675">
  18521.    <span
  18522.    x-data x-id="['product\u002Dprice\u002D6675']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18523.        >
  18524.        <span  :id="$id('product\u002Dprice\u002D6675')"                data-price-amount="22.5"
  18525.        data-price-type="finalPrice"
  18526.        class="price-wrapper "
  18527.    ><span class="price">€ 22,50</span></span>
  18528.        </span>
  18529.  
  18530. </div>                                            </div>
  18531.  
  18532.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18533.            ">
  18534.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18535.                                                                                                                    <button
  18536.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18537.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18538.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Aubergine&#x20;&#x2F;&#x20;Zacht&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;16"
  18539.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Aubergine&#x20;&#x2F;&#x20;Zacht&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;16"
  18540.                                                                data-addto="cart">
  18541.                                                                <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">
  18542.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18543. </svg>
  18544.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18545.                                                                    In Winkelwagen                                                                </span>
  18546.                                                            </button>
  18547.                                                                                                            </div>
  18548.  
  18549.                                                                                            </div>
  18550.                                        </div>
  18551.                                                                                                                        </form>
  18552.                                
  18553.                </li>
  18554.                                        
  18555.                            <li class="swiper-slide">
  18556.                                                                    <form method="post"
  18557.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6674/"
  18558.                                        x-data="{
  18559.        hovered: false,
  18560.        grid: true ,
  18561.        isMobile: false,
  18562.        isMobileFunc () {
  18563.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18564.        }
  18565.    }"
  18566.                                        x-init="
  18567.        isMobileFunc();
  18568.        const labelClass = '.amlabel-position-top-right-6674-prod';
  18569.        const labels = document.querySelectorAll(labelClass);
  18570.  
  18571.        $watch('hovered', value => {
  18572.            if (value) {
  18573.                labels.forEach(el => el.style.opacity = '0');
  18574.            } else {
  18575.                labels.forEach(el => el.style.opacity = '1');
  18576.            }
  18577.        });
  18578.    "
  18579.                                        @mouseenter="hovered = true"
  18580.                                        @mouseleave="hovered = false"
  18581.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18582.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18583.                                        >
  18584.                                        <style>
  18585.                                            /* Generate styling for the label based on the product ID */
  18586.                                            .amlabel-position-top-right-6674-prod {
  18587.                                                transition: opacity 0.3s ease;
  18588.                                            }
  18589.                                        </style>
  18590.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6674" />
  18591.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-soft-purple-purple-handgemaakt-van-duurzaam-waxed-polyester-15"
  18592.                                            title="Macramé Oorringen - Zacht Paars / Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 15"
  18593.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18594.                                            tabindex="-1">
  18595.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_15_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Paars&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;15" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Paars&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;15" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_15_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18596.                                        </a>
  18597.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18598.                                                                                            <div x-data="initWishlist()">
  18599.                                                    <button
  18600.                                                        @click="addToWishlist(6674)"
  18601.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zacht&#x20;Paars&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;15"
  18602.                                                        type="button"
  18603.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18604.                                                        data-addto="wishlist">
  18605.                                                        <span class="icon-heart text-2xl"></span>
  18606.                                                    </button>
  18607.                                                </div>
  18608.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18609.                                                    <button
  18610.                                                        @click="addToCompare(6674)"
  18611.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zacht&#x20;Paars&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;15"
  18612.                                                        type="button"
  18613.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18614.                                                        data-addto="compare">
  18615.                                                        <span class="icon-balance text-2xl"></span>
  18616.                                                    </button>
  18617.                                                </div>
  18618.                                                                                    </div>
  18619.                                        <div class="product-info flex flex-col grow">
  18620.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18621.                                                <a
  18622.                                                    class="product-item-link"
  18623.                                                    href="https://www.lalashops.nl/macrame-oorringen-soft-purple-purple-handgemaakt-van-duurzaam-waxed-polyester-15"
  18624.                                                    :id="`slide-desc-6674-${$id('slider-id')}`">
  18625.                                                    Macramé Oorringen - Zacht Paars / Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 15                                                </a>
  18626.                                            </div>
  18627.  
  18628.  
  18629.                                                                                                                                        
  18630.  
  18631.  
  18632.                                            
  18633.                                            <div class="pt-1 text-gray-900"
  18634.                                                x-defer="intersect"
  18635.                                                @update-prices-6674.window="updatePrice($event.detail);">
  18636.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6674" data-price-box="product-id-6674">
  18637.    <span
  18638.    x-data x-id="['product\u002Dprice\u002D6674']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18639.        >
  18640.        <span  :id="$id('product\u002Dprice\u002D6674')"                data-price-amount="22.5"
  18641.        data-price-type="finalPrice"
  18642.        class="price-wrapper "
  18643.    ><span class="price">€ 22,50</span></span>
  18644.        </span>
  18645.  
  18646. </div>                                            </div>
  18647.  
  18648.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18649.            ">
  18650.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18651.                                                                                                                    <button
  18652.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18653.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18654.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zacht&#x20;Paars&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;15"
  18655.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zacht&#x20;Paars&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;15"
  18656.                                                                data-addto="cart">
  18657.                                                                <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">
  18658.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18659. </svg>
  18660.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18661.                                                                    In Winkelwagen                                                                </span>
  18662.                                                            </button>
  18663.                                                                                                            </div>
  18664.  
  18665.                                                                                            </div>
  18666.                                        </div>
  18667.                                                                                                                        </form>
  18668.                                
  18669.                </li>
  18670.                                        
  18671.                            <li class="swiper-slide">
  18672.                                                                    <form method="post"
  18673.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6659/"
  18674.                                        x-data="{
  18675.        hovered: false,
  18676.        grid: true ,
  18677.        isMobile: false,
  18678.        isMobileFunc () {
  18679.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18680.        }
  18681.    }"
  18682.                                        x-init="
  18683.        isMobileFunc();
  18684.        const labelClass = '.amlabel-position-top-right-6659-prod';
  18685.        const labels = document.querySelectorAll(labelClass);
  18686.  
  18687.        $watch('hovered', value => {
  18688.            if (value) {
  18689.                labels.forEach(el => el.style.opacity = '0');
  18690.            } else {
  18691.                labels.forEach(el => el.style.opacity = '1');
  18692.            }
  18693.        });
  18694.    "
  18695.                                        @mouseenter="hovered = true"
  18696.                                        @mouseleave="hovered = false"
  18697.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18698.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18699.                                        >
  18700.                                        <style>
  18701.                                            /* Generate styling for the label based on the product ID */
  18702.                                            .amlabel-position-top-right-6659-prod {
  18703.                                                transition: opacity 0.3s ease;
  18704.                                            }
  18705.                                        </style>
  18706.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6659" />
  18707.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-grijs-fel-roze-handgemaakt-van-duurzaam-waxed-polyester-model-01"
  18708.                                            title="Macramé Oorringen - Grijs / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 01"
  18709.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18710.                                            tabindex="-1">
  18711.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_1_2_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;01" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;01" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_1_2_.jpg" width="360" height="360" loading="lazy"></picture>
  18712.                                        </a>
  18713.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18714.                                                                                            <div x-data="initWishlist()">
  18715.                                                    <button
  18716.                                                        @click="addToWishlist(6659)"
  18717.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;01"
  18718.                                                        type="button"
  18719.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18720.                                                        data-addto="wishlist">
  18721.                                                        <span class="icon-heart text-2xl"></span>
  18722.                                                    </button>
  18723.                                                </div>
  18724.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18725.                                                    <button
  18726.                                                        @click="addToCompare(6659)"
  18727.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;01"
  18728.                                                        type="button"
  18729.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18730.                                                        data-addto="compare">
  18731.                                                        <span class="icon-balance text-2xl"></span>
  18732.                                                    </button>
  18733.                                                </div>
  18734.                                                                                    </div>
  18735.                                        <div class="product-info flex flex-col grow">
  18736.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18737.                                                <a
  18738.                                                    class="product-item-link"
  18739.                                                    href="https://www.lalashops.nl/macrame-oorringen-grijs-fel-roze-handgemaakt-van-duurzaam-waxed-polyester-model-01"
  18740.                                                    :id="`slide-desc-6659-${$id('slider-id')}`">
  18741.                                                    Macramé Oorringen - Grijs / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 01                                                </a>
  18742.                                            </div>
  18743.  
  18744.  
  18745.                                                                                                                                        
  18746.  
  18747.  
  18748.                                            
  18749.                                            <div class="pt-1 text-gray-900"
  18750.                                                x-defer="intersect"
  18751.                                                @update-prices-6659.window="updatePrice($event.detail);">
  18752.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6659" data-price-box="product-id-6659">
  18753.    <span
  18754.    x-data x-id="['product\u002Dprice\u002D6659']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18755.        >
  18756.        <span  :id="$id('product\u002Dprice\u002D6659')"                data-price-amount="22.5"
  18757.        data-price-type="finalPrice"
  18758.        class="price-wrapper "
  18759.    ><span class="price">€ 22,50</span></span>
  18760.        </span>
  18761.  
  18762. </div>                                            </div>
  18763.  
  18764.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18765.            ">
  18766.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18767.                                                                                                                    <button
  18768.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18769.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18770.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;01"
  18771.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;01"
  18772.                                                                data-addto="cart">
  18773.                                                                <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">
  18774.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18775. </svg>
  18776.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18777.                                                                    In Winkelwagen                                                                </span>
  18778.                                                            </button>
  18779.                                                                                                            </div>
  18780.  
  18781.                                                                                            </div>
  18782.                                        </div>
  18783.                                                                                                                        </form>
  18784.                                
  18785.                </li>
  18786.                                        
  18787.                            <li class="swiper-slide">
  18788.                                                                    <form method="post"
  18789.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6660/"
  18790.                                        x-data="{
  18791.        hovered: false,
  18792.        grid: true ,
  18793.        isMobile: false,
  18794.        isMobileFunc () {
  18795.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18796.        }
  18797.    }"
  18798.                                        x-init="
  18799.        isMobileFunc();
  18800.        const labelClass = '.amlabel-position-top-right-6660-prod';
  18801.        const labels = document.querySelectorAll(labelClass);
  18802.  
  18803.        $watch('hovered', value => {
  18804.            if (value) {
  18805.                labels.forEach(el => el.style.opacity = '0');
  18806.            } else {
  18807.                labels.forEach(el => el.style.opacity = '1');
  18808.            }
  18809.        });
  18810.    "
  18811.                                        @mouseenter="hovered = true"
  18812.                                        @mouseleave="hovered = false"
  18813.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18814.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18815.                                        >
  18816.                                        <style>
  18817.                                            /* Generate styling for the label based on the product ID */
  18818.                                            .amlabel-position-top-right-6660-prod {
  18819.                                                transition: opacity 0.3s ease;
  18820.                                            }
  18821.                                        </style>
  18822.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6660" />
  18823.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-grijs-donker-paars-handgemaakt-van-duurzaam-waxed-polyester-02"
  18824.                                            title="Macramé Oorringen - Grijs / Donker Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 02"
  18825.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18826.                                            tabindex="-1">
  18827.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_2_3_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;02" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;02" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_2_3_.jpg" width="360" height="360" loading="lazy"></picture>
  18828.                                        </a>
  18829.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18830.                                                                                            <div x-data="initWishlist()">
  18831.                                                    <button
  18832.                                                        @click="addToWishlist(6660)"
  18833.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;02"
  18834.                                                        type="button"
  18835.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18836.                                                        data-addto="wishlist">
  18837.                                                        <span class="icon-heart text-2xl"></span>
  18838.                                                    </button>
  18839.                                                </div>
  18840.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18841.                                                    <button
  18842.                                                        @click="addToCompare(6660)"
  18843.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;02"
  18844.                                                        type="button"
  18845.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18846.                                                        data-addto="compare">
  18847.                                                        <span class="icon-balance text-2xl"></span>
  18848.                                                    </button>
  18849.                                                </div>
  18850.                                                                                    </div>
  18851.                                        <div class="product-info flex flex-col grow">
  18852.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18853.                                                <a
  18854.                                                    class="product-item-link"
  18855.                                                    href="https://www.lalashops.nl/macrame-oorringen-grijs-donker-paars-handgemaakt-van-duurzaam-waxed-polyester-02"
  18856.                                                    :id="`slide-desc-6660-${$id('slider-id')}`">
  18857.                                                    Macramé Oorringen - Grijs / Donker Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 02                                                </a>
  18858.                                            </div>
  18859.  
  18860.  
  18861.                                                                                                                                        
  18862.  
  18863.  
  18864.                                            
  18865.                                            <div class="pt-1 text-gray-900"
  18866.                                                x-defer="intersect"
  18867.                                                @update-prices-6660.window="updatePrice($event.detail);">
  18868.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6660" data-price-box="product-id-6660">
  18869.    <span
  18870.    x-data x-id="['product\u002Dprice\u002D6660']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18871.        >
  18872.        <span  :id="$id('product\u002Dprice\u002D6660')"                data-price-amount="22.5"
  18873.        data-price-type="finalPrice"
  18874.        class="price-wrapper "
  18875.    ><span class="price">€ 22,50</span></span>
  18876.        </span>
  18877.  
  18878. </div>                                            </div>
  18879.  
  18880.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18881.            ">
  18882.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18883.                                                                                                                    <button
  18884.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18885.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18886.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;02"
  18887.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Paars&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;02"
  18888.                                                                data-addto="cart">
  18889.                                                                <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">
  18890.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  18891. </svg>
  18892.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18893.                                                                    In Winkelwagen                                                                </span>
  18894.                                                            </button>
  18895.                                                                                                            </div>
  18896.  
  18897.                                                                                            </div>
  18898.                                        </div>
  18899.                                                                                                                        </form>
  18900.                                
  18901.                </li>
  18902.                                        
  18903.                            <li class="swiper-slide">
  18904.                                                                    <form method="post"
  18905.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6662/"
  18906.                                        x-data="{
  18907.        hovered: false,
  18908.        grid: true ,
  18909.        isMobile: false,
  18910.        isMobileFunc () {
  18911.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18912.        }
  18913.    }"
  18914.                                        x-init="
  18915.        isMobileFunc();
  18916.        const labelClass = '.amlabel-position-top-right-6662-prod';
  18917.        const labels = document.querySelectorAll(labelClass);
  18918.  
  18919.        $watch('hovered', value => {
  18920.            if (value) {
  18921.                labels.forEach(el => el.style.opacity = '0');
  18922.            } else {
  18923.                labels.forEach(el => el.style.opacity = '1');
  18924.            }
  18925.        });
  18926.    "
  18927.                                        @mouseenter="hovered = true"
  18928.                                        @mouseleave="hovered = false"
  18929.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18930.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18931.                                        >
  18932.                                        <style>
  18933.                                            /* Generate styling for the label based on the product ID */
  18934.                                            .amlabel-position-top-right-6662-prod {
  18935.                                                transition: opacity 0.3s ease;
  18936.                                            }
  18937.                                        </style>
  18938.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6662" />
  18939.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-ashgrey-dark-red-handgemaakt-van-duurzaam-waxed-polyester-03"
  18940.                                            title="Macramé Oorringen - Grijs / Donker Rood - Handgemaakt van Duurzaam Waxed Polyester - Model 03"
  18941.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18942.                                            tabindex="-1">
  18943.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_3_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;03" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;03" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_3_1_.jpg" width="360" height="360" loading="lazy"></picture>
  18944.                                        </a>
  18945.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18946.                                                                                            <div x-data="initWishlist()">
  18947.                                                    <button
  18948.                                                        @click="addToWishlist(6662)"
  18949.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;03"
  18950.                                                        type="button"
  18951.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18952.                                                        data-addto="wishlist">
  18953.                                                        <span class="icon-heart text-2xl"></span>
  18954.                                                    </button>
  18955.                                                </div>
  18956.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18957.                                                    <button
  18958.                                                        @click="addToCompare(6662)"
  18959.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;03"
  18960.                                                        type="button"
  18961.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  18962.                                                        data-addto="compare">
  18963.                                                        <span class="icon-balance text-2xl"></span>
  18964.                                                    </button>
  18965.                                                </div>
  18966.                                                                                    </div>
  18967.                                        <div class="product-info flex flex-col grow">
  18968.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18969.                                                <a
  18970.                                                    class="product-item-link"
  18971.                                                    href="https://www.lalashops.nl/macrame-oorringen-ashgrey-dark-red-handgemaakt-van-duurzaam-waxed-polyester-03"
  18972.                                                    :id="`slide-desc-6662-${$id('slider-id')}`">
  18973.                                                    Macramé Oorringen - Grijs / Donker Rood - Handgemaakt van Duurzaam Waxed Polyester - Model 03                                                </a>
  18974.                                            </div>
  18975.  
  18976.  
  18977.                                                                                                                                        
  18978.  
  18979.  
  18980.                                            
  18981.                                            <div class="pt-1 text-gray-900"
  18982.                                                x-defer="intersect"
  18983.                                                @update-prices-6662.window="updatePrice($event.detail);">
  18984.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6662" data-price-box="product-id-6662">
  18985.    <span
  18986.    x-data x-id="['product\u002Dprice\u002D6662']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18987.        >
  18988.        <span  :id="$id('product\u002Dprice\u002D6662')"                data-price-amount="22.5"
  18989.        data-price-type="finalPrice"
  18990.        class="price-wrapper "
  18991.    ><span class="price">€ 22,50</span></span>
  18992.        </span>
  18993.  
  18994. </div>                                            </div>
  18995.  
  18996.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18997.            ">
  18998.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18999.                                                                                                                    <button
  19000.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19001.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19002.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;03"
  19003.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Grijs&#x20;&#x2F;&#x20;Donker&#x20;Rood&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;03"
  19004.                                                                data-addto="cart">
  19005.                                                                <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">
  19006.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19007. </svg>
  19008.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19009.                                                                    In Winkelwagen                                                                </span>
  19010.                                                            </button>
  19011.                                                                                                            </div>
  19012.  
  19013.                                                                                            </div>
  19014.                                        </div>
  19015.                                                                                                                        </form>
  19016.                                
  19017.                </li>
  19018.                                        
  19019.                            <li class="swiper-slide">
  19020.                                                                    <form method="post"
  19021.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6663/"
  19022.                                        x-data="{
  19023.        hovered: false,
  19024.        grid: true ,
  19025.        isMobile: false,
  19026.        isMobileFunc () {
  19027.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19028.        }
  19029.    }"
  19030.                                        x-init="
  19031.        isMobileFunc();
  19032.        const labelClass = '.amlabel-position-top-right-6663-prod';
  19033.        const labels = document.querySelectorAll(labelClass);
  19034.  
  19035.        $watch('hovered', value => {
  19036.            if (value) {
  19037.                labels.forEach(el => el.style.opacity = '0');
  19038.            } else {
  19039.                labels.forEach(el => el.style.opacity = '1');
  19040.            }
  19041.        });
  19042.    "
  19043.                                        @mouseenter="hovered = true"
  19044.                                        @mouseleave="hovered = false"
  19045.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19046.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19047.                                        >
  19048.                                        <style>
  19049.                                            /* Generate styling for the label based on the product ID */
  19050.                                            .amlabel-position-top-right-6663-prod {
  19051.                                                transition: opacity 0.3s ease;
  19052.                                            }
  19053.                                        </style>
  19054.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6663" />
  19055.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-black-hot-pink-handgemaakt-van-duurzaam-waxed-polyester-04"
  19056.                                            title="Macramé Oorringen - Zwart / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 04"
  19057.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19058.                                            tabindex="-1">
  19059.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_4_2_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;04" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;04" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_4_2_.jpg" width="360" height="360" loading="lazy"></picture>
  19060.                                        </a>
  19061.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19062.                                                                                            <div x-data="initWishlist()">
  19063.                                                    <button
  19064.                                                        @click="addToWishlist(6663)"
  19065.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;04"
  19066.                                                        type="button"
  19067.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19068.                                                        data-addto="wishlist">
  19069.                                                        <span class="icon-heart text-2xl"></span>
  19070.                                                    </button>
  19071.                                                </div>
  19072.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19073.                                                    <button
  19074.                                                        @click="addToCompare(6663)"
  19075.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;04"
  19076.                                                        type="button"
  19077.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19078.                                                        data-addto="compare">
  19079.                                                        <span class="icon-balance text-2xl"></span>
  19080.                                                    </button>
  19081.                                                </div>
  19082.                                                                                    </div>
  19083.                                        <div class="product-info flex flex-col grow">
  19084.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19085.                                                <a
  19086.                                                    class="product-item-link"
  19087.                                                    href="https://www.lalashops.nl/macrame-oorringen-black-hot-pink-handgemaakt-van-duurzaam-waxed-polyester-04"
  19088.                                                    :id="`slide-desc-6663-${$id('slider-id')}`">
  19089.                                                    Macramé Oorringen - Zwart / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 04                                                </a>
  19090.                                            </div>
  19091.  
  19092.  
  19093.                                                                                                                                        
  19094.  
  19095.  
  19096.                                            
  19097.                                            <div class="pt-1 text-gray-900"
  19098.                                                x-defer="intersect"
  19099.                                                @update-prices-6663.window="updatePrice($event.detail);">
  19100.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6663" data-price-box="product-id-6663">
  19101.    <span
  19102.    x-data x-id="['product\u002Dprice\u002D6663']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19103.        >
  19104.        <span  :id="$id('product\u002Dprice\u002D6663')"                data-price-amount="22.5"
  19105.        data-price-type="finalPrice"
  19106.        class="price-wrapper "
  19107.    ><span class="price">€ 22,50</span></span>
  19108.        </span>
  19109.  
  19110. </div>                                            </div>
  19111.  
  19112.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19113.            ">
  19114.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19115.                                                                                                                    <button
  19116.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19117.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19118.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;04"
  19119.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Fel&#x20;Roze&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;04"
  19120.                                                                data-addto="cart">
  19121.                                                                <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">
  19122.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19123. </svg>
  19124.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19125.                                                                    In Winkelwagen                                                                </span>
  19126.                                                            </button>
  19127.                                                                                                            </div>
  19128.  
  19129.                                                                                            </div>
  19130.                                        </div>
  19131.                                                                                                                        </form>
  19132.                                
  19133.                </li>
  19134.                                        
  19135.                            <li class="swiper-slide">
  19136.                                                                    <form method="post"
  19137.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6664/"
  19138.                                        x-data="{
  19139.        hovered: false,
  19140.        grid: true ,
  19141.        isMobile: false,
  19142.        isMobileFunc () {
  19143.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19144.        }
  19145.    }"
  19146.                                        x-init="
  19147.        isMobileFunc();
  19148.        const labelClass = '.amlabel-position-top-right-6664-prod';
  19149.        const labels = document.querySelectorAll(labelClass);
  19150.  
  19151.        $watch('hovered', value => {
  19152.            if (value) {
  19153.                labels.forEach(el => el.style.opacity = '0');
  19154.            } else {
  19155.                labels.forEach(el => el.style.opacity = '1');
  19156.            }
  19157.        });
  19158.    "
  19159.                                        @mouseenter="hovered = true"
  19160.                                        @mouseleave="hovered = false"
  19161.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19162.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19163.                                        >
  19164.                                        <style>
  19165.                                            /* Generate styling for the label based on the product ID */
  19166.                                            .amlabel-position-top-right-6664-prod {
  19167.                                                transition: opacity 0.3s ease;
  19168.                                            }
  19169.                                        </style>
  19170.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="6664" />
  19171.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-black-orange-handgemaakt-van-duurzaam-waxed-polyester-05"
  19172.                                            title="Macramé Oorringen - Zwart / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 05"
  19173.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19174.                                            tabindex="-1">
  19175.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_5_1_.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;05" title="Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;05" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_5_1_.jpg" width="360" height="360" loading="lazy"></picture>
  19176.                                        </a>
  19177.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19178.                                                                                            <div x-data="initWishlist()">
  19179.                                                    <button
  19180.                                                        @click="addToWishlist(6664)"
  19181.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;05"
  19182.                                                        type="button"
  19183.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19184.                                                        data-addto="wishlist">
  19185.                                                        <span class="icon-heart text-2xl"></span>
  19186.                                                    </button>
  19187.                                                </div>
  19188.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19189.                                                    <button
  19190.                                                        @click="addToCompare(6664)"
  19191.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;05"
  19192.                                                        type="button"
  19193.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19194.                                                        data-addto="compare">
  19195.                                                        <span class="icon-balance text-2xl"></span>
  19196.                                                    </button>
  19197.                                                </div>
  19198.                                                                                    </div>
  19199.                                        <div class="product-info flex flex-col grow">
  19200.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19201.                                                <a
  19202.                                                    class="product-item-link"
  19203.                                                    href="https://www.lalashops.nl/macrame-oorringen-black-orange-handgemaakt-van-duurzaam-waxed-polyester-05"
  19204.                                                    :id="`slide-desc-6664-${$id('slider-id')}`">
  19205.                                                    Macramé Oorringen - Zwart / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 05                                                </a>
  19206.                                            </div>
  19207.  
  19208.  
  19209.                                                                                                                                        
  19210.  
  19211.  
  19212.                                            
  19213.                                            <div class="pt-1 text-gray-900"
  19214.                                                x-defer="intersect"
  19215.                                                @update-prices-6664.window="updatePrice($event.detail);">
  19216.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6664" data-price-box="product-id-6664">
  19217.    <span
  19218.    x-data x-id="['product\u002Dprice\u002D6664']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19219.        >
  19220.        <span  :id="$id('product\u002Dprice\u002D6664')"                data-price-amount="22.5"
  19221.        data-price-type="finalPrice"
  19222.        class="price-wrapper "
  19223.    ><span class="price">€ 22,50</span></span>
  19224.        </span>
  19225.  
  19226. </div>                                            </div>
  19227.  
  19228.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19229.            ">
  19230.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19231.                                                                                                                    <button
  19232.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19233.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19234.                                                                title="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;05"
  19235.                                                                aria-label="In&#x20;Winkelwagen&#x20;Macram&#xE9;&#x20;Oorringen&#x20;-&#x20;Zwart&#x20;&#x2F;&#x20;Oranje&#x20;-&#x20;Handgemaakt&#x20;van&#x20;Duurzaam&#x20;Waxed&#x20;Polyester&#x20;-&#x20;Model&#x20;05"
  19236.                                                                data-addto="cart">
  19237.                                                                <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">
  19238.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19239. </svg>
  19240.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19241.                                                                    In Winkelwagen                                                                </span>
  19242.                                                            </button>
  19243.                                                                                                            </div>
  19244.  
  19245.                                                                                            </div>
  19246.                                        </div>
  19247.                                                                                                                        </form>
  19248.                                
  19249.                </li>
  19250.                            </div>
  19251.  
  19252.        </div>
  19253.  
  19254.        <script>
  19255.            (function() {
  19256.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  19257.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  19258.  
  19259.                // Load Swiper CSS
  19260.                if (typeof window.SwiperCSS === 'undefined') {
  19261.                    const style = document.createElement("link");
  19262.                    style.rel = "stylesheet";
  19263.                    style.type = "text/css";
  19264.                    style.href = swiperCssUrl;
  19265.  
  19266.                    const insertAt = document.getElementsByTagName('link')[0];
  19267.                    if (insertAt) {
  19268.                        insertAt.parentNode.insertBefore(style, insertAt);
  19269.                    } else {
  19270.                        document.head.appendChild(style);
  19271.                    }
  19272.                    window.SwiperCSS = 'loaded';
  19273.                }
  19274.  
  19275.                function initSwiper() {
  19276.                    new Swiper('.swiper-container', {
  19277.                        loop: false,
  19278.                        slidesPerView: 1,
  19279.                        spaceBetween: 16,
  19280.                        autoplay: false,
  19281.                        navigation: {
  19282.                            nextEl: '.swiper-button-next',
  19283.                            prevEl: '.swiper-button-prev',
  19284.                        },
  19285.                        breakpoints: {
  19286.                            480: {
  19287.                                slidesPerView: 1.6,
  19288.                                spaceBetween: 16,
  19289.                            },
  19290.                            768: {
  19291.                                slidesPerView: 2.6,
  19292.                                spaceBetween: 16,
  19293.                            },
  19294.                            1024: {
  19295.                                slidesPerView: 3.6,
  19296.                                spaceBetween: 16,
  19297.                            },
  19298.                            1280: {
  19299.                                slidesPerView: 4.6,
  19300.                                spaceBetween: 16,
  19301.                            }
  19302.                        },
  19303.                    });
  19304.                }
  19305.  
  19306.                if (typeof window.Swiper === 'function') {
  19307.                    initSwiper();
  19308.                } else {
  19309.                    // Load Swiper JS
  19310.                    const scriptSource = swiperJsUrl;
  19311.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  19312.  
  19313.                    if (pendingLoadScript) {
  19314.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  19315.                        return;
  19316.                    }
  19317.  
  19318.                    const script = document.createElement('script');
  19319.                    script.src = scriptSource;
  19320.                    script.async = true;
  19321.  
  19322.                    script.addEventListener('load', () => initSwiper());
  19323.                    document.head.appendChild(script);
  19324.                }
  19325.            })();
  19326.  
  19327.            window.addEventListener("load", function() {
  19328.                if (window.innerWidth > 479) {
  19329.                    let maxHeight = 0;
  19330.  
  19331.                    // Get all slides
  19332.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  19333.  
  19334.                    // Find the tallest slide
  19335.                    slides.forEach(slide => {
  19336.                        const slideHeight = slide.offsetHeight;
  19337.                        if (slideHeight > maxHeight) {
  19338.                            maxHeight = slideHeight;
  19339.                        }
  19340.                    });
  19341.  
  19342.                    // Set the height of all slides and the swiper-wrapper to the max height
  19343.                    slides.forEach(slide => {
  19344.                        slide.style.height = `${maxHeight}px`;
  19345.                    });
  19346.  
  19347.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  19348.                    if (swiperWrapper) {
  19349.                        swiperWrapper.style.height = `${maxHeight}px`;
  19350.                    }
  19351.                }
  19352.            });
  19353.        </script>
  19354.    </div>
  19355. </section>
  19356. </div>
  19357. <template x-data="initAmWidgetLabels__68985b521418a" x-init="initLabels($el)"></template>
  19358.  
  19359. <script>
  19360.    function initAmWidgetLabels__68985b521418a() {
  19361.        return {
  19362.            initLabels($el) {
  19363.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  19364.                const widgetContainer = $el?.previousElementSibling;
  19365.  
  19366.                labels.forEach((productLabel, index) => {
  19367.                    const productSelector = `li:nth-child(${index + 1})`;
  19368.                    const productContainer = widgetContainer?.querySelector(productSelector);
  19369.                    if (productContainer) {
  19370.                        const labelClass = 'am-label_68985b521418a' + index;
  19371.                        productContainer.innerHTML += productLabel;
  19372.                        productContainer.classList.add(labelClass);
  19373.                        hyva.replaceDomElement(
  19374.                            '.' + labelClass,
  19375.                            productContainer?.outerHTML
  19376.                        );
  19377.                    }
  19378.                });
  19379.            }
  19380.        }
  19381.    }
  19382. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  19383.    <section
  19384.                        class="super-margin hyva-category
  19385.                        ">
  19386.  
  19387.        <div class="">
  19388.  
  19389.  
  19390.            
  19391.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  19392.  
  19393.                
  19394.                <div class="swiper-container pb-8" data-id-category="wi6tzddfdduihlcmo7b4j2fmpsqtqgnf">
  19395.  
  19396.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  19397.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  19398.                                Baby en <span class="font-bold">Kinderspullen</span>                            </h2>
  19399.                        
  19400.                        <!-- Add Navigation Arrows -->
  19401.                        <div class="flex gap-4 lg:gap-12">
  19402.                            <div id="swiper-button-prev-wi6tzddfdduihlcmo7b4j2fmpsqtqgnf" class="swiper-button-prev !static"></div>
  19403.                            <div id="swiper-button-next-wi6tzddfdduihlcmo7b4j2fmpsqtqgnf" class="swiper-button-next !static"></div>
  19404.                        </div>
  19405.                    </div>
  19406.  
  19407.                    <div class="hyva-category-content ">
  19408.                                            </div>
  19409.  
  19410.                    <div class="swiper-wrapper list-none">
  19411.                                                    
  19412.                            <li class="swiper-slide">
  19413.                                                                    <form method="post"
  19414.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8803/"
  19415.                                        x-data="{
  19416.        hovered: false,
  19417.        grid: true ,
  19418.        isMobile: false,
  19419.        isMobileFunc () {
  19420.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19421.        }
  19422.    }"
  19423.                                        x-init="
  19424.        isMobileFunc();
  19425.        const labelClass = '.amlabel-position-top-right-8803-prod';
  19426.        const labels = document.querySelectorAll(labelClass);
  19427.  
  19428.        $watch('hovered', value => {
  19429.            if (value) {
  19430.                labels.forEach(el => el.style.opacity = '0');
  19431.            } else {
  19432.                labels.forEach(el => el.style.opacity = '1');
  19433.            }
  19434.        });
  19435.    "
  19436.                                        @mouseenter="hovered = true"
  19437.                                        @mouseleave="hovered = false"
  19438.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19439.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19440.                                        >
  19441.                                        <style>
  19442.                                            /* Generate styling for the label based on the product ID */
  19443.                                            .amlabel-position-top-right-8803-prod {
  19444.                                                transition: opacity 0.3s ease;
  19445.                                            }
  19446.                                        </style>
  19447.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8803" />
  19448.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-maan-wit-met-aan-uit-schakelaar-led-lampje-wit-baby-deckkzoutlmaanwit"
  19449.                                            title="Zoutlamp Maan - Wit - Met Aan/Uit Schakelaar - Led Lampje"
  19450.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19451.                                            tabindex="-1">
  19452.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_maan_-_wit_2_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;Maan&#x20;-&#x20;Wit" title="Zoutlamp&#x20;Maan&#x20;-&#x20;Wit" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_maan_-_wit_2_1.jpg" width="360" height="360" loading="lazy"></picture>
  19453.                                        </a>
  19454.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19455.                                                                                            <div x-data="initWishlist()">
  19456.                                                    <button
  19457.                                                        @click="addToWishlist(8803)"
  19458.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;Maan&#x20;-&#x20;Wit&#x20;-&#x20;Met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Led&#x20;Lampje"
  19459.                                                        type="button"
  19460.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19461.                                                        data-addto="wishlist">
  19462.                                                        <span class="icon-heart text-2xl"></span>
  19463.                                                    </button>
  19464.                                                </div>
  19465.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19466.                                                    <button
  19467.                                                        @click="addToCompare(8803)"
  19468.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;Maan&#x20;-&#x20;Wit&#x20;-&#x20;Met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Led&#x20;Lampje"
  19469.                                                        type="button"
  19470.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19471.                                                        data-addto="compare">
  19472.                                                        <span class="icon-balance text-2xl"></span>
  19473.                                                    </button>
  19474.                                                </div>
  19475.                                                                                    </div>
  19476.                                        <div class="product-info flex flex-col grow">
  19477.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19478.                                                <a
  19479.                                                    class="product-item-link"
  19480.                                                    href="https://www.lalashops.nl/zoutlamp-maan-wit-met-aan-uit-schakelaar-led-lampje-wit-baby-deckkzoutlmaanwit"
  19481.                                                    :id="`slide-desc-8803-${$id('slider-id')}`">
  19482.                                                    Zoutlamp Maan - Wit - Met Aan/Uit Schakelaar - Led Lampje                                                </a>
  19483.                                            </div>
  19484.  
  19485.  
  19486.                                                                                                                                        
  19487.  
  19488.  
  19489.                                            
  19490.                                            <div class="pt-1 text-gray-900"
  19491.                                                x-defer="intersect"
  19492.                                                @update-prices-8803.window="updatePrice($event.detail);">
  19493.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8803" data-price-box="product-id-8803">
  19494.    <span
  19495.    x-data x-id="['product\u002Dprice\u002D8803']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19496.        >
  19497.        <span  :id="$id('product\u002Dprice\u002D8803')"                data-price-amount="35.95"
  19498.        data-price-type="finalPrice"
  19499.        class="price-wrapper "
  19500.    ><span class="price">€ 35,95</span></span>
  19501.        </span>
  19502.  
  19503. </div>                                            </div>
  19504.  
  19505.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19506.            ">
  19507.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19508.                                                                                                                    <button
  19509.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19510.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19511.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;Maan&#x20;-&#x20;Wit&#x20;-&#x20;Met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Led&#x20;Lampje"
  19512.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;Maan&#x20;-&#x20;Wit&#x20;-&#x20;Met&#x20;Aan&#x2F;Uit&#x20;Schakelaar&#x20;-&#x20;Led&#x20;Lampje"
  19513.                                                                data-addto="cart">
  19514.                                                                <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">
  19515.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19516. </svg>
  19517.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19518.                                                                    In Winkelwagen                                                                </span>
  19519.                                                            </button>
  19520.                                                                                                            </div>
  19521.  
  19522.                                                                                            </div>
  19523.                                        </div>
  19524.                                                                                                                        </form>
  19525.                                
  19526.                </li>
  19527.                                        
  19528.                            <li class="swiper-slide">
  19529.                                                                    <form method="post"
  19530.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8705/"
  19531.                                        x-data="{
  19532.        hovered: false,
  19533.        grid: true ,
  19534.        isMobile: false,
  19535.        isMobileFunc () {
  19536.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19537.        }
  19538.    }"
  19539.                                        x-init="
  19540.        isMobileFunc();
  19541.        const labelClass = '.amlabel-position-top-right-8705-prod';
  19542.        const labels = document.querySelectorAll(labelClass);
  19543.  
  19544.        $watch('hovered', value => {
  19545.            if (value) {
  19546.                labels.forEach(el => el.style.opacity = '0');
  19547.            } else {
  19548.                labels.forEach(el => el.style.opacity = '1');
  19549.            }
  19550.        });
  19551.    "
  19552.                                        @mouseenter="hovered = true"
  19553.                                        @mouseleave="hovered = false"
  19554.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19555.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19556.                                        >
  19557.                                        <style>
  19558.                                            /* Generate styling for the label based on the product ID */
  19559.                                            .amlabel-position-top-right-8705-prod {
  19560.                                                transition: opacity 0.3s ease;
  19561.                                            }
  19562.                                        </style>
  19563.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8705" />
  19564.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-yellow-baby-knufdmuchisyellow"
  19565.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Star Yellow"
  19566.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19567.                                            tabindex="-1">
  19568.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_star_yellow_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow" title="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_star_yellow_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  19569.                                        </a>
  19570.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19571.                                                                                            <div x-data="initWishlist()">
  19572.                                                    <button
  19573.                                                        @click="addToWishlist(8705)"
  19574.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19575.                                                        type="button"
  19576.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19577.                                                        data-addto="wishlist">
  19578.                                                        <span class="icon-heart text-2xl"></span>
  19579.                                                    </button>
  19580.                                                </div>
  19581.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19582.                                                    <button
  19583.                                                        @click="addToCompare(8705)"
  19584.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19585.                                                        type="button"
  19586.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19587.                                                        data-addto="compare">
  19588.                                                        <span class="icon-balance text-2xl"></span>
  19589.                                                    </button>
  19590.                                                </div>
  19591.                                                                                    </div>
  19592.                                        <div class="product-info flex flex-col grow">
  19593.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19594.                                                <a
  19595.                                                    class="product-item-link"
  19596.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-yellow-baby-knufdmuchisyellow"
  19597.                                                    :id="`slide-desc-8705-${$id('slider-id')}`">
  19598.                                                    Mushie Knuffeldoekje - Lovely Blanket - Star Yellow                                                </a>
  19599.                                            </div>
  19600.  
  19601.  
  19602.                                                                                                                                        
  19603.  
  19604.  
  19605.                                            
  19606.                                            <div class="pt-1 text-gray-900"
  19607.                                                x-defer="intersect"
  19608.                                                @update-prices-8705.window="updatePrice($event.detail);">
  19609.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8705" data-price-box="product-id-8705">
  19610.    <span
  19611.    x-data x-id="['product\u002Dprice\u002D8705']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19612.        >
  19613.        <span  :id="$id('product\u002Dprice\u002D8705')"                data-price-amount="19.95"
  19614.        data-price-type="finalPrice"
  19615.        class="price-wrapper "
  19616.    ><span class="price">€ 19,95</span></span>
  19617.        </span>
  19618.  
  19619. </div>                                            </div>
  19620.  
  19621.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19622.            ">
  19623.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19624.                                                                                                                    <button
  19625.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19626.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19627.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19628.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19629.                                                                data-addto="cart">
  19630.                                                                <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">
  19631.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19632. </svg>
  19633.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19634.                                                                    In Winkelwagen                                                                </span>
  19635.                                                            </button>
  19636.                                                                                                            </div>
  19637.  
  19638.                                                                                            </div>
  19639.                                        </div>
  19640.                                                                                                                        </form>
  19641.                                
  19642.                </li>
  19643.                                        
  19644.                            <li class="swiper-slide">
  19645.                                                                    <form method="post"
  19646.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8704/"
  19647.                                        x-data="{
  19648.        hovered: false,
  19649.        grid: true ,
  19650.        isMobile: false,
  19651.        isMobileFunc () {
  19652.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19653.        }
  19654.    }"
  19655.                                        x-init="
  19656.        isMobileFunc();
  19657.        const labelClass = '.amlabel-position-top-right-8704-prod';
  19658.        const labels = document.querySelectorAll(labelClass);
  19659.  
  19660.        $watch('hovered', value => {
  19661.            if (value) {
  19662.                labels.forEach(el => el.style.opacity = '0');
  19663.            } else {
  19664.                labels.forEach(el => el.style.opacity = '1');
  19665.            }
  19666.        });
  19667.    "
  19668.                                        @mouseenter="hovered = true"
  19669.                                        @mouseleave="hovered = false"
  19670.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19671.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19672.                                        >
  19673.                                        <style>
  19674.                                            /* Generate styling for the label based on the product ID */
  19675.                                            .amlabel-position-top-right-8704-prod {
  19676.                                                transition: opacity 0.3s ease;
  19677.                                            }
  19678.                                        </style>
  19679.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8704" />
  19680.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-roze-baby-knufdmuchisroze"
  19681.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Star Roze"
  19682.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19683.                                            tabindex="-1">
  19684.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_star_roze_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze" title="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_star_roze_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  19685.                                        </a>
  19686.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19687.                                                                                            <div x-data="initWishlist()">
  19688.                                                    <button
  19689.                                                        @click="addToWishlist(8704)"
  19690.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  19691.                                                        type="button"
  19692.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19693.                                                        data-addto="wishlist">
  19694.                                                        <span class="icon-heart text-2xl"></span>
  19695.                                                    </button>
  19696.                                                </div>
  19697.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19698.                                                    <button
  19699.                                                        @click="addToCompare(8704)"
  19700.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  19701.                                                        type="button"
  19702.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19703.                                                        data-addto="compare">
  19704.                                                        <span class="icon-balance text-2xl"></span>
  19705.                                                    </button>
  19706.                                                </div>
  19707.                                                                                    </div>
  19708.                                        <div class="product-info flex flex-col grow">
  19709.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19710.                                                <a
  19711.                                                    class="product-item-link"
  19712.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-roze-baby-knufdmuchisroze"
  19713.                                                    :id="`slide-desc-8704-${$id('slider-id')}`">
  19714.                                                    Mushie Knuffeldoekje - Lovely Blanket - Star Roze                                                </a>
  19715.                                            </div>
  19716.  
  19717.  
  19718.                                                                                                                                        
  19719.  
  19720.  
  19721.                                            
  19722.                                            <div class="pt-1 text-gray-900"
  19723.                                                x-defer="intersect"
  19724.                                                @update-prices-8704.window="updatePrice($event.detail);">
  19725.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8704" data-price-box="product-id-8704">
  19726.    <span
  19727.    x-data x-id="['product\u002Dprice\u002D8704']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19728.        >
  19729.        <span  :id="$id('product\u002Dprice\u002D8704')"                data-price-amount="19.95"
  19730.        data-price-type="finalPrice"
  19731.        class="price-wrapper "
  19732.    ><span class="price">€ 19,95</span></span>
  19733.        </span>
  19734.  
  19735. </div>                                            </div>
  19736.  
  19737.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19738.            ">
  19739.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19740.                                                                                                                    <button
  19741.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19742.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19743.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  19744.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  19745.                                                                data-addto="cart">
  19746.                                                                <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">
  19747.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19748. </svg>
  19749.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19750.                                                                    In Winkelwagen                                                                </span>
  19751.                                                            </button>
  19752.                                                                                                            </div>
  19753.  
  19754.                                                                                            </div>
  19755.                                        </div>
  19756.                                                                                                                        </form>
  19757.                                
  19758.                </li>
  19759.                                        
  19760.                            <li class="swiper-slide">
  19761.                                                                    <form method="post"
  19762.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8703/"
  19763.                                        x-data="{
  19764.        hovered: false,
  19765.        grid: true ,
  19766.        isMobile: false,
  19767.        isMobileFunc () {
  19768.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19769.        }
  19770.    }"
  19771.                                        x-init="
  19772.        isMobileFunc();
  19773.        const labelClass = '.amlabel-position-top-right-8703-prod';
  19774.        const labels = document.querySelectorAll(labelClass);
  19775.  
  19776.        $watch('hovered', value => {
  19777.            if (value) {
  19778.                labels.forEach(el => el.style.opacity = '0');
  19779.            } else {
  19780.                labels.forEach(el => el.style.opacity = '1');
  19781.            }
  19782.        });
  19783.    "
  19784.                                        @mouseenter="hovered = true"
  19785.                                        @mouseleave="hovered = false"
  19786.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19787.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19788.                                        >
  19789.                                        <style>
  19790.                                            /* Generate styling for the label based on the product ID */
  19791.                                            .amlabel-position-top-right-8703-prod {
  19792.                                                transition: opacity 0.3s ease;
  19793.                                            }
  19794.                                        </style>
  19795.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8703" />
  19796.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-green-baby-knufdmuchimgreen"
  19797.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Moon Green"
  19798.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19799.                                            tabindex="-1">
  19800.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_moon_green_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green" title="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_moon_green_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  19801.                                        </a>
  19802.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19803.                                                                                            <div x-data="initWishlist()">
  19804.                                                    <button
  19805.                                                        @click="addToWishlist(8703)"
  19806.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  19807.                                                        type="button"
  19808.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19809.                                                        data-addto="wishlist">
  19810.                                                        <span class="icon-heart text-2xl"></span>
  19811.                                                    </button>
  19812.                                                </div>
  19813.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19814.                                                    <button
  19815.                                                        @click="addToCompare(8703)"
  19816.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  19817.                                                        type="button"
  19818.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19819.                                                        data-addto="compare">
  19820.                                                        <span class="icon-balance text-2xl"></span>
  19821.                                                    </button>
  19822.                                                </div>
  19823.                                                                                    </div>
  19824.                                        <div class="product-info flex flex-col grow">
  19825.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19826.                                                <a
  19827.                                                    class="product-item-link"
  19828.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-green-baby-knufdmuchimgreen"
  19829.                                                    :id="`slide-desc-8703-${$id('slider-id')}`">
  19830.                                                    Mushie Knuffeldoekje - Lovely Blanket - Moon Green                                                </a>
  19831.                                            </div>
  19832.  
  19833.  
  19834.                                                                                                                                        
  19835.  
  19836.  
  19837.                                            
  19838.                                            <div class="pt-1 text-gray-900"
  19839.                                                x-defer="intersect"
  19840.                                                @update-prices-8703.window="updatePrice($event.detail);">
  19841.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8703" data-price-box="product-id-8703">
  19842.    <span
  19843.    x-data x-id="['product\u002Dprice\u002D8703']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19844.        >
  19845.        <span  :id="$id('product\u002Dprice\u002D8703')"                data-price-amount="19.95"
  19846.        data-price-type="finalPrice"
  19847.        class="price-wrapper "
  19848.    ><span class="price">€ 19,95</span></span>
  19849.        </span>
  19850.  
  19851. </div>                                            </div>
  19852.  
  19853.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19854.            ">
  19855.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19856.                                                                                                                    <button
  19857.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19858.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19859.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  19860.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  19861.                                                                data-addto="cart">
  19862.                                                                <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">
  19863.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19864. </svg>
  19865.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19866.                                                                    In Winkelwagen                                                                </span>
  19867.                                                            </button>
  19868.                                                                                                            </div>
  19869.  
  19870.                                                                                            </div>
  19871.                                        </div>
  19872.                                                                                                                        </form>
  19873.                                
  19874.                </li>
  19875.                                        
  19876.                            <li class="swiper-slide">
  19877.                                                                    <form method="post"
  19878.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8702/"
  19879.                                        x-data="{
  19880.        hovered: false,
  19881.        grid: true ,
  19882.        isMobile: false,
  19883.        isMobileFunc () {
  19884.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19885.        }
  19886.    }"
  19887.                                        x-init="
  19888.        isMobileFunc();
  19889.        const labelClass = '.amlabel-position-top-right-8702-prod';
  19890.        const labels = document.querySelectorAll(labelClass);
  19891.  
  19892.        $watch('hovered', value => {
  19893.            if (value) {
  19894.                labels.forEach(el => el.style.opacity = '0');
  19895.            } else {
  19896.                labels.forEach(el => el.style.opacity = '1');
  19897.            }
  19898.        });
  19899.    "
  19900.                                        @mouseenter="hovered = true"
  19901.                                        @mouseleave="hovered = false"
  19902.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19903.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19904.                                        >
  19905.                                        <style>
  19906.                                            /* Generate styling for the label based on the product ID */
  19907.                                            .amlabel-position-top-right-8702-prod {
  19908.                                                transition: opacity 0.3s ease;
  19909.                                            }
  19910.                                        </style>
  19911.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8702" />
  19912.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-blue-baby-knufdmuchimblue"
  19913.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Moon Blue"
  19914.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19915.                                            tabindex="-1">
  19916.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_moon_blue_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue" title="Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_knuffeldoekje_-_lovely_blanket_-_moon_blue_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  19917.                                        </a>
  19918.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19919.                                                                                            <div x-data="initWishlist()">
  19920.                                                    <button
  19921.                                                        @click="addToWishlist(8702)"
  19922.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  19923.                                                        type="button"
  19924.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19925.                                                        data-addto="wishlist">
  19926.                                                        <span class="icon-heart text-2xl"></span>
  19927.                                                    </button>
  19928.                                                </div>
  19929.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19930.                                                    <button
  19931.                                                        @click="addToCompare(8702)"
  19932.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  19933.                                                        type="button"
  19934.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  19935.                                                        data-addto="compare">
  19936.                                                        <span class="icon-balance text-2xl"></span>
  19937.                                                    </button>
  19938.                                                </div>
  19939.                                                                                    </div>
  19940.                                        <div class="product-info flex flex-col grow">
  19941.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19942.                                                <a
  19943.                                                    class="product-item-link"
  19944.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-blue-baby-knufdmuchimblue"
  19945.                                                    :id="`slide-desc-8702-${$id('slider-id')}`">
  19946.                                                    Mushie Knuffeldoekje - Lovely Blanket - Moon Blue                                                </a>
  19947.                                            </div>
  19948.  
  19949.  
  19950.                                                                                                                                        
  19951.  
  19952.  
  19953.                                            
  19954.                                            <div class="pt-1 text-gray-900"
  19955.                                                x-defer="intersect"
  19956.                                                @update-prices-8702.window="updatePrice($event.detail);">
  19957.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8702" data-price-box="product-id-8702">
  19958.    <span
  19959.    x-data x-id="['product\u002Dprice\u002D8702']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19960.        >
  19961.        <span  :id="$id('product\u002Dprice\u002D8702')"                data-price-amount="19.95"
  19962.        data-price-type="finalPrice"
  19963.        class="price-wrapper "
  19964.    ><span class="price">€ 19,95</span></span>
  19965.        </span>
  19966.  
  19967. </div>                                            </div>
  19968.  
  19969.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19970.            ">
  19971.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19972.                                                                                                                    <button
  19973.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19974.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19975.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  19976.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  19977.                                                                data-addto="cart">
  19978.                                                                <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">
  19979.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  19980. </svg>
  19981.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19982.                                                                    In Winkelwagen                                                                </span>
  19983.                                                            </button>
  19984.                                                                                                            </div>
  19985.  
  19986.                                                                                            </div>
  19987.                                        </div>
  19988.                                                                                                                        </form>
  19989.                                
  19990.                </li>
  19991.                                        
  19992.                            <li class="swiper-slide">
  19993.                                                                    <form method="post"
  19994.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8696/"
  19995.                                        x-data="{
  19996.        hovered: false,
  19997.        grid: true ,
  19998.        isMobile: false,
  19999.        isMobileFunc () {
  20000.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20001.        }
  20002.    }"
  20003.                                        x-init="
  20004.        isMobileFunc();
  20005.        const labelClass = '.amlabel-position-top-right-8696-prod';
  20006.        const labels = document.querySelectorAll(labelClass);
  20007.  
  20008.        $watch('hovered', value => {
  20009.            if (value) {
  20010.                labels.forEach(el => el.style.opacity = '0');
  20011.            } else {
  20012.                labels.forEach(el => el.style.opacity = '1');
  20013.            }
  20014.        });
  20015.    "
  20016.                                        @mouseenter="hovered = true"
  20017.                                        @mouseleave="hovered = false"
  20018.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20019.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20020.                                        >
  20021.                                        <style>
  20022.                                            /* Generate styling for the label based on the product ID */
  20023.                                            .amlabel-position-top-right-8696-prod {
  20024.                                                transition: opacity 0.3s ease;
  20025.                                            }
  20026.                                        </style>
  20027.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8696" />
  20028.                                                                                                                                                            <a href="https://www.lalashops.nl/geboortelijst-olly-olifant-baby-glijolifant"
  20029.                                            title="Geboortelijst Olly Olifant"
  20030.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20031.                                            tabindex="-1">
  20032.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_olly_olifant.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Geboortelijst&#x20;Olly&#x20;Olifant" title="Geboortelijst&#x20;Olly&#x20;Olifant" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_olly_olifant.jpg" width="360" height="360" loading="lazy"></picture>
  20033.                                        </a>
  20034.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20035.                                                                                            <div x-data="initWishlist()">
  20036.                                                    <button
  20037.                                                        @click="addToWishlist(8696)"
  20038.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Geboortelijst&#x20;Olly&#x20;Olifant"
  20039.                                                        type="button"
  20040.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20041.                                                        data-addto="wishlist">
  20042.                                                        <span class="icon-heart text-2xl"></span>
  20043.                                                    </button>
  20044.                                                </div>
  20045.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20046.                                                    <button
  20047.                                                        @click="addToCompare(8696)"
  20048.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Geboortelijst&#x20;Olly&#x20;Olifant"
  20049.                                                        type="button"
  20050.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20051.                                                        data-addto="compare">
  20052.                                                        <span class="icon-balance text-2xl"></span>
  20053.                                                    </button>
  20054.                                                </div>
  20055.                                                                                    </div>
  20056.                                        <div class="product-info flex flex-col grow">
  20057.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20058.                                                <a
  20059.                                                    class="product-item-link"
  20060.                                                    href="https://www.lalashops.nl/geboortelijst-olly-olifant-baby-glijolifant"
  20061.                                                    :id="`slide-desc-8696-${$id('slider-id')}`">
  20062.                                                    Geboortelijst Olly Olifant                                                </a>
  20063.                                            </div>
  20064.  
  20065.  
  20066.                                                                                                                                        
  20067.  
  20068.  
  20069.                                            
  20070.                                            <div class="pt-1 text-gray-900"
  20071.                                                x-defer="intersect"
  20072.                                                @update-prices-8696.window="updatePrice($event.detail);">
  20073.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8696" data-price-box="product-id-8696">
  20074.    <span
  20075.    x-data x-id="['product\u002Dprice\u002D8696']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20076.        >
  20077.        <span  :id="$id('product\u002Dprice\u002D8696')"                data-price-amount="19.95"
  20078.        data-price-type="finalPrice"
  20079.        class="price-wrapper "
  20080.    ><span class="price">€ 19,95</span></span>
  20081.        </span>
  20082.  
  20083. </div>                                            </div>
  20084.  
  20085.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20086.            ">
  20087.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20088.                                                                                                                    <button
  20089.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20090.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20091.                                                                title="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Olly&#x20;Olifant"
  20092.                                                                aria-label="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Olly&#x20;Olifant"
  20093.                                                                data-addto="cart">
  20094.                                                                <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">
  20095.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20096. </svg>
  20097.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20098.                                                                    In Winkelwagen                                                                </span>
  20099.                                                            </button>
  20100.                                                                                                            </div>
  20101.  
  20102.                                                                                            </div>
  20103.                                        </div>
  20104.                                                                                                                        </form>
  20105.                                
  20106.                </li>
  20107.                                        
  20108.                            <li class="swiper-slide">
  20109.                                                                    <form method="post"
  20110.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8695/"
  20111.                                        x-data="{
  20112.        hovered: false,
  20113.        grid: true ,
  20114.        isMobile: false,
  20115.        isMobileFunc () {
  20116.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20117.        }
  20118.    }"
  20119.                                        x-init="
  20120.        isMobileFunc();
  20121.        const labelClass = '.amlabel-position-top-right-8695-prod';
  20122.        const labels = document.querySelectorAll(labelClass);
  20123.  
  20124.        $watch('hovered', value => {
  20125.            if (value) {
  20126.                labels.forEach(el => el.style.opacity = '0');
  20127.            } else {
  20128.                labels.forEach(el => el.style.opacity = '1');
  20129.            }
  20130.        });
  20131.    "
  20132.                                        @mouseenter="hovered = true"
  20133.                                        @mouseleave="hovered = false"
  20134.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20135.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20136.                                        >
  20137.                                        <style>
  20138.                                            /* Generate styling for the label based on the product ID */
  20139.                                            .amlabel-position-top-right-8695-prod {
  20140.                                                transition: opacity 0.3s ease;
  20141.                                            }
  20142.                                        </style>
  20143.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8695" />
  20144.                                                                                                                                                            <a href="https://www.lalashops.nl/geboortelijst-olivia-sheep-baby-glijsheep"
  20145.                                            title="Geboortelijst Olivia Sheep"
  20146.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20147.                                            tabindex="-1">
  20148.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_olivia_sheep_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Geboortelijst&#x20;Olivia&#x20;Sheep" title="Geboortelijst&#x20;Olivia&#x20;Sheep" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_olivia_sheep_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20149.                                        </a>
  20150.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20151.                                                                                            <div x-data="initWishlist()">
  20152.                                                    <button
  20153.                                                        @click="addToWishlist(8695)"
  20154.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Geboortelijst&#x20;Olivia&#x20;Sheep"
  20155.                                                        type="button"
  20156.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20157.                                                        data-addto="wishlist">
  20158.                                                        <span class="icon-heart text-2xl"></span>
  20159.                                                    </button>
  20160.                                                </div>
  20161.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20162.                                                    <button
  20163.                                                        @click="addToCompare(8695)"
  20164.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Geboortelijst&#x20;Olivia&#x20;Sheep"
  20165.                                                        type="button"
  20166.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20167.                                                        data-addto="compare">
  20168.                                                        <span class="icon-balance text-2xl"></span>
  20169.                                                    </button>
  20170.                                                </div>
  20171.                                                                                    </div>
  20172.                                        <div class="product-info flex flex-col grow">
  20173.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20174.                                                <a
  20175.                                                    class="product-item-link"
  20176.                                                    href="https://www.lalashops.nl/geboortelijst-olivia-sheep-baby-glijsheep"
  20177.                                                    :id="`slide-desc-8695-${$id('slider-id')}`">
  20178.                                                    Geboortelijst Olivia Sheep                                                </a>
  20179.                                            </div>
  20180.  
  20181.  
  20182.                                                                                                                                        
  20183.  
  20184.  
  20185.                                            
  20186.                                            <div class="pt-1 text-gray-900"
  20187.                                                x-defer="intersect"
  20188.                                                @update-prices-8695.window="updatePrice($event.detail);">
  20189.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8695" data-price-box="product-id-8695">
  20190.    <span
  20191.    x-data x-id="['product\u002Dprice\u002D8695']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20192.        >
  20193.        <span  :id="$id('product\u002Dprice\u002D8695')"                data-price-amount="19.95"
  20194.        data-price-type="finalPrice"
  20195.        class="price-wrapper "
  20196.    ><span class="price">€ 19,95</span></span>
  20197.        </span>
  20198.  
  20199. </div>                                            </div>
  20200.  
  20201.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20202.            ">
  20203.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20204.                                                                                                                    <button
  20205.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20206.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20207.                                                                title="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Olivia&#x20;Sheep"
  20208.                                                                aria-label="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Olivia&#x20;Sheep"
  20209.                                                                data-addto="cart">
  20210.                                                                <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">
  20211.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20212. </svg>
  20213.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20214.                                                                    In Winkelwagen                                                                </span>
  20215.                                                            </button>
  20216.                                                                                                            </div>
  20217.  
  20218.                                                                                            </div>
  20219.                                        </div>
  20220.                                                                                                                        </form>
  20221.                                
  20222.                </li>
  20223.                                        
  20224.                            <li class="swiper-slide">
  20225.                                                                    <form method="post"
  20226.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8694/"
  20227.                                        x-data="{
  20228.        hovered: false,
  20229.        grid: true ,
  20230.        isMobile: false,
  20231.        isMobileFunc () {
  20232.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20233.        }
  20234.    }"
  20235.                                        x-init="
  20236.        isMobileFunc();
  20237.        const labelClass = '.amlabel-position-top-right-8694-prod';
  20238.        const labels = document.querySelectorAll(labelClass);
  20239.  
  20240.        $watch('hovered', value => {
  20241.            if (value) {
  20242.                labels.forEach(el => el.style.opacity = '0');
  20243.            } else {
  20244.                labels.forEach(el => el.style.opacity = '1');
  20245.            }
  20246.        });
  20247.    "
  20248.                                        @mouseenter="hovered = true"
  20249.                                        @mouseleave="hovered = false"
  20250.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20251.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20252.                                        >
  20253.                                        <style>
  20254.                                            /* Generate styling for the label based on the product ID */
  20255.                                            .amlabel-position-top-right-8694-prod {
  20256.                                                transition: opacity 0.3s ease;
  20257.                                            }
  20258.                                        </style>
  20259.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8694" />
  20260.                                                                                                                                                            <a href="https://www.lalashops.nl/geboortelijst-zina-zebra-baby-glijzebra"
  20261.                                            title="Geboortelijst Zina Zebra"
  20262.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20263.                                            tabindex="-1">
  20264.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_zina_zebra_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Geboortelijst&#x20;Zina&#x20;Zebra" title="Geboortelijst&#x20;Zina&#x20;Zebra" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_zina_zebra_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20265.                                        </a>
  20266.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20267.                                                                                            <div x-data="initWishlist()">
  20268.                                                    <button
  20269.                                                        @click="addToWishlist(8694)"
  20270.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Geboortelijst&#x20;Zina&#x20;Zebra"
  20271.                                                        type="button"
  20272.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20273.                                                        data-addto="wishlist">
  20274.                                                        <span class="icon-heart text-2xl"></span>
  20275.                                                    </button>
  20276.                                                </div>
  20277.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20278.                                                    <button
  20279.                                                        @click="addToCompare(8694)"
  20280.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Geboortelijst&#x20;Zina&#x20;Zebra"
  20281.                                                        type="button"
  20282.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20283.                                                        data-addto="compare">
  20284.                                                        <span class="icon-balance text-2xl"></span>
  20285.                                                    </button>
  20286.                                                </div>
  20287.                                                                                    </div>
  20288.                                        <div class="product-info flex flex-col grow">
  20289.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20290.                                                <a
  20291.                                                    class="product-item-link"
  20292.                                                    href="https://www.lalashops.nl/geboortelijst-zina-zebra-baby-glijzebra"
  20293.                                                    :id="`slide-desc-8694-${$id('slider-id')}`">
  20294.                                                    Geboortelijst Zina Zebra                                                </a>
  20295.                                            </div>
  20296.  
  20297.  
  20298.                                                                                                                                        
  20299.  
  20300.  
  20301.                                            
  20302.                                            <div class="pt-1 text-gray-900"
  20303.                                                x-defer="intersect"
  20304.                                                @update-prices-8694.window="updatePrice($event.detail);">
  20305.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8694" data-price-box="product-id-8694">
  20306.    <span
  20307.    x-data x-id="['product\u002Dprice\u002D8694']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20308.        >
  20309.        <span  :id="$id('product\u002Dprice\u002D8694')"                data-price-amount="19.95"
  20310.        data-price-type="finalPrice"
  20311.        class="price-wrapper "
  20312.    ><span class="price">€ 19,95</span></span>
  20313.        </span>
  20314.  
  20315. </div>                                            </div>
  20316.  
  20317.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20318.            ">
  20319.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20320.                                                                                                                    <button
  20321.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20322.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20323.                                                                title="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Zina&#x20;Zebra"
  20324.                                                                aria-label="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Zina&#x20;Zebra"
  20325.                                                                data-addto="cart">
  20326.                                                                <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">
  20327.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20328. </svg>
  20329.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20330.                                                                    In Winkelwagen                                                                </span>
  20331.                                                            </button>
  20332.                                                                                                            </div>
  20333.  
  20334.                                                                                            </div>
  20335.                                        </div>
  20336.                                                                                                                        </form>
  20337.                                
  20338.                </li>
  20339.                                        
  20340.                            <li class="swiper-slide">
  20341.                                                                    <form method="post"
  20342.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8693/"
  20343.                                        x-data="{
  20344.        hovered: false,
  20345.        grid: true ,
  20346.        isMobile: false,
  20347.        isMobileFunc () {
  20348.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20349.        }
  20350.    }"
  20351.                                        x-init="
  20352.        isMobileFunc();
  20353.        const labelClass = '.amlabel-position-top-right-8693-prod';
  20354.        const labels = document.querySelectorAll(labelClass);
  20355.  
  20356.        $watch('hovered', value => {
  20357.            if (value) {
  20358.                labels.forEach(el => el.style.opacity = '0');
  20359.            } else {
  20360.                labels.forEach(el => el.style.opacity = '1');
  20361.            }
  20362.        });
  20363.    "
  20364.                                        @mouseenter="hovered = true"
  20365.                                        @mouseleave="hovered = false"
  20366.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20367.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20368.                                        >
  20369.                                        <style>
  20370.                                            /* Generate styling for the label based on the product ID */
  20371.                                            .amlabel-position-top-right-8693-prod {
  20372.                                                transition: opacity 0.3s ease;
  20373.                                            }
  20374.                                        </style>
  20375.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8693" />
  20376.                                                                                                                                                            <a href="https://www.lalashops.nl/geboortelijst-bunny-flore-baby-glijbunny"
  20377.                                            title="Geboortelijst Bunny Flore"
  20378.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20379.                                            tabindex="-1">
  20380.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_bunny_flore_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Geboortelijst&#x20;Bunny&#x20;Flore" title="Geboortelijst&#x20;Bunny&#x20;Flore" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_bunny_flore_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20381.                                        </a>
  20382.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20383.                                                                                            <div x-data="initWishlist()">
  20384.                                                    <button
  20385.                                                        @click="addToWishlist(8693)"
  20386.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Geboortelijst&#x20;Bunny&#x20;Flore"
  20387.                                                        type="button"
  20388.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20389.                                                        data-addto="wishlist">
  20390.                                                        <span class="icon-heart text-2xl"></span>
  20391.                                                    </button>
  20392.                                                </div>
  20393.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20394.                                                    <button
  20395.                                                        @click="addToCompare(8693)"
  20396.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Geboortelijst&#x20;Bunny&#x20;Flore"
  20397.                                                        type="button"
  20398.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20399.                                                        data-addto="compare">
  20400.                                                        <span class="icon-balance text-2xl"></span>
  20401.                                                    </button>
  20402.                                                </div>
  20403.                                                                                    </div>
  20404.                                        <div class="product-info flex flex-col grow">
  20405.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20406.                                                <a
  20407.                                                    class="product-item-link"
  20408.                                                    href="https://www.lalashops.nl/geboortelijst-bunny-flore-baby-glijbunny"
  20409.                                                    :id="`slide-desc-8693-${$id('slider-id')}`">
  20410.                                                    Geboortelijst Bunny Flore                                                </a>
  20411.                                            </div>
  20412.  
  20413.  
  20414.                                                                                                                                        
  20415.  
  20416.  
  20417.                                            
  20418.                                            <div class="pt-1 text-gray-900"
  20419.                                                x-defer="intersect"
  20420.                                                @update-prices-8693.window="updatePrice($event.detail);">
  20421.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8693" data-price-box="product-id-8693">
  20422.    <span
  20423.    x-data x-id="['product\u002Dprice\u002D8693']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20424.        >
  20425.        <span  :id="$id('product\u002Dprice\u002D8693')"                data-price-amount="19.95"
  20426.        data-price-type="finalPrice"
  20427.        class="price-wrapper "
  20428.    ><span class="price">€ 19,95</span></span>
  20429.        </span>
  20430.  
  20431. </div>                                            </div>
  20432.  
  20433.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20434.            ">
  20435.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20436.                                                                                                                    <button
  20437.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20438.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20439.                                                                title="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Bunny&#x20;Flore"
  20440.                                                                aria-label="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Bunny&#x20;Flore"
  20441.                                                                data-addto="cart">
  20442.                                                                <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">
  20443.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20444. </svg>
  20445.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20446.                                                                    In Winkelwagen                                                                </span>
  20447.                                                            </button>
  20448.                                                                                                            </div>
  20449.  
  20450.                                                                                            </div>
  20451.                                        </div>
  20452.                                                                                                                        </form>
  20453.                                
  20454.                </li>
  20455.                                        
  20456.                            <li class="swiper-slide">
  20457.                                                                    <form method="post"
  20458.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8692/"
  20459.                                        x-data="{
  20460.        hovered: false,
  20461.        grid: true ,
  20462.        isMobile: false,
  20463.        isMobileFunc () {
  20464.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20465.        }
  20466.    }"
  20467.                                        x-init="
  20468.        isMobileFunc();
  20469.        const labelClass = '.amlabel-position-top-right-8692-prod';
  20470.        const labels = document.querySelectorAll(labelClass);
  20471.  
  20472.        $watch('hovered', value => {
  20473.            if (value) {
  20474.                labels.forEach(el => el.style.opacity = '0');
  20475.            } else {
  20476.                labels.forEach(el => el.style.opacity = '1');
  20477.            }
  20478.        });
  20479.    "
  20480.                                        @mouseenter="hovered = true"
  20481.                                        @mouseleave="hovered = false"
  20482.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20483.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20484.                                        >
  20485.                                        <style>
  20486.                                            /* Generate styling for the label based on the product ID */
  20487.                                            .amlabel-position-top-right-8692-prod {
  20488.                                                transition: opacity 0.3s ease;
  20489.                                            }
  20490.                                        </style>
  20491.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8692" />
  20492.                                                                                                                                                            <a href="https://www.lalashops.nl/geboortelijst-gina-giraf-baby-glijgiraf"
  20493.                                            title="Geboortelijst Gina Giraf"
  20494.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20495.                                            tabindex="-1">
  20496.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_gina_giraf_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Geboortelijst&#x20;Gina&#x20;Giraf" title="Geboortelijst&#x20;Gina&#x20;Giraf" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_gina_giraf_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20497.                                        </a>
  20498.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20499.                                                                                            <div x-data="initWishlist()">
  20500.                                                    <button
  20501.                                                        @click="addToWishlist(8692)"
  20502.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Geboortelijst&#x20;Gina&#x20;Giraf"
  20503.                                                        type="button"
  20504.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20505.                                                        data-addto="wishlist">
  20506.                                                        <span class="icon-heart text-2xl"></span>
  20507.                                                    </button>
  20508.                                                </div>
  20509.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20510.                                                    <button
  20511.                                                        @click="addToCompare(8692)"
  20512.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Geboortelijst&#x20;Gina&#x20;Giraf"
  20513.                                                        type="button"
  20514.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20515.                                                        data-addto="compare">
  20516.                                                        <span class="icon-balance text-2xl"></span>
  20517.                                                    </button>
  20518.                                                </div>
  20519.                                                                                    </div>
  20520.                                        <div class="product-info flex flex-col grow">
  20521.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20522.                                                <a
  20523.                                                    class="product-item-link"
  20524.                                                    href="https://www.lalashops.nl/geboortelijst-gina-giraf-baby-glijgiraf"
  20525.                                                    :id="`slide-desc-8692-${$id('slider-id')}`">
  20526.                                                    Geboortelijst Gina Giraf                                                </a>
  20527.                                            </div>
  20528.  
  20529.  
  20530.                                                                                                                                        
  20531.  
  20532.  
  20533.                                            
  20534.                                            <div class="pt-1 text-gray-900"
  20535.                                                x-defer="intersect"
  20536.                                                @update-prices-8692.window="updatePrice($event.detail);">
  20537.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8692" data-price-box="product-id-8692">
  20538.    <span
  20539.    x-data x-id="['product\u002Dprice\u002D8692']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20540.        >
  20541.        <span  :id="$id('product\u002Dprice\u002D8692')"                data-price-amount="19.95"
  20542.        data-price-type="finalPrice"
  20543.        class="price-wrapper "
  20544.    ><span class="price">€ 19,95</span></span>
  20545.        </span>
  20546.  
  20547. </div>                                            </div>
  20548.  
  20549.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20550.            ">
  20551.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20552.                                                                                                                    <button
  20553.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20554.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20555.                                                                title="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Gina&#x20;Giraf"
  20556.                                                                aria-label="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Gina&#x20;Giraf"
  20557.                                                                data-addto="cart">
  20558.                                                                <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">
  20559.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20560. </svg>
  20561.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20562.                                                                    In Winkelwagen                                                                </span>
  20563.                                                            </button>
  20564.                                                                                                            </div>
  20565.  
  20566.                                                                                            </div>
  20567.                                        </div>
  20568.                                                                                                                        </form>
  20569.                                
  20570.                </li>
  20571.                                        
  20572.                            <li class="swiper-slide">
  20573.                                                                    <form method="post"
  20574.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8671/"
  20575.                                        x-data="{
  20576.        hovered: false,
  20577.        grid: true ,
  20578.        isMobile: false,
  20579.        isMobileFunc () {
  20580.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20581.        }
  20582.    }"
  20583.                                        x-init="
  20584.        isMobileFunc();
  20585.        const labelClass = '.amlabel-position-top-right-8671-prod';
  20586.        const labels = document.querySelectorAll(labelClass);
  20587.  
  20588.        $watch('hovered', value => {
  20589.            if (value) {
  20590.                labels.forEach(el => el.style.opacity = '0');
  20591.            } else {
  20592.                labels.forEach(el => el.style.opacity = '1');
  20593.            }
  20594.        });
  20595.    "
  20596.                                        @mouseenter="hovered = true"
  20597.                                        @mouseleave="hovered = false"
  20598.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20599.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20600.                                        >
  20601.                                        <style>
  20602.                                            /* Generate styling for the label based on the product ID */
  20603.                                            .amlabel-position-top-right-8671-prod {
  20604.                                                transition: opacity 0.3s ease;
  20605.                                            }
  20606.                                        </style>
  20607.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8671" />
  20608.                                                                                                                                                            <a href="https://www.lalashops.nl/frigg-moon-latex-blush-0-6mnd-baby-friggmlblush0-6"
  20609.                                            title="FRIGG Moon Latex - Blush 0-6mnd - Fopspeen"
  20610.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20611.                                            tabindex="-1">
  20612.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_blush_0-6_mnd_-_fopspeen_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Blush&#x20;0-6mnd&#x20;-&#x20;Fopspeen" title="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Blush&#x20;0-6mnd&#x20;-&#x20;Fopspeen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_blush_0-6_mnd_-_fopspeen_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20613.                                        </a>
  20614.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20615.                                                                                            <div x-data="initWishlist()">
  20616.                                                    <button
  20617.                                                        @click="addToWishlist(8671)"
  20618.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Blush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20619.                                                        type="button"
  20620.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20621.                                                        data-addto="wishlist">
  20622.                                                        <span class="icon-heart text-2xl"></span>
  20623.                                                    </button>
  20624.                                                </div>
  20625.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20626.                                                    <button
  20627.                                                        @click="addToCompare(8671)"
  20628.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Blush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20629.                                                        type="button"
  20630.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20631.                                                        data-addto="compare">
  20632.                                                        <span class="icon-balance text-2xl"></span>
  20633.                                                    </button>
  20634.                                                </div>
  20635.                                                                                    </div>
  20636.                                        <div class="product-info flex flex-col grow">
  20637.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20638.                                                <a
  20639.                                                    class="product-item-link"
  20640.                                                    href="https://www.lalashops.nl/frigg-moon-latex-blush-0-6mnd-baby-friggmlblush0-6"
  20641.                                                    :id="`slide-desc-8671-${$id('slider-id')}`">
  20642.                                                    FRIGG Moon Latex - Blush 0-6mnd - Fopspeen                                                </a>
  20643.                                            </div>
  20644.  
  20645.  
  20646.                                                                                                                                        
  20647.  
  20648.  
  20649.                                            
  20650.                                            <div class="pt-1 text-gray-900"
  20651.                                                x-defer="intersect"
  20652.                                                @update-prices-8671.window="updatePrice($event.detail);">
  20653.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8671" data-price-box="product-id-8671">
  20654.    <span
  20655.    x-data x-id="['product\u002Dprice\u002D8671']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20656.        >
  20657.        <span  :id="$id('product\u002Dprice\u002D8671')"                data-price-amount="7.5"
  20658.        data-price-type="finalPrice"
  20659.        class="price-wrapper "
  20660.    ><span class="price">€ 7,50</span></span>
  20661.        </span>
  20662.  
  20663. </div>                                            </div>
  20664.  
  20665.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20666.            ">
  20667.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20668.                                                                                                                    <button
  20669.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20670.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20671.                                                                title="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Blush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20672.                                                                aria-label="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Blush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20673.                                                                data-addto="cart">
  20674.                                                                <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">
  20675.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20676. </svg>
  20677.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20678.                                                                    In Winkelwagen                                                                </span>
  20679.                                                            </button>
  20680.                                                                                                            </div>
  20681.  
  20682.                                                                                            </div>
  20683.                                        </div>
  20684.                                                                                                                        </form>
  20685.                                
  20686.                </li>
  20687.                                        
  20688.                            <li class="swiper-slide">
  20689.                                                                    <form method="post"
  20690.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8669/"
  20691.                                        x-data="{
  20692.        hovered: false,
  20693.        grid: true ,
  20694.        isMobile: false,
  20695.        isMobileFunc () {
  20696.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20697.        }
  20698.    }"
  20699.                                        x-init="
  20700.        isMobileFunc();
  20701.        const labelClass = '.amlabel-position-top-right-8669-prod';
  20702.        const labels = document.querySelectorAll(labelClass);
  20703.  
  20704.        $watch('hovered', value => {
  20705.            if (value) {
  20706.                labels.forEach(el => el.style.opacity = '0');
  20707.            } else {
  20708.                labels.forEach(el => el.style.opacity = '1');
  20709.            }
  20710.        });
  20711.    "
  20712.                                        @mouseenter="hovered = true"
  20713.                                        @mouseleave="hovered = false"
  20714.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20715.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20716.                                        >
  20717.                                        <style>
  20718.                                            /* Generate styling for the label based on the product ID */
  20719.                                            .amlabel-position-top-right-8669-prod {
  20720.                                                transition: opacity 0.3s ease;
  20721.                                            }
  20722.                                        </style>
  20723.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8669" />
  20724.                                                                                                                                                            <a href="https://www.lalashops.nl/frigg-moon-latex-cream-0-6mnd-baby-friggmlcream0-6"
  20725.                                            title="FRIGG Moon Latex - Cream 0-6mnd - Fopspeen"
  20726.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20727.                                            tabindex="-1">
  20728.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_cream_0-6_mnd_-_fopspeen_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Cream&#x20;0-6mnd&#x20;-&#x20;Fopspeen" title="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Cream&#x20;0-6mnd&#x20;-&#x20;Fopspeen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_cream_0-6_mnd_-_fopspeen_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20729.                                        </a>
  20730.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20731.                                                                                            <div x-data="initWishlist()">
  20732.                                                    <button
  20733.                                                        @click="addToWishlist(8669)"
  20734.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Cream&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20735.                                                        type="button"
  20736.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20737.                                                        data-addto="wishlist">
  20738.                                                        <span class="icon-heart text-2xl"></span>
  20739.                                                    </button>
  20740.                                                </div>
  20741.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20742.                                                    <button
  20743.                                                        @click="addToCompare(8669)"
  20744.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Cream&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20745.                                                        type="button"
  20746.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20747.                                                        data-addto="compare">
  20748.                                                        <span class="icon-balance text-2xl"></span>
  20749.                                                    </button>
  20750.                                                </div>
  20751.                                                                                    </div>
  20752.                                        <div class="product-info flex flex-col grow">
  20753.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20754.                                                <a
  20755.                                                    class="product-item-link"
  20756.                                                    href="https://www.lalashops.nl/frigg-moon-latex-cream-0-6mnd-baby-friggmlcream0-6"
  20757.                                                    :id="`slide-desc-8669-${$id('slider-id')}`">
  20758.                                                    FRIGG Moon Latex - Cream 0-6mnd - Fopspeen                                                </a>
  20759.                                            </div>
  20760.  
  20761.  
  20762.                                                                                                                                        
  20763.  
  20764.  
  20765.                                            
  20766.                                            <div class="pt-1 text-gray-900"
  20767.                                                x-defer="intersect"
  20768.                                                @update-prices-8669.window="updatePrice($event.detail);">
  20769.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8669" data-price-box="product-id-8669">
  20770.    <span
  20771.    x-data x-id="['product\u002Dprice\u002D8669']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20772.        >
  20773.        <span  :id="$id('product\u002Dprice\u002D8669')"                data-price-amount="7.5"
  20774.        data-price-type="finalPrice"
  20775.        class="price-wrapper "
  20776.    ><span class="price">€ 7,50</span></span>
  20777.        </span>
  20778.  
  20779. </div>                                            </div>
  20780.  
  20781.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20782.            ">
  20783.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20784.                                                                                                                    <button
  20785.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20786.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20787.                                                                title="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Cream&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20788.                                                                aria-label="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Cream&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20789.                                                                data-addto="cart">
  20790.                                                                <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">
  20791.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20792. </svg>
  20793.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20794.                                                                    In Winkelwagen                                                                </span>
  20795.                                                            </button>
  20796.                                                                                                            </div>
  20797.  
  20798.                                                                                            </div>
  20799.                                        </div>
  20800.                                                                                                                        </form>
  20801.                                
  20802.                </li>
  20803.                                        
  20804.                            <li class="swiper-slide">
  20805.                                                                    <form method="post"
  20806.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8668/"
  20807.                                        x-data="{
  20808.        hovered: false,
  20809.        grid: true ,
  20810.        isMobile: false,
  20811.        isMobileFunc () {
  20812.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20813.        }
  20814.    }"
  20815.                                        x-init="
  20816.        isMobileFunc();
  20817.        const labelClass = '.amlabel-position-top-right-8668-prod';
  20818.        const labels = document.querySelectorAll(labelClass);
  20819.  
  20820.        $watch('hovered', value => {
  20821.            if (value) {
  20822.                labels.forEach(el => el.style.opacity = '0');
  20823.            } else {
  20824.                labels.forEach(el => el.style.opacity = '1');
  20825.            }
  20826.        });
  20827.    "
  20828.                                        @mouseenter="hovered = true"
  20829.                                        @mouseleave="hovered = false"
  20830.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20831.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20832.                                        >
  20833.                                        <style>
  20834.                                            /* Generate styling for the label based on the product ID */
  20835.                                            .amlabel-position-top-right-8668-prod {
  20836.                                                transition: opacity 0.3s ease;
  20837.                                            }
  20838.                                        </style>
  20839.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8668" />
  20840.                                                                                                                                                            <a href="https://www.lalashops.nl/frigg-moon-latex-powderblush-0-6mnd-baby-friggmlpowd0-6"
  20841.                                            title="FRIGG Moon Latex - Powderblush 0-6mnd - Fopspeen"
  20842.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20843.                                            tabindex="-1">
  20844.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_powderblush_0-6_mnd_-_fopspeen_-3.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Powderblush&#x20;0-6mnd&#x20;-&#x20;Fopspeen" title="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Powderblush&#x20;0-6mnd&#x20;-&#x20;Fopspeen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_powderblush_0-6_mnd_-_fopspeen_-3.jpg" width="360" height="360" loading="lazy"></picture>
  20845.                                        </a>
  20846.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20847.                                                                                            <div x-data="initWishlist()">
  20848.                                                    <button
  20849.                                                        @click="addToWishlist(8668)"
  20850.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Powderblush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20851.                                                        type="button"
  20852.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20853.                                                        data-addto="wishlist">
  20854.                                                        <span class="icon-heart text-2xl"></span>
  20855.                                                    </button>
  20856.                                                </div>
  20857.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20858.                                                    <button
  20859.                                                        @click="addToCompare(8668)"
  20860.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Powderblush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20861.                                                        type="button"
  20862.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20863.                                                        data-addto="compare">
  20864.                                                        <span class="icon-balance text-2xl"></span>
  20865.                                                    </button>
  20866.                                                </div>
  20867.                                                                                    </div>
  20868.                                        <div class="product-info flex flex-col grow">
  20869.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20870.                                                <a
  20871.                                                    class="product-item-link"
  20872.                                                    href="https://www.lalashops.nl/frigg-moon-latex-powderblush-0-6mnd-baby-friggmlpowd0-6"
  20873.                                                    :id="`slide-desc-8668-${$id('slider-id')}`">
  20874.                                                    FRIGG Moon Latex - Powderblush 0-6mnd - Fopspeen                                                </a>
  20875.                                            </div>
  20876.  
  20877.  
  20878.                                                                                                                                        
  20879.  
  20880.  
  20881.                                            
  20882.                                            <div class="pt-1 text-gray-900"
  20883.                                                x-defer="intersect"
  20884.                                                @update-prices-8668.window="updatePrice($event.detail);">
  20885.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8668" data-price-box="product-id-8668">
  20886.    <span
  20887.    x-data x-id="['product\u002Dprice\u002D8668']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20888.        >
  20889.        <span  :id="$id('product\u002Dprice\u002D8668')"                data-price-amount="7.5"
  20890.        data-price-type="finalPrice"
  20891.        class="price-wrapper "
  20892.    ><span class="price">€ 7,50</span></span>
  20893.        </span>
  20894.  
  20895. </div>                                            </div>
  20896.  
  20897.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20898.            ">
  20899.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20900.                                                                                                                    <button
  20901.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20902.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20903.                                                                title="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Powderblush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20904.                                                                aria-label="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Powderblush&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  20905.                                                                data-addto="cart">
  20906.                                                                <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">
  20907.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  20908. </svg>
  20909.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20910.                                                                    In Winkelwagen                                                                </span>
  20911.                                                            </button>
  20912.                                                                                                            </div>
  20913.  
  20914.                                                                                            </div>
  20915.                                        </div>
  20916.                                                                                                                        </form>
  20917.                                
  20918.                </li>
  20919.                                        
  20920.                            <li class="swiper-slide">
  20921.                                                                    <form method="post"
  20922.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8667/"
  20923.                                        x-data="{
  20924.        hovered: false,
  20925.        grid: true ,
  20926.        isMobile: false,
  20927.        isMobileFunc () {
  20928.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20929.        }
  20930.    }"
  20931.                                        x-init="
  20932.        isMobileFunc();
  20933.        const labelClass = '.amlabel-position-top-right-8667-prod';
  20934.        const labels = document.querySelectorAll(labelClass);
  20935.  
  20936.        $watch('hovered', value => {
  20937.            if (value) {
  20938.                labels.forEach(el => el.style.opacity = '0');
  20939.            } else {
  20940.                labels.forEach(el => el.style.opacity = '1');
  20941.            }
  20942.        });
  20943.    "
  20944.                                        @mouseenter="hovered = true"
  20945.                                        @mouseleave="hovered = false"
  20946.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20947.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20948.                                        >
  20949.                                        <style>
  20950.                                            /* Generate styling for the label based on the product ID */
  20951.                                            .amlabel-position-top-right-8667-prod {
  20952.                                                transition: opacity 0.3s ease;
  20953.                                            }
  20954.                                        </style>
  20955.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8667" />
  20956.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-stacking-pastel-kleuren-baby-mushistackpk"
  20957.                                            title="Mushie Stacking - Pastel Kleuren"
  20958.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20959.                                            tabindex="-1">
  20960.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_pastel_kleuren_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren" title="Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_pastel_kleuren_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  20961.                                        </a>
  20962.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20963.                                                                                            <div x-data="initWishlist()">
  20964.                                                    <button
  20965.                                                        @click="addToWishlist(8667)"
  20966.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  20967.                                                        type="button"
  20968.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20969.                                                        data-addto="wishlist">
  20970.                                                        <span class="icon-heart text-2xl"></span>
  20971.                                                    </button>
  20972.                                                </div>
  20973.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20974.                                                    <button
  20975.                                                        @click="addToCompare(8667)"
  20976.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  20977.                                                        type="button"
  20978.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  20979.                                                        data-addto="compare">
  20980.                                                        <span class="icon-balance text-2xl"></span>
  20981.                                                    </button>
  20982.                                                </div>
  20983.                                                                                    </div>
  20984.                                        <div class="product-info flex flex-col grow">
  20985.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20986.                                                <a
  20987.                                                    class="product-item-link"
  20988.                                                    href="https://www.lalashops.nl/mushie-stacking-pastel-kleuren-baby-mushistackpk"
  20989.                                                    :id="`slide-desc-8667-${$id('slider-id')}`">
  20990.                                                    Mushie Stacking - Pastel Kleuren                                                </a>
  20991.                                            </div>
  20992.  
  20993.  
  20994.                                                                                                                                        
  20995.  
  20996.  
  20997.                                            
  20998.                                            <div class="pt-1 text-gray-900"
  20999.                                                x-defer="intersect"
  21000.                                                @update-prices-8667.window="updatePrice($event.detail);">
  21001.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8667" data-price-box="product-id-8667">
  21002.    <span
  21003.    x-data x-id="['product\u002Dprice\u002D8667']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21004.        >
  21005.        <span  :id="$id('product\u002Dprice\u002D8667')"                data-price-amount="17.95"
  21006.        data-price-type="finalPrice"
  21007.        class="price-wrapper "
  21008.    ><span class="price">€ 17,95</span></span>
  21009.        </span>
  21010.  
  21011. </div>                                            </div>
  21012.  
  21013.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21014.            ">
  21015.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21016.                                                                                                                    <button
  21017.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21018.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21019.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  21020.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  21021.                                                                data-addto="cart">
  21022.                                                                <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">
  21023.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21024. </svg>
  21025.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21026.                                                                    In Winkelwagen                                                                </span>
  21027.                                                            </button>
  21028.                                                                                                            </div>
  21029.  
  21030.                                                                                            </div>
  21031.                                        </div>
  21032.                                                                                                                        </form>
  21033.                                
  21034.                </li>
  21035.                                        
  21036.                            <li class="swiper-slide">
  21037.                                                                    <form method="post"
  21038.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8666/"
  21039.                                        x-data="{
  21040.        hovered: false,
  21041.        grid: true ,
  21042.        isMobile: false,
  21043.        isMobileFunc () {
  21044.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21045.        }
  21046.    }"
  21047.                                        x-init="
  21048.        isMobileFunc();
  21049.        const labelClass = '.amlabel-position-top-right-8666-prod';
  21050.        const labels = document.querySelectorAll(labelClass);
  21051.  
  21052.        $watch('hovered', value => {
  21053.            if (value) {
  21054.                labels.forEach(el => el.style.opacity = '0');
  21055.            } else {
  21056.                labels.forEach(el => el.style.opacity = '1');
  21057.            }
  21058.        });
  21059.    "
  21060.                                        @mouseenter="hovered = true"
  21061.                                        @mouseleave="hovered = false"
  21062.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21063.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21064.                                        >
  21065.                                        <style>
  21066.                                            /* Generate styling for the label based on the product ID */
  21067.                                            .amlabel-position-top-right-8666-prod {
  21068.                                                transition: opacity 0.3s ease;
  21069.                                            }
  21070.                                        </style>
  21071.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8666" />
  21072.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  21073.                                            title="Mushie Stacking - Retro Pastel Kleuren"
  21074.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21075.                                            tabindex="-1">
  21076.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_retro_pastel_kleuren_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren" title="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_retro_pastel_kleuren_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  21077.                                        </a>
  21078.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21079.                                                                                            <div x-data="initWishlist()">
  21080.                                                    <button
  21081.                                                        @click="addToWishlist(8666)"
  21082.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  21083.                                                        type="button"
  21084.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21085.                                                        data-addto="wishlist">
  21086.                                                        <span class="icon-heart text-2xl"></span>
  21087.                                                    </button>
  21088.                                                </div>
  21089.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21090.                                                    <button
  21091.                                                        @click="addToCompare(8666)"
  21092.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  21093.                                                        type="button"
  21094.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21095.                                                        data-addto="compare">
  21096.                                                        <span class="icon-balance text-2xl"></span>
  21097.                                                    </button>
  21098.                                                </div>
  21099.                                                                                    </div>
  21100.                                        <div class="product-info flex flex-col grow">
  21101.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21102.                                                <a
  21103.                                                    class="product-item-link"
  21104.                                                    href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  21105.                                                    :id="`slide-desc-8666-${$id('slider-id')}`">
  21106.                                                    Mushie Stacking - Retro Pastel Kleuren                                                </a>
  21107.                                            </div>
  21108.  
  21109.  
  21110.                                                                                                                                        
  21111.  
  21112.  
  21113.                                            
  21114.                                            <div class="pt-1 text-gray-900"
  21115.                                                x-defer="intersect"
  21116.                                                @update-prices-8666.window="updatePrice($event.detail);">
  21117.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8666" data-price-box="product-id-8666">
  21118.    <span
  21119.    x-data x-id="['product\u002Dprice\u002D8666']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21120.        >
  21121.        <span  :id="$id('product\u002Dprice\u002D8666')"                data-price-amount="17.95"
  21122.        data-price-type="finalPrice"
  21123.        class="price-wrapper "
  21124.    ><span class="price">€ 17,95</span></span>
  21125.        </span>
  21126.  
  21127. </div>                                            </div>
  21128.  
  21129.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21130.            ">
  21131.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21132.                                                                                                                    <button
  21133.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21134.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21135.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  21136.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  21137.                                                                data-addto="cart">
  21138.                                                                <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">
  21139.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21140. </svg>
  21141.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21142.                                                                    In Winkelwagen                                                                </span>
  21143.                                                            </button>
  21144.                                                                                                            </div>
  21145.  
  21146.                                                                                            </div>
  21147.                                        </div>
  21148.                                                                                                                        </form>
  21149.                                
  21150.                </li>
  21151.                                        
  21152.                            <li class="swiper-slide">
  21153.                                                                    <form method="post"
  21154.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8665/"
  21155.                                        x-data="{
  21156.        hovered: false,
  21157.        grid: true ,
  21158.        isMobile: false,
  21159.        isMobileFunc () {
  21160.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21161.        }
  21162.    }"
  21163.                                        x-init="
  21164.        isMobileFunc();
  21165.        const labelClass = '.amlabel-position-top-right-8665-prod';
  21166.        const labels = document.querySelectorAll(labelClass);
  21167.  
  21168.        $watch('hovered', value => {
  21169.            if (value) {
  21170.                labels.forEach(el => el.style.opacity = '0');
  21171.            } else {
  21172.                labels.forEach(el => el.style.opacity = '1');
  21173.            }
  21174.        });
  21175.    "
  21176.                                        @mouseenter="hovered = true"
  21177.                                        @mouseleave="hovered = false"
  21178.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21179.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21180.                                        >
  21181.                                        <style>
  21182.                                            /* Generate styling for the label based on the product ID */
  21183.                                            .amlabel-position-top-right-8665-prod {
  21184.                                                transition: opacity 0.3s ease;
  21185.                                            }
  21186.                                        </style>
  21187.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8665" />
  21188.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-dolfijn-baby-tikirbijtbaddolf"
  21189.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Dolfijn"
  21190.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21191.                                            tabindex="-1">
  21192.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065036_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065036_1.jpg" width="360" height="360" loading="lazy"></picture>
  21193.                                        </a>
  21194.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21195.                                                                                            <div x-data="initWishlist()">
  21196.                                                    <button
  21197.                                                        @click="addToWishlist(8665)"
  21198.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn"
  21199.                                                        type="button"
  21200.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21201.                                                        data-addto="wishlist">
  21202.                                                        <span class="icon-heart text-2xl"></span>
  21203.                                                    </button>
  21204.                                                </div>
  21205.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21206.                                                    <button
  21207.                                                        @click="addToCompare(8665)"
  21208.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn"
  21209.                                                        type="button"
  21210.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21211.                                                        data-addto="compare">
  21212.                                                        <span class="icon-balance text-2xl"></span>
  21213.                                                    </button>
  21214.                                                </div>
  21215.                                                                                    </div>
  21216.                                        <div class="product-info flex flex-col grow">
  21217.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21218.                                                <a
  21219.                                                    class="product-item-link"
  21220.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-dolfijn-baby-tikirbijtbaddolf"
  21221.                                                    :id="`slide-desc-8665-${$id('slider-id')}`">
  21222.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Dolfijn                                                </a>
  21223.                                            </div>
  21224.  
  21225.  
  21226.                                                                                                                                        
  21227.  
  21228.  
  21229.                                            
  21230.                                            <div class="pt-1 text-gray-900"
  21231.                                                x-defer="intersect"
  21232.                                                @update-prices-8665.window="updatePrice($event.detail);">
  21233.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8665" data-price-box="product-id-8665">
  21234.    <span
  21235.    x-data x-id="['product\u002Dprice\u002D8665']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21236.        >
  21237.        <span  :id="$id('product\u002Dprice\u002D8665')"                data-price-amount="19.95"
  21238.        data-price-type="finalPrice"
  21239.        class="price-wrapper "
  21240.    ><span class="price">€ 19,95</span></span>
  21241.        </span>
  21242.  
  21243. </div>                                            </div>
  21244.  
  21245.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21246.            ">
  21247.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21248.                                                                                                                    <button
  21249.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21250.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21251.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn"
  21252.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn"
  21253.                                                                data-addto="cart">
  21254.                                                                <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">
  21255.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21256. </svg>
  21257.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21258.                                                                    In Winkelwagen                                                                </span>
  21259.                                                            </button>
  21260.                                                                                                            </div>
  21261.  
  21262.                                                                                            </div>
  21263.                                        </div>
  21264.                                                                                                                        </form>
  21265.                                
  21266.                </li>
  21267.                                        
  21268.                            <li class="swiper-slide">
  21269.                                                                    <form method="post"
  21270.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8664/"
  21271.                                        x-data="{
  21272.        hovered: false,
  21273.        grid: true ,
  21274.        isMobile: false,
  21275.        isMobileFunc () {
  21276.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21277.        }
  21278.    }"
  21279.                                        x-init="
  21280.        isMobileFunc();
  21281.        const labelClass = '.amlabel-position-top-right-8664-prod';
  21282.        const labels = document.querySelectorAll(labelClass);
  21283.  
  21284.        $watch('hovered', value => {
  21285.            if (value) {
  21286.                labels.forEach(el => el.style.opacity = '0');
  21287.            } else {
  21288.                labels.forEach(el => el.style.opacity = '1');
  21289.            }
  21290.        });
  21291.    "
  21292.                                        @mouseenter="hovered = true"
  21293.                                        @mouseleave="hovered = false"
  21294.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21295.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21296.                                        >
  21297.                                        <style>
  21298.                                            /* Generate styling for the label based on the product ID */
  21299.                                            .amlabel-position-top-right-8664-prod {
  21300.                                                transition: opacity 0.3s ease;
  21301.                                            }
  21302.                                        </style>
  21303.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8664" />
  21304.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-schildpad-baby-tikiribijtbadschild"
  21305.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Schildpad"
  21306.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21307.                                            tabindex="-1">
  21308.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065034_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065034_1.jpg" width="360" height="360" loading="lazy"></picture>
  21309.                                        </a>
  21310.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21311.                                                                                            <div x-data="initWishlist()">
  21312.                                                    <button
  21313.                                                        @click="addToWishlist(8664)"
  21314.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad"
  21315.                                                        type="button"
  21316.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21317.                                                        data-addto="wishlist">
  21318.                                                        <span class="icon-heart text-2xl"></span>
  21319.                                                    </button>
  21320.                                                </div>
  21321.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21322.                                                    <button
  21323.                                                        @click="addToCompare(8664)"
  21324.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad"
  21325.                                                        type="button"
  21326.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21327.                                                        data-addto="compare">
  21328.                                                        <span class="icon-balance text-2xl"></span>
  21329.                                                    </button>
  21330.                                                </div>
  21331.                                                                                    </div>
  21332.                                        <div class="product-info flex flex-col grow">
  21333.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21334.                                                <a
  21335.                                                    class="product-item-link"
  21336.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-schildpad-baby-tikiribijtbadschild"
  21337.                                                    :id="`slide-desc-8664-${$id('slider-id')}`">
  21338.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Schildpad                                                </a>
  21339.                                            </div>
  21340.  
  21341.  
  21342.                                                                                                                                        
  21343.  
  21344.  
  21345.                                            
  21346.                                            <div class="pt-1 text-gray-900"
  21347.                                                x-defer="intersect"
  21348.                                                @update-prices-8664.window="updatePrice($event.detail);">
  21349.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8664" data-price-box="product-id-8664">
  21350.    <span
  21351.    x-data x-id="['product\u002Dprice\u002D8664']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21352.        >
  21353.        <span  :id="$id('product\u002Dprice\u002D8664')"                data-price-amount="19.95"
  21354.        data-price-type="finalPrice"
  21355.        class="price-wrapper "
  21356.    ><span class="price">€ 19,95</span></span>
  21357.        </span>
  21358.  
  21359. </div>                                            </div>
  21360.  
  21361.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21362.            ">
  21363.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21364.                                                                                                                    <button
  21365.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21366.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21367.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad"
  21368.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad"
  21369.                                                                data-addto="cart">
  21370.                                                                <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">
  21371.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21372. </svg>
  21373.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21374.                                                                    In Winkelwagen                                                                </span>
  21375.                                                            </button>
  21376.                                                                                                            </div>
  21377.  
  21378.                                                                                            </div>
  21379.                                        </div>
  21380.                                                                                                                        </form>
  21381.                                
  21382.                </li>
  21383.                                        
  21384.                            <li class="swiper-slide">
  21385.                                                                    <form method="post"
  21386.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8663/"
  21387.                                        x-data="{
  21388.        hovered: false,
  21389.        grid: true ,
  21390.        isMobile: false,
  21391.        isMobileFunc () {
  21392.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21393.        }
  21394.    }"
  21395.                                        x-init="
  21396.        isMobileFunc();
  21397.        const labelClass = '.amlabel-position-top-right-8663-prod';
  21398.        const labels = document.querySelectorAll(labelClass);
  21399.  
  21400.        $watch('hovered', value => {
  21401.            if (value) {
  21402.                labels.forEach(el => el.style.opacity = '0');
  21403.            } else {
  21404.                labels.forEach(el => el.style.opacity = '1');
  21405.            }
  21406.        });
  21407.    "
  21408.                                        @mouseenter="hovered = true"
  21409.                                        @mouseleave="hovered = false"
  21410.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21411.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21412.                                        >
  21413.                                        <style>
  21414.                                            /* Generate styling for the label based on the product ID */
  21415.                                            .amlabel-position-top-right-8663-prod {
  21416.                                                transition: opacity 0.3s ease;
  21417.                                            }
  21418.                                        </style>
  21419.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8663" />
  21420.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-walvis-baby-tikiribijtbadwalvis"
  21421.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Walvis"
  21422.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21423.                                            tabindex="-1">
  21424.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065032_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;-&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis" title="TIKIRI&#x20;TOYS&#x20;-&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065032_1.jpg" width="360" height="360" loading="lazy"></picture>
  21425.                                        </a>
  21426.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21427.                                                                                            <div x-data="initWishlist()">
  21428.                                                    <button
  21429.                                                        @click="addToWishlist(8663)"
  21430.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis"
  21431.                                                        type="button"
  21432.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21433.                                                        data-addto="wishlist">
  21434.                                                        <span class="icon-heart text-2xl"></span>
  21435.                                                    </button>
  21436.                                                </div>
  21437.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21438.                                                    <button
  21439.                                                        @click="addToCompare(8663)"
  21440.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis"
  21441.                                                        type="button"
  21442.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21443.                                                        data-addto="compare">
  21444.                                                        <span class="icon-balance text-2xl"></span>
  21445.                                                    </button>
  21446.                                                </div>
  21447.                                                                                    </div>
  21448.                                        <div class="product-info flex flex-col grow">
  21449.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21450.                                                <a
  21451.                                                    class="product-item-link"
  21452.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-walvis-baby-tikiribijtbadwalvis"
  21453.                                                    :id="`slide-desc-8663-${$id('slider-id')}`">
  21454.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Walvis                                                </a>
  21455.                                            </div>
  21456.  
  21457.  
  21458.                                                                                                                                        
  21459.  
  21460.  
  21461.                                            
  21462.                                            <div class="pt-1 text-gray-900"
  21463.                                                x-defer="intersect"
  21464.                                                @update-prices-8663.window="updatePrice($event.detail);">
  21465.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8663" data-price-box="product-id-8663">
  21466.    <span
  21467.    x-data x-id="['product\u002Dprice\u002D8663']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21468.        >
  21469.        <span  :id="$id('product\u002Dprice\u002D8663')"                data-price-amount="19.95"
  21470.        data-price-type="finalPrice"
  21471.        class="price-wrapper "
  21472.    ><span class="price">€ 19,95</span></span>
  21473.        </span>
  21474.  
  21475. </div>                                            </div>
  21476.  
  21477.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21478.            ">
  21479.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21480.                                                                                                                    <button
  21481.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21482.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21483.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis"
  21484.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis"
  21485.                                                                data-addto="cart">
  21486.                                                                <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">
  21487.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21488. </svg>
  21489.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21490.                                                                    In Winkelwagen                                                                </span>
  21491.                                                            </button>
  21492.                                                                                                            </div>
  21493.  
  21494.                                                                                            </div>
  21495.                                        </div>
  21496.                                                                                                                        </form>
  21497.                                
  21498.                </li>
  21499.                                        
  21500.                            <li class="swiper-slide">
  21501.                                                                    <form method="post"
  21502.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8662/"
  21503.                                        x-data="{
  21504.        hovered: false,
  21505.        grid: true ,
  21506.        isMobile: false,
  21507.        isMobileFunc () {
  21508.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21509.        }
  21510.    }"
  21511.                                        x-init="
  21512.        isMobileFunc();
  21513.        const labelClass = '.amlabel-position-top-right-8662-prod';
  21514.        const labels = document.querySelectorAll(labelClass);
  21515.  
  21516.        $watch('hovered', value => {
  21517.            if (value) {
  21518.                labels.forEach(el => el.style.opacity = '0');
  21519.            } else {
  21520.                labels.forEach(el => el.style.opacity = '1');
  21521.            }
  21522.        });
  21523.    "
  21524.                                        @mouseenter="hovered = true"
  21525.                                        @mouseleave="hovered = false"
  21526.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21527.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21528.                                        >
  21529.                                        <style>
  21530.                                            /* Generate styling for the label based on the product ID */
  21531.                                            .amlabel-position-top-right-8662-prod {
  21532.                                                transition: opacity 0.3s ease;
  21533.                                            }
  21534.                                        </style>
  21535.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8662" />
  21536.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krab-baby-tikiribijtbadkrab"
  21537.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krab"
  21538.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21539.                                            tabindex="-1">
  21540.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065031_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065031_1.jpg" width="360" height="360" loading="lazy"></picture>
  21541.                                        </a>
  21542.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21543.                                                                                            <div x-data="initWishlist()">
  21544.                                                    <button
  21545.                                                        @click="addToWishlist(8662)"
  21546.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab"
  21547.                                                        type="button"
  21548.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21549.                                                        data-addto="wishlist">
  21550.                                                        <span class="icon-heart text-2xl"></span>
  21551.                                                    </button>
  21552.                                                </div>
  21553.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21554.                                                    <button
  21555.                                                        @click="addToCompare(8662)"
  21556.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab"
  21557.                                                        type="button"
  21558.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21559.                                                        data-addto="compare">
  21560.                                                        <span class="icon-balance text-2xl"></span>
  21561.                                                    </button>
  21562.                                                </div>
  21563.                                                                                    </div>
  21564.                                        <div class="product-info flex flex-col grow">
  21565.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21566.                                                <a
  21567.                                                    class="product-item-link"
  21568.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krab-baby-tikiribijtbadkrab"
  21569.                                                    :id="`slide-desc-8662-${$id('slider-id')}`">
  21570.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krab                                                </a>
  21571.                                            </div>
  21572.  
  21573.  
  21574.                                                                                                                                        
  21575.  
  21576.  
  21577.                                            
  21578.                                            <div class="pt-1 text-gray-900"
  21579.                                                x-defer="intersect"
  21580.                                                @update-prices-8662.window="updatePrice($event.detail);">
  21581.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8662" data-price-box="product-id-8662">
  21582.    <span
  21583.    x-data x-id="['product\u002Dprice\u002D8662']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21584.        >
  21585.        <span  :id="$id('product\u002Dprice\u002D8662')"                data-price-amount="19.95"
  21586.        data-price-type="finalPrice"
  21587.        class="price-wrapper "
  21588.    ><span class="price">€ 19,95</span></span>
  21589.        </span>
  21590.  
  21591. </div>                                            </div>
  21592.  
  21593.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21594.            ">
  21595.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21596.                                                                                                                    <button
  21597.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21598.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21599.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab"
  21600.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab"
  21601.                                                                data-addto="cart">
  21602.                                                                <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">
  21603.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21604. </svg>
  21605.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21606.                                                                    In Winkelwagen                                                                </span>
  21607.                                                            </button>
  21608.                                                                                                            </div>
  21609.  
  21610.                                                                                            </div>
  21611.                                        </div>
  21612.                                                                                                                        </form>
  21613.                                
  21614.                </li>
  21615.                                        
  21616.                            <li class="swiper-slide">
  21617.                                                                    <form method="post"
  21618.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8661/"
  21619.                                        x-data="{
  21620.        hovered: false,
  21621.        grid: true ,
  21622.        isMobile: false,
  21623.        isMobileFunc () {
  21624.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21625.        }
  21626.    }"
  21627.                                        x-init="
  21628.        isMobileFunc();
  21629.        const labelClass = '.amlabel-position-top-right-8661-prod';
  21630.        const labels = document.querySelectorAll(labelClass);
  21631.  
  21632.        $watch('hovered', value => {
  21633.            if (value) {
  21634.                labels.forEach(el => el.style.opacity = '0');
  21635.            } else {
  21636.                labels.forEach(el => el.style.opacity = '1');
  21637.            }
  21638.        });
  21639.    "
  21640.                                        @mouseenter="hovered = true"
  21641.                                        @mouseleave="hovered = false"
  21642.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21643.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21644.                                        >
  21645.                                        <style>
  21646.                                            /* Generate styling for the label based on the product ID */
  21647.                                            .amlabel-position-top-right-8661-prod {
  21648.                                                transition: opacity 0.3s ease;
  21649.                                            }
  21650.                                        </style>
  21651.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8661" />
  21652.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-octopus-baby-tikiribijtbadocto"
  21653.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Octopus"
  21654.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21655.                                            tabindex="-1">
  21656.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065035_3.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065035_3.jpg" width="360" height="360" loading="lazy"></picture>
  21657.                                        </a>
  21658.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21659.                                                                                            <div x-data="initWishlist()">
  21660.                                                    <button
  21661.                                                        @click="addToWishlist(8661)"
  21662.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus"
  21663.                                                        type="button"
  21664.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21665.                                                        data-addto="wishlist">
  21666.                                                        <span class="icon-heart text-2xl"></span>
  21667.                                                    </button>
  21668.                                                </div>
  21669.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21670.                                                    <button
  21671.                                                        @click="addToCompare(8661)"
  21672.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus"
  21673.                                                        type="button"
  21674.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21675.                                                        data-addto="compare">
  21676.                                                        <span class="icon-balance text-2xl"></span>
  21677.                                                    </button>
  21678.                                                </div>
  21679.                                                                                    </div>
  21680.                                        <div class="product-info flex flex-col grow">
  21681.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21682.                                                <a
  21683.                                                    class="product-item-link"
  21684.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-octopus-baby-tikiribijtbadocto"
  21685.                                                    :id="`slide-desc-8661-${$id('slider-id')}`">
  21686.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Octopus                                                </a>
  21687.                                            </div>
  21688.  
  21689.  
  21690.                                                                                                                                        
  21691.  
  21692.  
  21693.                                            
  21694.                                            <div class="pt-1 text-gray-900"
  21695.                                                x-defer="intersect"
  21696.                                                @update-prices-8661.window="updatePrice($event.detail);">
  21697.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8661" data-price-box="product-id-8661">
  21698.    <span
  21699.    x-data x-id="['product\u002Dprice\u002D8661']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21700.        >
  21701.        <span  :id="$id('product\u002Dprice\u002D8661')"                data-price-amount="19.95"
  21702.        data-price-type="finalPrice"
  21703.        class="price-wrapper "
  21704.    ><span class="price">€ 19,95</span></span>
  21705.        </span>
  21706.  
  21707. </div>                                            </div>
  21708.  
  21709.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21710.            ">
  21711.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21712.                                                                                                                    <button
  21713.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21714.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21715.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus"
  21716.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus"
  21717.                                                                data-addto="cart">
  21718.                                                                <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">
  21719.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21720. </svg>
  21721.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21722.                                                                    In Winkelwagen                                                                </span>
  21723.                                                            </button>
  21724.                                                                                                            </div>
  21725.  
  21726.                                                                                            </div>
  21727.                                        </div>
  21728.                                                                                                                        </form>
  21729.                                
  21730.                </li>
  21731.                                        
  21732.                            <li class="swiper-slide">
  21733.                                                                    <form method="post"
  21734.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8660/"
  21735.                                        x-data="{
  21736.        hovered: false,
  21737.        grid: true ,
  21738.        isMobile: false,
  21739.        isMobileFunc () {
  21740.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21741.        }
  21742.    }"
  21743.                                        x-init="
  21744.        isMobileFunc();
  21745.        const labelClass = '.amlabel-position-top-right-8660-prod';
  21746.        const labels = document.querySelectorAll(labelClass);
  21747.  
  21748.        $watch('hovered', value => {
  21749.            if (value) {
  21750.                labels.forEach(el => el.style.opacity = '0');
  21751.            } else {
  21752.                labels.forEach(el => el.style.opacity = '1');
  21753.            }
  21754.        });
  21755.    "
  21756.                                        @mouseenter="hovered = true"
  21757.                                        @mouseleave="hovered = false"
  21758.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21759.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21760.                                        >
  21761.                                        <style>
  21762.                                            /* Generate styling for the label based on the product ID */
  21763.                                            .amlabel-position-top-right-8660-prod {
  21764.                                                transition: opacity 0.3s ease;
  21765.                                            }
  21766.                                        </style>
  21767.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8660" />
  21768.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zeepaardje-baby-tikiribijtbadzeep"
  21769.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zeepaardje"
  21770.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21771.                                            tabindex="-1">
  21772.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065033_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065033_1.jpg" width="360" height="360" loading="lazy"></picture>
  21773.                                        </a>
  21774.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21775.                                                                                            <div x-data="initWishlist()">
  21776.                                                    <button
  21777.                                                        @click="addToWishlist(8660)"
  21778.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje"
  21779.                                                        type="button"
  21780.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21781.                                                        data-addto="wishlist">
  21782.                                                        <span class="icon-heart text-2xl"></span>
  21783.                                                    </button>
  21784.                                                </div>
  21785.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21786.                                                    <button
  21787.                                                        @click="addToCompare(8660)"
  21788.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje"
  21789.                                                        type="button"
  21790.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21791.                                                        data-addto="compare">
  21792.                                                        <span class="icon-balance text-2xl"></span>
  21793.                                                    </button>
  21794.                                                </div>
  21795.                                                                                    </div>
  21796.                                        <div class="product-info flex flex-col grow">
  21797.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21798.                                                <a
  21799.                                                    class="product-item-link"
  21800.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zeepaardje-baby-tikiribijtbadzeep"
  21801.                                                    :id="`slide-desc-8660-${$id('slider-id')}`">
  21802.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zeepaardje                                                </a>
  21803.                                            </div>
  21804.  
  21805.  
  21806.                                                                                                                                        
  21807.  
  21808.  
  21809.                                            
  21810.                                            <div class="pt-1 text-gray-900"
  21811.                                                x-defer="intersect"
  21812.                                                @update-prices-8660.window="updatePrice($event.detail);">
  21813.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8660" data-price-box="product-id-8660">
  21814.    <span
  21815.    x-data x-id="['product\u002Dprice\u002D8660']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21816.        >
  21817.        <span  :id="$id('product\u002Dprice\u002D8660')"                data-price-amount="19.95"
  21818.        data-price-type="finalPrice"
  21819.        class="price-wrapper "
  21820.    ><span class="price">€ 19,95</span></span>
  21821.        </span>
  21822.  
  21823. </div>                                            </div>
  21824.  
  21825.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21826.            ">
  21827.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21828.                                                                                                                    <button
  21829.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21830.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21831.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje"
  21832.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje"
  21833.                                                                data-addto="cart">
  21834.                                                                <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">
  21835.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21836. </svg>
  21837.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21838.                                                                    In Winkelwagen                                                                </span>
  21839.                                                            </button>
  21840.                                                                                                            </div>
  21841.  
  21842.                                                                                            </div>
  21843.                                        </div>
  21844.                                                                                                                        </form>
  21845.                                
  21846.                </li>
  21847.                                        
  21848.                            <li class="swiper-slide">
  21849.                                                                    <form method="post"
  21850.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8659/"
  21851.                                        x-data="{
  21852.        hovered: false,
  21853.        grid: true ,
  21854.        isMobile: false,
  21855.        isMobileFunc () {
  21856.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21857.        }
  21858.    }"
  21859.                                        x-init="
  21860.        isMobileFunc();
  21861.        const labelClass = '.amlabel-position-top-right-8659-prod';
  21862.        const labels = document.querySelectorAll(labelClass);
  21863.  
  21864.        $watch('hovered', value => {
  21865.            if (value) {
  21866.                labels.forEach(el => el.style.opacity = '0');
  21867.            } else {
  21868.                labels.forEach(el => el.style.opacity = '1');
  21869.            }
  21870.        });
  21871.    "
  21872.                                        @mouseenter="hovered = true"
  21873.                                        @mouseleave="hovered = false"
  21874.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21875.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21876.                                        >
  21877.                                        <style>
  21878.                                            /* Generate styling for the label based on the product ID */
  21879.                                            .amlabel-position-top-right-8659-prod {
  21880.                                                transition: opacity 0.3s ease;
  21881.                                            }
  21882.                                        </style>
  21883.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8659" />
  21884.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zebra-baby-tikiribijtbadzebra"
  21885.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zebra"
  21886.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21887.                                            tabindex="-1">
  21888.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065013_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065013_1.jpg" width="360" height="360" loading="lazy"></picture>
  21889.                                        </a>
  21890.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21891.                                                                                            <div x-data="initWishlist()">
  21892.                                                    <button
  21893.                                                        @click="addToWishlist(8659)"
  21894.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra"
  21895.                                                        type="button"
  21896.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21897.                                                        data-addto="wishlist">
  21898.                                                        <span class="icon-heart text-2xl"></span>
  21899.                                                    </button>
  21900.                                                </div>
  21901.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21902.                                                    <button
  21903.                                                        @click="addToCompare(8659)"
  21904.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra"
  21905.                                                        type="button"
  21906.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  21907.                                                        data-addto="compare">
  21908.                                                        <span class="icon-balance text-2xl"></span>
  21909.                                                    </button>
  21910.                                                </div>
  21911.                                                                                    </div>
  21912.                                        <div class="product-info flex flex-col grow">
  21913.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21914.                                                <a
  21915.                                                    class="product-item-link"
  21916.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zebra-baby-tikiribijtbadzebra"
  21917.                                                    :id="`slide-desc-8659-${$id('slider-id')}`">
  21918.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zebra                                                </a>
  21919.                                            </div>
  21920.  
  21921.  
  21922.                                                                                                                                        
  21923.  
  21924.  
  21925.                                            
  21926.                                            <div class="pt-1 text-gray-900"
  21927.                                                x-defer="intersect"
  21928.                                                @update-prices-8659.window="updatePrice($event.detail);">
  21929.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8659" data-price-box="product-id-8659">
  21930.    <span
  21931.    x-data x-id="['product\u002Dprice\u002D8659']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21932.        >
  21933.        <span  :id="$id('product\u002Dprice\u002D8659')"                data-price-amount="19.95"
  21934.        data-price-type="finalPrice"
  21935.        class="price-wrapper "
  21936.    ><span class="price">€ 19,95</span></span>
  21937.        </span>
  21938.  
  21939. </div>                                            </div>
  21940.  
  21941.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21942.            ">
  21943.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21944.                                                                                                                    <button
  21945.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21946.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21947.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra"
  21948.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra"
  21949.                                                                data-addto="cart">
  21950.                                                                <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">
  21951.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  21952. </svg>
  21953.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21954.                                                                    In Winkelwagen                                                                </span>
  21955.                                                            </button>
  21956.                                                                                                            </div>
  21957.  
  21958.                                                                                            </div>
  21959.                                        </div>
  21960.                                                                                                                        </form>
  21961.                                
  21962.                </li>
  21963.                                        
  21964.                            <li class="swiper-slide">
  21965.                                                                    <form method="post"
  21966.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8658/"
  21967.                                        x-data="{
  21968.        hovered: false,
  21969.        grid: true ,
  21970.        isMobile: false,
  21971.        isMobileFunc () {
  21972.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21973.        }
  21974.    }"
  21975.                                        x-init="
  21976.        isMobileFunc();
  21977.        const labelClass = '.amlabel-position-top-right-8658-prod';
  21978.        const labels = document.querySelectorAll(labelClass);
  21979.  
  21980.        $watch('hovered', value => {
  21981.            if (value) {
  21982.                labels.forEach(el => el.style.opacity = '0');
  21983.            } else {
  21984.                labels.forEach(el => el.style.opacity = '1');
  21985.            }
  21986.        });
  21987.    "
  21988.                                        @mouseenter="hovered = true"
  21989.                                        @mouseleave="hovered = false"
  21990.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21991.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21992.                                        >
  21993.                                        <style>
  21994.                                            /* Generate styling for the label based on the product ID */
  21995.                                            .amlabel-position-top-right-8658-prod {
  21996.                                                transition: opacity 0.3s ease;
  21997.                                            }
  21998.                                        </style>
  21999.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8658" />
  22000.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-olifant-baby-tikiribijtbadolif"
  22001.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Olifant"
  22002.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22003.                                            tabindex="-1">
  22004.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/u/n/untitled-3.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/u/n/untitled-3.jpg" width="360" height="360" loading="lazy"></picture>
  22005.                                        </a>
  22006.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22007.                                                                                            <div x-data="initWishlist()">
  22008.                                                    <button
  22009.                                                        @click="addToWishlist(8658)"
  22010.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant"
  22011.                                                        type="button"
  22012.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22013.                                                        data-addto="wishlist">
  22014.                                                        <span class="icon-heart text-2xl"></span>
  22015.                                                    </button>
  22016.                                                </div>
  22017.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22018.                                                    <button
  22019.                                                        @click="addToCompare(8658)"
  22020.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant"
  22021.                                                        type="button"
  22022.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22023.                                                        data-addto="compare">
  22024.                                                        <span class="icon-balance text-2xl"></span>
  22025.                                                    </button>
  22026.                                                </div>
  22027.                                                                                    </div>
  22028.                                        <div class="product-info flex flex-col grow">
  22029.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22030.                                                <a
  22031.                                                    class="product-item-link"
  22032.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-olifant-baby-tikiribijtbadolif"
  22033.                                                    :id="`slide-desc-8658-${$id('slider-id')}`">
  22034.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Olifant                                                </a>
  22035.                                            </div>
  22036.  
  22037.  
  22038.                                                                                                                                        
  22039.  
  22040.  
  22041.                                            
  22042.                                            <div class="pt-1 text-gray-900"
  22043.                                                x-defer="intersect"
  22044.                                                @update-prices-8658.window="updatePrice($event.detail);">
  22045.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8658" data-price-box="product-id-8658">
  22046.    <span
  22047.    x-data x-id="['product\u002Dprice\u002D8658']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22048.        >
  22049.        <span  :id="$id('product\u002Dprice\u002D8658')"                data-price-amount="19.95"
  22050.        data-price-type="finalPrice"
  22051.        class="price-wrapper "
  22052.    ><span class="price">€ 19,95</span></span>
  22053.        </span>
  22054.  
  22055. </div>                                            </div>
  22056.  
  22057.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22058.            ">
  22059.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22060.                                                                                                                    <button
  22061.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22062.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22063.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant"
  22064.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant"
  22065.                                                                data-addto="cart">
  22066.                                                                <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">
  22067.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22068. </svg>
  22069.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22070.                                                                    In Winkelwagen                                                                </span>
  22071.                                                            </button>
  22072.                                                                                                            </div>
  22073.  
  22074.                                                                                            </div>
  22075.                                        </div>
  22076.                                                                                                                        </form>
  22077.                                
  22078.                </li>
  22079.                                        
  22080.                            <li class="swiper-slide">
  22081.                                                                    <form method="post"
  22082.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8657/"
  22083.                                        x-data="{
  22084.        hovered: false,
  22085.        grid: true ,
  22086.        isMobile: false,
  22087.        isMobileFunc () {
  22088.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  22089.        }
  22090.    }"
  22091.                                        x-init="
  22092.        isMobileFunc();
  22093.        const labelClass = '.amlabel-position-top-right-8657-prod';
  22094.        const labels = document.querySelectorAll(labelClass);
  22095.  
  22096.        $watch('hovered', value => {
  22097.            if (value) {
  22098.                labels.forEach(el => el.style.opacity = '0');
  22099.            } else {
  22100.                labels.forEach(el => el.style.opacity = '1');
  22101.            }
  22102.        });
  22103.    "
  22104.                                        @mouseenter="hovered = true"
  22105.                                        @mouseleave="hovered = false"
  22106.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  22107.                                        :class="isMobile ? 'product-item-mobile' : ''"
  22108.                                        >
  22109.                                        <style>
  22110.                                            /* Generate styling for the label based on the product ID */
  22111.                                            .amlabel-position-top-right-8657-prod {
  22112.                                                transition: opacity 0.3s ease;
  22113.                                            }
  22114.                                        </style>
  22115.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8657" />
  22116.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krokodil"
  22117.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krokodil"
  22118.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22119.                                            tabindex="-1">
  22120.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065011_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/5/0/5065011_1.jpg" width="360" height="360" loading="lazy"></picture>
  22121.                                        </a>
  22122.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22123.                                                                                            <div x-data="initWishlist()">
  22124.                                                    <button
  22125.                                                        @click="addToWishlist(8657)"
  22126.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil"
  22127.                                                        type="button"
  22128.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22129.                                                        data-addto="wishlist">
  22130.                                                        <span class="icon-heart text-2xl"></span>
  22131.                                                    </button>
  22132.                                                </div>
  22133.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22134.                                                    <button
  22135.                                                        @click="addToCompare(8657)"
  22136.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil"
  22137.                                                        type="button"
  22138.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22139.                                                        data-addto="compare">
  22140.                                                        <span class="icon-balance text-2xl"></span>
  22141.                                                    </button>
  22142.                                                </div>
  22143.                                                                                    </div>
  22144.                                        <div class="product-info flex flex-col grow">
  22145.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22146.                                                <a
  22147.                                                    class="product-item-link"
  22148.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krokodil"
  22149.                                                    :id="`slide-desc-8657-${$id('slider-id')}`">
  22150.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krokodil                                                </a>
  22151.                                            </div>
  22152.  
  22153.  
  22154.                                                                                                                                        
  22155.  
  22156.  
  22157.                                            
  22158.                                            <div class="pt-1 text-gray-900"
  22159.                                                x-defer="intersect"
  22160.                                                @update-prices-8657.window="updatePrice($event.detail);">
  22161.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8657" data-price-box="product-id-8657">
  22162.    <span
  22163.    x-data x-id="['product\u002Dprice\u002D8657']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22164.        >
  22165.        <span  :id="$id('product\u002Dprice\u002D8657')"                data-price-amount="19.95"
  22166.        data-price-type="finalPrice"
  22167.        class="price-wrapper "
  22168.    ><span class="price">€ 19,95</span></span>
  22169.        </span>
  22170.  
  22171. </div>                                            </div>
  22172.  
  22173.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22174.            ">
  22175.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22176.                                                                                                                    <button
  22177.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22178.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22179.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil"
  22180.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil"
  22181.                                                                data-addto="cart">
  22182.                                                                <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">
  22183.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22184. </svg>
  22185.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22186.                                                                    In Winkelwagen                                                                </span>
  22187.                                                            </button>
  22188.                                                                                                            </div>
  22189.  
  22190.                                                                                            </div>
  22191.                                        </div>
  22192.                                                                                                                        </form>
  22193.                                
  22194.                </li>
  22195.                                        
  22196.                            <li class="swiper-slide">
  22197.                                                                    <form method="post"
  22198.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8656/"
  22199.                                        x-data="{
  22200.        hovered: false,
  22201.        grid: true ,
  22202.        isMobile: false,
  22203.        isMobileFunc () {
  22204.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  22205.        }
  22206.    }"
  22207.                                        x-init="
  22208.        isMobileFunc();
  22209.        const labelClass = '.amlabel-position-top-right-8656-prod';
  22210.        const labels = document.querySelectorAll(labelClass);
  22211.  
  22212.        $watch('hovered', value => {
  22213.            if (value) {
  22214.                labels.forEach(el => el.style.opacity = '0');
  22215.            } else {
  22216.                labels.forEach(el => el.style.opacity = '1');
  22217.            }
  22218.        });
  22219.    "
  22220.                                        @mouseenter="hovered = true"
  22221.                                        @mouseleave="hovered = false"
  22222.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  22223.                                        :class="isMobile ? 'product-item-mobile' : ''"
  22224.                                        >
  22225.                                        <style>
  22226.                                            /* Generate styling for the label based on the product ID */
  22227.                                            .amlabel-position-top-right-8656-prod {
  22228.                                                transition: opacity 0.3s ease;
  22229.                                            }
  22230.                                        </style>
  22231.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8656" />
  22232.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-leeuw-baby-tikiribijtbadleeuw"
  22233.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Leeuw"
  22234.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22235.                                            tabindex="-1">
  22236.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/l/e/leeuw.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/l/e/leeuw.jpg" width="360" height="360" loading="lazy"></picture>
  22237.                                        </a>
  22238.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22239.                                                                                            <div x-data="initWishlist()">
  22240.                                                    <button
  22241.                                                        @click="addToWishlist(8656)"
  22242.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw"
  22243.                                                        type="button"
  22244.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22245.                                                        data-addto="wishlist">
  22246.                                                        <span class="icon-heart text-2xl"></span>
  22247.                                                    </button>
  22248.                                                </div>
  22249.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22250.                                                    <button
  22251.                                                        @click="addToCompare(8656)"
  22252.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw"
  22253.                                                        type="button"
  22254.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22255.                                                        data-addto="compare">
  22256.                                                        <span class="icon-balance text-2xl"></span>
  22257.                                                    </button>
  22258.                                                </div>
  22259.                                                                                    </div>
  22260.                                        <div class="product-info flex flex-col grow">
  22261.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22262.                                                <a
  22263.                                                    class="product-item-link"
  22264.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-leeuw-baby-tikiribijtbadleeuw"
  22265.                                                    :id="`slide-desc-8656-${$id('slider-id')}`">
  22266.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Leeuw                                                </a>
  22267.                                            </div>
  22268.  
  22269.  
  22270.                                                                                                                                        
  22271.  
  22272.  
  22273.                                            
  22274.                                            <div class="pt-1 text-gray-900"
  22275.                                                x-defer="intersect"
  22276.                                                @update-prices-8656.window="updatePrice($event.detail);">
  22277.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8656" data-price-box="product-id-8656">
  22278.    <span
  22279.    x-data x-id="['product\u002Dprice\u002D8656']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22280.        >
  22281.        <span  :id="$id('product\u002Dprice\u002D8656')"                data-price-amount="19.95"
  22282.        data-price-type="finalPrice"
  22283.        class="price-wrapper "
  22284.    ><span class="price">€ 19,95</span></span>
  22285.        </span>
  22286.  
  22287. </div>                                            </div>
  22288.  
  22289.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22290.            ">
  22291.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22292.                                                                                                                    <button
  22293.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22294.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22295.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw"
  22296.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw"
  22297.                                                                data-addto="cart">
  22298.                                                                <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">
  22299.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22300. </svg>
  22301.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22302.                                                                    In Winkelwagen                                                                </span>
  22303.                                                            </button>
  22304.                                                                                                            </div>
  22305.  
  22306.                                                                                            </div>
  22307.                                        </div>
  22308.                                                                                                                        </form>
  22309.                                
  22310.                </li>
  22311.                                        
  22312.                            <li class="swiper-slide">
  22313.                                                                    <form method="post"
  22314.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8655/"
  22315.                                        x-data="{
  22316.        hovered: false,
  22317.        grid: true ,
  22318.        isMobile: false,
  22319.        isMobileFunc () {
  22320.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  22321.        }
  22322.    }"
  22323.                                        x-init="
  22324.        isMobileFunc();
  22325.        const labelClass = '.amlabel-position-top-right-8655-prod';
  22326.        const labels = document.querySelectorAll(labelClass);
  22327.  
  22328.        $watch('hovered', value => {
  22329.            if (value) {
  22330.                labels.forEach(el => el.style.opacity = '0');
  22331.            } else {
  22332.                labels.forEach(el => el.style.opacity = '1');
  22333.            }
  22334.        });
  22335.    "
  22336.                                        @mouseenter="hovered = true"
  22337.                                        @mouseleave="hovered = false"
  22338.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  22339.                                        :class="isMobile ? 'product-item-mobile' : ''"
  22340.                                        >
  22341.                                        <style>
  22342.                                            /* Generate styling for the label based on the product ID */
  22343.                                            .amlabel-position-top-right-8655-prod {
  22344.                                                transition: opacity 0.3s ease;
  22345.                                            }
  22346.                                        </style>
  22347.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8655" />
  22348.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-nijlpaard"
  22349.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Nijlpaard"
  22350.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22351.                                            tabindex="-1">
  22352.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/h/i/hippo.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/h/i/hippo.jpg" width="360" height="360" loading="lazy"></picture>
  22353.                                        </a>
  22354.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22355.                                                                                            <div x-data="initWishlist()">
  22356.                                                    <button
  22357.                                                        @click="addToWishlist(8655)"
  22358.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard"
  22359.                                                        type="button"
  22360.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22361.                                                        data-addto="wishlist">
  22362.                                                        <span class="icon-heart text-2xl"></span>
  22363.                                                    </button>
  22364.                                                </div>
  22365.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22366.                                                    <button
  22367.                                                        @click="addToCompare(8655)"
  22368.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard"
  22369.                                                        type="button"
  22370.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22371.                                                        data-addto="compare">
  22372.                                                        <span class="icon-balance text-2xl"></span>
  22373.                                                    </button>
  22374.                                                </div>
  22375.                                                                                    </div>
  22376.                                        <div class="product-info flex flex-col grow">
  22377.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22378.                                                <a
  22379.                                                    class="product-item-link"
  22380.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-nijlpaard"
  22381.                                                    :id="`slide-desc-8655-${$id('slider-id')}`">
  22382.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Nijlpaard                                                </a>
  22383.                                            </div>
  22384.  
  22385.  
  22386.                                                                                                                                        
  22387.  
  22388.  
  22389.                                            
  22390.                                            <div class="pt-1 text-gray-900"
  22391.                                                x-defer="intersect"
  22392.                                                @update-prices-8655.window="updatePrice($event.detail);">
  22393.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8655" data-price-box="product-id-8655">
  22394.    <span
  22395.    x-data x-id="['product\u002Dprice\u002D8655']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22396.        >
  22397.        <span  :id="$id('product\u002Dprice\u002D8655')"                data-price-amount="19.95"
  22398.        data-price-type="finalPrice"
  22399.        class="price-wrapper "
  22400.    ><span class="price">€ 19,95</span></span>
  22401.        </span>
  22402.  
  22403. </div>                                            </div>
  22404.  
  22405.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22406.            ">
  22407.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22408.                                                                                                                    <button
  22409.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22410.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22411.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard"
  22412.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard"
  22413.                                                                data-addto="cart">
  22414.                                                                <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">
  22415.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22416. </svg>
  22417.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22418.                                                                    In Winkelwagen                                                                </span>
  22419.                                                            </button>
  22420.                                                                                                            </div>
  22421.  
  22422.                                                                                            </div>
  22423.                                        </div>
  22424.                                                                                                                        </form>
  22425.                                
  22426.                </li>
  22427.                                        
  22428.                            <li class="swiper-slide">
  22429.                                                                    <form method="post"
  22430.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8654/"
  22431.                                        x-data="{
  22432.        hovered: false,
  22433.        grid: true ,
  22434.        isMobile: false,
  22435.        isMobileFunc () {
  22436.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  22437.        }
  22438.    }"
  22439.                                        x-init="
  22440.        isMobileFunc();
  22441.        const labelClass = '.amlabel-position-top-right-8654-prod';
  22442.        const labels = document.querySelectorAll(labelClass);
  22443.  
  22444.        $watch('hovered', value => {
  22445.            if (value) {
  22446.                labels.forEach(el => el.style.opacity = '0');
  22447.            } else {
  22448.                labels.forEach(el => el.style.opacity = '1');
  22449.            }
  22450.        });
  22451.    "
  22452.                                        @mouseenter="hovered = true"
  22453.                                        @mouseleave="hovered = false"
  22454.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  22455.                                        :class="isMobile ? 'product-item-mobile' : ''"
  22456.                                        >
  22457.                                        <style>
  22458.                                            /* Generate styling for the label based on the product ID */
  22459.                                            .amlabel-position-top-right-8654-prod {
  22460.                                                transition: opacity 0.3s ease;
  22461.                                            }
  22462.                                        </style>
  22463.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8654" />
  22464.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-giraf-baby-tikiribijtbadgiraf"
  22465.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Giraf"
  22466.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22467.                                            tabindex="-1">
  22468.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/i/giraf.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf" title="TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/i/giraf.jpg" width="360" height="360" loading="lazy"></picture>
  22469.                                        </a>
  22470.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22471.                                                                                            <div x-data="initWishlist()">
  22472.                                                    <button
  22473.                                                        @click="addToWishlist(8654)"
  22474.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf"
  22475.                                                        type="button"
  22476.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22477.                                                        data-addto="wishlist">
  22478.                                                        <span class="icon-heart text-2xl"></span>
  22479.                                                    </button>
  22480.                                                </div>
  22481.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22482.                                                    <button
  22483.                                                        @click="addToCompare(8654)"
  22484.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf"
  22485.                                                        type="button"
  22486.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22487.                                                        data-addto="compare">
  22488.                                                        <span class="icon-balance text-2xl"></span>
  22489.                                                    </button>
  22490.                                                </div>
  22491.                                                                                    </div>
  22492.                                        <div class="product-info flex flex-col grow">
  22493.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22494.                                                <a
  22495.                                                    class="product-item-link"
  22496.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-giraf-baby-tikiribijtbadgiraf"
  22497.                                                    :id="`slide-desc-8654-${$id('slider-id')}`">
  22498.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Giraf                                                </a>
  22499.                                            </div>
  22500.  
  22501.  
  22502.                                                                                                                                        
  22503.  
  22504.  
  22505.                                            
  22506.                                            <div class="pt-1 text-gray-900"
  22507.                                                x-defer="intersect"
  22508.                                                @update-prices-8654.window="updatePrice($event.detail);">
  22509.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8654" data-price-box="product-id-8654">
  22510.    <span
  22511.    x-data x-id="['product\u002Dprice\u002D8654']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22512.        >
  22513.        <span  :id="$id('product\u002Dprice\u002D8654')"                data-price-amount="19.95"
  22514.        data-price-type="finalPrice"
  22515.        class="price-wrapper "
  22516.    ><span class="price">€ 19,95</span></span>
  22517.        </span>
  22518.  
  22519. </div>                                            </div>
  22520.  
  22521.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22522.            ">
  22523.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22524.                                                                                                                    <button
  22525.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22526.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22527.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf"
  22528.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf"
  22529.                                                                data-addto="cart">
  22530.                                                                <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">
  22531.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22532. </svg>
  22533.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22534.                                                                    In Winkelwagen                                                                </span>
  22535.                                                            </button>
  22536.                                                                                                            </div>
  22537.  
  22538.                                                                                            </div>
  22539.                                        </div>
  22540.                                                                                                                        </form>
  22541.                                
  22542.                </li>
  22543.                                        
  22544.                            <li class="swiper-slide">
  22545.                                                                    <form method="post"
  22546.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8643/"
  22547.                                        x-data="{
  22548.        hovered: false,
  22549.        grid: true ,
  22550.        isMobile: false,
  22551.        isMobileFunc () {
  22552.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  22553.        }
  22554.    }"
  22555.                                        x-init="
  22556.        isMobileFunc();
  22557.        const labelClass = '.amlabel-position-top-right-8643-prod';
  22558.        const labels = document.querySelectorAll(labelClass);
  22559.  
  22560.        $watch('hovered', value => {
  22561.            if (value) {
  22562.                labels.forEach(el => el.style.opacity = '0');
  22563.            } else {
  22564.                labels.forEach(el => el.style.opacity = '1');
  22565.            }
  22566.        });
  22567.    "
  22568.                                        @mouseenter="hovered = true"
  22569.                                        @mouseleave="hovered = false"
  22570.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  22571.                                        :class="isMobile ? 'product-item-mobile' : ''"
  22572.                                        >
  22573.                                        <style>
  22574.                                            /* Generate styling for the label based on the product ID */
  22575.                                            .amlabel-position-top-right-8643-prod {
  22576.                                                transition: opacity 0.3s ease;
  22577.                                            }
  22578.                                        </style>
  22579.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8643" />
  22580.                                                                                                                                                            <a href="https://www.lalashops.nl/frigg-moon-latex-croissant-0-6mnd-baby-friggmlcrois0-6"
  22581.                                            title="FRIGG Moon Latex - Croissant 0-6mnd - Fopspeen"
  22582.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22583.                                            tabindex="-1">
  22584.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_croissant_0-6_mnd_-_fopspeen_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Croissant&#x20;0-6mnd&#x20;-&#x20;Fopspeen" title="FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Croissant&#x20;0-6mnd&#x20;-&#x20;Fopspeen" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/f/r/frigg_moon_latex_-_croissant_0-6_mnd_-_fopspeen_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  22585.                                        </a>
  22586.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22587.                                                                                            <div x-data="initWishlist()">
  22588.                                                    <button
  22589.                                                        @click="addToWishlist(8643)"
  22590.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Croissant&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  22591.                                                        type="button"
  22592.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22593.                                                        data-addto="wishlist">
  22594.                                                        <span class="icon-heart text-2xl"></span>
  22595.                                                    </button>
  22596.                                                </div>
  22597.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22598.                                                    <button
  22599.                                                        @click="addToCompare(8643)"
  22600.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Croissant&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  22601.                                                        type="button"
  22602.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22603.                                                        data-addto="compare">
  22604.                                                        <span class="icon-balance text-2xl"></span>
  22605.                                                    </button>
  22606.                                                </div>
  22607.                                                                                    </div>
  22608.                                        <div class="product-info flex flex-col grow">
  22609.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22610.                                                <a
  22611.                                                    class="product-item-link"
  22612.                                                    href="https://www.lalashops.nl/frigg-moon-latex-croissant-0-6mnd-baby-friggmlcrois0-6"
  22613.                                                    :id="`slide-desc-8643-${$id('slider-id')}`">
  22614.                                                    FRIGG Moon Latex - Croissant 0-6mnd - Fopspeen                                                </a>
  22615.                                            </div>
  22616.  
  22617.  
  22618.                                                                                                                                        
  22619.  
  22620.  
  22621.                                            
  22622.                                            <div class="pt-1 text-gray-900"
  22623.                                                x-defer="intersect"
  22624.                                                @update-prices-8643.window="updatePrice($event.detail);">
  22625.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8643" data-price-box="product-id-8643">
  22626.    <span
  22627.    x-data x-id="['product\u002Dprice\u002D8643']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22628.        >
  22629.        <span  :id="$id('product\u002Dprice\u002D8643')"                data-price-amount="7.5"
  22630.        data-price-type="finalPrice"
  22631.        class="price-wrapper "
  22632.    ><span class="price">€ 7,50</span></span>
  22633.        </span>
  22634.  
  22635. </div>                                            </div>
  22636.  
  22637.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22638.            ">
  22639.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22640.                                                                                                                    <button
  22641.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22642.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22643.                                                                title="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Croissant&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  22644.                                                                aria-label="In&#x20;Winkelwagen&#x20;FRIGG&#x20;Moon&#x20;Latex&#x20;-&#x20;Croissant&#x20;0-6mnd&#x20;-&#x20;Fopspeen"
  22645.                                                                data-addto="cart">
  22646.                                                                <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">
  22647.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22648. </svg>
  22649.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22650.                                                                    In Winkelwagen                                                                </span>
  22651.                                                            </button>
  22652.                                                                                                            </div>
  22653.  
  22654.                                                                                            </div>
  22655.                                        </div>
  22656.                                                                                                                        </form>
  22657.                                
  22658.                </li>
  22659.                                        
  22660.                            <li class="swiper-slide">
  22661.                                                                    <form method="post"
  22662.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8638/"
  22663.                                        x-data="{
  22664.        hovered: false,
  22665.        grid: true ,
  22666.        isMobile: false,
  22667.        isMobileFunc () {
  22668.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  22669.        }
  22670.    }"
  22671.                                        x-init="
  22672.        isMobileFunc();
  22673.        const labelClass = '.amlabel-position-top-right-8638-prod';
  22674.        const labels = document.querySelectorAll(labelClass);
  22675.  
  22676.        $watch('hovered', value => {
  22677.            if (value) {
  22678.                labels.forEach(el => el.style.opacity = '0');
  22679.            } else {
  22680.                labels.forEach(el => el.style.opacity = '1');
  22681.            }
  22682.        });
  22683.    "
  22684.                                        @mouseenter="hovered = true"
  22685.                                        @mouseleave="hovered = false"
  22686.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  22687.                                        :class="isMobile ? 'product-item-mobile' : ''"
  22688.                                        >
  22689.                                        <style>
  22690.                                            /* Generate styling for the label based on the product ID */
  22691.                                            .amlabel-position-top-right-8638-prod {
  22692.                                                transition: opacity 0.3s ease;
  22693.                                            }
  22694.                                        </style>
  22695.                                        <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                                        <input type="hidden" name="product" value="8638" />
  22696.                                                                                                                                                            <a href="https://www.lalashops.nl/geboortelijst-ziggy-lion-baby-glijlion"
  22697.                                            title="Geboortelijst Ziggy Lion"
  22698.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  22699.                                            tabindex="-1">
  22700.                                            <picture class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"><source type="image/webp" srcset="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_ziggy_lion_-_1.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Geboortelijst&#x20;Ziggy&#x20;Lion" title="Geboortelijst&#x20;Ziggy&#x20;Lion" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/g/e/geboortelijst_ziggy_lion_-_1.jpg" width="360" height="360" loading="lazy"></picture>
  22701.                                        </a>
  22702.                                        <div class="absolute top-4 right-4 left-4 justify-between flex gap-2 z-50" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22703.                                                                                            <div x-data="initWishlist()">
  22704.                                                    <button
  22705.                                                        @click="addToWishlist(8638)"
  22706.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Geboortelijst&#x20;Ziggy&#x20;Lion"
  22707.                                                        type="button"
  22708.                                                        class="wishlist-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22709.                                                        data-addto="wishlist">
  22710.                                                        <span class="icon-heart text-2xl"></span>
  22711.                                                    </button>
  22712.                                                </div>
  22713.                                                                                                                                        <div x-data="initCompareOnProductList()">
  22714.                                                    <button
  22715.                                                        @click="addToCompare(8638)"
  22716.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Geboortelijst&#x20;Ziggy&#x20;Lion"
  22717.                                                        type="button"
  22718.                                                        class="compare-button rounded-full w-12 h-12 bg-white p-0 border-0 inline-flex items-center justify-center text-lala-black hover:bg-lala-blue hover:text-white text-3xl"
  22719.                                                        data-addto="compare">
  22720.                                                        <span class="icon-balance text-2xl"></span>
  22721.                                                    </button>
  22722.                                                </div>
  22723.                                                                                    </div>
  22724.                                        <div class="product-info flex flex-col grow">
  22725.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  22726.                                                <a
  22727.                                                    class="product-item-link"
  22728.                                                    href="https://www.lalashops.nl/geboortelijst-ziggy-lion-baby-glijlion"
  22729.                                                    :id="`slide-desc-8638-${$id('slider-id')}`">
  22730.                                                    Geboortelijst Ziggy Lion                                                </a>
  22731.                                            </div>
  22732.  
  22733.  
  22734.                                                                                                                                        
  22735.  
  22736.  
  22737.                                            
  22738.                                            <div class="pt-1 text-gray-900"
  22739.                                                x-defer="intersect"
  22740.                                                @update-prices-8638.window="updatePrice($event.detail);">
  22741.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8638" data-price-box="product-id-8638">
  22742.    <span
  22743.    x-data x-id="['product\u002Dprice\u002D8638']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  22744.        >
  22745.        <span  :id="$id('product\u002Dprice\u002D8638')"                data-price-amount="19.95"
  22746.        data-price-type="finalPrice"
  22747.        class="price-wrapper "
  22748.    ><span class="price">€ 19,95</span></span>
  22749.        </span>
  22750.  
  22751. </div>                                            </div>
  22752.  
  22753.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  22754.            ">
  22755.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  22756.                                                                                                                    <button
  22757.                                                                class="w-auto btn justify-center text-xl mr-auto"
  22758.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  22759.                                                                title="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Ziggy&#x20;Lion"
  22760.                                                                aria-label="In&#x20;Winkelwagen&#x20;Geboortelijst&#x20;Ziggy&#x20;Lion"
  22761.                                                                data-addto="cart">
  22762.                                                                <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">
  22763.  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
  22764. </svg>
  22765.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  22766.                                                                    In Winkelwagen                                                                </span>
  22767.                                                            </button>
  22768.                                                                                                            </div>
  22769.  
  22770.                                                                                            </div>
  22771.                                        </div>
  22772.                                                                                                                        </form>
  22773.                                
  22774.                </li>
  22775.                            </div>
  22776.  
  22777.        </div>
  22778.  
  22779.        <script>
  22780.            (function() {
  22781.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  22782.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  22783.  
  22784.                // Load Swiper CSS
  22785.                if (typeof window.SwiperCSS === 'undefined') {
  22786.                    const style = document.createElement("link");
  22787.                    style.rel = "stylesheet";
  22788.                    style.type = "text/css";
  22789.                    style.href = swiperCssUrl;
  22790.  
  22791.                    const insertAt = document.getElementsByTagName('link')[0];
  22792.                    if (insertAt) {
  22793.                        insertAt.parentNode.insertBefore(style, insertAt);
  22794.                    } else {
  22795.                        document.head.appendChild(style);
  22796.                    }
  22797.                    window.SwiperCSS = 'loaded';
  22798.                }
  22799.  
  22800.                function initSwiper() {
  22801.                    new Swiper('.swiper-container', {
  22802.                        loop: false,
  22803.                        slidesPerView: 1,
  22804.                        spaceBetween: 16,
  22805.                        autoplay: false,
  22806.                        navigation: {
  22807.                            nextEl: '.swiper-button-next',
  22808.                            prevEl: '.swiper-button-prev',
  22809.                        },
  22810.                        breakpoints: {
  22811.                            480: {
  22812.                                slidesPerView: 1.6,
  22813.                                spaceBetween: 16,
  22814.                            },
  22815.                            768: {
  22816.                                slidesPerView: 2.6,
  22817.                                spaceBetween: 16,
  22818.                            },
  22819.                            1024: {
  22820.                                slidesPerView: 3.6,
  22821.                                spaceBetween: 16,
  22822.                            },
  22823.                            1280: {
  22824.                                slidesPerView: 4.6,
  22825.                                spaceBetween: 16,
  22826.                            }
  22827.                        },
  22828.                    });
  22829.                }
  22830.  
  22831.                if (typeof window.Swiper === 'function') {
  22832.                    initSwiper();
  22833.                } else {
  22834.                    // Load Swiper JS
  22835.                    const scriptSource = swiperJsUrl;
  22836.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  22837.  
  22838.                    if (pendingLoadScript) {
  22839.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  22840.                        return;
  22841.                    }
  22842.  
  22843.                    const script = document.createElement('script');
  22844.                    script.src = scriptSource;
  22845.                    script.async = true;
  22846.  
  22847.                    script.addEventListener('load', () => initSwiper());
  22848.                    document.head.appendChild(script);
  22849.                }
  22850.            })();
  22851.  
  22852.            window.addEventListener("load", function() {
  22853.                if (window.innerWidth > 479) {
  22854.                    let maxHeight = 0;
  22855.  
  22856.                    // Get all slides
  22857.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  22858.  
  22859.                    // Find the tallest slide
  22860.                    slides.forEach(slide => {
  22861.                        const slideHeight = slide.offsetHeight;
  22862.                        if (slideHeight > maxHeight) {
  22863.                            maxHeight = slideHeight;
  22864.                        }
  22865.                    });
  22866.  
  22867.                    // Set the height of all slides and the swiper-wrapper to the max height
  22868.                    slides.forEach(slide => {
  22869.                        slide.style.height = `${maxHeight}px`;
  22870.                    });
  22871.  
  22872.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  22873.                    if (swiperWrapper) {
  22874.                        swiperWrapper.style.height = `${maxHeight}px`;
  22875.                    }
  22876.                }
  22877.            });
  22878.        </script>
  22879.    </div>
  22880. </section>
  22881. </div>
  22882. <template x-data="initAmWidgetLabels__68985b5236b47" x-init="initLabels($el)"></template>
  22883.  
  22884. <script>
  22885.    function initAmWidgetLabels__68985b5236b47() {
  22886.        return {
  22887.            initLabels($el) {
  22888.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  22889.                const widgetContainer = $el?.previousElementSibling;
  22890.  
  22891.                labels.forEach((productLabel, index) => {
  22892.                    const productSelector = `li:nth-child(${index + 1})`;
  22893.                    const productContainer = widgetContainer?.querySelector(productSelector);
  22894.                    if (productContainer) {
  22895.                        const labelClass = 'am-label_68985b5236b47' + index;
  22896.                        productContainer.innerHTML += productLabel;
  22897.                        productContainer.classList.add(labelClass);
  22898.                        hyva.replaceDomElement(
  22899.                            '.' + labelClass,
  22900.                            productContainer?.outerHTML
  22901.                        );
  22902.                    }
  22903.                });
  22904.            }
  22905.        }
  22906.    }
  22907. </script>
  22908. <div class="widget-content py-4 md:py-8 xl:pt-12 xl:pb-20 relative">
  22909.    <div class="container grid grid-cols-1 md:grid-cols-2 gap-x-8 lg:gap-x-16 xl:gap-x-28 gap-y-4 xl:gap-y-6">
  22910.        <div class="text-3xl md:text-4xl xl:text-5xl xl:!leading-[54px] font-bold md:col-span-2 xl:col-span-1 self-start mb-0">
  22911.            LalaShops, uw digitale winkelcentrum        </div>
  22912.        <div class="w-full h-auto relative md:col-start-2 md:row-start-2 md:row-span-2 xl:row-span-3 pb-4 self-start">
  22913.            <div class="relative">
  22914.                <picture class="w-full h-auto object-cover rounded-[20px] relative z-10"><source type="image/webp" srcset="https://www.lalashops.nl/media/wysiwyg/Banners/ultimo-157k.webp"><img src="https://www.lalashops.nl/media/wysiwyg/Banners/ultimo-157k.png" class="w-full h-auto object-cover rounded-[20px] relative z-10" /></picture>
  22915.                <div class="absolute inset-0 bg-lala-blue rounded-[20px] -translate-x-2.5 sm:-translate-x-3.5 xl:-translate-x-5 translate-y-2.5 sm:translate-y-3.5 xl:translate-y-5 z-0"></div>
  22916.            </div>
  22917.        </div>
  22918.        <div class="flex flex-col space-y-4 xl:space-y-8 self-start">
  22919.            <div class="text-lala-black font-light text-sm md:text-base !leading-6 mb-0">
  22920.                Wij van LalaShops brengen scherpe prijzen, lokale samenwerkingen en verantwoord shoppen samen in ons bijzondere online winkelcentrum. In onze webshop vindt u elektronica, huis-, tuin- en keukenbenodigdheden, kristal- en edelstenen, (handgemaakte) sieraden en een diversiteit aan persoonlijke welzijns- en verzorgingsproducten. Wij geven ondernemers die de kwaliteit van hun producten en diensten reeds bewezen hebben graag een etalage voor hun producten en dragen hierbij direct ook onze eigen interesses en passies uit. U mag van ons niet minder dan topkwaliteit en -service verwachten. Dus neem de tijd, pak een kop koffie, wij nodigen u van harte uit tot een ontspannen online winkelmoment! Heeft u tijdens het shoppen vragen of specifieke wensen? Schroom niet om contact met ons op te nemen, wij helpen u graag.            </div>
  22921.            <a href="#" class="btn btn-primary rounded-3xl mr-auto cursor-pointer mb-auto xl:py-3 xl:px-8">
  22922.                <span>
  22923.                    Over Ons                </span>
  22924.            </a>
  22925.        </div>
  22926.    </div>
  22927. </div></div>
  22928. <div class="prefooter-widget text-lala-black text-sm sm:text-base font-normal leading-4 sm:leading-5 py-6 sm:py-0 text-left sm:text-center">
  22929.    <div class="container">
  22930.        <ul class="flex flex-col sm:flex-row flex-wrap py-1 justify-center xl:justify-between items-start sm:items-center gap-4">
  22931.                                                <li class="flex items-center gap-3">
  22932.                        <a href="https://www.lalashops.nl/">Privacy en Cookie Policy</a>
  22933.                    </li>
  22934.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22935.                                                                <li class="flex items-center gap-3">
  22936.                        <a href="https://www.lalashops.nl/">Bestellingen en Retouren</a>
  22937.                    </li>
  22938.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22939.                                                                <li class="flex items-center gap-3">
  22940.                        <a href="https://www.lalashops.nl/">Neem contact met ons op</a>
  22941.                    </li>
  22942.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22943.                                                                <li class="flex items-center gap-3">
  22944.                        <a href="https://www.lalashops.nl/">Zoektermen</a>
  22945.                    </li>
  22946.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22947.                                                                <li class="flex items-center gap-3">
  22948.                        <a href="https://www.lalashops.nl/">Geavanceerd zoeken</a>
  22949.                    </li>
  22950.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22951.                                                                <li class="flex items-center gap-3">
  22952.                        <a href="https://www.lalashops.nl/">Sitemap</a>
  22953.                    </li>
  22954.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22955.                                        <li><a href="https://www.keurmerk.info/Leden_Partners/LidDetails/11498" target="_blank" rel="noopener"><img class="max-w-[135px]" src="https://www.keurmerk.info/Resources/Logo/rt-keurmerk_trustmark-wsk_ls3_medium-j?l=nl" alt="Onze vermelding op http://www.keurmerk.info"></a></li>
  22956.        </ul>
  22957.    </div>
  22958. </div></div><footer class="page-footer"><div class="footer content"><div class="flex flex-col justify-between">
  22959.    <div class="container py-8 lg:py-16 mx-auto">
  22960.        <div class="flex flex-wrap order-first gap-y-16 justify-between">
  22961.                            <div class="lg:w-3/4 w-full flex flex-wrap pr-4">
  22962.    <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-8 text-base leading-5 font-light">
  22963.        <div>
  22964.            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3>BESTEL INFORMATIE</h3>
  22965. <ul>
  22966. <li><a href="/sales/guest/form/"> Track and Trace </a></li>
  22967. <li><a href="/verzendkosten"> Betaling en verzending </a></li>
  22968. <li><a href="/bedrag-overmaken"> Bedrag overmaken </a></li>
  22969. <li><a href="/algemene-voorwaarden"> Algemene voorwaarden </a></li>
  22970. <li><a href="/privacy-policy-cookie-restriction-mode"> Privacy Policy </a></li>
  22971. </ul></div>        </div>
  22972.        <div>
  22973.            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3>BEDRIJFS INFORMATIE</h3>
  22974. <ul>
  22975. <li><a href="/klantenservice"> Klantenservice </a></li>
  22976. <li><a href="/contact_us"> Contact </a></li>
  22977. <li><a href="/bedrijfsgegevens"> Bedrijfsgegevens </a></li>
  22978. <li><a href="/over-ons"> Wie zijn wij </a></li>
  22979. <li><a href="/over-ons"> Onze Missie </a></li>
  22980. <li><a href="/over-ons"> Nieuwe Economie </a></li>
  22981. </ul></div>        </div>
  22982.        <div>
  22983.            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3>HANDIGE LINKS</h3>
  22984. <ul>
  22985. <li><a href="/customer/account/login/"> Mijn account </a></li>
  22986. <li><a href="/catalogsearch/advanced/"> Geavanceerd zoeken </a></li>
  22987. <li><a href="/over-ons/"> Peer to Peer (P2P) netwerken </a></li>
  22988. <li><a href="/sitemap/lalashops/sitemap.xml"> Sitemap </a></li>
  22989. </ul></div>        </div>
  22990.    </div>
  22991. </div>                                                                                                                <div class="lg:w-1/4 md:w-1/2 font-light flex flex-col gap-3">
  22992.    <picture class="mb-2"><source type="image/webp" srcset="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/images/lalalogo.webp"><img class="mb-2" src="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/images/lalalogo.png" srcset="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/images/lalalogo.png 1x, https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/images/lalalogo.png 2x" alt="Lalashops logo" width="334" height="81" /></picture>
  22993.  
  22994.    <div class="font-light mb-1">De krachten van de natuur & de kracht van technologie!</div>
  22995.    <div class="">
  22996.        Doctor Schaepmanstraat 49        <br />
  22997.        6004AD Limburg Weert    </div>
  22998.    <a href="mailto:info@lalashops.nl" class="flex gap-3 items-center mr-auto hover:text-lala-black"><span class="icon-envelope"></span>info@lalashops.nl</a>
  22999.    <a href="tel:085 877 0866" class="flex gap-3 items-center mr-auto hover:text-lala-black"><span class="icon-phone-empty text-2xl -ml-0.5"></span>+31 085 877 0866</a>
  23000.    <div class="flex gap-x-2"><a href="&lt;div data-content-type=&quot;html&quot; data-appearance=&quot;default&quot; data-element=&quot;main&quot; data-decoded=&quot;true&quot;&gt;https://www.instagram.com/lalashops_nl/&lt;/div&gt;" class="flex hover:text-lala-black" target="_blank"><span class="icon-instagram text-xl ml-0.5 mr-2.5"></span>Instagram</a>&nbsp;<a href="&lt;div data-content-type=&quot;html&quot; data-appearance=&quot;default&quot; data-element=&quot;main&quot; data-decoded=&quot;true&quot;&gt;https://www.facebook.com/LalaShops.nl/?locale=nl_NL&lt;/div&gt;" class="flex hover:text-lala-black" target="_blank"><span class=" icon-facebook text-2xl mr-2"></span>Facebook</div></a>
  23001.    <a href="https://www.lalashops.nl/contact/" class="hover:text-lala-black">Contactformulier</a>
  23002.  
  23003.    <form
  23004.        class="form subscribe"
  23005.        action="https://www.lalashops.nl/newsletter/subscriber/new/"
  23006.        method="post"
  23007.        x-data="initNewsletterForm()"
  23008.        @submit.prevent="submitForm()"
  23009.        id="newsletter-validate-detail"
  23010.        aria-label="Abonneren&#x20;op&#x20;de&#x20;nieuwsbrief">
  23011.  
  23012.        <h3 class="mb-2 mt-4">
  23013.            Inschrijven nieuwsbrief        </h3>
  23014.  
  23015.        <div class="flex justify-center md:justify-start mt-3">
  23016.            <label for="newsletter-subscribe" class="sr-only">
  23017.                E-mail adres            </label>
  23018.            <input
  23019.                name="email"
  23020.                type="email"
  23021.                required
  23022.                id="newsletter-subscribe"
  23023.                class="form-input inline-flex text-lala-black w-full rounded-l-3xl rounded-r-none placeholder:text-sm placeholder:translate-y-[1px] pl-4 bg-lala-gray-light-ultra border-lala-black h-12"
  23024.                placeholder="Voer&#x20;uw&#x20;e-mailadres&#x20;in"
  23025.                aria-describedby="footer-newsletter-heading">
  23026.            <input name="form_key" type="hidden" value="20wYPTntN6NE5QDB" />                        <button class="btn inline-flex shrink-0 ml-auto xl:mt-0 rounded-l-none rounded-r-3xl bg-white text-lala-blue font-normal justify-center items-center px-4 border-lala-black border border-l-0">
  23027.                <span>Inschrijven</span>
  23028.            </button>
  23029.        </div>
  23030.        <div>
  23031.            <template x-if="displayErrorMessage">
  23032.                <p class="flex items-center text-red">
  23033.                    <span class="inline-block w-8 h-8 mr-3">
  23034.                        <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">
  23035.  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
  23036. <title>exclamation-circle</title></svg>
  23037.                    </span>
  23038.                    <template x-for="errorMessage in errorMessages">
  23039.                        <span x-html="errorMessage"></span>
  23040.                    </template>
  23041.                </p>
  23042.            </template>
  23043.        </div>
  23044.    </form>
  23045.    <div class="w-full">
  23046.            </div>
  23047.    <script>
  23048.        function initNewsletterForm() {
  23049.            return {
  23050.                errors: 0,
  23051.                hasCaptchaToken: 0,
  23052.                displayErrorMessage: false,
  23053.                errorMessages: [],
  23054.                setErrorMessages(messages) {
  23055.                    this.errorMessages = [messages]
  23056.                    this.displayErrorMessage = this.errorMessages.length
  23057.                },
  23058.                submitForm() {
  23059.                    // Do not rename $form, the variable is expected to be declared in the recaptcha output
  23060.                    const $form = document.querySelector('#newsletter-validate-detail');
  23061.                    
  23062.                    if (this.errors === 0) {
  23063.                        $form.submit();
  23064.                    }
  23065.                }
  23066.            }
  23067.        }
  23068.    </script>
  23069. </div>                                                                            </div>
  23070.    </div>
  23071.    <div class="container py-6 mx-auto mt-auto flex sm:flex-row flex-col">
  23072.        <small class="text-sm">
  23073.  
  23074.    <span>&copy; 2025 LaLashops.nl All Rights Reserved.</span>
  23075.  
  23076. </small>    </div>
  23077. </div><script>
  23078.    'use strict';
  23079.  
  23080.    function amBrandsPopup() {
  23081.        let cached = false;
  23082.  
  23083.        const displayError = (error) => {
  23084.            console.error(error);
  23085.            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23086.                [{
  23087.                    type: "error",
  23088.                    text: "Er\u0020ging\u0020iets\u0020mis.\u0020Probeer\u0020opnieuw."
  23089.                }], 10000
  23090.            );
  23091.        };
  23092.  
  23093.        let letters = [
  23094.            "A","B","C","D",
  23095.            "E","F","G","H","I","J","K","L","M",
  23096.            "N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"
  23097.        ];
  23098.  
  23099.        return {
  23100.            hoverPanelActiveId: null,
  23101.            selectedLetter: null,
  23102.            items: [],
  23103.            letters: [],
  23104.            showCount: null,
  23105.            showFilter: null,
  23106.            showImages: true,
  23107.            showSearch: null,
  23108.            loading: false,
  23109.            label: 'Brands',
  23110.            isPopupEnabled: false,
  23111.            isTopMenuItemEnabled: false,
  23112.            cache: false,
  23113.            isMobile: false,
  23114.  
  23115.            initErrorMessages(errors) {
  23116.                const messages = [];
  23117.                for (let error in Object.keys(errors)) {
  23118.                    messages.push({type: 'error', text: errors[error].message});
  23119.                }
  23120.                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000);
  23121.            },
  23122.  
  23123.            chooseLetter(letter) {
  23124.                this.selectedLetter = this.selectedLetter === letter ? null : letter;
  23125.            },
  23126.  
  23127.            getQuery() {
  23128.                return "query BrandsPopupQuery { ambrandlist(\n                    showCount: true\n                    displayZero: true\n                  ) {\n                    all_letters,\n                    items {\n                      alt\n                      brandId\n                      cnt\n                      image\n                      img\n                      label\n                      letter\n                      url\n                    }\n                  }\n                  storeConfig {\n                    amshopby_brand_general_brands_brands_popup,\n                    amshopby_brand_general_menu_item_label,\n                    amshopby_brand_general_brands_page,\n                    amshopby_brand_general_topmenu_enabled,\n                    amshopby_brand_general_brands_popup_config {\n                      show_images,\n                      display_zero,\n                      filter_display_all,\n                      image_width,\n                      image_height,\n                      show_filter,\n                      show_count\n                    }\n                  } }"            },
  23129.  
  23130.            /**
  23131.             * Retrieve media url for given path
  23132.             *
  23133.             * @param path
  23134.             * @returns {string}
  23135.             */
  23136.            getMediaUrl(path) {
  23137.                let stringToRemove = 'index.php/';
  23138.                let baseUrl = BASE_URL.replace(stringToRemove, '');
  23139.                return path.includes(baseUrl) ? path : baseUrl + path;
  23140.            },
  23141.  
  23142.            checkIsMobileResolution() {
  23143.                this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
  23144.            },
  23145.  
  23146.            getBrandUrl(url){
  23147.                return BASE_URL + url;
  23148.            },
  23149.  
  23150.            init() {
  23151.                this.checkIsMobileResolution();
  23152.  
  23153.                this.$watch('hoverPanelActiveId', (value) => {
  23154.                    if (value === 'am-brand') {
  23155.                        this.sendRequest();
  23156.                    }
  23157.                });
  23158.            },
  23159.  
  23160.            /**
  23161.             * Get brands by letter
  23162.             *
  23163.             * @param result
  23164.             * @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}}
  23165.             */
  23166.            settingsMapper(result) {
  23167.                const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config;
  23168.                return {
  23169.                    showImages: config.show_images,
  23170.                    showCount: config.show_count,
  23171.                    showFilter: config.show_filter,
  23172.                    imageWidth: config.image_width,
  23173.                    imageHeight: config.image_height,
  23174.                    filterDisplayAll: config.filter_display_all,
  23175.                    displayAll: config.display_zero,
  23176.                    isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup,
  23177.                    label: result.data.storeConfig?.amshopby_brand_general_menu_item_label,
  23178.                    isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled,
  23179.                    brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page,
  23180.                }
  23181.            },
  23182.  
  23183.            /**
  23184.             * Send request to graphql
  23185.             *
  23186.             * @returns {Promise<any>}
  23187.             */
  23188.            async sendRequest() {
  23189.                if (this.isMobile) {
  23190.                    return false;
  23191.                }
  23192.  
  23193.                this.loading = true;
  23194.  
  23195.                try {
  23196.                    if (cached) {
  23197.                        this.loading = false;
  23198.                        return false;
  23199.                    }
  23200.  
  23201.                    const response = await fetch('https://www.lalashops.nl/graphql', {
  23202.                        method: 'POST',
  23203.                        headers: {
  23204.                            'Content-Type': 'application/json',
  23205.                            'Store': 'lalashops_webshop_sv'
  23206.                        },
  23207.                        credentials: 'include',
  23208.                        body: JSON.stringify({query: this.getQuery(), variables: {}})
  23209.                    });
  23210.                    const result = await response.json();
  23211.  
  23212.                    if (result?.errors) {
  23213.                        this.initErrorMessages(result.errors);
  23214.                        return;
  23215.                    }
  23216.  
  23217.                    const data = result.data?.ambrandlist;
  23218.                    const mapper = this.settingsMapper(result);
  23219.  
  23220.                    // Update component settings
  23221.                    Object.keys(mapper).forEach(config => {
  23222.                        this[config] = mapper[config];
  23223.                    });
  23224.  
  23225.                    if (!this.filterDisplayAll) {
  23226.                        letters = data.all_letters.split(',');
  23227.                    }
  23228.  
  23229.                    const items = data.items.map(brand => {
  23230.                        brand.image = brand.img
  23231.                            ? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null);
  23232.                        return brand;
  23233.                    });
  23234.  
  23235.                    this.letters = letters.map(letter => ({
  23236.                        letter,
  23237.                        brands: this.getLetterItems(items, letter),
  23238.                    }));
  23239.  
  23240.                    this.items = this.letters.filter(row => row.brands?.length > 0);
  23241.  
  23242.                    cached = true;
  23243.                } catch (error) {
  23244.                    displayError(error);
  23245.                } finally {
  23246.                    this.loading = false;
  23247.                }
  23248.            },
  23249.  
  23250.            /**
  23251.             * Get brands by letter
  23252.             *
  23253.             * @param items
  23254.             * @param letter
  23255.             * @returns {*}
  23256.             */
  23257.            getLetterItems(items, letter) {
  23258.                return items.filter(row => row.letter === letter);
  23259.            },
  23260.  
  23261.            convertHtml(text) {
  23262.                let textField = document.createElement("textarea");
  23263.                textField.innerHTML = text;
  23264.                return textField.value;
  23265.            }
  23266.        }
  23267.    }
  23268. </script>
  23269. </div></footer>
  23270.  
  23271.    <!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  23272.    <script>
  23273.        (function (w, d) {
  23274.            var e = d.createElement('script');
  23275.            e.type = 'text/javascript';
  23276.            e.async = true;
  23277.            e.src = (d.location.protocol == 'https:' ? 'https' : 'http') + '://custom.clerk.io/lalashopswebshop.js';
  23278.            var s = d.getElementsByTagName('script')[0];
  23279.            s.parentNode.insertBefore(e, s);
  23280.            w.__clerk_q = w.__clerk_q || [];
  23281.            w.Clerk = w.Clerk || function () {
  23282.                w.__clerk_q.push(arguments)
  23283.            };
  23284.        })(window, document);
  23285.  
  23286.        Clerk('config', {
  23287.            key: 'r6oouas4KSv35Daq7rvNn4ZfZT6VY51L',
  23288.            collect_email: true,
  23289.                        globals: {
  23290.                uenc: 'aHR0cHM6Ly93d3cubGFsYXNob3BzLm5sLw==',
  23291.                formkey: '20wYPTntN6NE5QDB',
  23292.                currency_symbol: '€',
  23293.                currency_iso: 'EUR'
  23294.            },
  23295.            formatters: {
  23296.                convert_currency: function (price) {
  23297.                    const ex_rate = parseFloat('1') ?? null;
  23298.                    if (ex_rate) {
  23299.                        return price * ex_rate;
  23300.                    }
  23301.                    return price;
  23302.                },
  23303.                convert_currency_from_iso: function (price, currency_iso) {
  23304.                    const ex_rates = JSON.parse('{"AFN":false,"ALL":false,"DZD":false,"AOA":false,"ARS":false,"AMD":false,"AWG":false,"AUD":false,"AZN":false,"AZM":false,"BSD":false,"BHD":false,"BDT":false,"BBD":false,"BYR":false,"BZD":false,"BMD":false,"BTN":false,"BOB":false,"BAM":false,"BWP":false,"BRL":false,"GBP":false,"BND":false,"BGN":false,"BUK":false,"BIF":false,"XPF":false,"KHR":false,"CAD":false,"CVE":false,"KYD":false,"CLP":false,"CNY":false,"COP":false,"KMF":false,"CDF":false,"CRC":false,"HRK":false,"CUP":false,"CZK":false,"DKK":false,"DJF":false,"DOP":false,"XCD":false,"EGP":false,"GQE":false,"ERN":false,"EEK":false,"ETB":false,"EUR":1,"FKP":false,"FJD":false,"GMD":false,"GEK":false,"GEL":false,"GHS":false,"GIP":false,"GTQ":false,"GNF":false,"GYD":false,"HTG":false,"HNL":false,"HKD":false,"HUF":false,"ISK":false,"INR":false,"IDR":false,"IRR":false,"IQD":false,"ILS":false,"JMD":false,"JPY":false,"JOD":false,"KZT":false,"KES":false,"KWD":false,"KGS":false,"LAK":false,"LVL":false,"LBP":false,"LSL":false,"LRD":false,"LYD":false,"LTL":false,"MOP":false,"MKD":false,"MGA":false,"MWK":false,"MYR":false,"MVR":false,"MRO":false,"MUR":false,"MXN":false,"MDL":false,"MNT":false,"MAD":false,"MZN":false,"MMK":false,"NAD":false,"NPR":false,"ANG":false,"TWD":false,"NZD":false,"NIC":false,"NGN":false,"KPW":false,"NOK":false,"OMR":false,"PKR":false,"PAB":false,"PGK":false,"PYG":false,"PEN":false,"PHP":false,"PLN":false,"QAR":false,"RHD":false,"RON":false,"ROL":false,"RUB":false,"RWF":false,"SVC":false,"WST":false,"SAR":false,"RSD":false,"SCR":false,"SLL":false,"SGD":false,"SKK":false,"SBD":false,"SOS":false,"ZAR":false,"KRW":false,"LKR":false,"SHP":false,"SDG":false,"SRD":false,"SZL":false,"SEK":false,"CHF":false,"SYP":false,"STD":false,"TJS":false,"TZS":false,"THB":false,"TOP":false,"TTD":false,"TND":false,"TRY":false,"TRL":false,"TMM":false,"USD":"1.415000000000","UGX":false,"UAH":false,"AED":false,"UYU":false,"UZS":false,"VUV":false,"VEB":false,"VEF":false,"VND":false,"CHE":false,"CHW":false,"XOF":false,"YER":false,"ZMK":false,"ZWD":false}');
  23305.                    if (ex_rates[currency_iso] !== undefined) {
  23306.                        return price * ex_rates[currency_iso];
  23307.                    }
  23308.                    return price;
  23309.                }
  23310.            }
  23311.        });
  23312.  
  23313.        
  23314.  
  23315.  
  23316.        var collectbaskets = false;
  23317.  
  23318.        if (collectbaskets) {
  23319.  
  23320.            let open = XMLHttpRequest.prototype.open;
  23321.            XMLHttpRequest.prototype.open = function () {
  23322.                this.addEventListener("load", function () {
  23323.  
  23324.                    if (this.responseURL.includes("=cart")) {
  23325.  
  23326.                        if (this.readyState === 4 && this.status === 200) {
  23327.                            var response = JSON.parse(this.responseText);
  23328.  
  23329.                            var clerk_productids = [];
  23330.                            if (response && response.hasOwnProperty('cart') && response.cart.hasOwnProperty('items')) {
  23331.                                for (var i = 0, len = response.cart.items.length; i < len; i++) {
  23332.                                    clerk_productids.push(response.cart.items[i].product_id);
  23333.                                }
  23334.                            }
  23335.  
  23336.                            clerk_productids = clerk_productids.map(Number);
  23337.                            var clerk_last_productids = [];
  23338.                            if (localStorage.getItem('clerk_productids') !== null) {
  23339.                                clerk_last_productids = localStorage.getItem('clerk_productids').split(",");
  23340.                                clerk_last_productids = clerk_last_productids.map(Number);
  23341.                            }
  23342.                            clerk_productids = clerk_productids.sort((a, b) => a - b);
  23343.                            clerk_last_productids = clerk_last_productids.sort((a, b) => a - b);
  23344.                            if (JSON.stringify(clerk_productids) == JSON.stringify(clerk_last_productids)) {
  23345.                                // if equal - do nothing
  23346.                            } else {
  23347.                                if (JSON.stringify(clerk_productids) === "[0]") {
  23348.                                    Clerk('cart', 'set', []);
  23349.                                } else {
  23350.                                    Clerk('cart', 'set', clerk_productids);
  23351.                                }
  23352.                            }
  23353.                            localStorage.setItem("clerk_productids", clerk_productids);
  23354.                        }
  23355.                    }
  23356.                }, false);
  23357.                open.apply(this, arguments);
  23358.            };
  23359.  
  23360.        }
  23361.  
  23362.    </script>
  23363.    <!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  23364. <span
  23365.    class="clerk"
  23366.    data-template="@live-search"
  23367.    data-instant-search-suggestions="3"
  23368.    data-instant-search-categories="3"
  23369.    data-instant-search-pages="3"
  23370.        data-instant-search-pages-type="cms page"
  23371.        data-instant-search-positioning="center"
  23372.    data-instant-search="#search"></span>
  23373.    <script>
  23374.        document.addEventListener('DOMContentLoaded', function() {
  23375.            // Select all form elements matching the provided selector
  23376.            let elems = document.querySelectorAll('#search_mini_form');
  23377.  
  23378.            // Set the 'action' attribute for each form element
  23379.            elems.forEach(function(formElement) {
  23380.                formElement.setAttribute('action', 'https://www.lalashops.nl/catalogsearch/result');
  23381.            });
  23382.        });
  23383.    </script>
  23384.    <style type="text/css">
  23385.        #search_autocomplete {
  23386.            display: none !important;
  23387.        }
  23388.    </style>
  23389.  
  23390. <script>
  23391.    (() => {
  23392.        function src_default(Alpine) {
  23393.            Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
  23394.                let evaluate = evaluateLater(expression);
  23395.                let options = {
  23396.                    rootMargin: getRootMargin(modifiers),
  23397.                    threshold: getThreshhold(modifiers)
  23398.                };
  23399.                let observer = new IntersectionObserver((entries) => {
  23400.                    entries.forEach((entry) => {
  23401.                        if (entry.isIntersecting === (value === "leave"))
  23402.                            return;
  23403.                        evaluate();
  23404.                        modifiers.includes("once") && observer.disconnect();
  23405.                    });
  23406.                }, options);
  23407.                observer.observe(el);
  23408.                cleanup(() => {
  23409.                    observer.disconnect();
  23410.                });
  23411.            });
  23412.        }
  23413.        function getThreshhold(modifiers) {
  23414.            if (modifiers.includes("full"))
  23415.                return 0.99;
  23416.            if (modifiers.includes("half"))
  23417.                return 0.5;
  23418.            if (!modifiers.includes("threshold"))
  23419.                return 0;
  23420.            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
  23421.            if (threshold === "100")
  23422.                return 1;
  23423.            if (threshold === "0")
  23424.                return 0;
  23425.            return Number(`.${threshold}`);
  23426.        }
  23427.        function getLengthValue(rawValue) {
  23428.            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
  23429.            return match ? match[1] + (match[2] || "px") : void 0;
  23430.        }
  23431.        function getRootMargin(modifiers) {
  23432.            const key = "margin";
  23433.            const fallback = "0px 0px 0px 0px";
  23434.            const index = modifiers.indexOf(key);
  23435.            if (index === -1)
  23436.                return fallback;
  23437.            let values = [];
  23438.            for (let i = 1; i < 5; i++) {
  23439.                values.push(getLengthValue(modifiers[index + i] || ""));
  23440.            }
  23441.            values = values.filter((v) => v !== void 0);
  23442.            return values.length ? values.join(" ").trim() : fallback;
  23443.        }
  23444.  
  23445.        document.addEventListener("alpine:init", () => {
  23446.            window.Alpine.plugin(src_default);
  23447.        });
  23448.    })();
  23449. </script>
  23450. <script>
  23451.    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) {
  23452.        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
  23453.    }
  23454. </script>
  23455. <script>
  23456.    (function () {
  23457.        "use strict";
  23458.  
  23459.        const hasAlpine = new Promise(resolve => {
  23460.            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
  23461.        });
  23462.  
  23463.        const hasInteract = new Promise(resolve => {
  23464.            (events => {
  23465.                const onInteract = () => {
  23466.                    resolve();
  23467.                    events.forEach(type => window.removeEventListener(type, onInteract));
  23468.                }
  23469.                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
  23470.            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
  23471.        });
  23472.  
  23473.        const onIntersect = (el) => {
  23474.            return new Promise(resolve => {
  23475.                const observer = new IntersectionObserver(entries => {
  23476.                    for (const entry of entries) {
  23477.                        if (entry.isIntersecting) {
  23478.                            observer.disconnect()
  23479.                            resolve();
  23480.                        }
  23481.                    }
  23482.                }, {});
  23483.                observer.observe(el);
  23484.            });
  23485.        }
  23486.  
  23487.        function runComponent(el) {
  23488.            hasAlpine.then(() => {
  23489.                el.removeAttribute('x-ignore');
  23490.                queueMicrotask(() => Alpine.initTree(el));
  23491.            });
  23492.        }
  23493.  
  23494.        function initDeferredComponents() {
  23495.            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
  23496.                el.setAttribute('x-ignore', '');
  23497.                const deferUntil = (el.getAttribute('x-defer') || '').trim();
  23498.                switch (deferUntil) {
  23499.                    case 'interact':
  23500.                        hasInteract.then(() => runComponent(el));
  23501.                        break;
  23502.                    case 'intersect':
  23503.                        onIntersect(el).then(() => runComponent(el))
  23504.                        break;
  23505.                    case 'idle':
  23506.                        window.requestIdleCallback
  23507.                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
  23508.                            : setTimeout(() => runComponent(el), 4000);
  23509.                        break;
  23510.                    case 'eager':
  23511.                        runComponent(el);
  23512.                        break;
  23513.                    default:
  23514.                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
  23515.                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
  23516.                        }
  23517.                }
  23518.            });
  23519.        }
  23520.  
  23521.        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
  23522.    })()
  23523. </script>
  23524. <script>
  23525.    (() => {
  23526.        // packages/collapse/src/index.js
  23527.        function src_default(Alpine) {
  23528.            Alpine.directive("collapse", collapse);
  23529.            collapse.inline = (el, {
  23530.                modifiers
  23531.            }) => {
  23532.                if (!modifiers.includes("min"))
  23533.                    return;
  23534.                el._x_doShow = () => {};
  23535.                el._x_doHide = () => {};
  23536.            };
  23537.  
  23538.            function collapse(el, {
  23539.                modifiers
  23540.            }) {
  23541.                let duration = modifierValue(modifiers, "duration", 250) / 1e3;
  23542.                let floor = modifierValue(modifiers, "min", 0);
  23543.                let fullyHide = !modifiers.includes("min");
  23544.                if (!el._x_isShown)
  23545.                    el.style.height = `${floor}px`;
  23546.                if (!el._x_isShown && fullyHide)
  23547.                    el.hidden = true;
  23548.                if (!el._x_isShown)
  23549.                    el.style.overflow = "hidden";
  23550.                let setFunction = (el2, styles) => {
  23551.                    let revertFunction = Alpine.setStyles(el2, styles);
  23552.                    return styles.height ? () => {} : revertFunction;
  23553.                };
  23554.                let transitionStyles = {
  23555.                    transitionProperty: "height",
  23556.                    transitionDuration: `${duration}s`,
  23557.                    transitionTimingFunction: "cubic-bezier(0.4, 0.0, 0.2, 1)"
  23558.                };
  23559.                el._x_transition = {
  23560.                    in(before = () => {}, after = () => {}) {
  23561.                        if (fullyHide)
  23562.                            el.hidden = false;
  23563.                        if (fullyHide)
  23564.                            el.style.display = null;
  23565.                        let current = el.getBoundingClientRect().height;
  23566.                        el.style.height = "auto";
  23567.                        let full = el.getBoundingClientRect().height;
  23568.                        if (current === full) {
  23569.                            current = floor;
  23570.                        }
  23571.                        Alpine.transition(el, Alpine.setStyles, {
  23572.                            during: transitionStyles,
  23573.                            start: {
  23574.                                height: current + "px"
  23575.                            },
  23576.                            end: {
  23577.                                height: full + "px"
  23578.                            }
  23579.                        }, () => el._x_isShown = true, () => {
  23580.                            if (Math.abs(el.getBoundingClientRect().height - full) < 1) {
  23581.                                el.style.overflow = null;
  23582.                            }
  23583.                        });
  23584.                    },
  23585.                    out(before = () => {}, after = () => {}) {
  23586.                        let full = el.getBoundingClientRect().height;
  23587.                        Alpine.transition(el, setFunction, {
  23588.                            during: transitionStyles,
  23589.                            start: {
  23590.                                height: full + "px"
  23591.                            },
  23592.                            end: {
  23593.                                height: floor + "px"
  23594.                            }
  23595.                        }, () => el.style.overflow = "hidden", () => {
  23596.                            el._x_isShown = false;
  23597.                            if (el.style.height == `${floor}px` && fullyHide) {
  23598.                                el.style.display = "none";
  23599.                                el.hidden = true;
  23600.                            }
  23601.                        });
  23602.                    }
  23603.                };
  23604.            }
  23605.        }
  23606.  
  23607.        function modifierValue(modifiers, key, fallback) {
  23608.            if (modifiers.indexOf(key) === -1)
  23609.                return fallback;
  23610.            const rawValue = modifiers[modifiers.indexOf(key) + 1];
  23611.            if (!rawValue)
  23612.                return fallback;
  23613.            if (key === "duration") {
  23614.                let match = rawValue.match(/([0-9]+)ms/);
  23615.                if (match)
  23616.                    return match[1];
  23617.            }
  23618.            if (key === "min") {
  23619.                let match = rawValue.match(/([0-9]+)px/);
  23620.                if (match)
  23621.                    return match[1];
  23622.            }
  23623.            return rawValue;
  23624.        }
  23625.  
  23626.        // packages/collapse/builds/cdn.js
  23627.        document.addEventListener("alpine:init", () => {
  23628.            window.Alpine.plugin(src_default);
  23629.        });
  23630.    })();
  23631. </script>
  23632. <script>
  23633. // x-teleport implementation
  23634. (_ => {
  23635.    document.addEventListener('DOMContentLoaded', event => {
  23636.        // x-teleport available only for template
  23637.        if (!Alpine.version.startsWith('2')) {
  23638.            return;
  23639.        }
  23640.  
  23641.        const teleportDirective = (el, expression) => {
  23642.            let target = document.querySelector(expression)
  23643.            let clone = el.content.cloneNode(true).firstElementChild;
  23644.  
  23645.            target.appendChild(clone);
  23646.            setTimeout(() => {
  23647.                target.querySelectorAll('[x-data]')
  23648.                    .forEach(el => Alpine.initializeComponent(el));
  23649.            }, 0)
  23650.        };
  23651.  
  23652.        document.querySelectorAll('template').forEach(el => {
  23653.            if (!el.hasAttribute('x-teleport')) {
  23654.                return;
  23655.            }
  23656.  
  23657.            teleportDirective(el, el.getAttribute('x-teleport'));
  23658.        });
  23659.  
  23660.        document.querySelectorAll('[x-data]').forEach(el => {
  23661.            if (el.hasAttribute('x-init')) {
  23662.                return;
  23663.            }
  23664.  
  23665.            setTimeout(() => {
  23666.                Alpine.initializeComponent(el);
  23667.            }, 0);
  23668.        });
  23669.    });
  23670. })()
  23671. </script>
  23672.  
  23673. <script type="module"
  23674.        src="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Theme/js/alpine3.min.js"
  23675.        defer
  23676.        crossorigin
  23677. ></script>
  23678. <script>
  23679.    'use strict';
  23680.    function dispatchMessages(messages, hideAfter) {
  23681.        const messagesEvent = new CustomEvent("messages-loaded", {
  23682.            detail: {
  23683.                messages: messages,
  23684.                hideAfter: hideAfter
  23685.            }
  23686.        });
  23687.        window.dispatchEvent(messagesEvent);
  23688.    }
  23689.  
  23690.    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
  23691.        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
  23692.    }
  23693.  
  23694.    (function( hyva, undefined ) {
  23695.  
  23696.        hyva.initFormKey = () => {
  23697.            const inputSelector = 'input[name="form_key"]',
  23698.                formKey = hyva.getFormKey();
  23699.  
  23700.            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
  23701.                input.value = formKey
  23702.            });
  23703.        }
  23704.  
  23705.        hyva.initMessages = () => {
  23706.            try {
  23707.                const messages = hyva.getCookie('mage-messages');
  23708.                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
  23709.  
  23710.                dispatchMessages(window.mageMessages);
  23711.  
  23712.                                // empty `mage-messages` cookie
  23713.                const skipSetDomain = true;
  23714.                hyva.setCookie('mage-messages','', -1, skipSetDomain);
  23715.  
  23716.            } catch (error) {
  23717.                console.warn('Error parsing Cookie Messages:', error);
  23718.            }
  23719.        }
  23720.  
  23721.        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
  23722.        hyva.alpineInitialized(hyva.initMessages)
  23723.  
  23724.    }( window.hyva = window.hyva || {} ));
  23725. </script>
  23726. <script>
  23727.    'use strict';
  23728.    {
  23729.        const private_content_key = 'mage-cache-storage';
  23730.        const private_content_expire_key = 'mage-cache-timeout';
  23731.        const private_content_version_key = 'private_content_version';
  23732.        const section_data_ids_key = 'section_data_ids';
  23733.        const mage_cache_session_id_key = 'mage-cache-sessid';
  23734.        const last_visited_store_key = 'last_visited_store';
  23735.  
  23736.        const ttl = 3600;
  23737.  
  23738.        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
  23739.            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
  23740.        }
  23741.  
  23742.        function loadSectionData () {
  23743.            const browserStorage = hyva.getBrowserStorage();
  23744.            if (!browserStorage) {
  23745.                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23746.                    [{
  23747.                        type: "warning",
  23748.                        text: "Please enable LocalStorage in your browser."
  23749.                    }]
  23750.                );
  23751.                return;
  23752.            }
  23753.            try {
  23754.                let isInvalid = false;
  23755.  
  23756.                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
  23757.                    isInvalid = true;
  23758.                }
  23759.                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
  23760.  
  23761.                if (!hyva.getCookie(mage_cache_session_id_key)) {
  23762.                    isInvalid = true;
  23763.                    browserStorage.removeItem(private_content_key);
  23764.                    const skipSetDomain = true;
  23765.                    const days = false;
  23766.                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
  23767.                }
  23768.  
  23769.                const cookieVersion = hyva.getCookie(private_content_version_key);
  23770.                const storageVersion = browserStorage.getItem(private_content_version_key);
  23771.  
  23772.                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
  23773.                    isInvalid = true;
  23774.                }
  23775.  
  23776.                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
  23777.                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
  23778.                    browserStorage.removeItem(private_content_key);
  23779.                }
  23780.  
  23781.                if (isInvalid && cookieVersion) {
  23782.                    fetchPrivateContent([]);
  23783.                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
  23784.                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
  23785.                    if (
  23786.                        privateContent &&
  23787.                        privateContentExpires &&
  23788.                        privateContent.cart &&
  23789.                        privateContent.customer
  23790.                    ) {
  23791.                        dispatchPrivateContent(privateContent);
  23792.                    } else {
  23793.                        fetchPrivateContent([]);
  23794.                    }
  23795.                } else {
  23796.                    if (document.getElementById('default-section-data')) {
  23797.                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
  23798.                        dispatchPrivateContent(privateContent);
  23799.                    } else {
  23800.                        dispatchPrivateContent({});
  23801.                    }
  23802.                }
  23803.  
  23804.            } catch (error) {
  23805.                console.warn('Error retrieving Private Content:', error);
  23806.            }
  23807.        }
  23808.  
  23809.        hyva.alpineInitialized(loadSectionData)
  23810.        window.addEventListener('reload-customer-section-data', loadSectionData);
  23811.  
  23812.        function dispatchPrivateContent(data) {
  23813.            const privateContentEvent = new CustomEvent("private-content-loaded", {
  23814.                detail: {
  23815.                    data: data
  23816.                }
  23817.            });
  23818.            window.dispatchEvent(privateContentEvent);
  23819.        }
  23820.  
  23821.        function fetchPrivateContent(sections) {
  23822.            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
  23823.                method: 'GET',
  23824.                headers: {
  23825.                    'Content-Type': 'application/json',
  23826.                    'X-Requested-With': 'XMLHttpRequest'
  23827.                }
  23828.            })
  23829.                .then(response => response.json())
  23830.                .then(
  23831.                    data => {
  23832.                        if (data) {
  23833.                            try {
  23834.                                const browserStorage = hyva.getBrowserStorage();
  23835.  
  23836.                                // merge new data preserving non-invalidated sections
  23837.                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
  23838.  
  23839.                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
  23840.                                    delete oldSectionData['checkout-data'];
  23841.                                }
  23842.                                const newSectionData = Object.assign(oldSectionData, data);
  23843.  
  23844.                                dispatchPrivateContent(newSectionData);
  23845.  
  23846.                                // don't persist messages, they've been dispatched already
  23847.                                if (newSectionData.messages && newSectionData.messages.messages ) {
  23848.                                    newSectionData.messages.messages = [];
  23849.                                }
  23850.  
  23851.                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
  23852.  
  23853.                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
  23854.                                browserStorage.setItem(private_content_expire_key, expiresAt);
  23855.  
  23856.                                const newCookieVersion = hyva.getCookie(private_content_version_key);
  23857.                                browserStorage.setItem(private_content_version_key, newCookieVersion);
  23858.  
  23859.                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
  23860.                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
  23861.                                hyva.setCookie(
  23862.                                    section_data_ids_key,
  23863.                                    JSON.stringify(
  23864.                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
  23865.                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
  23866.                                            return sectionDataIds;
  23867.                                        }, {})
  23868.                                    ),
  23869.                                    false,
  23870.                                    true
  23871.                                );
  23872.                            } catch (error) {
  23873.                                console.warn("Couldn't store privateContent", error);
  23874.                            }
  23875.                        }
  23876.                    }
  23877.                );
  23878.        }
  23879.    }
  23880. </script>
  23881. <script>
  23882.    (() => {
  23883.        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
  23884.    })()
  23885. </script>
  23886. <script>
  23887.    (events => {
  23888.        const dispatchUserInteractionEvent = () => {
  23889.            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
  23890.            window.dispatchEvent(new Event('init-external-scripts'))
  23891.        };
  23892.        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
  23893.    })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
  23894. </script>
  23895. <script>
  23896.    function initCompareOnProductList() {
  23897.        return {
  23898.            addToCompare(productId) {
  23899.                const formKey = hyva.getFormKey();
  23900.                const postUrl = BASE_URL + 'catalog/product_compare/add/';
  23901.  
  23902.                fetch(postUrl, {
  23903.                    "headers": {
  23904.                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  23905.                    },
  23906.                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
  23907.                    "method": "POST",
  23908.                    "mode": "cors",
  23909.                    "credentials": "include"
  23910.                }).then(function (response) {
  23911.                    if (response.redirected) {
  23912.                        window.location.href = response.url;
  23913.                    }
  23914.                }).catch(function (error) {
  23915.                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23916.                        [{
  23917.                            type: "error",
  23918.                            text: error
  23919.                        }], 5000
  23920.                    );
  23921.                });
  23922.            }
  23923.        };
  23924.    }
  23925. </script>
  23926. <script>
  23927.    function initWishlist() {
  23928.        return {
  23929.            addToWishlist(productId) {
  23930.                const formKey = hyva.getFormKey();
  23931.                const postUrl = BASE_URL + 'wishlist/index/add/';
  23932.  
  23933.                fetch(postUrl, {
  23934.                    "headers": {
  23935.                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  23936.                    },
  23937.                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
  23938.                    "method": "POST",
  23939.                    "mode": "cors",
  23940.                    "credentials": "include"
  23941.                }).then(function (response) {
  23942.                    if (response.redirected) {
  23943.                        window.location.href = response.url;
  23944.                    } else if (response.ok) {
  23945.                        return response.json();
  23946.                    } else {
  23947.                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23948.                            [{
  23949.                                type: "warning",
  23950.                                text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
  23951.                            }], 5000
  23952.                        );
  23953.                    }
  23954.                }).then(function (response) {
  23955.                    if (!response) { return }
  23956.                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23957.                        [{
  23958.                            type: (response.success) ? "success" : "error",
  23959.                            text: (response.success)
  23960.                                ? "Product\u0020is\u0020toegevoegd\u0020aan\u0020uw\u0020verlanglijst."
  23961.                                : response.error_message
  23962.                        }], 5000
  23963.                    );
  23964.                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
  23965.                    window.dispatchEvent(reloadCustomerDataEvent);
  23966.                }).catch(function (error) {
  23967.                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23968.                        [{
  23969.                            type: "error",
  23970.                            text: error
  23971.                        }], 5000
  23972.                    );
  23973.                });
  23974.            }
  23975.        }
  23976.    }
  23977. </script>
  23978. <script>
  23979.    function initConfigurableOptions(productId, optionConfig) {
  23980.  
  23981.        function findPathParam(key) {
  23982.                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
  23983.            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
  23984.            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
  23985.            for (let i = 0; i < pathParts.length; i += 2) {
  23986.                if (pathParts[i] === key && pathParts.length > i) {
  23987.                    return pathParts[i + 1];
  23988.                }
  23989.            }
  23990.        }
  23991.  
  23992.        return {
  23993.            optionConfig,
  23994.            productId,
  23995.            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
  23996.            allowedAttributeOptions: [],
  23997.            selectedValues: [],
  23998.            init() {
  23999.                this.findAllowedAttributeOptions();
  24000.                this.$nextTick(() => {
  24001.                    if (typeof this.optionConfig.defaultValues === 'object') {
  24002.                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
  24003.                            this.changeOption(attributeId, value + '');
  24004.                        }
  24005.                    }
  24006.                });
  24007.            },
  24008.            findSimpleIndex() {
  24009.                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
  24010.            },
  24011.            calculateSimpleIndexForPartialSelection(selectedValues) {
  24012.                if (selectedValues.length === 0) return 0;
  24013.                let productIndexIds = Object.keys(this.optionConfig.index);
  24014.                Object.keys(this.optionConfig.attributes).forEach((attribute) => {
  24015.                                        const productsWithAttributeMatch = selectedValues[attribute]
  24016.                        ? productIndexIds.filter((productIndex) => {
  24017.                            return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
  24018.                        })
  24019.                        : [];
  24020.  
  24021.                                        productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
  24022.                })
  24023.                return productIndexIds[0];
  24024.            },
  24025.            calculateSimpleIndexForFullSelection(selectedValues) {
  24026.                const productIndexes = this.optionConfig.index;
  24027.                return Object.keys(productIndexes).find(productIndex => {
  24028.                    const productCandidateOptions = productIndexes[productIndex];
  24029.  
  24030.                    for (const productOption in productCandidateOptions) {
  24031.                        if (
  24032.                            ! selectedValues[productOption] ||
  24033.                            selectedValues[productOption] !== productCandidateOptions[productOption]
  24034.                        ) {
  24035.                            return false;
  24036.                        }
  24037.                    }
  24038.                    return productIndex;
  24039.                });
  24040.            },
  24041.            productIndex: 0,
  24042.            findAllowedAttributeOptions() {
  24043.                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
  24044.            },
  24045.            calculateAllowedAttributeOptions(selectedValues) {
  24046.                const allAttributes = this.optionConfig.attributes;
  24047.                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
  24048.                    return a.position - b.position
  24049.                });
  24050.  
  24051.                const newAllowedAttributeOptions = [];
  24052.  
  24053.                allAttributesSorted.forEach(attribute => {
  24054.                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
  24055.                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
  24056.                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
  24057.                        return !!option.products.find(product => {
  24058.                            return availableIndexes.includes(product);
  24059.                        })
  24060.                    });
  24061.                });
  24062.                return newAllowedAttributeOptions;
  24063.            },
  24064.            calculateAvailableProductIndexes(selectedOptions) {
  24065.                if (Object.keys(selectedOptions).length === 0) {
  24066.                                        if (Object.values(this.optionConfig.salable || {}).length) {
  24067.                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
  24068.                    }
  24069.                                        return Object.keys(this.optionConfig.index);
  24070.                }
  24071.  
  24072.                                const selectedIds = Object.keys(selectedOptions);
  24073.                if (Object.values(this.optionConfig.salable || {}).length) {
  24074.                                        const selectedOptionIndexes = selectedIds.map(attrId => {
  24075.                        const optionValue = selectedOptions[attrId];
  24076.                        return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
  24077.                    })
  24078.                                        return selectedOptionIndexes.reduce((acc, optionIndexes) => {
  24079.                        return acc.filter(index => optionIndexes.includes(index));
  24080.                    });
  24081.                } else {
  24082.                                        const productIndexes = this.optionConfig.index;
  24083.                    return Object.keys(productIndexes).filter(index => {
  24084.                                                for (const attrId of selectedIds) {
  24085.                            if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
  24086.                        }
  24087.                        return true
  24088.                    });
  24089.                }
  24090.            },
  24091.            findAttributeByOptionId(optionId) {
  24092.                for (const attributeId in this.optionConfig.attributes) {
  24093.                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
  24094.                    if (attributeOptions.find(option => option.id === optionId)) {
  24095.                        return attributeId;
  24096.                    }
  24097.                }
  24098.            },
  24099.            getAllowedAttributeOptions(attributeId) {
  24100.                return this.allowedAttributeOptions[attributeId] || []
  24101.            },
  24102.            getProductIdsForOption(option) {
  24103.                const attributeId = this.findAttributeByOptionId(option.id);
  24104.                const allOptions = this.optionConfig.attributes[attributeId];
  24105.                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
  24106.                return opt && opt.products
  24107.                    ? opt.products
  24108.                    : [];
  24109.            },
  24110.            findProductIdsForPartialSelection(optionSelection) {
  24111.                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
  24112.                    const newCandidates = this.getProductIdsForOption({id: optionId});
  24113.                    return candidates === null
  24114.                        ? newCandidates
  24115.                        : candidates.filter(productId => newCandidates.includes(productId));
  24116.                }, null);
  24117.                return candidateProducts || [];
  24118.            },
  24119.            findCheapestProductForPartialSelection(optionSelection) {
  24120.                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
  24121.                return candidateProducts.reduce((cheapest, simpleIdx) => {
  24122.                    // in the first iteration we start with simpleIdx as the currently cheapest product
  24123.                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
  24124.                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
  24125.                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
  24126.                        ? simpleIdx
  24127.                        : cheapest;
  24128.                }, 0)
  24129.            },
  24130.            findProductIdToUseForOptionPrice(option) {
  24131.                // try to find a product for a complete selection
  24132.                const attributeId = this.findAttributeByOptionId(option.id);
  24133.                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
  24134.                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
  24135.                // if there is no complete selection, use the cheapest product for the option
  24136.                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
  24137.            },
  24138.            getAttributeOptionLabel(option) {
  24139.                const optionProduct = this.findProductIdToUseForOptionPrice(option);
  24140.                if ((! optionProduct) || (optionProduct === this.productIndex)) {
  24141.                    return option.label;
  24142.                }
  24143.  
  24144.                const currentPrice = this.getOptionPriceAdjustmentBasePrice();
  24145.  
  24146.                if (this.optionConfig.optionPrices[optionProduct]) {
  24147.                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
  24148.                    if (optionPrice !== currentPrice){
  24149.                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
  24150.                    }
  24151.                }
  24152.                return option.label;
  24153.            },
  24154.            getOptionPriceAdjustmentBasePrice() {
  24155.                if (this.optionConfig.optionPrices[this.productIndex]) {
  24156.                    return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
  24157.                }
  24158.                const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
  24159.                return this.optionConfig.optionPrices[cheapestForSelection]
  24160.                    ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
  24161.                    : this.optionConfig.prices.finalPrice.amount; // default price if no option selection
  24162.            },
  24163.            clearOptionIfActive(optionId, value) {
  24164.                if (this.selectedValues[optionId] === value) {
  24165.                    this.blurLabel()
  24166.                    this.changeOption(optionId, '')
  24167.                }
  24168.            },
  24169.            removeAttrFromSelection(selectedValues, attributeId) {
  24170.                                attributeId = parseInt(attributeId);
  24171.                return selectedValues.reduce((newSelection, val, attr) => {
  24172.                    if (attr !== attributeId) {
  24173.                        newSelection[attr] = val;
  24174.                    }
  24175.                    return newSelection;
  24176.                }, []);
  24177.            },
  24178.            changeOption(attributeId, value) {
  24179.                if (value === '') {
  24180.                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
  24181.                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
  24182.                                        this.selectedValues[attributeId] = value;
  24183.                }
  24184.                this.findSimpleIndex();
  24185.                this.findAllowedAttributeOptions();
  24186.                this.updatePrices();
  24187.                this.updateGallery();
  24188.                window.dispatchEvent(
  24189.                    new CustomEvent(
  24190.                        'configurable-selection-changed',
  24191.                        {
  24192.                            detail: {
  24193.                                productId: this.productId,
  24194.                                optionId: attributeId,
  24195.                                value: value,
  24196.                                productIndex: this.productIndex,
  24197.                                selectedValues: this.selectedValues,
  24198.                                candidates: this.findProductIdsForPartialSelection(this.selectedValues),
  24199.                            }
  24200.                        }
  24201.                    )
  24202.                );
  24203.            },
  24204.            calculateIsMinimalPrice() {
  24205.                return (
  24206.                    this.selectedValues.filter(value => !!value).length <
  24207.                        Object.keys(this.optionConfig.attributes).length
  24208.                );
  24209.            },
  24210.            updatePrices() {
  24211.                const value = this.productIndex ?
  24212.                    this.optionConfig.optionPrices[this.productIndex] :
  24213.                    this.optionConfig.prices;
  24214.                window.dispatchEvent(
  24215.                    new CustomEvent(
  24216.                        "update-prices-" + this.productId,
  24217.                        {
  24218.                            detail: Object.assign(
  24219.                                value,
  24220.                                { isMinimalPrice: this.calculateIsMinimalPrice() }
  24221.                            )
  24222.                        }
  24223.                    )
  24224.                );
  24225.            },
  24226.            updateGallery () {
  24227.                if (this.productIndex) {
  24228.                    const images = this.optionConfig.images[this.productIndex];
  24229.                    images && window.dispatchEvent(new CustomEvent(
  24230.                        "update-gallery",
  24231.                        { detail: this.sortImagesByPosition(images) }
  24232.                    ));
  24233.                } else {
  24234.                    window.dispatchEvent(new Event("reset-gallery"));
  24235.                }
  24236.            },
  24237.            sortImagesByPosition(images) {
  24238.                return images.sort((x, y) => {
  24239.                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
  24240.                });
  24241.            },
  24242.            onGetCartData(data) {
  24243.                            },
  24244.            preselectCartItems(data) {
  24245.                // pre-select options based on cart data for current (quote) itemId
  24246.                const cart = data && data.cart;
  24247.                if (cart && cart.items) {
  24248.                    const cartItem = cart.items.find((item) => {
  24249.                        return (
  24250.                            item.item_id === this.itemId
  24251.                            && item.product_id === this.productId
  24252.                        )
  24253.                    });
  24254.                    if (cartItem && cartItem.options && cartItem.options.length) {
  24255.                        cartItem.options.map(option => {
  24256.                            this.changeOption(option.option_id, option.option_value);
  24257.                        })
  24258.                    }
  24259.                }
  24260.            },
  24261.            preselectQuerystringItems() {
  24262.                // pre-select option like ?size=167
  24263.                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
  24264.                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
  24265.            },
  24266.            preselectLocationHashItems() {
  24267.                // pre-select option like #144=167
  24268.                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
  24269.                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
  24270.            },
  24271.            preselectItemsBasedOnLocation(getLocationValue) {
  24272.                Object.values(this.optionConfig.attributes).map(attribute => {
  24273.                    this.changeOption(attribute.id, getLocationValue(attribute))
  24274.                });
  24275.            }
  24276.        }
  24277.    }
  24278.  
  24279. </script>
  24280. <script>
  24281.    function initSwatchOptions(swatchConfig) {
  24282.        return {
  24283.            swatchConfig,
  24284.            getAttributeSwatchData(attributeId) {
  24285.                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
  24286.                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
  24287.  
  24288.                return swatchConfig;
  24289.            },
  24290.            getAllAttributeOptions(attributeId) {
  24291.                return (
  24292.                    this.optionConfig.attributes[attributeId] &&
  24293.                    this.optionConfig.attributes[attributeId].options
  24294.                ) || []
  24295.            },
  24296.            optionIsActive(attributeId, optionId) {
  24297.                // return true if a product with this option is in stock
  24298.                return !!this.getAllowedAttributeOptions(attributeId).find(
  24299.                    option => option.id === optionId
  24300.                )
  24301.            },
  24302.            optionIsEnabled(attributeId, optionId) {
  24303.                // return true if a product with this option is enabled
  24304.                for (const productId in this.optionConfig.index) {
  24305.                    if (this.optionConfig.index[productId][attributeId] === optionId) {
  24306.                        return true;
  24307.                    }
  24308.                }
  24309.                return false;
  24310.            },
  24311.            mapSwatchTypeNumberToTypeCode(typeNumber) {
  24312.                switch ("" + typeNumber) {
  24313.                    case "1":
  24314.                        return "color"
  24315.                    case "2":
  24316.                        return "image"
  24317.                    case "3":
  24318.                        return "empty"
  24319.                    case "0":
  24320.                    default:
  24321.                        return "text"
  24322.                }
  24323.            },
  24324.            getTypeOfFirstOption(attributeId) {
  24325.                for (const optionId in this.swatchConfig[attributeId]) {
  24326.                    const option = this.swatchConfig[attributeId][optionId];
  24327.                    if (typeof option.type !== 'undefined') {
  24328.                        return this.mapSwatchTypeNumberToTypeCode(option.type);
  24329.                    }
  24330.                }
  24331.            },
  24332.            getVisualSwatchType(attributeId, targetOptionId) {
  24333.                // If a type configuration is present for the given option id, use it
  24334.                const config = this.swatchConfig[attributeId];
  24335.                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
  24336.                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
  24337.                }
  24338.  
  24339.                // Otherwise - if no config is present for the target option - use the type of the first option
  24340.                // with a type property from the attribute, thus assuming its the same type as the target option.
  24341.                // (This edge case condition can occur on single swatch products if some options are not salable)
  24342.                return this.getTypeOfFirstOption(attributeId);
  24343.            },
  24344.            getSwatchType(attributeId, optionId) {
  24345.                // Deserialize the attribute details the first time they are used
  24346.                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
  24347.                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
  24348.                }
  24349.                const type =  this.swatchConfig[attributeId] &&
  24350.                    this.swatchConfig[attributeId].details &&
  24351.                    this.swatchConfig[attributeId].details.swatch_input_type ||
  24352.                    "empty";
  24353.                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
  24354.            },
  24355.            isTextSwatch(attributeId, optionId) {
  24356.                return this.getSwatchType(attributeId, optionId) === 'text';
  24357.            },
  24358.            isVisualSwatch(attributeId, optionId) {
  24359.                const type = this.getSwatchType(attributeId, optionId);
  24360.  
  24361.                return ['image', 'color'].includes(type);
  24362.            },
  24363.            getSwatchBackgroundStyle(attributeId, optionId) {
  24364.                const config = this.getSwatchConfig(attributeId, optionId);
  24365.                const type = this.getSwatchType(attributeId, optionId);
  24366.  
  24367.                if (type === "color") {
  24368.                        return 'background-color:' + config.value;
  24369.                } else if (type === "image") {
  24370.                        return "background: #ffffff url('" + config.value + "') no-repeat center";
  24371.                } else {
  24372.                    return '';
  24373.                }
  24374.            },
  24375.            getSwatchText(attributeId, optionId) {
  24376.                const config = this.getSwatchConfig(attributeId, optionId);
  24377.                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
  24378.            },
  24379.            getOptionLabelFromOptionConfig(attributeId, optionId) {
  24380.                // Fallback if no value is present in swatchConfig data
  24381.                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
  24382.                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
  24383.                return option && option[0] && option[0].label ||'';
  24384.            },
  24385.            getSwatchConfig(attributeId, optionId) {
  24386.                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
  24387.                    ? this.swatchConfig[attributeId][optionId]
  24388.                    : false;
  24389.            },
  24390.            activeTooltipItem: false,
  24391.            tooltipPositionElement: false,
  24392.            isTooltipVisible() {
  24393.                return this.activeTooltipItem &&
  24394.                    this.getSwatchConfig(
  24395.                        this.activeTooltipItem.attribute,
  24396.                        this.activeTooltipItem.item
  24397.                    );
  24398.            },
  24399.            isFirstItemCol() {
  24400.                return this.activeTooltipItem.index === 0;
  24401.            },
  24402.            getTooltipImageStyle(attributeId, optionId) {
  24403.                const config = this.getSwatchConfig(attributeId, optionId);
  24404.                const type = this.getSwatchType(attributeId, optionId);
  24405.  
  24406.                if (type === "color") {
  24407.                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
  24408.                } else if (type === "image") {
  24409.                    return "background: #ffffff url('" + config.thumb +
  24410.                        "') center center no-repeat; width: 110px; height: 90px;";
  24411.                } else {
  24412.                    return 'display:none';
  24413.                }
  24414.            },
  24415.            getTooltipPosition() {
  24416.                return this.tooltipPositionElement ?
  24417.                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
  24418.                    `left: ${
  24419.                        this.tooltipPositionElement.offsetLeft - (
  24420.                            this.tooltipPositionElement.closest('.snap') &&
  24421.                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
  24422.                            0
  24423.                        )
  24424.                    }px;` : ''
  24425.            },
  24426.            getTooltipLabel() {
  24427.                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
  24428.            },
  24429.            focusedLabel: false,
  24430.            focusLabel(optionId) {
  24431.                this.focusedLabel = optionId;
  24432.            },
  24433.            blurLabel() {
  24434.                this.focusedLabel = false;
  24435.            },
  24436.            showSwatches: false,
  24437.            initShowSwatchesIntersect() {
  24438.                if ('IntersectionObserver' in window && !window.scrollY) {
  24439.                    let io = new IntersectionObserver(
  24440.                        entries => {
  24441.                            entries.map(entry => {
  24442.                                if (entry.isIntersecting) {
  24443.                                    this.showSwatches = true;
  24444.                                    io.unobserve(this.$root);
  24445.                                }
  24446.                            })
  24447.                        }
  24448.                    );
  24449.                    io.observe(this.$root);
  24450.                } else {
  24451.                    this.showSwatches = true
  24452.                }
  24453.            }
  24454.        }
  24455.    }
  24456. </script>
  24457.  
  24458. <script>
  24459.    'use strict';
  24460.  
  24461.    (function () {
  24462.        const modals = [];
  24463.        const excludedFromFocusTrapping = new Set();
  24464.  
  24465.        function trapFocusInNextModalWithOverlay() {
  24466.            for (let idx = modals.length -1; idx >= 0; idx--) {
  24467.                const nextOnStack = modals[idx];
  24468.                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
  24469.                if (! isOverlayDisabled(nextDialogElement)) {
  24470.                    hyva.trapFocus(nextDialogElement);
  24471.                    break;
  24472.                }
  24473.            }
  24474.        }
  24475.  
  24476.        function focusables(dialogElement) {
  24477.            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
  24478.            return Array.from(dialogElement.querySelectorAll(selector))
  24479.                .filter(el => !el.hasAttribute('disabled'));
  24480.        }
  24481.  
  24482.        function firstVisible(elements) {
  24483.            const a = Array.from(elements);
  24484.            for (let i = 0; i < a.length; i++) {
  24485.                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
  24486.            }
  24487.            return null;
  24488.        }
  24489.  
  24490.        function isInViewport(element) {
  24491.            const rect = element && element.getBoundingClientRect();
  24492.            return rect &&
  24493.                rect.top >= 0 &&
  24494.                rect.left >= 0 &&
  24495.                rect.right <= window.innerWidth &&
  24496.                rect.bottom <= window.innerHeight;
  24497.        }
  24498.  
  24499.        function setFocusAfterTransition(dialogElement, duration) {
  24500.                        const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
  24501.            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
  24502.            next: for (let candidate of candidates) {
  24503.                for (let child of nested) {
  24504.                    if (child.contains(candidate)) continue next;
  24505.                }
  24506.                setTimeout(() => candidate.focus(), 50);
  24507.                break;
  24508.            }
  24509.            window.setTimeout(() => {
  24510.                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
  24511.                    focusables(dialogElement)[0] ||
  24512.                    null;
  24513.                focusElement && isInViewport(focusElement) && focusElement.focus();
  24514.            }, Math.max(1, duration));
  24515.        }
  24516.  
  24517.        function determineTrigger($refs, dialog, trigger) {
  24518.                        if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
  24519.                return dialog.target;
  24520.            }
  24521.                        if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
  24522.                return trigger.target;
  24523.            }
  24524.                        if (typeof trigger === 'string') {
  24525.                try {
  24526.                    return $refs[trigger] || document.querySelector(trigger)
  24527.                } catch (e) {}
  24528.            }
  24529.                        if (trigger instanceof Element) {
  24530.                return trigger;
  24531.            }
  24532.  
  24533.                        return null;
  24534.        }
  24535.  
  24536.        function isOverlayDisabled(dialog) {
  24537.            return dialog && dialog.hasAttribute('x-no-overlay')
  24538.        }
  24539.  
  24540.        function areRemainingModalsWithoutOverlay(modals)
  24541.        {
  24542.            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);
  24543.  
  24544.            return overflowDisabled.length === modals.length;
  24545.        }
  24546.  
  24547.        window.hyva.modal = function(options) {
  24548.  
  24549.            const config = Object.assign({
  24550.                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
  24551.                transitionEnterStart: 'opacity-0',
  24552.                transitionEnterEnd: 'opacity-100',
  24553.                transitionLeave: 'transition ease-in duration-300',
  24554.                transitionLeaveStart: 'opacity-100',
  24555.                transitionLeaveEnd: 'opacity-0',
  24556.            }, options);
  24557.            let lastHide = 0;
  24558.  
  24559.            return {
  24560.                opened: {},
  24561.                show(dialog, trigger) {
  24562.                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
  24563.                    const name = typeof dialog === 'string' ? dialog : config.dialog;
  24564.                    const dialogElement = this.$refs[name];
  24565.                    if (! dialogElement) {
  24566.                                                return;
  24567.                    }
  24568.                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
  24569.  
  24570.                    dialogElement.scrollTop = 0;
  24571.  
  24572.                                        if (this.opened[name]) {
  24573.                        return;
  24574.                    }
  24575.  
  24576.                    if (focusTargetAfterHide) {
  24577.                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
  24578.                    }
  24579.  
  24580.                    this.opened[name] = true;
  24581.                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
  24582.                    setFocusAfterTransition(dialogElement, config.duration);
  24583.  
  24584.                    const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};
  24585.  
  24586.                    modals.push(frame);
  24587.                    if (useOverlay) {
  24588.                        document.body.classList.add('overflow-hidden');
  24589.                    }
  24590.                    return new Promise(resolve => frame.resolve = resolve);
  24591.                },
  24592.                cancel() {
  24593.                    this.hide(false);
  24594.                },
  24595.                ok() {
  24596.                    this.hide(true);
  24597.                },
  24598.                hide(value) {
  24599.                                        if (Date.now() - lastHide < config.duration) {
  24600.                        return;
  24601.                    }
  24602.                    lastHide = Date.now();
  24603.  
  24604.                    const modal = modals.pop() || {};
  24605.                    const name = modal.name;
  24606.                    this.opened[name] = false;
  24607.                    hyva.releaseFocus(modal.instance.$refs[modal.name])
  24608.                    trapFocusInNextModalWithOverlay();
  24609.  
  24610.                    const nextFocusAfterHide = modal.focusTarget;
  24611.                    nextFocusAfterHide && setTimeout(() => {
  24612.                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
  24613.                        nextFocusAfterHide.focus()
  24614.                    }, config.duration);
  24615.  
  24616.                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
  24617.                        document.body.classList.remove('overflow-hidden');
  24618.                    }
  24619.  
  24620.                    modal.resolve(value);
  24621.                },
  24622.                overlay(dialog) {
  24623.                    const name = typeof dialog === 'string' ? dialog : config.dialog;
  24624.                    return {
  24625.                        ['x-show']() {
  24626.                            return this.opened[name]
  24627.                        },
  24628.                        ['x-transition:enter']: config.transitionEnter,
  24629.                        ['x-transition:enter-start']: config.transitionEnterStart,
  24630.                        ['x-transition:enter-end']: config.transitionEnterEnd,
  24631.                        ['x-transition:leave']: config.transitionLeave,
  24632.                        ['x-transition:leave-start']: config.transitionLeaveStart,
  24633.                        ['x-transition:leave-end']: config.transitionLeaveEnd,
  24634.                        ['@hyva-modal-show.window'](event) {
  24635.                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
  24636.                        }
  24637.                    };
  24638.                }
  24639.            };
  24640.        }
  24641.  
  24642.        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]
  24643.  
  24644.        window.hyva.modal.pop = function () {
  24645.            if (modals.length > 0) {
  24646.                const modal = modals[modals.length -1];
  24647.                modal.instance.hide();
  24648.            }
  24649.        }
  24650.  
  24651.        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
  24652.            typeof selectors === 'string' || selectors instanceof String
  24653.                ? excludedFromFocusTrapping.add(selectors)
  24654.                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
  24655.        }
  24656.  
  24657.        window.hyva.modal.eventListeners = {
  24658.            keydown: event => {
  24659.                if (event.key === 'Escape') {
  24660.                    window.hyva.modal.pop();
  24661.                }
  24662.            },
  24663.                        click: event => {
  24664.                if (modals.length > 0) {
  24665.                    const modal = modals[modals.length -1];
  24666.                    const dialog = modal.instance.$refs[modal.name];
  24667.                    if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago
  24668.                        ! isOverlayDisabled(dialog) && // if dialog has overlay
  24669.                        ! dialog.contains(event.target)) { // if click is outside of dialog
  24670.                        modal.instance.hide();
  24671.                    }
  24672.                }
  24673.            }
  24674.        };
  24675.  
  24676.        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
  24677.  
  24678.        document.addEventListener('click', window.hyva.modal.eventListeners.click);
  24679.    })();
  24680. </script>
  24681.  
  24682. <script>
  24683.    'use strict';
  24684.  
  24685.    function initParentContainerProcessor() {
  24686.        const selectors = {
  24687.            labelContainer: '.amasty-label-container',
  24688.            galleryImg: '#gallery img:not(.amasty-label-image)'
  24689.        }
  24690.  
  24691.        return {
  24692.            /**
  24693.             * @param {AmlabelComponent} label
  24694.             * @return {void}
  24695.             */
  24696.            process: function (label) {
  24697.                this.moveLabelToParent(label);
  24698.                this.setParentStyles(label);
  24699.            },
  24700.  
  24701.            /**
  24702.             * @param {AmlabelComponent} label
  24703.             * @return {void}
  24704.             */
  24705.            moveLabelToParent: function (label) {
  24706.                const newParent = this.getNewParent(label);
  24707.  
  24708.                if (!newParent) {
  24709.                    return;
  24710.                }
  24711.  
  24712.                const wrapperElement = newParent.querySelector(label.wrapperClass);
  24713.                label.parent = newParent;
  24714.  
  24715.                // if same wrapper already exists - move label there
  24716.                if (wrapperElement && !wrapperElement.isSameNode(label.element)) {
  24717.                    this.insertLabelByPriority(label, wrapperElement);
  24718.                } else {
  24719.                    newParent.prepend(label.element);
  24720.                }
  24721.            },
  24722.  
  24723.            /**
  24724.             * @param {AmlabelComponent} label
  24725.             * @return {HTMLElement|null}
  24726.             */
  24727.            getNewParent: function (label) {
  24728.                // move label to container from settings
  24729.                let newParent = label.element.closest(label.config.path)
  24730.                    || this.findPreviousNodeExcludingScriptsAndDifferentLabels(label.element)?.querySelector(label.config.path)
  24731.                    || label.parent.querySelector(label.config.path);
  24732.  
  24733.                // Try to find default gallery container on product page if none of the config selectors found
  24734.                if (!newParent && label.config.move !== 1 && label.config.mode === 'prod') {
  24735.                    newParent = document.querySelector(selectors.galleryImg)?.parentElement;
  24736.                }
  24737.  
  24738.                return newParent;
  24739.            },
  24740.  
  24741.            /**
  24742.             * @param {HTMLElement} element
  24743.             * @return {HTMLElement|null}
  24744.             */
  24745.            findPreviousNodeExcludingScriptsAndDifferentLabels: function (element) {
  24746.                const previousElement = element?.previousElementSibling;
  24747.                if (!previousElement) {
  24748.                    return null;
  24749.                }
  24750.  
  24751.                if (previousElement?.tagName !== 'SCRIPT'
  24752.                    && !previousElement?.className?.includes?.('amlabel-position-wrapper')
  24753.                ) {
  24754.                    return previousElement;
  24755.                }
  24756.  
  24757.                return this.findPreviousNodeExcludingScriptsAndDifferentLabels(previousElement);
  24758.            },
  24759.  
  24760.            /**
  24761.             * @param {AmlabelComponent} label
  24762.             * @param {HTMLElement} wrapperElement
  24763.             * @return {void}
  24764.             */
  24765.            insertLabelByPriority: function (label, wrapperElement) {
  24766.                const labelContainers = wrapperElement.querySelectorAll(selectors.labelContainer);
  24767.                const currentLabelOrder = label.labelContainer.dataset.amlabelOrder;
  24768.                let insertAfterContainer = null;
  24769.  
  24770.                // find the label behind which we want to insert current one by priority
  24771.                labelContainers.forEach(labelContainer => {
  24772.                    if (labelContainer.dataset.amlabelOrder < currentLabelOrder) {
  24773.                        insertAfterContainer = labelContainer;
  24774.                    }
  24775.                });
  24776.  
  24777.                insertAfterContainer === null
  24778.                    ? wrapperElement.prepend(label.labelContainer)
  24779.                    : insertAfterContainer.after(label.labelContainer);
  24780.  
  24781.                label.element.remove();
  24782.                label.element = wrapperElement;
  24783.            },
  24784.  
  24785.            /**
  24786.             * @param {AmlabelComponent} label
  24787.             * @return {void}
  24788.             */
  24789.            setParentStyles: function (label) {
  24790.                /* required for child position absolute */
  24791.                !(label.parent.style.position === 'absolute') && (label.parent.style.position = 'relative');
  24792.                !label.parent.style.width && label.parent.classList.add('w-fit-content');
  24793.                !label.parent.style.marginLeft && label.parent.classList.add('ml-auto');
  24794.                !label.parent.style.marginRight && label.parent.classList.add('mr-auto');
  24795.            },
  24796.        }
  24797.    }
  24798. </script>
  24799. <script>
  24800.    'use strict';
  24801.  
  24802.    function initLabelItemProcessor() {
  24803.        /**
  24804.         * @typedef {Object} AmlabelComponent
  24805.         *
  24806.         * @property {HTMLElement} element Label wrapper element
  24807.         * @property {HTMLElement} parent Element where label should be placed
  24808.         * @property {boolean} initialized Is label initialized
  24809.         * @property {string} wrapperClass Dynamic class for label wrapper to place multiple labels properly by position
  24810.         * @property {HTMLElement} labelContainer Container for label text image and tooltip
  24811.         * @property {Config} config Label Configuration
  24812.         * @property {Object} parentContainerProcessor
  24813.         * @property {Object} labelItemProcessor
  24814.         */
  24815.  
  24816.        /**
  24817.         * @typedef {Object} AmLabelConfig
  24818.         *
  24819.         * @property {0|1} alignment Labels Alignment config value (0 - Horizontal| 1 - Vertical)
  24820.         * @property {number} label Label Id
  24821.         * @property {number} margin Margin between labels config value
  24822.         * @property {('cat'|'prod')} mode Label mode
  24823.         * @property {number} move
  24824.         * @property {number} order Label order
  24825.         * @property {string} path The css selector to which label should place
  24826.         * @property {string} position Label position
  24827.         * @property {string} product Product Id
  24828.         * @property {string} redirect_url
  24829.         * @property {string} size Label size
  24830.         * @property {{
  24831.         *     backgroundColor: string,
  24832.         *     color: string,
  24833.         *     content: string,
  24834.         *     status: 1|2|3
  24835.         * }} tooltip
  24836.         */
  24837.  
  24838.        return {
  24839.            /**
  24840.             * @param {AmlabelComponent} label
  24841.             * @return {void}
  24842.             */
  24843.            process: function(label) {
  24844.                this.setLabelSize(label);
  24845.                this.setLinkProps(label);
  24846.            },
  24847.  
  24848.            /**
  24849.             * @param {AmlabelComponent} label
  24850.             * @return {void}
  24851.             */
  24852.            setLabelSize: function (label) {
  24853.                if (!label.config.size) {
  24854.                    return;
  24855.                }
  24856.  
  24857.                label.labelContainer.style.width = label.parent.offsetWidth * label.config.size / 100 + 'px';
  24858.            },
  24859.  
  24860.            /**
  24861.             *
  24862.             * @param {Object} $event
  24863.             * @param {HTMLElement} tooltipNode
  24864.             */
  24865.            placeTooltip: function($event, tooltipNode) {
  24866.                const labelNode = $event.target;
  24867.                const labelNodeRect = labelNode.getBoundingClientRect();
  24868.  
  24869.                tooltipNode.style.bottom = (window.innerHeight - labelNodeRect.top)  + 'px';
  24870.                tooltipNode.style.left = (labelNodeRect.left + labelNode.offsetWidth / 2 ) + 'px';
  24871.            },
  24872.  
  24873.            /**
  24874.             * @param {AmlabelComponent} label
  24875.             * @return {void}
  24876.             */
  24877.            setLinkProps: function (label) {
  24878.                !!label.config.redirect_url && label.labelContainer.classList.add('-link', 'cursor-pointer');
  24879.            },
  24880.  
  24881.            /**
  24882.             * @param {Object} $event Click event
  24883.             * @param {string} redirectUrl
  24884.             */
  24885.            openLink: function($event, redirectUrl) {
  24886.                if (redirectUrl.length === 0) {
  24887.                    return;
  24888.                }
  24889.  
  24890.                $event.preventDefault();
  24891.                window.open(redirectUrl, '_blank');
  24892.            }
  24893.        }
  24894.    }
  24895. </script>
  24896.  
  24897. <script>
  24898.    (function () {
  24899.        'use strict';
  24900.  
  24901.        const observedEvent = 'amlabel-swatch-product-changed';
  24902.        const selectors = {
  24903.            swatchOptions: 'div[x-data^=initConfigurable][x-data*=Options]',
  24904.            addToCartFormOnListing: 'form.product_addtocart_form',
  24905.            galleryImage: '#gallery img:not(.amasty-label-image)',
  24906.            labelWrapper: '.amlabel-position-wrapper'
  24907.        }
  24908.  
  24909.        /**
  24910.         * @return {void}
  24911.         */
  24912.        const injectLabelObserver = function () {
  24913.            const swatches = document.querySelectorAll(selectors.swatchOptions);
  24914.  
  24915.            swatches.forEach(swatch => {
  24916.                const isListing = !!swatch.closest(selectors.addToCartFormOnListing);
  24917.                const injectedDispatch = `$dispatch('${observedEvent}', `
  24918.                    + `{productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: ${isListing ? 1 : 0}})`;
  24919.  
  24920.                let mutatedInitAttribute = swatch.getAttribute('x-init');
  24921.                mutatedInitAttribute += `; $watch('productIndex', (productIndex) => { ${injectedDispatch} });`;
  24922.                swatch.setAttribute('x-init', mutatedInitAttribute);
  24923.            });
  24924.        }
  24925.  
  24926.        /**
  24927.         * @param {{
  24928.         *  productIndex: number,
  24929.         *  element: HTMLElement,
  24930.         *  optionConfig: Object,
  24931.         *  isListing: 0|1
  24932.         * }} payload
  24933.         * @return {void}
  24934.         */
  24935.        const updateLabel = function ({detail: payload}) {
  24936.            const {productIndex, element, optionConfig, isListing} = payload;
  24937.  
  24938.            if (!productIndex) {
  24939.                return;
  24940.            }
  24941.  
  24942.            const reloadUrl = optionConfig.label_reload;
  24943.            const headers = {
  24944.                "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  24945.            };
  24946.            const body = new URLSearchParams({
  24947.                product_ids: productIndex,
  24948.                in_product_list: isListing
  24949.            });
  24950.            const labelContainerSelector = isListing ? optionConfig.label_category : optionConfig.label_product;
  24951.  
  24952.            fetch(`${reloadUrl}?${body.toString()}`, {headers: headers, method: 'GET'}).then((response) => {
  24953.                if (response.ok) {
  24954.                    return response.json();
  24955.                }
  24956.            }).then((result) => {
  24957.                const labelHtml = result.labels && result.labels[productIndex];
  24958.                let labelContainer = findClosest(element, labelContainerSelector);
  24959.  
  24960.                // Try to find default gallery container on product page if none of the config selectors found
  24961.                if (labelContainer === null && isListing === 0) {
  24962.                    labelContainer = document.querySelector(selectors.galleryImage)?.parentElement;
  24963.                }
  24964.  
  24965.                if (!!labelContainer) {
  24966.                    !!labelHtml ? replaceLabels(labelContainer, labelHtml) : clearLabelWrapper(labelContainer);
  24967.                }
  24968.            }).catch((error) => {
  24969.                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  24970.                    [{
  24971.                        type: 'error',
  24972.                        text: error
  24973.                    }],
  24974.                    5000
  24975.                );
  24976.            });
  24977.        }
  24978.  
  24979.        /**
  24980.         * We use approach from hyva.replaceDomElement method to replace labels and init components
  24981.         *
  24982.         * @param {HTMLElement} labelContainer
  24983.         * @param {string} labelHtml
  24984.         * @return {void}
  24985.         */
  24986.        function replaceLabels(labelContainer, labelHtml) {
  24987.            const parser = new DOMParser();
  24988.            const doc = parser.parseFromString(labelHtml, 'text/html');
  24989.            const nodes = doc.querySelectorAll(selectors.labelWrapper);
  24990.  
  24991.            if (!nodes) {
  24992.                return;
  24993.            }
  24994.  
  24995.            clearLabelWrapper(labelContainer);
  24996.  
  24997.            // Extract all the script tags from the new content.
  24998.            // Script tags won't execute when inserted into a dom-element directly,
  24999.            // therefore we need to inject them to the head of the document.
  25000.            const tmpScripts = doc.getElementsByTagName('script');
  25001.  
  25002.            if (tmpScripts.length > 0) {
  25003.                // Push all script tags into an array
  25004.                // (to prevent dom manipulation while iterating over dom nodes)
  25005.                const scripts = [...tmpScripts];
  25006.  
  25007.                // Iterate over all script tags and duplicate+inject each into the head
  25008.                scripts.forEach(script => {
  25009.                    let scriptNode = document.createElement('script');
  25010.                    scriptNode.innerHTML = script.innerHTML;
  25011.                    document.head.appendChild(scriptNode);
  25012.  
  25013.                    // Remove the original (non-executing) node from the page
  25014.                    script.parentNode.removeChild(script);
  25015.                });
  25016.            }
  25017.  
  25018.            labelContainer.append(...nodes);
  25019.        }
  25020.  
  25021.        /**
  25022.         * @param {HTMLElement} labelContainer
  25023.         * @return {void}
  25024.         */
  25025.        function clearLabelWrapper(labelContainer) {
  25026.            labelContainer.querySelectorAll(selectors.labelWrapper).forEach(wrapper => wrapper.remove());
  25027.        }
  25028.  
  25029.        /**
  25030.         * @param {HTMLElement} currentElement
  25031.         * @param {string} selector
  25032.         * @return {HTMLElement|null}
  25033.         */
  25034.        function findClosest(currentElement, selector) {
  25035.            // We need to limit parent searches to prevent labels from being associated with the wrong product.
  25036.            const maxDepth = 3;
  25037.            let counter = 0;
  25038.            let closest = null;
  25039.  
  25040.            while (currentElement.parentNode && closest === null && counter < maxDepth) {
  25041.                ++counter;
  25042.                currentElement = currentElement.parentNode;
  25043.                closest = currentElement.querySelector(selector);
  25044.            }
  25045.  
  25046.            return closest;
  25047.        }
  25048.  
  25049.        injectLabelObserver();
  25050.        window.addEventListener(observedEvent, updateLabel);
  25051.    })();
  25052. </script>
  25053. <script>
  25054.    (function () {
  25055.        'use strict';
  25056.  
  25057.        const selectors = {
  25058.            body: '.catalog-product-view',
  25059.            productItem: 'product-item'
  25060.        }
  25061.  
  25062.        window.addEventListener('alpine:init', () => {
  25063.            Alpine.directive('amintersect', (el, { expression }, { evaluate, cleanup }) => {
  25064.                const observer = new IntersectionObserver(entries => {
  25065.                    entries.forEach(entry => {
  25066.                        if (entry.isIntersecting) {
  25067.                            evaluate(expression);
  25068.                            observer.disconnect();
  25069.                        }
  25070.                    })
  25071.                },  { threshold: 0.5 });
  25072.  
  25073.                observer.observe(getElement());
  25074.  
  25075.                cleanup(() => {
  25076.                    observer.disconnect()
  25077.                });
  25078.  
  25079.                function getElement() {
  25080.                    return !!document.querySelector(selectors.body) ? el.parentNode : getCategoryProductBlock(el);
  25081.                }
  25082.  
  25083.                function getCategoryProductBlock(el) {
  25084.                    if (el.previousElementSibling === null) {
  25085.                        return el;
  25086.                    }
  25087.  
  25088.                    if (!el.previousElementSibling.classList.contains(selectors.productItem)) {
  25089.                        return getCategoryProductBlock(el.previousElementSibling);
  25090.                    }
  25091.  
  25092.                    return el.previousElementSibling;
  25093.                }
  25094.            });
  25095.        });
  25096.    })();
  25097. </script>
  25098. <script type="application/json" id="default-section-data">
  25099.    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"BE":{"name":"Belgi\u00eb"},"CH":{"name":"Zwitserland","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"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"}}},"DK":{"name":"Denemarken","regions":{"581":{"code":"DK-84","name":"Hovedstaden"},"582":{"code":"DK-82","name":"Midtjylland"},"583":{"code":"DK-81","name":"Nordjylland"},"584":{"code":"DK-85","name":"Sj\u00e6lland"},"585":{"code":"DK-83","name":"Syddanmark"}}},"ES":{"name":"Spanje","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"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"},"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"}}},"GB":{"name":"Verenigd Koninkrijk"},"GR":{"name":"Griekenland","regions":{"623":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"610":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"611":{"code":"GR-I","name":"Attik\u00ed"},"612":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"613":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"614":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"615":{"code":"GR-D","name":"\u00cdpeiros"},"616":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"617":{"code":"GR-M","name":"Kr\u00edti"},"618":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"619":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"620":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"621":{"code":"GR-E","name":"Thessal\u00eda"},"622":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"LU":{"name":"Luxemburg"},"NL":{"name":"Nederland"},"NO":{"name":"Noorwegen"},"PL":{"name":"Polen"},"PT":{"name":"Portugal","regions":{"796":{"code":"PT-01","name":"Aveiro"},"797":{"code":"PT-02","name":"Beja"},"798":{"code":"PT-03","name":"Braga"},"799":{"code":"PT-04","name":"Bragan\u00e7a"},"800":{"code":"PT-05","name":"Castelo Branco"},"801":{"code":"PT-06","name":"Coimbra"},"802":{"code":"PT-07","name":"\u00c9vora"},"803":{"code":"PT-08","name":"Faro"},"804":{"code":"PT-09","name":"Guarda"},"805":{"code":"PT-10","name":"Leiria"},"806":{"code":"PT-11","name":"Lisboa"},"807":{"code":"PT-12","name":"Portalegre"},"808":{"code":"PT-13","name":"Porto"},"815":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"814":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"809":{"code":"PT-14","name":"Santar\u00e9m"},"810":{"code":"PT-15","name":"Set\u00fabal"},"811":{"code":"PT-16","name":"Viana do Castelo"},"812":{"code":"PT-17","name":"Vila Real"},"813":{"code":"PT-18","name":"Viseu"}}},"SE":{"name":"Zweden","regions":{"826":{"code":"SE-K","name":"Blekinge l\u00e4n"},"827":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"829":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"828":{"code":"SE-I","name":"Gotlands l\u00e4n"},"830":{"code":"SE-N","name":"Hallands l\u00e4n"},"831":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"832":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"833":{"code":"SE-H","name":"Kalmar l\u00e4n"},"834":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"835":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"845":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"846":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"836":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"838":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"837":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"839":{"code":"SE-C","name":"Uppsala l\u00e4n"},"840":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"841":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"842":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"843":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"844":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"data_id":1754815314},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"hyva_checkout":[],"wp_ga4":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
  25100.  
  25101. <script>
  25102.    'use strict';
  25103.  
  25104.    function GoogleAnalytics () {
  25105.        let self = this;
  25106.        this.config = {
  25107.            isCookieRestrictionModeEnabled: 1,
  25108.            currentWebsite: 1,
  25109.            cookieName: "user_allowed_save_cookie",
  25110.            ordersTrackingData: [],
  25111.            pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-41059904-1"},
  25112.        }
  25113.  
  25114.        this.initGoogleAnalytics =  function () {
  25115.  
  25116.            let allowServices = false,
  25117.                allowedCookies,
  25118.                allowedWebsites;
  25119.  
  25120.            if (self.config.isCookieRestrictionModeEnabled) {
  25121.                allowedCookies = hyva.getCookie(self.config.cookieName);
  25122.  
  25123.                if (allowedCookies !== null) {
  25124.                    allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies));
  25125.  
  25126.                    if (allowedWebsites[self.config.currentWebsite] === 1) {
  25127.                        allowServices = true;
  25128.                    }
  25129.                }
  25130.            } else {
  25131.                allowServices = true;
  25132.            }
  25133.  
  25134.            if (allowServices) {
  25135.                (function (i, s, o, g, r, a, m) {
  25136.                    i.GoogleAnalyticsObject = r;
  25137.                    i[r] = i[r] || function () {
  25138.                        (i[r].q = i[r].q || []).push(arguments)
  25139.                    }, i[r].l = 1 * new Date();
  25140.                    a = s.createElement(o),
  25141.                        m = s.getElementsByTagName(o)[0];
  25142.                    a.defer = 1;
  25143.                    a.src = g;
  25144.                    m.parentNode.insertBefore(a, m)
  25145.                })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  25146.  
  25147.                // Process page info
  25148.                ga('create', self.config.pageTrackingData.accountId, 'auto');
  25149.  
  25150.                if (self.config.pageTrackingData.isAnonymizedIpActive) {
  25151.                    ga('set', 'anonymizeIp', true);
  25152.                }
  25153.  
  25154.                // Process orders data
  25155.                if (self.config.ordersTrackingData.hasOwnProperty('currency')) {
  25156.                    ga('require', 'ec', 'ec.js');
  25157.  
  25158.                    ga('set', 'currencyCode', self.config.ordersTrackingData.currency);
  25159.  
  25160.                    // Collect product data for GA
  25161.                    if (self.config.ordersTrackingData.products) {
  25162.                        self.config.ordersTrackingData.products.forEach(function (value) {
  25163.                            ga('ec:addProduct', value);
  25164.                        });
  25165.                    }
  25166.  
  25167.                    // Collect orders data for GA
  25168.                    if (self.config.ordersTrackingData.orders) {
  25169.                        self.config.ordersTrackingData.orders.forEach(function (value) {
  25170.                            ga('ec:setAction', 'purchase', value);
  25171.                        });
  25172.                    }
  25173.  
  25174.                    ga('send', 'pageview');
  25175.                } else {
  25176.                    // Process Data if not orders
  25177.                    ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl);
  25178.                }
  25179.            }
  25180.        };
  25181.    }
  25182.  
  25183.    window.addEventListener("load", new GoogleAnalytics().initGoogleAnalytics);
  25184.  
  25185. </script>
  25186. </div></body>
  25187. </html>
  25188.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda