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="yu3GsEAG4PQjDaXJ" />
  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_68af003878195()" @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_68af003878195 = () => {
  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-68af00389aa70" 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-68af00389aa70 .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_68af00389b2ea()" 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_68af00389b2ea = () => {
  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-68af00389aa70" 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-68af00389aa70 .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="aGVpbXFnczNldmdodDcxc3h0NzV5YmVmb3dsMnJmZ3k=">
  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/10941/"
  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-10941-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-10941-prod {
  5182.                                                transition: opacity 0.3s ease;
  5183.                                            }
  5184.                                        </style>
  5185.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10941" />
  5186.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-rtx-5070-r7-37x-a20"
  5187.                                            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"
  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/g/a/game_pc_main_purple_1_1_2_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_2.png" 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(10941)"
  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;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"
  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(10941)"
  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;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"
  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-rtx-5070-r7-37x-a20"
  5219.                                                    :id="`slide-desc-10941-${$id('slider-id')}`">
  5220.                                                    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>
  5221.                                            </div>
  5222.  
  5223.  
  5224.                                                                                                                                        
  5225.  
  5226.  
  5227.                                            
  5228.                                            <div class="pt-1 text-gray-900"
  5229.                                                x-defer="intersect"
  5230.                                                @update-prices-10941.window="updatePrice($event.detail);">
  5231.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10941" data-price-box="product-id-10941">
  5232.    <span class="special-price">
  5233.        <span
  5234.    x-data x-id="['product\u002Dprice\u002D10941']"    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\u002D10941')"                data-price-amount="1449"
  5238.        data-price-type="finalPrice"
  5239.        class="price-wrapper "
  5240.    ><span class="price">€ 1.449,00</span></span>
  5241.        </span>
  5242.    </span>
  5243.    <span class="old-price">
  5244.        <span
  5245.    x-data x-id="['old\u002Dprice\u002D10941']"    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\u002D10941')"                data-price-amount="1599"
  5249.        data-price-type="oldPrice"
  5250.        class="price-wrapper "
  5251.    ><span class="price">€ 1.599,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;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"
  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;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"
  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/10938/"
  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-10938-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-10938-prod {
  5312.                                                transition: opacity 0.3s ease;
  5313.                                            }
  5314.                                        </style>
  5315.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10938" />
  5316.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5070-r7-37x-a19"
  5317.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING - RTX 5070 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB White 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/s/h/sharkoon_lf_bl.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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/h/sharkoon_lf_bl.jpg" 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(10938)"
  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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#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(10938)"
  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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#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-5070-r7-37x-a19"
  5349.                                                    :id="`slide-desc-10938-${$id('slider-id')}`">
  5350.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING - RTX 5070 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB White 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-10938.window="updatePrice($event.detail);">
  5361.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10938" data-price-box="product-id-10938">
  5362.    <span class="special-price">
  5363.        <span
  5364.    x-data x-id="['product\u002Dprice\u002D10938']"    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\u002D10938')"                data-price-amount="1449"
  5368.        data-price-type="finalPrice"
  5369.        class="price-wrapper "
  5370.    ><span class="price">€ 1.449,00</span></span>
  5371.        </span>
  5372.    </span>
  5373.    <span class="old-price">
  5374.        <span
  5375.    x-data x-id="['old\u002Dprice\u002D10938']"    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\u002D10938')"                data-price-amount="1599"
  5379.        data-price-type="oldPrice"
  5380.        class="price-wrapper "
  5381.    ><span class="price">€ 1.599,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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#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/10867/"
  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-10867-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-10867-prod {
  5442.                                                transition: opacity 0.3s ease;
  5443.                                            }
  5444.                                        </style>
  5445.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10867" />
  5446.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060ti-r7-37x-a18"
  5447.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING -  RTX 5060 ti 8GB - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB 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/s/h/sharkoon_lf_bl_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;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;Sharkoon&#x20;AK6&#x20;RGB&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/h/sharkoon_lf_bl_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(10867)"
  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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#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(10867)"
  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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#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-5060ti-r7-37x-a18"
  5479.                                                    :id="`slide-desc-10867-${$id('slider-id')}`">
  5480.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING -  RTX 5060 ti 8GB - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB 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-10867.window="updatePrice($event.detail);">
  5491.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10867" data-price-box="product-id-10867">
  5492.    <span class="special-price">
  5493.        <span
  5494.    x-data x-id="['product\u002Dprice\u002D10867']"    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\u002D10867')"                data-price-amount="1259"
  5498.        data-price-type="finalPrice"
  5499.        class="price-wrapper "
  5500.    ><span class="price">€ 1.259,00</span></span>
  5501.        </span>
  5502.    </span>
  5503.    <span class="old-price">
  5504.        <span
  5505.    x-data x-id="['old\u002Dprice\u002D10867']"    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\u002D10867')"                data-price-amount="1399"
  5509.        data-price-type="oldPrice"
  5510.        class="price-wrapper "
  5511.    ><span class="price">€ 1.399,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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#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/10866/"
  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-10866-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-10866-prod {
  5572.                                                transition: opacity 0.3s ease;
  5573.                                            }
  5574.                                        </style>
  5575.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10866" />
  5576.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060ti-r7-37x-a17"
  5577.                                            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"
  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_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>
  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(10866)"
  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;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"
  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(10866)"
  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;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"
  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-5060ti-r7-37x-a17"
  5609.                                                    :id="`slide-desc-10866-${$id('slider-id')}`">
  5610.                                                    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>
  5611.                                            </div>
  5612.  
  5613.  
  5614.                                                                                                                                        
  5615.  
  5616.  
  5617.                                            
  5618.                                            <div class="pt-1 text-gray-900"
  5619.                                                x-defer="intersect"
  5620.                                                @update-prices-10866.window="updatePrice($event.detail);">
  5621.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10866" data-price-box="product-id-10866">
  5622.    <span class="special-price">
  5623.        <span
  5624.    x-data x-id="['product\u002Dprice\u002D10866']"    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\u002D10866')"                data-price-amount="1259"
  5628.        data-price-type="finalPrice"
  5629.        class="price-wrapper "
  5630.    ><span class="price">€ 1.259,00</span></span>
  5631.        </span>
  5632.    </span>
  5633.    <span class="old-price">
  5634.        <span
  5635.    x-data x-id="['old\u002Dprice\u002D10866']"    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\u002D10866')"                data-price-amount="1399"
  5639.        data-price-type="oldPrice"
  5640.        class="price-wrapper "
  5641.    ><span class="price">€ 1.399,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;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"
  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;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"
  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/10863/"
  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-10863-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-10863-prod {
  5702.                                                transition: opacity 0.3s ease;
  5703.                                            }
  5704.                                        </style>
  5705.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10863" />
  5706.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a16"
  5707.                                            title="AMD Ryzen 5 8e Generatie High-End Game PC - WATERKOELING - RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB 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/s/h/sharkoon_lf_bl_2.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case" title="AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/s/h/sharkoon_lf_bl_2.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(10863)"
  5716.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#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(10863)"
  5726.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#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-5-8400f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a16"
  5739.                                                    :id="`slide-desc-10863-${$id('slider-id')}`">
  5740.                                                    AMD Ryzen 5 8e Generatie High-End Game PC - WATERKOELING - RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB 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-10863.window="updatePrice($event.detail);">
  5751.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10863" data-price-box="product-id-10863">
  5752.    <span class="special-price">
  5753.        <span
  5754.    x-data x-id="['product\u002Dprice\u002D10863']"    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\u002D10863')"                data-price-amount="1069"
  5758.        data-price-type="finalPrice"
  5759.        class="price-wrapper "
  5760.    ><span class="price">€ 1.069,00</span></span>
  5761.        </span>
  5762.    </span>
  5763.    <span class="old-price">
  5764.        <span
  5765.    x-data x-id="['old\u002Dprice\u002D10863']"    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\u002D10863')"                data-price-amount="1249"
  5769.        data-price-type="oldPrice"
  5770.        class="price-wrapper "
  5771.    ><span class="price">€ 1.249,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;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  5784.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#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/10862/"
  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-10862-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-10862-prod {
  5832.                                                transition: opacity 0.3s ease;
  5833.                                            }
  5834.                                        </style>
  5835.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10862" />
  5836.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-b650-gaming-x-ax-rtx-5060-r7-37x-a15"
  5837.                                            title="AMD Ryzen 5 8e Generatie 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 Black 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_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>
  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(10862)"
  5846.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#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;Black&#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(10862)"
  5856.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#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;Black&#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-5-8400f-game-pc-b650-gaming-x-ax-rtx-5060-r7-37x-a15"
  5869.                                                    :id="`slide-desc-10862-${$id('slider-id')}`">
  5870.                                                    AMD Ryzen 5 8e Generatie 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 Black 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-10862.window="updatePrice($event.detail);">
  5881.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10862" data-price-box="product-id-10862">
  5882.    <span class="special-price">
  5883.        <span
  5884.    x-data x-id="['product\u002Dprice\u002D10862']"    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\u002D10862')"                data-price-amount="1069"
  5888.        data-price-type="finalPrice"
  5889.        class="price-wrapper "
  5890.    ><span class="price">€ 1.069,00</span></span>
  5891.        </span>
  5892.    </span>
  5893.    <span class="old-price">
  5894.        <span
  5895.    x-data x-id="['old\u002Dprice\u002D10862']"    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\u002D10862')"                data-price-amount="1249"
  5899.        data-price-type="oldPrice"
  5900.        class="price-wrapper "
  5901.    ><span class="price">€ 1.249,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;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#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;Black&#x20;Aquarium&#x20;Case"
  5914.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8e&#x20;Generatie&#x20;High-End&#x20;Game&#x20;PC&#x20;-&#x20;WATERKOELING&#x20;Met&#x20;Temperatuur&#x20;Display&#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;Black&#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/10856/"
  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-10856-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-10856-prod {
  5962.                                                transition: opacity 0.3s ease;
  5963.                                            }
  5964.                                        </style>
  5965.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10856" />
  5966.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a14"
  5967.                                            title="AMD Ryzen 7 8700 High-End Game PC WATERKOELING -  RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB White Aquarium Case"
  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/s/h/sharkoon_lf_bl_3.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/s/h/sharkoon_lf_bl_3.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(10856)"
  5976.                                                        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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  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(10856)"
  5986.                                                        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;-&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  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/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a14"
  5999.                                                    :id="`slide-desc-10856-${$id('slider-id')}`">
  6000.                                                    AMD Ryzen 7 8700 High-End Game PC WATERKOELING -  RTX 5060 - 32GB DDR5 RGB - 1TB SSD - B650 Gaming X AX - WiFi 6E|Bluetooth 5.3|LAN 2.5Gbps - Sharkoon AK6 RGB White Aquarium Case                                                </a>
  6001.                                            </div>
  6002.  
  6003.  
  6004.                                                                                                                                        
  6005.  
  6006.  
  6007.                                            
  6008.                                            <div class="pt-1 text-gray-900"
  6009.                                                x-defer="intersect"
  6010.                                                @update-prices-10856.window="updatePrice($event.detail);">
  6011.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10856" data-price-box="product-id-10856">
  6012.    <span class="special-price">
  6013.        <span
  6014.    x-data x-id="['product\u002Dprice\u002D10856']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6015.        >
  6016.            <span class="price-label">Special Price</span>
  6017.        <span  :id="$id('product\u002Dprice\u002D10856')"                data-price-amount="1169"
  6018.        data-price-type="finalPrice"
  6019.        class="price-wrapper "
  6020.    ><span class="price">€ 1.169,00</span></span>
  6021.        </span>
  6022.    </span>
  6023.    <span class="old-price">
  6024.        <span
  6025.    x-data x-id="['old\u002Dprice\u002D10856']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6026.        >
  6027.            <span class="price-label">Regular Price</span>
  6028.        <span  :id="$id('old\u002Dprice\u002D10856')"                data-price-amount="1299"
  6029.        data-price-type="oldPrice"
  6030.        class="price-wrapper "
  6031.    ><span class="price">€ 1.299,00</span></span>
  6032.        </span>
  6033.    </span>
  6034.  
  6035. </div>                                            </div>
  6036.  
  6037.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6038.            ">
  6039.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6040.                                                                                                                    <button
  6041.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6042.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6043.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  6044.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;High-End&#x20;Game&#x20;PC&#x20;WATERKOELING&#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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  6045.                                                                data-addto="cart">
  6046.                                                                <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">
  6047.  <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"/>
  6048. </svg>
  6049.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6050.                                                                    In Winkelwagen                                                                </span>
  6051.                                                            </button>
  6052.                                                                                                            </div>
  6053.  
  6054.                                                                                            </div>
  6055.                                        </div>
  6056.                                                                                                                        </form>
  6057.                                
  6058.                </li>
  6059.                                        
  6060.                            <li class="swiper-slide">
  6061.                                                                    <form method="post"
  6062.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10855/"
  6063.                                        x-data="{
  6064.        hovered: false,
  6065.        grid: true ,
  6066.        isMobile: false,
  6067.        isMobileFunc () {
  6068.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6069.        }
  6070.    }"
  6071.                                        x-init="
  6072.        isMobileFunc();
  6073.        const labelClass = '.amlabel-position-top-right-10855-prod';
  6074.        const labels = document.querySelectorAll(labelClass);
  6075.  
  6076.        $watch('hovered', value => {
  6077.            if (value) {
  6078.                labels.forEach(el => el.style.opacity = '0');
  6079.            } else {
  6080.                labels.forEach(el => el.style.opacity = '1');
  6081.            }
  6082.        });
  6083.    "
  6084.                                        @mouseenter="hovered = true"
  6085.                                        @mouseleave="hovered = false"
  6086.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6087.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6088.                                        >
  6089.                                        <style>
  6090.                                            /* Generate styling for the label based on the product ID */
  6091.                                            .amlabel-position-top-right-10855-prod {
  6092.                                                transition: opacity 0.3s ease;
  6093.                                            }
  6094.                                        </style>
  6095.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10855" />
  6096.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a1"
  6097.                                            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"
  6098.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6099.                                            tabindex="-1">
  6100.                                            <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>
  6101.                                        </a>
  6102.                                        <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>
  6103.                                                                                            <div x-data="initWishlist()">
  6104.                                                    <button
  6105.                                                        @click="addToWishlist(10855)"
  6106.                                                        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"
  6107.                                                        type="button"
  6108.                                                        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"
  6109.                                                        data-addto="wishlist">
  6110.                                                        <span class="icon-heart text-2xl"></span>
  6111.                                                    </button>
  6112.                                                </div>
  6113.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6114.                                                    <button
  6115.                                                        @click="addToCompare(10855)"
  6116.                                                        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"
  6117.                                                        type="button"
  6118.                                                        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"
  6119.                                                        data-addto="compare">
  6120.                                                        <span class="icon-balance text-2xl"></span>
  6121.                                                    </button>
  6122.                                                </div>
  6123.                                                                                    </div>
  6124.                                        <div class="product-info flex flex-col grow">
  6125.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6126.                                                <a
  6127.                                                    class="product-item-link"
  6128.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-b650-gaming-x-ax-computer-rtx-5060-r7-37x-a1"
  6129.                                                    :id="`slide-desc-10855-${$id('slider-id')}`">
  6130.                                                    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>
  6131.                                            </div>
  6132.  
  6133.  
  6134.                                                                                                                                        
  6135.  
  6136.  
  6137.                                            
  6138.                                            <div class="pt-1 text-gray-900"
  6139.                                                x-defer="intersect"
  6140.                                                @update-prices-10855.window="updatePrice($event.detail);">
  6141.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10855" data-price-box="product-id-10855">
  6142.    <span class="special-price">
  6143.        <span
  6144.    x-data x-id="['product\u002Dprice\u002D10855']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6145.        >
  6146.            <span class="price-label">Special Price</span>
  6147.        <span  :id="$id('product\u002Dprice\u002D10855')"                data-price-amount="1169"
  6148.        data-price-type="finalPrice"
  6149.        class="price-wrapper "
  6150.    ><span class="price">€ 1.169,00</span></span>
  6151.        </span>
  6152.    </span>
  6153.    <span class="old-price">
  6154.        <span
  6155.    x-data x-id="['old\u002Dprice\u002D10855']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6156.        >
  6157.            <span class="price-label">Regular Price</span>
  6158.        <span  :id="$id('old\u002Dprice\u002D10855')"                data-price-amount="1299"
  6159.        data-price-type="oldPrice"
  6160.        class="price-wrapper "
  6161.    ><span class="price">€ 1.299,00</span></span>
  6162.        </span>
  6163.    </span>
  6164.  
  6165. </div>                                            </div>
  6166.  
  6167.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6168.            ">
  6169.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6170.                                                                                                                    <button
  6171.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6172.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6173.                                                                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"
  6174.                                                                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"
  6175.                                                                data-addto="cart">
  6176.                                                                <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">
  6177.  <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"/>
  6178. </svg>
  6179.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6180.                                                                    In Winkelwagen                                                                </span>
  6181.                                                            </button>
  6182.                                                                                                            </div>
  6183.  
  6184.                                                                                            </div>
  6185.                                        </div>
  6186.                                                                                                                        </form>
  6187.                                
  6188.                </li>
  6189.                                        
  6190.                            <li class="swiper-slide">
  6191.                                                                    <form method="post"
  6192.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8666/"
  6193.                                        x-data="{
  6194.        hovered: false,
  6195.        grid: true ,
  6196.        isMobile: false,
  6197.        isMobileFunc () {
  6198.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6199.        }
  6200.    }"
  6201.                                        x-init="
  6202.        isMobileFunc();
  6203.        const labelClass = '.amlabel-position-top-right-8666-prod';
  6204.        const labels = document.querySelectorAll(labelClass);
  6205.  
  6206.        $watch('hovered', value => {
  6207.            if (value) {
  6208.                labels.forEach(el => el.style.opacity = '0');
  6209.            } else {
  6210.                labels.forEach(el => el.style.opacity = '1');
  6211.            }
  6212.        });
  6213.    "
  6214.                                        @mouseenter="hovered = true"
  6215.                                        @mouseleave="hovered = false"
  6216.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6217.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6218.                                        >
  6219.                                        <style>
  6220.                                            /* Generate styling for the label based on the product ID */
  6221.                                            .amlabel-position-top-right-8666-prod {
  6222.                                                transition: opacity 0.3s ease;
  6223.                                            }
  6224.                                        </style>
  6225.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8666" />
  6226.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  6227.                                            title="Mushie Stacking - Retro Pastel Kleuren"
  6228.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6229.                                            tabindex="-1">
  6230.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  6231.                                                loading="lazy"
  6232.                                                alt="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6233.                                                title="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6234.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_retro_pastel_kleuren_-_1.jpg"
  6235.                                                width="360"
  6236.                                                height="360">
  6237.                                        </a>
  6238.                                        <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>
  6239.                                                                                            <div x-data="initWishlist()">
  6240.                                                    <button
  6241.                                                        @click="addToWishlist(8666)"
  6242.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6243.                                                        type="button"
  6244.                                                        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"
  6245.                                                        data-addto="wishlist">
  6246.                                                        <span class="icon-heart text-2xl"></span>
  6247.                                                    </button>
  6248.                                                </div>
  6249.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6250.                                                    <button
  6251.                                                        @click="addToCompare(8666)"
  6252.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6253.                                                        type="button"
  6254.                                                        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"
  6255.                                                        data-addto="compare">
  6256.                                                        <span class="icon-balance text-2xl"></span>
  6257.                                                    </button>
  6258.                                                </div>
  6259.                                                                                    </div>
  6260.                                        <div class="product-info flex flex-col grow">
  6261.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6262.                                                <a
  6263.                                                    class="product-item-link"
  6264.                                                    href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  6265.                                                    :id="`slide-desc-8666-${$id('slider-id')}`">
  6266.                                                    Mushie Stacking - Retro Pastel Kleuren                                                </a>
  6267.                                            </div>
  6268.  
  6269.  
  6270.                                                                                                                                        
  6271.  
  6272.  
  6273.                                            
  6274.                                            <div class="pt-1 text-gray-900"
  6275.                                                x-defer="intersect"
  6276.                                                @update-prices-8666.window="updatePrice($event.detail);">
  6277.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8666" data-price-box="product-id-8666">
  6278.    <span
  6279.    x-data x-id="['product\u002Dprice\u002D8666']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6280.        >
  6281.        <span  :id="$id('product\u002Dprice\u002D8666')"                data-price-amount="17.95"
  6282.        data-price-type="finalPrice"
  6283.        class="price-wrapper "
  6284.    ><span class="price">€ 17,95</span></span>
  6285.        </span>
  6286.  
  6287. </div>                                            </div>
  6288.  
  6289.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6290.            ">
  6291.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6292.                                                                                                                    <button
  6293.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6294.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6295.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6296.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  6297.                                                                data-addto="cart">
  6298.                                                                <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">
  6299.  <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"/>
  6300. </svg>
  6301.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6302.                                                                    In Winkelwagen                                                                </span>
  6303.                                                            </button>
  6304.                                                                                                            </div>
  6305.  
  6306.                                                                                            </div>
  6307.                                        </div>
  6308.                                                                                                                        </form>
  6309.                                
  6310.                </li>
  6311.                                        
  6312.                            <li class="swiper-slide">
  6313.                                                                    <form method="post"
  6314.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8319/"
  6315.                                        x-data="{
  6316.        hovered: false,
  6317.        grid: true ,
  6318.        isMobile: false,
  6319.        isMobileFunc () {
  6320.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6321.        }
  6322.    }"
  6323.                                        x-init="
  6324.        isMobileFunc();
  6325.        const labelClass = '.amlabel-position-top-right-8319-prod';
  6326.        const labels = document.querySelectorAll(labelClass);
  6327.  
  6328.        $watch('hovered', value => {
  6329.            if (value) {
  6330.                labels.forEach(el => el.style.opacity = '0');
  6331.            } else {
  6332.                labels.forEach(el => el.style.opacity = '1');
  6333.            }
  6334.        });
  6335.    "
  6336.                                        @mouseenter="hovered = true"
  6337.                                        @mouseleave="hovered = false"
  6338.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6339.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6340.                                        >
  6341.                                        <style>
  6342.                                            /* Generate styling for the label based on the product ID */
  6343.                                            .amlabel-position-top-right-8319-prod {
  6344.                                                transition: opacity 0.3s ease;
  6345.                                            }
  6346.                                        </style>
  6347.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8319" />
  6348.                                                                                                                                                            <a href="https://www.lalashops.nl/hem-copal-rose-wierook-pakje-a-20-stokjes-kh_hemcopalrosesp"
  6349.                                            title="HEM Copal Rose Wierook (pakje a 20 stokjes)"
  6350.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6351.                                            tabindex="-1">
  6352.                                            <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>
  6353.                                        </a>
  6354.                                        <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>
  6355.                                                                                            <div x-data="initWishlist()">
  6356.                                                    <button
  6357.                                                        @click="addToWishlist(8319)"
  6358.                                                        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;"
  6359.                                                        type="button"
  6360.                                                        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"
  6361.                                                        data-addto="wishlist">
  6362.                                                        <span class="icon-heart text-2xl"></span>
  6363.                                                    </button>
  6364.                                                </div>
  6365.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6366.                                                    <button
  6367.                                                        @click="addToCompare(8319)"
  6368.                                                        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;"
  6369.                                                        type="button"
  6370.                                                        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"
  6371.                                                        data-addto="compare">
  6372.                                                        <span class="icon-balance text-2xl"></span>
  6373.                                                    </button>
  6374.                                                </div>
  6375.                                                                                    </div>
  6376.                                        <div class="product-info flex flex-col grow">
  6377.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6378.                                                <a
  6379.                                                    class="product-item-link"
  6380.                                                    href="https://www.lalashops.nl/hem-copal-rose-wierook-pakje-a-20-stokjes-kh_hemcopalrosesp"
  6381.                                                    :id="`slide-desc-8319-${$id('slider-id')}`">
  6382.                                                    HEM Copal Rose Wierook (pakje a 20 stokjes)                                                </a>
  6383.                                            </div>
  6384.  
  6385.  
  6386.                                                                                                                                        
  6387.  
  6388.  
  6389.                                            
  6390.                                            <div class="pt-1 text-gray-900"
  6391.                                                x-defer="intersect"
  6392.                                                @update-prices-8319.window="updatePrice($event.detail);">
  6393.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8319" data-price-box="product-id-8319">
  6394.    <span
  6395.    x-data x-id="['product\u002Dprice\u002D8319']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6396.        >
  6397.        <span  :id="$id('product\u002Dprice\u002D8319')"                data-price-amount="1.25"
  6398.        data-price-type="finalPrice"
  6399.        class="price-wrapper "
  6400.    ><span class="price">€ 1,25</span></span>
  6401.        </span>
  6402.  
  6403. </div>                                            </div>
  6404.  
  6405.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6406.            ">
  6407.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6408.                                                                                                                    <button
  6409.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6410.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6411.                                                                title="In&#x20;Winkelwagen&#x20;HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;"
  6412.                                                                aria-label="In&#x20;Winkelwagen&#x20;HEM&#x20;Copal&#x20;Rose&#x20;Wierook&#x20;&#x28;pakje&#x20;a&#x20;20&#x20;stokjes&#x29;"
  6413.                                                                data-addto="cart">
  6414.                                                                <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">
  6415.  <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"/>
  6416. </svg>
  6417.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6418.                                                                    In Winkelwagen                                                                </span>
  6419.                                                            </button>
  6420.                                                                                                            </div>
  6421.  
  6422.                                                                                            </div>
  6423.                                        </div>
  6424.                                                                                                                        </form>
  6425.                                
  6426.                </li>
  6427.                                        
  6428.                            <li class="swiper-slide">
  6429.                                                                    <form method="post"
  6430.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8022/"
  6431.                                        x-data="{
  6432.        hovered: false,
  6433.        grid: true ,
  6434.        isMobile: false,
  6435.        isMobileFunc () {
  6436.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6437.        }
  6438.    }"
  6439.                                        x-init="
  6440.        isMobileFunc();
  6441.        const labelClass = '.amlabel-position-top-right-8022-prod';
  6442.        const labels = document.querySelectorAll(labelClass);
  6443.  
  6444.        $watch('hovered', value => {
  6445.            if (value) {
  6446.                labels.forEach(el => el.style.opacity = '0');
  6447.            } else {
  6448.                labels.forEach(el => el.style.opacity = '1');
  6449.            }
  6450.        });
  6451.    "
  6452.                                        @mouseenter="hovered = true"
  6453.                                        @mouseleave="hovered = false"
  6454.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6455.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6456.                                        >
  6457.                                        <style>
  6458.                                            /* Generate styling for the label based on the product ID */
  6459.                                            .amlabel-position-top-right-8022-prod {
  6460.                                                transition: opacity 0.3s ease;
  6461.                                            }
  6462.                                        </style>
  6463.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8022" />
  6464.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-basic-gaming-computer-i3-10100-i3-gam-a10"
  6465.                                            title="Intel Power Game PC (300 FPS Fortnite Performance Mode) - RTX 3050 8GB - 512GB M2.0 SSD - 2TB HDD - 16GB RAM - Athena E1"
  6466.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6467.                                            tabindex="-1">
  6468.                                            <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>
  6469.                                        </a>
  6470.                                        <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>
  6471.                                                                                            <div x-data="initWishlist()">
  6472.                                                    <button
  6473.                                                        @click="addToWishlist(8022)"
  6474.                                                        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"
  6475.                                                        type="button"
  6476.                                                        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"
  6477.                                                        data-addto="wishlist">
  6478.                                                        <span class="icon-heart text-2xl"></span>
  6479.                                                    </button>
  6480.                                                </div>
  6481.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6482.                                                    <button
  6483.                                                        @click="addToCompare(8022)"
  6484.                                                        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"
  6485.                                                        type="button"
  6486.                                                        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"
  6487.                                                        data-addto="compare">
  6488.                                                        <span class="icon-balance text-2xl"></span>
  6489.                                                    </button>
  6490.                                                </div>
  6491.                                                                                    </div>
  6492.                                        <div class="product-info flex flex-col grow">
  6493.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6494.                                                <a
  6495.                                                    class="product-item-link"
  6496.                                                    href="https://www.lalashops.nl/intel-basic-gaming-computer-i3-10100-i3-gam-a10"
  6497.                                                    :id="`slide-desc-8022-${$id('slider-id')}`">
  6498.                                                    Intel Power Game PC (300 FPS Fortnite Performance Mode) - RTX 3050 8GB - 512GB M2.0 SSD - 2TB HDD - 16GB RAM - Athena E1                                                </a>
  6499.                                            </div>
  6500.  
  6501.  
  6502.                                                                                                                                        
  6503.  
  6504.  
  6505.                                            
  6506.                                            <div class="pt-1 text-gray-900"
  6507.                                                x-defer="intersect"
  6508.                                                @update-prices-8022.window="updatePrice($event.detail);">
  6509.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8022" data-price-box="product-id-8022">
  6510.    <span class="special-price">
  6511.        <span
  6512.    x-data x-id="['product\u002Dprice\u002D8022']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6513.        >
  6514.            <span class="price-label">Special Price</span>
  6515.        <span  :id="$id('product\u002Dprice\u002D8022')"                data-price-amount="625"
  6516.        data-price-type="finalPrice"
  6517.        class="price-wrapper "
  6518.    ><span class="price">€ 625,00</span></span>
  6519.        </span>
  6520.    </span>
  6521.    <span class="old-price">
  6522.        <span
  6523.    x-data x-id="['old\u002Dprice\u002D8022']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6524.        >
  6525.            <span class="price-label">Regular Price</span>
  6526.        <span  :id="$id('old\u002Dprice\u002D8022')"                data-price-amount="649"
  6527.        data-price-type="oldPrice"
  6528.        class="price-wrapper "
  6529.    ><span class="price">€ 649,00</span></span>
  6530.        </span>
  6531.    </span>
  6532.  
  6533. </div>                                            </div>
  6534.  
  6535.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6536.            ">
  6537.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6538.                                                                                                                    <button
  6539.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6540.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6541.                                                                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"
  6542.                                                                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"
  6543.                                                                data-addto="cart">
  6544.                                                                <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">
  6545.  <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"/>
  6546. </svg>
  6547.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6548.                                                                    In Winkelwagen                                                                </span>
  6549.                                                            </button>
  6550.                                                                                                            </div>
  6551.  
  6552.                                                                                            </div>
  6553.                                        </div>
  6554.                                                                                                                        </form>
  6555.                                
  6556.                </li>
  6557.                                        
  6558.                            <li class="swiper-slide">
  6559.                                                                    <form method="post"
  6560.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/7500/"
  6561.                                        x-data="{
  6562.        hovered: false,
  6563.        grid: true ,
  6564.        isMobile: false,
  6565.        isMobileFunc () {
  6566.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6567.        }
  6568.    }"
  6569.                                        x-init="
  6570.        isMobileFunc();
  6571.        const labelClass = '.amlabel-position-top-right-7500-prod';
  6572.        const labels = document.querySelectorAll(labelClass);
  6573.  
  6574.        $watch('hovered', value => {
  6575.            if (value) {
  6576.                labels.forEach(el => el.style.opacity = '0');
  6577.            } else {
  6578.                labels.forEach(el => el.style.opacity = '1');
  6579.            }
  6580.        });
  6581.    "
  6582.                                        @mouseenter="hovered = true"
  6583.                                        @mouseleave="hovered = false"
  6584.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6585.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6586.                                        >
  6587.                                        <style>
  6588.                                            /* Generate styling for the label based on the product ID */
  6589.                                            .amlabel-position-top-right-7500-prod {
  6590.                                                transition: opacity 0.3s ease;
  6591.                                            }
  6592.                                        </style>
  6593.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="7500" />
  6594.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-9-7900x-game-pc-b650-gaming-x-ax-computer-rtx-5080-r9-gam-a9"
  6595.                                            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"
  6596.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6597.                                            tabindex="-1">
  6598.                                            <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>
  6599.                                        </a>
  6600.                                        <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>
  6601.                                                                                            <div x-data="initWishlist()">
  6602.                                                    <button
  6603.                                                        @click="addToWishlist(7500)"
  6604.                                                        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"
  6605.                                                        type="button"
  6606.                                                        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"
  6607.                                                        data-addto="wishlist">
  6608.                                                        <span class="icon-heart text-2xl"></span>
  6609.                                                    </button>
  6610.                                                </div>
  6611.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6612.                                                    <button
  6613.                                                        @click="addToCompare(7500)"
  6614.                                                        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"
  6615.                                                        type="button"
  6616.                                                        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"
  6617.                                                        data-addto="compare">
  6618.                                                        <span class="icon-balance text-2xl"></span>
  6619.                                                    </button>
  6620.                                                </div>
  6621.                                                                                    </div>
  6622.                                        <div class="product-info flex flex-col grow">
  6623.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6624.                                                <a
  6625.                                                    class="product-item-link"
  6626.                                                    href="https://www.lalashops.nl/amd-ryzen-9-7900x-game-pc-b650-gaming-x-ax-computer-rtx-5080-r9-gam-a9"
  6627.                                                    :id="`slide-desc-7500-${$id('slider-id')}`">
  6628.                                                    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>
  6629.                                            </div>
  6630.  
  6631.  
  6632.                                                                                                                                        
  6633.  
  6634.  
  6635.                                            
  6636.                                            <div class="pt-1 text-gray-900"
  6637.                                                x-defer="intersect"
  6638.                                                @update-prices-7500.window="updatePrice($event.detail);">
  6639.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7500" data-price-box="product-id-7500">
  6640.    <span class="special-price">
  6641.        <span
  6642.    x-data x-id="['product\u002Dprice\u002D7500']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6643.        >
  6644.            <span class="price-label">Special Price</span>
  6645.        <span  :id="$id('product\u002Dprice\u002D7500')"                data-price-amount="2499"
  6646.        data-price-type="finalPrice"
  6647.        class="price-wrapper "
  6648.    ><span class="price">€ 2.499,00</span></span>
  6649.        </span>
  6650.    </span>
  6651.    <span class="old-price">
  6652.        <span
  6653.    x-data x-id="['old\u002Dprice\u002D7500']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6654.        >
  6655.            <span class="price-label">Regular Price</span>
  6656.        <span  :id="$id('old\u002Dprice\u002D7500')"                data-price-amount="2750"
  6657.        data-price-type="oldPrice"
  6658.        class="price-wrapper "
  6659.    ><span class="price">€ 2.750,00</span></span>
  6660.        </span>
  6661.    </span>
  6662.  
  6663. </div>                                            </div>
  6664.  
  6665.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6666.            ">
  6667.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6668.                                                                                                                    <button
  6669.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6670.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6671.                                                                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"
  6672.                                                                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"
  6673.                                                                data-addto="cart">
  6674.                                                                <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">
  6675.  <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"/>
  6676. </svg>
  6677.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6678.                                                                    In Winkelwagen                                                                </span>
  6679.                                                            </button>
  6680.                                                                                                            </div>
  6681.  
  6682.                                                                                            </div>
  6683.                                        </div>
  6684.                                                                                                                        </form>
  6685.                                
  6686.                </li>
  6687.                                        
  6688.                            <li class="swiper-slide">
  6689.                                                                    <form method="post"
  6690.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/7057/"
  6691.                                        x-data="{
  6692.        hovered: false,
  6693.        grid: true ,
  6694.        isMobile: false,
  6695.        isMobileFunc () {
  6696.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6697.        }
  6698.    }"
  6699.                                        x-init="
  6700.        isMobileFunc();
  6701.        const labelClass = '.amlabel-position-top-right-7057-prod';
  6702.        const labels = document.querySelectorAll(labelClass);
  6703.  
  6704.        $watch('hovered', value => {
  6705.            if (value) {
  6706.                labels.forEach(el => el.style.opacity = '0');
  6707.            } else {
  6708.                labels.forEach(el => el.style.opacity = '1');
  6709.            }
  6710.        });
  6711.    "
  6712.                                        @mouseenter="hovered = true"
  6713.                                        @mouseleave="hovered = false"
  6714.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6715.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6716.                                        >
  6717.                                        <style>
  6718.                                            /* Generate styling for the label based on the product ID */
  6719.                                            .amlabel-position-top-right-7057-prod {
  6720.                                                transition: opacity 0.3s ease;
  6721.                                            }
  6722.                                        </style>
  6723.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="7057" />
  6724.                                                                                                                                                            <a href="https://www.lalashops.nl/sac-aromatische-olie-eucalyptus-flesje-10ml-oliesaceuca"
  6725.                                            title="SAC Aromatische olie - Eucaliptus / Eucalyptus - Flesje 10ml"
  6726.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6727.                                            tabindex="-1">
  6728.                                            <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>
  6729.                                        </a>
  6730.                                        <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>
  6731.                                                                                            <div x-data="initWishlist()">
  6732.                                                    <button
  6733.                                                        @click="addToWishlist(7057)"
  6734.                                                        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"
  6735.                                                        type="button"
  6736.                                                        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"
  6737.                                                        data-addto="wishlist">
  6738.                                                        <span class="icon-heart text-2xl"></span>
  6739.                                                    </button>
  6740.                                                </div>
  6741.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6742.                                                    <button
  6743.                                                        @click="addToCompare(7057)"
  6744.                                                        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"
  6745.                                                        type="button"
  6746.                                                        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"
  6747.                                                        data-addto="compare">
  6748.                                                        <span class="icon-balance text-2xl"></span>
  6749.                                                    </button>
  6750.                                                </div>
  6751.                                                                                    </div>
  6752.                                        <div class="product-info flex flex-col grow">
  6753.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6754.                                                <a
  6755.                                                    class="product-item-link"
  6756.                                                    href="https://www.lalashops.nl/sac-aromatische-olie-eucalyptus-flesje-10ml-oliesaceuca"
  6757.                                                    :id="`slide-desc-7057-${$id('slider-id')}`">
  6758.                                                    SAC Aromatische olie - Eucaliptus / Eucalyptus - Flesje 10ml                                                </a>
  6759.                                            </div>
  6760.  
  6761.  
  6762.                                                                                                                                        
  6763.  
  6764.  
  6765.                                            
  6766.                                            <div class="pt-1 text-gray-900"
  6767.                                                x-defer="intersect"
  6768.                                                @update-prices-7057.window="updatePrice($event.detail);">
  6769.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7057" data-price-box="product-id-7057">
  6770.    <span
  6771.    x-data x-id="['product\u002Dprice\u002D7057']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6772.        >
  6773.        <span  :id="$id('product\u002Dprice\u002D7057')"                data-price-amount="4.95"
  6774.        data-price-type="finalPrice"
  6775.        class="price-wrapper "
  6776.    ><span class="price">€ 4,95</span></span>
  6777.        </span>
  6778.  
  6779.            <a href="https://www.lalashops.nl/sac-aromatische-olie-eucalyptus-flesje-10ml-oliesaceuca" class="minimal-price-link">
  6780.            <span
  6781.    x-data x-id="['7057']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6782.        >
  6783.            <span class="price-label">Vanaf</span>
  6784.        <span  :id="$id('7057')"                data-price-amount="2.95"
  6785.        data-price-type=""
  6786.        class="price-wrapper "
  6787.    >€ 2,95</span>
  6788.        </span>
  6789.        </a>
  6790.    </div>                                            </div>
  6791.  
  6792.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6793.            ">
  6794.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6795.                                                                                                                    <button
  6796.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6797.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6798.                                                                title="In&#x20;Winkelwagen&#x20;SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml"
  6799.                                                                aria-label="In&#x20;Winkelwagen&#x20;SAC&#x20;Aromatische&#x20;olie&#x20;-&#x20;Eucaliptus&#x20;&#x2F;&#x20;Eucalyptus&#x20;-&#x20;Flesje&#x20;10ml"
  6800.                                                                data-addto="cart">
  6801.                                                                <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">
  6802.  <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"/>
  6803. </svg>
  6804.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6805.                                                                    In Winkelwagen                                                                </span>
  6806.                                                            </button>
  6807.                                                                                                            </div>
  6808.  
  6809.                                                                                            </div>
  6810.                                        </div>
  6811.                                                                                                                        </form>
  6812.                                
  6813.                </li>
  6814.                                        
  6815.                            <li class="swiper-slide">
  6816.                                                                    <form method="post"
  6817.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/1640/"
  6818.                                        x-data="{
  6819.        hovered: false,
  6820.        grid: true ,
  6821.        isMobile: false,
  6822.        isMobileFunc () {
  6823.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6824.        }
  6825.    }"
  6826.                                        x-init="
  6827.        isMobileFunc();
  6828.        const labelClass = '.amlabel-position-top-right-1640-prod';
  6829.        const labels = document.querySelectorAll(labelClass);
  6830.  
  6831.        $watch('hovered', value => {
  6832.            if (value) {
  6833.                labels.forEach(el => el.style.opacity = '0');
  6834.            } else {
  6835.                labels.forEach(el => el.style.opacity = '1');
  6836.            }
  6837.        });
  6838.    "
  6839.                                        @mouseenter="hovered = true"
  6840.                                        @mouseleave="hovered = false"
  6841.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6842.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6843.                                        >
  6844.                                        <style>
  6845.                                            /* Generate styling for the label based on the product ID */
  6846.                                            .amlabel-position-top-right-1640-prod {
  6847.                                                transition: opacity 0.3s ease;
  6848.                                            }
  6849.                                        </style>
  6850.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="1640" />
  6851.                                                                                                                                                            <a href="https://www.lalashops.nl/vijayshree-nag-champa-gold-wierook-pakje-a-20-stokjes"
  6852.                                            title="Vijayshree Wierook - Golden Nag Champa - Agarbathi (pakje a 15 gram)"
  6853.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6854.                                            tabindex="-1">
  6855.                                            <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>
  6856.                                        </a>
  6857.                                        <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>
  6858.                                                                                            <div x-data="initWishlist()">
  6859.                                                    <button
  6860.                                                        @click="addToWishlist(1640)"
  6861.                                                        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;"
  6862.                                                        type="button"
  6863.                                                        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"
  6864.                                                        data-addto="wishlist">
  6865.                                                        <span class="icon-heart text-2xl"></span>
  6866.                                                    </button>
  6867.                                                </div>
  6868.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6869.                                                    <button
  6870.                                                        @click="addToCompare(1640)"
  6871.                                                        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;"
  6872.                                                        type="button"
  6873.                                                        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"
  6874.                                                        data-addto="compare">
  6875.                                                        <span class="icon-balance text-2xl"></span>
  6876.                                                    </button>
  6877.                                                </div>
  6878.                                                                                    </div>
  6879.                                        <div class="product-info flex flex-col grow">
  6880.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6881.                                                <a
  6882.                                                    class="product-item-link"
  6883.                                                    href="https://www.lalashops.nl/vijayshree-nag-champa-gold-wierook-pakje-a-20-stokjes"
  6884.                                                    :id="`slide-desc-1640-${$id('slider-id')}`">
  6885.                                                    Vijayshree Wierook - Golden Nag Champa - Agarbathi (pakje a 15 gram)                                                </a>
  6886.                                            </div>
  6887.  
  6888.  
  6889.                                                                                                                                        
  6890.  
  6891.  
  6892.                                            
  6893.                                            <div class="pt-1 text-gray-900"
  6894.                                                x-defer="intersect"
  6895.                                                @update-prices-1640.window="updatePrice($event.detail);">
  6896.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="1640" data-price-box="product-id-1640">
  6897.    <span
  6898.    x-data x-id="['product\u002Dprice\u002D1640']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  6899.        >
  6900.        <span  :id="$id('product\u002Dprice\u002D1640')"                data-price-amount="1.2"
  6901.        data-price-type="finalPrice"
  6902.        class="price-wrapper "
  6903.    ><span class="price">€ 1,20</span></span>
  6904.        </span>
  6905.  
  6906. </div>                                            </div>
  6907.  
  6908.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  6909.            ">
  6910.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  6911.                                                                                                                    <button
  6912.                                                                class="w-auto btn justify-center text-xl mr-auto"
  6913.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  6914.                                                                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;"
  6915.                                                                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;"
  6916.                                                                data-addto="cart">
  6917.                                                                <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">
  6918.  <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"/>
  6919. </svg>
  6920.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  6921.                                                                    In Winkelwagen                                                                </span>
  6922.                                                            </button>
  6923.                                                                                                            </div>
  6924.  
  6925.                                                                                            </div>
  6926.                                        </div>
  6927.                                                                                                                        </form>
  6928.                                
  6929.                </li>
  6930.                                        
  6931.                            <li class="swiper-slide">
  6932.                                                                    <form method="post"
  6933.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/1598/"
  6934.                                        x-data="{
  6935.        hovered: false,
  6936.        grid: true ,
  6937.        isMobile: false,
  6938.        isMobileFunc () {
  6939.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  6940.        }
  6941.    }"
  6942.                                        x-init="
  6943.        isMobileFunc();
  6944.        const labelClass = '.amlabel-position-top-right-1598-prod';
  6945.        const labels = document.querySelectorAll(labelClass);
  6946.  
  6947.        $watch('hovered', value => {
  6948.            if (value) {
  6949.                labels.forEach(el => el.style.opacity = '0');
  6950.            } else {
  6951.                labels.forEach(el => el.style.opacity = '1');
  6952.            }
  6953.        });
  6954.    "
  6955.                                        @mouseenter="hovered = true"
  6956.                                        @mouseleave="hovered = false"
  6957.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  6958.                                        :class="isMobile ? 'product-item-mobile' : ''"
  6959.                                        >
  6960.                                        <style>
  6961.                                            /* Generate styling for the label based on the product ID */
  6962.                                            .amlabel-position-top-right-1598-prod {
  6963.                                                transition: opacity 0.3s ease;
  6964.                                            }
  6965.                                        </style>
  6966.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="1598" />
  6967.                                                                                                                                                            <a href="https://www.lalashops.nl/hem-aloe-vera-wierook-pakje-a-20-stokjes"
  6968.                                            title="HEM Aloe Vera wierook (pakje á 20 stokjes)"
  6969.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  6970.                                            tabindex="-1">
  6971.                                            <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>
  6972.                                        </a>
  6973.                                        <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>
  6974.                                                                                            <div x-data="initWishlist()">
  6975.                                                    <button
  6976.                                                        @click="addToWishlist(1598)"
  6977.                                                        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;"
  6978.                                                        type="button"
  6979.                                                        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"
  6980.                                                        data-addto="wishlist">
  6981.                                                        <span class="icon-heart text-2xl"></span>
  6982.                                                    </button>
  6983.                                                </div>
  6984.                                                                                                                                        <div x-data="initCompareOnProductList()">
  6985.                                                    <button
  6986.                                                        @click="addToCompare(1598)"
  6987.                                                        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;"
  6988.                                                        type="button"
  6989.                                                        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"
  6990.                                                        data-addto="compare">
  6991.                                                        <span class="icon-balance text-2xl"></span>
  6992.                                                    </button>
  6993.                                                </div>
  6994.                                                                                    </div>
  6995.                                        <div class="product-info flex flex-col grow">
  6996.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  6997.                                                <a
  6998.                                                    class="product-item-link"
  6999.                                                    href="https://www.lalashops.nl/hem-aloe-vera-wierook-pakje-a-20-stokjes"
  7000.                                                    :id="`slide-desc-1598-${$id('slider-id')}`">
  7001.                                                    HEM Aloe Vera wierook (pakje á 20 stokjes)                                                </a>
  7002.                                            </div>
  7003.  
  7004.  
  7005.                                                                                                                                        
  7006.  
  7007.  
  7008.                                            
  7009.                                            <div class="pt-1 text-gray-900"
  7010.                                                x-defer="intersect"
  7011.                                                @update-prices-1598.window="updatePrice($event.detail);">
  7012.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="1598" data-price-box="product-id-1598">
  7013.    <span
  7014.    x-data x-id="['product\u002Dprice\u002D1598']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7015.        >
  7016.        <span  :id="$id('product\u002Dprice\u002D1598')"                data-price-amount="1.25"
  7017.        data-price-type="finalPrice"
  7018.        class="price-wrapper "
  7019.    ><span class="price">€ 1,25</span></span>
  7020.        </span>
  7021.  
  7022. </div>                                            </div>
  7023.  
  7024.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7025.            ">
  7026.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7027.                                                                                                                    <button
  7028.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7029.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7030.                                                                title="In&#x20;Winkelwagen&#x20;HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;"
  7031.                                                                aria-label="In&#x20;Winkelwagen&#x20;HEM&#x20;Aloe&#x20;Vera&#x20;wierook&#x20;&#x28;pakje&#x20;&#xE1;&#x20;20&#x20;stokjes&#x29;"
  7032.                                                                data-addto="cart">
  7033.                                                                <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">
  7034.  <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"/>
  7035. </svg>
  7036.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7037.                                                                    In Winkelwagen                                                                </span>
  7038.                                                            </button>
  7039.                                                                                                            </div>
  7040.  
  7041.                                                                                            </div>
  7042.                                        </div>
  7043.                                                                                                                        </form>
  7044.                                
  7045.                </li>
  7046.                            </div>
  7047.  
  7048.        </div>
  7049.  
  7050.        <script>
  7051.            (function() {
  7052.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  7053.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  7054.  
  7055.                // Load Swiper CSS
  7056.                if (typeof window.SwiperCSS === 'undefined') {
  7057.                    const style = document.createElement("link");
  7058.                    style.rel = "stylesheet";
  7059.                    style.type = "text/css";
  7060.                    style.href = swiperCssUrl;
  7061.  
  7062.                    const insertAt = document.getElementsByTagName('link')[0];
  7063.                    if (insertAt) {
  7064.                        insertAt.parentNode.insertBefore(style, insertAt);
  7065.                    } else {
  7066.                        document.head.appendChild(style);
  7067.                    }
  7068.                    window.SwiperCSS = 'loaded';
  7069.                }
  7070.  
  7071.                function initSwiper() {
  7072.                    new Swiper('.swiper-container', {
  7073.                        loop: false,
  7074.                        slidesPerView: 1,
  7075.                        spaceBetween: 16,
  7076.                        autoplay: false,
  7077.                        navigation: {
  7078.                            nextEl: '.swiper-button-next',
  7079.                            prevEl: '.swiper-button-prev',
  7080.                        },
  7081.                        breakpoints: {
  7082.                            480: {
  7083.                                slidesPerView: 1.6,
  7084.                                spaceBetween: 16,
  7085.                            },
  7086.                            768: {
  7087.                                slidesPerView: 2.6,
  7088.                                spaceBetween: 16,
  7089.                            },
  7090.                            1024: {
  7091.                                slidesPerView: 3.6,
  7092.                                spaceBetween: 16,
  7093.                            },
  7094.                            1280: {
  7095.                                slidesPerView: 4.6,
  7096.                                spaceBetween: 16,
  7097.                            }
  7098.                        },
  7099.                    });
  7100.                }
  7101.  
  7102.                if (typeof window.Swiper === 'function') {
  7103.                    initSwiper();
  7104.                } else {
  7105.                    // Load Swiper JS
  7106.                    const scriptSource = swiperJsUrl;
  7107.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  7108.  
  7109.                    if (pendingLoadScript) {
  7110.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  7111.                        return;
  7112.                    }
  7113.  
  7114.                    const script = document.createElement('script');
  7115.                    script.src = scriptSource;
  7116.                    script.async = true;
  7117.  
  7118.                    script.addEventListener('load', () => initSwiper());
  7119.                    document.head.appendChild(script);
  7120.                }
  7121.            })();
  7122.  
  7123.            window.addEventListener("load", function() {
  7124.                if (window.innerWidth > 479) {
  7125.                    let maxHeight = 0;
  7126.  
  7127.                    // Get all slides
  7128.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  7129.  
  7130.                    // Find the tallest slide
  7131.                    slides.forEach(slide => {
  7132.                        const slideHeight = slide.offsetHeight;
  7133.                        if (slideHeight > maxHeight) {
  7134.                            maxHeight = slideHeight;
  7135.                        }
  7136.                    });
  7137.  
  7138.                    // Set the height of all slides and the swiper-wrapper to the max height
  7139.                    slides.forEach(slide => {
  7140.                        slide.style.height = `${maxHeight}px`;
  7141.                    });
  7142.  
  7143.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  7144.                    if (swiperWrapper) {
  7145.                        swiperWrapper.style.height = `${maxHeight}px`;
  7146.                    }
  7147.                }
  7148.            });
  7149.        </script>
  7150.    </div>
  7151. </section>
  7152. </div>
  7153. <template x-data="initAmWidgetLabels__68af003900316" x-init="initLabels($el)"></template>
  7154.  
  7155. <script>
  7156.    function initAmWidgetLabels__68af003900316() {
  7157.        return {
  7158.            initLabels($el) {
  7159.                const labels = ["","","","","","","","","","","","","","",""];
  7160.                const widgetContainer = $el?.previousElementSibling;
  7161.  
  7162.                labels.forEach((productLabel, index) => {
  7163.                    const productSelector = `li:nth-child(${index + 1})`;
  7164.                    const productContainer = widgetContainer?.querySelector(productSelector);
  7165.                    if (productContainer) {
  7166.                        const labelClass = 'am-label_68af003900316' + index;
  7167.                        productContainer.innerHTML += productLabel;
  7168.                        productContainer.classList.add(labelClass);
  7169.                        hyva.replaceDomElement(
  7170.                            '.' + labelClass,
  7171.                            productContainer?.outerHTML
  7172.                        );
  7173.                    }
  7174.                });
  7175.            }
  7176.        }
  7177.    }
  7178. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  7179.    <section
  7180.                        class="super-margin hyva-category
  7181.                        ">
  7182.  
  7183.        <div class="">
  7184.  
  7185.  
  7186.            
  7187.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  7188.  
  7189.                
  7190.                <div class="swiper-container pb-8" data-id-category="ltxoqyneiwnwpnrqosi2at23vm32oktz">
  7191.  
  7192.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  7193.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  7194.                                Gaming <span class="font-bold">Computers</span>                            </h2>
  7195.                        
  7196.                        <!-- Add Navigation Arrows -->
  7197.                        <div class="flex gap-4 lg:gap-12">
  7198.                            <div id="swiper-button-prev-ltxoqyneiwnwpnrqosi2at23vm32oktz" class="swiper-button-prev !static"></div>
  7199.                            <div id="swiper-button-next-ltxoqyneiwnwpnrqosi2at23vm32oktz" class="swiper-button-next !static"></div>
  7200.                        </div>
  7201.                    </div>
  7202.  
  7203.                    <div class="hyva-category-content ">
  7204.                                            </div>
  7205.  
  7206.                    <div class="swiper-wrapper list-none">
  7207.                                                    
  7208.                            <li class="swiper-slide">
  7209.                                                                    <form method="post"
  7210.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10942/"
  7211.                                        x-data="{
  7212.        hovered: false,
  7213.        grid: true ,
  7214.        isMobile: false,
  7215.        isMobileFunc () {
  7216.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7217.        }
  7218.    }"
  7219.                                        x-init="
  7220.        isMobileFunc();
  7221.        const labelClass = '.amlabel-position-top-right-10942-prod';
  7222.        const labels = document.querySelectorAll(labelClass);
  7223.  
  7224.        $watch('hovered', value => {
  7225.            if (value) {
  7226.                labels.forEach(el => el.style.opacity = '0');
  7227.            } else {
  7228.                labels.forEach(el => el.style.opacity = '1');
  7229.            }
  7230.        });
  7231.    "
  7232.                                        @mouseenter="hovered = true"
  7233.                                        @mouseleave="hovered = false"
  7234.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7235.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7236.                                        >
  7237.                                        <style>
  7238.                                            /* Generate styling for the label based on the product ID */
  7239.                                            .amlabel-position-top-right-10942-prod {
  7240.                                                transition: opacity 0.3s ease;
  7241.                                            }
  7242.                                        </style>
  7243.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10942" />
  7244.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a99"
  7245.                                            title="AMD Ryzen 7 8700 AM5 High-End Game PC - Aquariumcase met aRGb Towercooler (+25% CPU Performance) - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Windows 11 - Gamdias Aura GC10M"
  7246.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7247.                                            tabindex="-1">
  7248.                                            <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_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;-&#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_1.jpg" width="360" height="360" loading="lazy"></picture>
  7249.                                        </a>
  7250.                                        <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>
  7251.                                                                                            <div x-data="initWishlist()">
  7252.                                                    <button
  7253.                                                        @click="addToWishlist(10942)"
  7254.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;AM5&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7255.                                                        type="button"
  7256.                                                        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"
  7257.                                                        data-addto="wishlist">
  7258.                                                        <span class="icon-heart text-2xl"></span>
  7259.                                                    </button>
  7260.                                                </div>
  7261.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7262.                                                    <button
  7263.                                                        @click="addToCompare(10942)"
  7264.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;AM5&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7265.                                                        type="button"
  7266.                                                        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"
  7267.                                                        data-addto="compare">
  7268.                                                        <span class="icon-balance text-2xl"></span>
  7269.                                                    </button>
  7270.                                                </div>
  7271.                                                                                    </div>
  7272.                                        <div class="product-info flex flex-col grow">
  7273.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7274.                                                <a
  7275.                                                    class="product-item-link"
  7276.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a99"
  7277.                                                    :id="`slide-desc-10942-${$id('slider-id')}`">
  7278.                                                    AMD Ryzen 7 8700 AM5 High-End Game PC - Aquariumcase met aRGb Towercooler (+25% CPU Performance) - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Windows 11 - Gamdias Aura GC10M                                                </a>
  7279.                                            </div>
  7280.  
  7281.  
  7282.                                                                                                                                        
  7283.  
  7284.  
  7285.                                            
  7286.                                            <div class="pt-1 text-gray-900"
  7287.                                                x-defer="intersect"
  7288.                                                @update-prices-10942.window="updatePrice($event.detail);">
  7289.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10942" data-price-box="product-id-10942">
  7290.    <span class="special-price">
  7291.        <span
  7292.    x-data x-id="['product\u002Dprice\u002D10942']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7293.        >
  7294.            <span class="price-label">Special Price</span>
  7295.        <span  :id="$id('product\u002Dprice\u002D10942')"                data-price-amount="965"
  7296.        data-price-type="finalPrice"
  7297.        class="price-wrapper "
  7298.    ><span class="price">€ 965,00</span></span>
  7299.        </span>
  7300.    </span>
  7301.    <span class="old-price">
  7302.        <span
  7303.    x-data x-id="['old\u002Dprice\u002D10942']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7304.        >
  7305.            <span class="price-label">Regular Price</span>
  7306.        <span  :id="$id('old\u002Dprice\u002D10942')"                data-price-amount="1125"
  7307.        data-price-type="oldPrice"
  7308.        class="price-wrapper "
  7309.    ><span class="price">€ 1.125,00</span></span>
  7310.        </span>
  7311.    </span>
  7312.  
  7313. </div>                                            </div>
  7314.  
  7315.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7316.            ">
  7317.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7318.                                                                                                                    <button
  7319.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7320.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7321.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;AM5&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7322.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;8700&#x20;AM5&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  7323.                                                                data-addto="cart">
  7324.                                                                <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">
  7325.  <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"/>
  7326. </svg>
  7327.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7328.                                                                    In Winkelwagen                                                                </span>
  7329.                                                            </button>
  7330.                                                                                                            </div>
  7331.  
  7332.                                                                                            </div>
  7333.                                        </div>
  7334.                                                                                                                        </form>
  7335.                                
  7336.                </li>
  7337.                                        
  7338.                            <li class="swiper-slide">
  7339.                                                                    <form method="post"
  7340.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10935/"
  7341.                                        x-data="{
  7342.        hovered: false,
  7343.        grid: true ,
  7344.        isMobile: false,
  7345.        isMobileFunc () {
  7346.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7347.        }
  7348.    }"
  7349.                                        x-init="
  7350.        isMobileFunc();
  7351.        const labelClass = '.amlabel-position-top-right-10935-prod';
  7352.        const labels = document.querySelectorAll(labelClass);
  7353.  
  7354.        $watch('hovered', value => {
  7355.            if (value) {
  7356.                labels.forEach(el => el.style.opacity = '0');
  7357.            } else {
  7358.                labels.forEach(el => el.style.opacity = '1');
  7359.            }
  7360.        });
  7361.    "
  7362.                                        @mouseenter="hovered = true"
  7363.                                        @mouseleave="hovered = false"
  7364.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7365.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7366.                                        >
  7367.                                        <style>
  7368.                                            /* Generate styling for the label based on the product ID */
  7369.                                            .amlabel-position-top-right-10935-prod {
  7370.                                                transition: opacity 0.3s ease;
  7371.                                            }
  7372.                                        </style>
  7373.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10935" />
  7374.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-64gb-rtx-5080-r7-gam-a83"
  7375.                                            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"
  7376.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7377.                                            tabindex="-1">
  7378.                                            <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>
  7379.                                        </a>
  7380.                                        <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>
  7381.                                                                                            <div x-data="initWishlist()">
  7382.                                                    <button
  7383.                                                        @click="addToWishlist(10935)"
  7384.                                                        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"
  7385.                                                        type="button"
  7386.                                                        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"
  7387.                                                        data-addto="wishlist">
  7388.                                                        <span class="icon-heart text-2xl"></span>
  7389.                                                    </button>
  7390.                                                </div>
  7391.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7392.                                                    <button
  7393.                                                        @click="addToCompare(10935)"
  7394.                                                        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"
  7395.                                                        type="button"
  7396.                                                        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"
  7397.                                                        data-addto="compare">
  7398.                                                        <span class="icon-balance text-2xl"></span>
  7399.                                                    </button>
  7400.                                                </div>
  7401.                                                                                    </div>
  7402.                                        <div class="product-info flex flex-col grow">
  7403.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7404.                                                <a
  7405.                                                    class="product-item-link"
  7406.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-64gb-rtx-5080-r7-gam-a83"
  7407.                                                    :id="`slide-desc-10935-${$id('slider-id')}`">
  7408.                                                    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>
  7409.                                            </div>
  7410.  
  7411.  
  7412.                                                                                                                                        
  7413.  
  7414.  
  7415.                                            
  7416.                                            <div class="pt-1 text-gray-900"
  7417.                                                x-defer="intersect"
  7418.                                                @update-prices-10935.window="updatePrice($event.detail);">
  7419.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10935" data-price-box="product-id-10935">
  7420.    <span class="special-price">
  7421.        <span
  7422.    x-data x-id="['product\u002Dprice\u002D10935']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7423.        >
  7424.            <span class="price-label">Special Price</span>
  7425.        <span  :id="$id('product\u002Dprice\u002D10935')"                data-price-amount="2449"
  7426.        data-price-type="finalPrice"
  7427.        class="price-wrapper "
  7428.    ><span class="price">€ 2.449,00</span></span>
  7429.        </span>
  7430.    </span>
  7431.    <span class="old-price">
  7432.        <span
  7433.    x-data x-id="['old\u002Dprice\u002D10935']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7434.        >
  7435.            <span class="price-label">Regular Price</span>
  7436.        <span  :id="$id('old\u002Dprice\u002D10935')"                data-price-amount="2750"
  7437.        data-price-type="oldPrice"
  7438.        class="price-wrapper "
  7439.    ><span class="price">€ 2.750,00</span></span>
  7440.        </span>
  7441.    </span>
  7442.  
  7443. </div>                                            </div>
  7444.  
  7445.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7446.            ">
  7447.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7448.                                                                                                                    <button
  7449.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7450.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7451.                                                                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"
  7452.                                                                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"
  7453.                                                                data-addto="cart">
  7454.                                                                <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">
  7455.  <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"/>
  7456. </svg>
  7457.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7458.                                                                    In Winkelwagen                                                                </span>
  7459.                                                            </button>
  7460.                                                                                                            </div>
  7461.  
  7462.                                                                                            </div>
  7463.                                        </div>
  7464.                                                                                                                        </form>
  7465.                                
  7466.                </li>
  7467.                                        
  7468.                            <li class="swiper-slide">
  7469.                                                                    <form method="post"
  7470.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10934/"
  7471.                                        x-data="{
  7472.        hovered: false,
  7473.        grid: true ,
  7474.        isMobile: false,
  7475.        isMobileFunc () {
  7476.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7477.        }
  7478.    }"
  7479.                                        x-init="
  7480.        isMobileFunc();
  7481.        const labelClass = '.amlabel-position-top-right-10934-prod';
  7482.        const labels = document.querySelectorAll(labelClass);
  7483.  
  7484.        $watch('hovered', value => {
  7485.            if (value) {
  7486.                labels.forEach(el => el.style.opacity = '0');
  7487.            } else {
  7488.                labels.forEach(el => el.style.opacity = '1');
  7489.            }
  7490.        });
  7491.    "
  7492.                                        @mouseenter="hovered = true"
  7493.                                        @mouseleave="hovered = false"
  7494.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7495.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7496.                                        >
  7497.                                        <style>
  7498.                                            /* Generate styling for the label based on the product ID */
  7499.                                            .amlabel-position-top-right-10934-prod {
  7500.                                                transition: opacity 0.3s ease;
  7501.                                            }
  7502.                                        </style>
  7503.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10934" />
  7504.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5080-r7-gam-a82"
  7505.                                            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"
  7506.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7507.                                            tabindex="-1">
  7508.                                            <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>
  7509.                                        </a>
  7510.                                        <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>
  7511.                                                                                            <div x-data="initWishlist()">
  7512.                                                    <button
  7513.                                                        @click="addToWishlist(10934)"
  7514.                                                        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"
  7515.                                                        type="button"
  7516.                                                        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"
  7517.                                                        data-addto="wishlist">
  7518.                                                        <span class="icon-heart text-2xl"></span>
  7519.                                                    </button>
  7520.                                                </div>
  7521.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7522.                                                    <button
  7523.                                                        @click="addToCompare(10934)"
  7524.                                                        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"
  7525.                                                        type="button"
  7526.                                                        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"
  7527.                                                        data-addto="compare">
  7528.                                                        <span class="icon-balance text-2xl"></span>
  7529.                                                    </button>
  7530.                                                </div>
  7531.                                                                                    </div>
  7532.                                        <div class="product-info flex flex-col grow">
  7533.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7534.                                                <a
  7535.                                                    class="product-item-link"
  7536.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5080-r7-gam-a82"
  7537.                                                    :id="`slide-desc-10934-${$id('slider-id')}`">
  7538.                                                    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>
  7539.                                            </div>
  7540.  
  7541.  
  7542.                                                                                                                                        
  7543.  
  7544.  
  7545.                                            
  7546.                                            <div class="pt-1 text-gray-900"
  7547.                                                x-defer="intersect"
  7548.                                                @update-prices-10934.window="updatePrice($event.detail);">
  7549.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10934" data-price-box="product-id-10934">
  7550.    <span class="special-price">
  7551.        <span
  7552.    x-data x-id="['product\u002Dprice\u002D10934']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7553.        >
  7554.            <span class="price-label">Special Price</span>
  7555.        <span  :id="$id('product\u002Dprice\u002D10934')"                data-price-amount="2199"
  7556.        data-price-type="finalPrice"
  7557.        class="price-wrapper "
  7558.    ><span class="price">€ 2.199,00</span></span>
  7559.        </span>
  7560.    </span>
  7561.    <span class="old-price">
  7562.        <span
  7563.    x-data x-id="['old\u002Dprice\u002D10934']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7564.        >
  7565.            <span class="price-label">Regular Price</span>
  7566.        <span  :id="$id('old\u002Dprice\u002D10934')"                data-price-amount="2350"
  7567.        data-price-type="oldPrice"
  7568.        class="price-wrapper "
  7569.    ><span class="price">€ 2.350,00</span></span>
  7570.        </span>
  7571.    </span>
  7572.  
  7573. </div>                                            </div>
  7574.  
  7575.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7576.            ">
  7577.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7578.                                                                                                                    <button
  7579.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7580.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7581.                                                                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"
  7582.                                                                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"
  7583.                                                                data-addto="cart">
  7584.                                                                <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">
  7585.  <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"/>
  7586. </svg>
  7587.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7588.                                                                    In Winkelwagen                                                                </span>
  7589.                                                            </button>
  7590.                                                                                                            </div>
  7591.  
  7592.                                                                                            </div>
  7593.                                        </div>
  7594.                                                                                                                        </form>
  7595.                                
  7596.                </li>
  7597.                                        
  7598.                            <li class="swiper-slide">
  7599.                                                                    <form method="post"
  7600.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10933/"
  7601.                                        x-data="{
  7602.        hovered: false,
  7603.        grid: true ,
  7604.        isMobile: false,
  7605.        isMobileFunc () {
  7606.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7607.        }
  7608.    }"
  7609.                                        x-init="
  7610.        isMobileFunc();
  7611.        const labelClass = '.amlabel-position-top-right-10933-prod';
  7612.        const labels = document.querySelectorAll(labelClass);
  7613.  
  7614.        $watch('hovered', value => {
  7615.            if (value) {
  7616.                labels.forEach(el => el.style.opacity = '0');
  7617.            } else {
  7618.                labels.forEach(el => el.style.opacity = '1');
  7619.            }
  7620.        });
  7621.    "
  7622.                                        @mouseenter="hovered = true"
  7623.                                        @mouseleave="hovered = false"
  7624.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7625.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7626.                                        >
  7627.                                        <style>
  7628.                                            /* Generate styling for the label based on the product ID */
  7629.                                            .amlabel-position-top-right-10933-prod {
  7630.                                                transition: opacity 0.3s ease;
  7631.                                            }
  7632.                                        </style>
  7633.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10933" />
  7634.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070ti-r7-gam-a81"
  7635.                                            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"
  7636.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7637.                                            tabindex="-1">
  7638.                                            <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>
  7639.                                        </a>
  7640.                                        <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>
  7641.                                                                                            <div x-data="initWishlist()">
  7642.                                                    <button
  7643.                                                        @click="addToWishlist(10933)"
  7644.                                                        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"
  7645.                                                        type="button"
  7646.                                                        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"
  7647.                                                        data-addto="wishlist">
  7648.                                                        <span class="icon-heart text-2xl"></span>
  7649.                                                    </button>
  7650.                                                </div>
  7651.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7652.                                                    <button
  7653.                                                        @click="addToCompare(10933)"
  7654.                                                        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"
  7655.                                                        type="button"
  7656.                                                        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"
  7657.                                                        data-addto="compare">
  7658.                                                        <span class="icon-balance text-2xl"></span>
  7659.                                                    </button>
  7660.                                                </div>
  7661.                                                                                    </div>
  7662.                                        <div class="product-info flex flex-col grow">
  7663.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7664.                                                <a
  7665.                                                    class="product-item-link"
  7666.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070ti-r7-gam-a81"
  7667.                                                    :id="`slide-desc-10933-${$id('slider-id')}`">
  7668.                                                    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>
  7669.                                            </div>
  7670.  
  7671.  
  7672.                                                                                                                                        
  7673.  
  7674.  
  7675.                                            
  7676.                                            <div class="pt-1 text-gray-900"
  7677.                                                x-defer="intersect"
  7678.                                                @update-prices-10933.window="updatePrice($event.detail);">
  7679.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10933" data-price-box="product-id-10933">
  7680.    <span class="special-price">
  7681.        <span
  7682.    x-data x-id="['product\u002Dprice\u002D10933']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7683.        >
  7684.            <span class="price-label">Special Price</span>
  7685.        <span  :id="$id('product\u002Dprice\u002D10933')"                data-price-amount="1755"
  7686.        data-price-type="finalPrice"
  7687.        class="price-wrapper "
  7688.    ><span class="price">€ 1.755,00</span></span>
  7689.        </span>
  7690.    </span>
  7691.    <span class="old-price">
  7692.        <span
  7693.    x-data x-id="['old\u002Dprice\u002D10933']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7694.        >
  7695.            <span class="price-label">Regular Price</span>
  7696.        <span  :id="$id('old\u002Dprice\u002D10933')"                data-price-amount="1999"
  7697.        data-price-type="oldPrice"
  7698.        class="price-wrapper "
  7699.    ><span class="price">€ 1.999,00</span></span>
  7700.        </span>
  7701.    </span>
  7702.  
  7703. </div>                                            </div>
  7704.  
  7705.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7706.            ">
  7707.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7708.                                                                                                                    <button
  7709.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7710.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7711.                                                                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"
  7712.                                                                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"
  7713.                                                                data-addto="cart">
  7714.                                                                <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">
  7715.  <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"/>
  7716. </svg>
  7717.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7718.                                                                    In Winkelwagen                                                                </span>
  7719.                                                            </button>
  7720.                                                                                                            </div>
  7721.  
  7722.                                                                                            </div>
  7723.                                        </div>
  7724.                                                                                                                        </form>
  7725.                                
  7726.                </li>
  7727.                                        
  7728.                            <li class="swiper-slide">
  7729.                                                                    <form method="post"
  7730.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10932/"
  7731.                                        x-data="{
  7732.        hovered: false,
  7733.        grid: true ,
  7734.        isMobile: false,
  7735.        isMobileFunc () {
  7736.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7737.        }
  7738.    }"
  7739.                                        x-init="
  7740.        isMobileFunc();
  7741.        const labelClass = '.amlabel-position-top-right-10932-prod';
  7742.        const labels = document.querySelectorAll(labelClass);
  7743.  
  7744.        $watch('hovered', value => {
  7745.            if (value) {
  7746.                labels.forEach(el => el.style.opacity = '0');
  7747.            } else {
  7748.                labels.forEach(el => el.style.opacity = '1');
  7749.            }
  7750.        });
  7751.    "
  7752.                                        @mouseenter="hovered = true"
  7753.                                        @mouseleave="hovered = false"
  7754.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7755.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7756.                                        >
  7757.                                        <style>
  7758.                                            /* Generate styling for the label based on the product ID */
  7759.                                            .amlabel-position-top-right-10932-prod {
  7760.                                                transition: opacity 0.3s ease;
  7761.                                            }
  7762.                                        </style>
  7763.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10932" />
  7764.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070-r7-gam-a80"
  7765.                                            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"
  7766.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7767.                                            tabindex="-1">
  7768.                                            <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>
  7769.                                        </a>
  7770.                                        <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>
  7771.                                                                                            <div x-data="initWishlist()">
  7772.                                                    <button
  7773.                                                        @click="addToWishlist(10932)"
  7774.                                                        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"
  7775.                                                        type="button"
  7776.                                                        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"
  7777.                                                        data-addto="wishlist">
  7778.                                                        <span class="icon-heart text-2xl"></span>
  7779.                                                    </button>
  7780.                                                </div>
  7781.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7782.                                                    <button
  7783.                                                        @click="addToCompare(10932)"
  7784.                                                        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"
  7785.                                                        type="button"
  7786.                                                        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"
  7787.                                                        data-addto="compare">
  7788.                                                        <span class="icon-balance text-2xl"></span>
  7789.                                                    </button>
  7790.                                                </div>
  7791.                                                                                    </div>
  7792.                                        <div class="product-info flex flex-col grow">
  7793.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7794.                                                <a
  7795.                                                    class="product-item-link"
  7796.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5070-r7-gam-a80"
  7797.                                                    :id="`slide-desc-10932-${$id('slider-id')}`">
  7798.                                                    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>
  7799.                                            </div>
  7800.  
  7801.  
  7802.                                                                                                                                        
  7803.  
  7804.  
  7805.                                            
  7806.                                            <div class="pt-1 text-gray-900"
  7807.                                                x-defer="intersect"
  7808.                                                @update-prices-10932.window="updatePrice($event.detail);">
  7809.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10932" data-price-box="product-id-10932">
  7810.    <span class="special-price">
  7811.        <span
  7812.    x-data x-id="['product\u002Dprice\u002D10932']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7813.        >
  7814.            <span class="price-label">Special Price</span>
  7815.        <span  :id="$id('product\u002Dprice\u002D10932')"                data-price-amount="1449"
  7816.        data-price-type="finalPrice"
  7817.        class="price-wrapper "
  7818.    ><span class="price">€ 1.449,00</span></span>
  7819.        </span>
  7820.    </span>
  7821.    <span class="old-price">
  7822.        <span
  7823.    x-data x-id="['old\u002Dprice\u002D10932']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7824.        >
  7825.            <span class="price-label">Regular Price</span>
  7826.        <span  :id="$id('old\u002Dprice\u002D10932')"                data-price-amount="1650"
  7827.        data-price-type="oldPrice"
  7828.        class="price-wrapper "
  7829.    ><span class="price">€ 1.650,00</span></span>
  7830.        </span>
  7831.    </span>
  7832.  
  7833. </div>                                            </div>
  7834.  
  7835.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7836.            ">
  7837.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7838.                                                                                                                    <button
  7839.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7840.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7841.                                                                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"
  7842.                                                                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"
  7843.                                                                data-addto="cart">
  7844.                                                                <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">
  7845.  <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"/>
  7846. </svg>
  7847.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7848.                                                                    In Winkelwagen                                                                </span>
  7849.                                                            </button>
  7850.                                                                                                            </div>
  7851.  
  7852.                                                                                            </div>
  7853.                                        </div>
  7854.                                                                                                                        </form>
  7855.                                
  7856.                </li>
  7857.                                        
  7858.                            <li class="swiper-slide">
  7859.                                                                    <form method="post"
  7860.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10931/"
  7861.                                        x-data="{
  7862.        hovered: false,
  7863.        grid: true ,
  7864.        isMobile: false,
  7865.        isMobileFunc () {
  7866.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7867.        }
  7868.    }"
  7869.                                        x-init="
  7870.        isMobileFunc();
  7871.        const labelClass = '.amlabel-position-top-right-10931-prod';
  7872.        const labels = document.querySelectorAll(labelClass);
  7873.  
  7874.        $watch('hovered', value => {
  7875.            if (value) {
  7876.                labels.forEach(el => el.style.opacity = '0');
  7877.            } else {
  7878.                labels.forEach(el => el.style.opacity = '1');
  7879.            }
  7880.        });
  7881.    "
  7882.                                        @mouseenter="hovered = true"
  7883.                                        @mouseleave="hovered = false"
  7884.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  7885.                                        :class="isMobile ? 'product-item-mobile' : ''"
  7886.                                        >
  7887.                                        <style>
  7888.                                            /* Generate styling for the label based on the product ID */
  7889.                                            .amlabel-position-top-right-10931-prod {
  7890.                                                transition: opacity 0.3s ease;
  7891.                                            }
  7892.                                        </style>
  7893.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10931" />
  7894.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5060-r7-gam-a79"
  7895.                                            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"
  7896.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  7897.                                            tabindex="-1">
  7898.                                            <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>
  7899.                                        </a>
  7900.                                        <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>
  7901.                                                                                            <div x-data="initWishlist()">
  7902.                                                    <button
  7903.                                                        @click="addToWishlist(10931)"
  7904.                                                        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"
  7905.                                                        type="button"
  7906.                                                        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"
  7907.                                                        data-addto="wishlist">
  7908.                                                        <span class="icon-heart text-2xl"></span>
  7909.                                                    </button>
  7910.                                                </div>
  7911.                                                                                                                                        <div x-data="initCompareOnProductList()">
  7912.                                                    <button
  7913.                                                        @click="addToCompare(10931)"
  7914.                                                        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"
  7915.                                                        type="button"
  7916.                                                        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"
  7917.                                                        data-addto="compare">
  7918.                                                        <span class="icon-balance text-2xl"></span>
  7919.                                                    </button>
  7920.                                                </div>
  7921.                                                                                    </div>
  7922.                                        <div class="product-info flex flex-col grow">
  7923.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  7924.                                                <a
  7925.                                                    class="product-item-link"
  7926.                                                    href="https://www.lalashops.nl/amd-ryzen-7-7800x3d-game-pc-32gb-rtx-5060-r7-gam-a79"
  7927.                                                    :id="`slide-desc-10931-${$id('slider-id')}`">
  7928.                                                    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>
  7929.                                            </div>
  7930.  
  7931.  
  7932.                                                                                                                                        
  7933.  
  7934.  
  7935.                                            
  7936.                                            <div class="pt-1 text-gray-900"
  7937.                                                x-defer="intersect"
  7938.                                                @update-prices-10931.window="updatePrice($event.detail);">
  7939.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10931" data-price-box="product-id-10931">
  7940.    <span class="special-price">
  7941.        <span
  7942.    x-data x-id="['product\u002Dprice\u002D10931']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7943.        >
  7944.            <span class="price-label">Special Price</span>
  7945.        <span  :id="$id('product\u002Dprice\u002D10931')"                data-price-amount="1159"
  7946.        data-price-type="finalPrice"
  7947.        class="price-wrapper "
  7948.    ><span class="price">€ 1.159,00</span></span>
  7949.        </span>
  7950.    </span>
  7951.    <span class="old-price">
  7952.        <span
  7953.    x-data x-id="['old\u002Dprice\u002D10931']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  7954.        >
  7955.            <span class="price-label">Regular Price</span>
  7956.        <span  :id="$id('old\u002Dprice\u002D10931')"                data-price-amount="1299"
  7957.        data-price-type="oldPrice"
  7958.        class="price-wrapper "
  7959.    ><span class="price">€ 1.299,00</span></span>
  7960.        </span>
  7961.    </span>
  7962.  
  7963. </div>                                            </div>
  7964.  
  7965.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  7966.            ">
  7967.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  7968.                                                                                                                    <button
  7969.                                                                class="w-auto btn justify-center text-xl mr-auto"
  7970.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  7971.                                                                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"
  7972.                                                                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"
  7973.                                                                data-addto="cart">
  7974.                                                                <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">
  7975.  <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"/>
  7976. </svg>
  7977.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  7978.                                                                    In Winkelwagen                                                                </span>
  7979.                                                            </button>
  7980.                                                                                                            </div>
  7981.  
  7982.                                                                                            </div>
  7983.                                        </div>
  7984.                                                                                                                        </form>
  7985.                                
  7986.                </li>
  7987.                                        
  7988.                            <li class="swiper-slide">
  7989.                                                                    <form method="post"
  7990.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10860/"
  7991.                                        x-data="{
  7992.        hovered: false,
  7993.        grid: true ,
  7994.        isMobile: false,
  7995.        isMobileFunc () {
  7996.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  7997.        }
  7998.    }"
  7999.                                        x-init="
  8000.        isMobileFunc();
  8001.        const labelClass = '.amlabel-position-top-right-10860-prod';
  8002.        const labels = document.querySelectorAll(labelClass);
  8003.  
  8004.        $watch('hovered', value => {
  8005.            if (value) {
  8006.                labels.forEach(el => el.style.opacity = '0');
  8007.            } else {
  8008.                labels.forEach(el => el.style.opacity = '1');
  8009.            }
  8010.        });
  8011.    "
  8012.                                        @mouseenter="hovered = true"
  8013.                                        @mouseleave="hovered = false"
  8014.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8015.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8016.                                        >
  8017.                                        <style>
  8018.                                            /* Generate styling for the label based on the product ID */
  8019.                                            .amlabel-position-top-right-10860-prod {
  8020.                                                transition: opacity 0.3s ease;
  8021.                                            }
  8022.                                        </style>
  8023.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10860" />
  8024.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5060-r7-gam-a98"
  8025.                                            title="AMD Ryzen 5 8400 8e Generatie Gaming PC - Aquariumcase met aRGb Towercooler - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Windows 11 - Gamdias Aura GC10M"
  8026.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8027.                                            tabindex="-1">
  8028.                                            <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>
  8029.                                        </a>
  8030.                                        <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>
  8031.                                                                                            <div x-data="initWishlist()">
  8032.                                                    <button
  8033.                                                        @click="addToWishlist(10860)"
  8034.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400&#x20;8e&#x20;Generatie&#x20;Gaming&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  8035.                                                        type="button"
  8036.                                                        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"
  8037.                                                        data-addto="wishlist">
  8038.                                                        <span class="icon-heart text-2xl"></span>
  8039.                                                    </button>
  8040.                                                </div>
  8041.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8042.                                                    <button
  8043.                                                        @click="addToCompare(10860)"
  8044.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400&#x20;8e&#x20;Generatie&#x20;Gaming&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  8045.                                                        type="button"
  8046.                                                        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"
  8047.                                                        data-addto="compare">
  8048.                                                        <span class="icon-balance text-2xl"></span>
  8049.                                                    </button>
  8050.                                                </div>
  8051.                                                                                    </div>
  8052.                                        <div class="product-info flex flex-col grow">
  8053.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8054.                                                <a
  8055.                                                    class="product-item-link"
  8056.                                                    href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5060-r7-gam-a98"
  8057.                                                    :id="`slide-desc-10860-${$id('slider-id')}`">
  8058.                                                    AMD Ryzen 5 8400 8e Generatie Gaming PC - Aquariumcase met aRGb Towercooler - GeForce RTX 5060 8GB - 32GB DDR5 RAM - 1TB SSD - Windows 11 - Gamdias Aura GC10M                                                </a>
  8059.                                            </div>
  8060.  
  8061.  
  8062.                                                                                                                                        
  8063.  
  8064.  
  8065.                                            
  8066.                                            <div class="pt-1 text-gray-900"
  8067.                                                x-defer="intersect"
  8068.                                                @update-prices-10860.window="updatePrice($event.detail);">
  8069.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10860" data-price-box="product-id-10860">
  8070.    <span class="special-price">
  8071.        <span
  8072.    x-data x-id="['product\u002Dprice\u002D10860']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8073.        >
  8074.            <span class="price-label">Special Price</span>
  8075.        <span  :id="$id('product\u002Dprice\u002D10860')"                data-price-amount="869"
  8076.        data-price-type="finalPrice"
  8077.        class="price-wrapper "
  8078.    ><span class="price">€ 869,00</span></span>
  8079.        </span>
  8080.    </span>
  8081.    <span class="old-price">
  8082.        <span
  8083.    x-data x-id="['old\u002Dprice\u002D10860']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8084.        >
  8085.            <span class="price-label">Regular Price</span>
  8086.        <span  :id="$id('old\u002Dprice\u002D10860')"                data-price-amount="999"
  8087.        data-price-type="oldPrice"
  8088.        class="price-wrapper "
  8089.    ><span class="price">€ 999,00</span></span>
  8090.        </span>
  8091.    </span>
  8092.  
  8093. </div>                                            </div>
  8094.  
  8095.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8096.            ">
  8097.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8098.                                                                                                                    <button
  8099.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8100.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8101.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400&#x20;8e&#x20;Generatie&#x20;Gaming&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  8102.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;5&#x20;8400&#x20;8e&#x20;Generatie&#x20;Gaming&#x20;PC&#x20;-&#x20;Aquariumcase&#x20;met&#x20;aRGb&#x20;Towercooler&#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;-&#x20;Gamdias&#x20;Aura&#x20;GC10M"
  8103.                                                                data-addto="cart">
  8104.                                                                <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">
  8105.  <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"/>
  8106. </svg>
  8107.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8108.                                                                    In Winkelwagen                                                                </span>
  8109.                                                            </button>
  8110.                                                                                                            </div>
  8111.  
  8112.                                                                                            </div>
  8113.                                        </div>
  8114.                                                                                                                        </form>
  8115.                                
  8116.                </li>
  8117.                                        
  8118.                            <li class="swiper-slide">
  8119.                                                                    <form method="post"
  8120.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10857/"
  8121.                                        x-data="{
  8122.        hovered: false,
  8123.        grid: true ,
  8124.        isMobile: false,
  8125.        isMobileFunc () {
  8126.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8127.        }
  8128.    }"
  8129.                                        x-init="
  8130.        isMobileFunc();
  8131.        const labelClass = '.amlabel-position-top-right-10857-prod';
  8132.        const labels = document.querySelectorAll(labelClass);
  8133.  
  8134.        $watch('hovered', value => {
  8135.            if (value) {
  8136.                labels.forEach(el => el.style.opacity = '0');
  8137.            } else {
  8138.                labels.forEach(el => el.style.opacity = '1');
  8139.            }
  8140.        });
  8141.    "
  8142.                                        @mouseenter="hovered = true"
  8143.                                        @mouseleave="hovered = false"
  8144.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8145.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8146.                                        >
  8147.                                        <style>
  8148.                                            /* Generate styling for the label based on the product ID */
  8149.                                            .amlabel-position-top-right-10857-prod {
  8150.                                                transition: opacity 0.3s ease;
  8151.                                            }
  8152.                                        </style>
  8153.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10857" />
  8154.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a97"
  8155.                                            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"
  8156.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8157.                                            tabindex="-1">
  8158.                                            <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>
  8159.                                        </a>
  8160.                                        <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>
  8161.                                                                                            <div x-data="initWishlist()">
  8162.                                                    <button
  8163.                                                        @click="addToWishlist(10857)"
  8164.                                                        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"
  8165.                                                        type="button"
  8166.                                                        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"
  8167.                                                        data-addto="wishlist">
  8168.                                                        <span class="icon-heart text-2xl"></span>
  8169.                                                    </button>
  8170.                                                </div>
  8171.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8172.                                                    <button
  8173.                                                        @click="addToCompare(10857)"
  8174.                                                        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"
  8175.                                                        type="button"
  8176.                                                        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"
  8177.                                                        data-addto="compare">
  8178.                                                        <span class="icon-balance text-2xl"></span>
  8179.                                                    </button>
  8180.                                                </div>
  8181.                                                                                    </div>
  8182.                                        <div class="product-info flex flex-col grow">
  8183.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8184.                                                <a
  8185.                                                    class="product-item-link"
  8186.                                                    href="https://www.lalashops.nl/amd-ryzen-7-8700f-game-pc-32gb-rtx-5060-r7-gam-a97"
  8187.                                                    :id="`slide-desc-10857-${$id('slider-id')}`">
  8188.                                                    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>
  8189.                                            </div>
  8190.  
  8191.  
  8192.                                                                                                                                        
  8193.  
  8194.  
  8195.                                            
  8196.                                            <div class="pt-1 text-gray-900"
  8197.                                                x-defer="intersect"
  8198.                                                @update-prices-10857.window="updatePrice($event.detail);">
  8199.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10857" data-price-box="product-id-10857">
  8200.    <span class="special-price">
  8201.        <span
  8202.    x-data x-id="['product\u002Dprice\u002D10857']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8203.        >
  8204.            <span class="price-label">Special Price</span>
  8205.        <span  :id="$id('product\u002Dprice\u002D10857')"                data-price-amount="925"
  8206.        data-price-type="finalPrice"
  8207.        class="price-wrapper "
  8208.    ><span class="price">€ 925,00</span></span>
  8209.        </span>
  8210.    </span>
  8211.    <span class="old-price">
  8212.        <span
  8213.    x-data x-id="['old\u002Dprice\u002D10857']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8214.        >
  8215.            <span class="price-label">Regular Price</span>
  8216.        <span  :id="$id('old\u002Dprice\u002D10857')"                data-price-amount="1099"
  8217.        data-price-type="oldPrice"
  8218.        class="price-wrapper "
  8219.    ><span class="price">€ 1.099,00</span></span>
  8220.        </span>
  8221.    </span>
  8222.  
  8223. </div>                                            </div>
  8224.  
  8225.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8226.            ">
  8227.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8228.                                                                                                                    <button
  8229.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8230.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8231.                                                                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"
  8232.                                                                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"
  8233.                                                                data-addto="cart">
  8234.                                                                <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">
  8235.  <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"/>
  8236. </svg>
  8237.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8238.                                                                    In Winkelwagen                                                                </span>
  8239.                                                            </button>
  8240.                                                                                                            </div>
  8241.  
  8242.                                                                                            </div>
  8243.                                        </div>
  8244.                                                                                                                        </form>
  8245.                                
  8246.                </li>
  8247.                                        
  8248.                            <li class="swiper-slide">
  8249.                                                                    <form method="post"
  8250.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10833/"
  8251.                                        x-data="{
  8252.        hovered: false,
  8253.        grid: true ,
  8254.        isMobile: false,
  8255.        isMobileFunc () {
  8256.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8257.        }
  8258.    }"
  8259.                                        x-init="
  8260.        isMobileFunc();
  8261.        const labelClass = '.amlabel-position-top-right-10833-prod';
  8262.        const labels = document.querySelectorAll(labelClass);
  8263.  
  8264.        $watch('hovered', value => {
  8265.            if (value) {
  8266.                labels.forEach(el => el.style.opacity = '0');
  8267.            } else {
  8268.                labels.forEach(el => el.style.opacity = '1');
  8269.            }
  8270.        });
  8271.    "
  8272.                                        @mouseenter="hovered = true"
  8273.                                        @mouseleave="hovered = false"
  8274.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8275.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8276.                                        >
  8277.                                        <style>
  8278.                                            /* Generate styling for the label based on the product ID */
  8279.                                            .amlabel-position-top-right-10833-prod {
  8280.                                                transition: opacity 0.3s ease;
  8281.                                            }
  8282.                                        </style>
  8283.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10833" />
  8284.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a96"
  8285.                                            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 - Sharkoon AK6 RGB White Aquarium Case"
  8286.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8287.                                            tabindex="-1">
  8288.                                            <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/h/sharkoon_lf_bl_4.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/s/h/sharkoon_lf_bl_4.jpg" width="360" height="360" loading="lazy"></picture>
  8289.                                        </a>
  8290.                                        <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>
  8291.                                                                                            <div x-data="initWishlist()">
  8292.                                                    <button
  8293.                                                        @click="addToWishlist(10833)"
  8294.                                                        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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  8295.                                                        type="button"
  8296.                                                        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"
  8297.                                                        data-addto="wishlist">
  8298.                                                        <span class="icon-heart text-2xl"></span>
  8299.                                                    </button>
  8300.                                                </div>
  8301.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8302.                                                    <button
  8303.                                                        @click="addToCompare(10833)"
  8304.                                                        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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  8305.                                                        type="button"
  8306.                                                        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"
  8307.                                                        data-addto="compare">
  8308.                                                        <span class="icon-balance text-2xl"></span>
  8309.                                                    </button>
  8310.                                                </div>
  8311.                                                                                    </div>
  8312.                                        <div class="product-info flex flex-col grow">
  8313.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8314.                                                <a
  8315.                                                    class="product-item-link"
  8316.                                                    href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a96"
  8317.                                                    :id="`slide-desc-10833-${$id('slider-id')}`">
  8318.                                                    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 - Sharkoon AK6 RGB White Aquarium Case                                                </a>
  8319.                                            </div>
  8320.  
  8321.  
  8322.                                                                                                                                        
  8323.  
  8324.  
  8325.                                            
  8326.                                            <div class="pt-1 text-gray-900"
  8327.                                                x-defer="intersect"
  8328.                                                @update-prices-10833.window="updatePrice($event.detail);">
  8329.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10833" data-price-box="product-id-10833">
  8330.    <span class="special-price">
  8331.        <span
  8332.    x-data x-id="['product\u002Dprice\u002D10833']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8333.        >
  8334.            <span class="price-label">Special Price</span>
  8335.        <span  :id="$id('product\u002Dprice\u002D10833')"                data-price-amount="2049"
  8336.        data-price-type="finalPrice"
  8337.        class="price-wrapper "
  8338.    ><span class="price">€ 2.049,00</span></span>
  8339.        </span>
  8340.    </span>
  8341.    <span class="old-price">
  8342.        <span
  8343.    x-data x-id="['old\u002Dprice\u002D10833']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8344.        >
  8345.            <span class="price-label">Regular Price</span>
  8346.        <span  :id="$id('old\u002Dprice\u002D10833')"                data-price-amount="2249"
  8347.        data-price-type="oldPrice"
  8348.        class="price-wrapper "
  8349.    ><span class="price">€ 2.249,00</span></span>
  8350.        </span>
  8351.    </span>
  8352.  
  8353. </div>                                            </div>
  8354.  
  8355.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8356.            ">
  8357.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8358.                                                                                                                    <button
  8359.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8360.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8361.                                                                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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  8362.                                                                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;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  8363.                                                                data-addto="cart">
  8364.                                                                <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">
  8365.  <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"/>
  8366. </svg>
  8367.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8368.                                                                    In Winkelwagen                                                                </span>
  8369.                                                            </button>
  8370.                                                                                                            </div>
  8371.  
  8372.                                                                                            </div>
  8373.                                        </div>
  8374.                                                                                                                        </form>
  8375.                                
  8376.                </li>
  8377.                                        
  8378.                            <li class="swiper-slide">
  8379.                                                                    <form method="post"
  8380.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10832/"
  8381.                                        x-data="{
  8382.        hovered: false,
  8383.        grid: true ,
  8384.        isMobile: false,
  8385.        isMobileFunc () {
  8386.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8387.        }
  8388.    }"
  8389.                                        x-init="
  8390.        isMobileFunc();
  8391.        const labelClass = '.amlabel-position-top-right-10832-prod';
  8392.        const labels = document.querySelectorAll(labelClass);
  8393.  
  8394.        $watch('hovered', value => {
  8395.            if (value) {
  8396.                labels.forEach(el => el.style.opacity = '0');
  8397.            } else {
  8398.                labels.forEach(el => el.style.opacity = '1');
  8399.            }
  8400.        });
  8401.    "
  8402.                                        @mouseenter="hovered = true"
  8403.                                        @mouseleave="hovered = false"
  8404.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8405.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8406.                                        >
  8407.                                        <style>
  8408.                                            /* Generate styling for the label based on the product ID */
  8409.                                            .amlabel-position-top-right-10832-prod {
  8410.                                                transition: opacity 0.3s ease;
  8411.                                            }
  8412.                                        </style>
  8413.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10832" />
  8414.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a95"
  8415.                                            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"
  8416.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8417.                                            tabindex="-1">
  8418.                                            <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>
  8419.                                        </a>
  8420.                                        <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>
  8421.                                                                                            <div x-data="initWishlist()">
  8422.                                                    <button
  8423.                                                        @click="addToWishlist(10832)"
  8424.                                                        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"
  8425.                                                        type="button"
  8426.                                                        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"
  8427.                                                        data-addto="wishlist">
  8428.                                                        <span class="icon-heart text-2xl"></span>
  8429.                                                    </button>
  8430.                                                </div>
  8431.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8432.                                                    <button
  8433.                                                        @click="addToCompare(10832)"
  8434.                                                        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"
  8435.                                                        type="button"
  8436.                                                        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"
  8437.                                                        data-addto="compare">
  8438.                                                        <span class="icon-balance text-2xl"></span>
  8439.                                                    </button>
  8440.                                                </div>
  8441.                                                                                    </div>
  8442.                                        <div class="product-info flex flex-col grow">
  8443.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8444.                                                <a
  8445.                                                    class="product-item-link"
  8446.                                                    href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a95"
  8447.                                                    :id="`slide-desc-10832-${$id('slider-id')}`">
  8448.                                                    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>
  8449.                                            </div>
  8450.  
  8451.  
  8452.                                                                                                                                        
  8453.  
  8454.  
  8455.                                            
  8456.                                            <div class="pt-1 text-gray-900"
  8457.                                                x-defer="intersect"
  8458.                                                @update-prices-10832.window="updatePrice($event.detail);">
  8459.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10832" data-price-box="product-id-10832">
  8460.    <span class="special-price">
  8461.        <span
  8462.    x-data x-id="['product\u002Dprice\u002D10832']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8463.        >
  8464.            <span class="price-label">Special Price</span>
  8465.        <span  :id="$id('product\u002Dprice\u002D10832')"                data-price-amount="2049"
  8466.        data-price-type="finalPrice"
  8467.        class="price-wrapper "
  8468.    ><span class="price">€ 2.049,00</span></span>
  8469.        </span>
  8470.    </span>
  8471.    <span class="old-price">
  8472.        <span
  8473.    x-data x-id="['old\u002Dprice\u002D10832']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8474.        >
  8475.            <span class="price-label">Regular Price</span>
  8476.        <span  :id="$id('old\u002Dprice\u002D10832')"                data-price-amount="2249"
  8477.        data-price-type="oldPrice"
  8478.        class="price-wrapper "
  8479.    ><span class="price">€ 2.249,00</span></span>
  8480.        </span>
  8481.    </span>
  8482.  
  8483. </div>                                            </div>
  8484.  
  8485.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8486.            ">
  8487.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8488.                                                                                                                    <button
  8489.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8490.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8491.                                                                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"
  8492.                                                                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"
  8493.                                                                data-addto="cart">
  8494.                                                                <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">
  8495.  <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"/>
  8496. </svg>
  8497.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8498.                                                                    In Winkelwagen                                                                </span>
  8499.                                                            </button>
  8500.                                                                                                            </div>
  8501.  
  8502.                                                                                            </div>
  8503.                                        </div>
  8504.                                                                                                                        </form>
  8505.                                
  8506.                </li>
  8507.                                        
  8508.                            <li class="swiper-slide">
  8509.                                                                    <form method="post"
  8510.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10722/"
  8511.                                        x-data="{
  8512.        hovered: false,
  8513.        grid: true ,
  8514.        isMobile: false,
  8515.        isMobileFunc () {
  8516.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8517.        }
  8518.    }"
  8519.                                        x-init="
  8520.        isMobileFunc();
  8521.        const labelClass = '.amlabel-position-top-right-10722-prod';
  8522.        const labels = document.querySelectorAll(labelClass);
  8523.  
  8524.        $watch('hovered', value => {
  8525.            if (value) {
  8526.                labels.forEach(el => el.style.opacity = '0');
  8527.            } else {
  8528.                labels.forEach(el => el.style.opacity = '1');
  8529.            }
  8530.        });
  8531.    "
  8532.                                        @mouseenter="hovered = true"
  8533.                                        @mouseleave="hovered = false"
  8534.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8535.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8536.                                        >
  8537.                                        <style>
  8538.                                            /* Generate styling for the label based on the product ID */
  8539.                                            .amlabel-position-top-right-10722-prod {
  8540.                                                transition: opacity 0.3s ease;
  8541.                                            }
  8542.                                        </style>
  8543.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10722" />
  8544.                                                                                                                                                            <a href="https://www.lalashops.nl/stindu-m57-ergonomische-gaming-bureaustoel-sti-m57"
  8545.                                            title="Stindu M57 Ergonomische Bureaustoel / Gaming stoel / Gaming chair"
  8546.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8547.                                            tabindex="-1">
  8548.                                            <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>
  8549.                                        </a>
  8550.                                        <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>
  8551.                                                                                            <div x-data="initWishlist()">
  8552.                                                    <button
  8553.                                                        @click="addToWishlist(10722)"
  8554.                                                        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"
  8555.                                                        type="button"
  8556.                                                        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"
  8557.                                                        data-addto="wishlist">
  8558.                                                        <span class="icon-heart text-2xl"></span>
  8559.                                                    </button>
  8560.                                                </div>
  8561.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8562.                                                    <button
  8563.                                                        @click="addToCompare(10722)"
  8564.                                                        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"
  8565.                                                        type="button"
  8566.                                                        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"
  8567.                                                        data-addto="compare">
  8568.                                                        <span class="icon-balance text-2xl"></span>
  8569.                                                    </button>
  8570.                                                </div>
  8571.                                                                                    </div>
  8572.                                        <div class="product-info flex flex-col grow">
  8573.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8574.                                                <a
  8575.                                                    class="product-item-link"
  8576.                                                    href="https://www.lalashops.nl/stindu-m57-ergonomische-gaming-bureaustoel-sti-m57"
  8577.                                                    :id="`slide-desc-10722-${$id('slider-id')}`">
  8578.                                                    Stindu M57 Ergonomische Bureaustoel / Gaming stoel / Gaming chair                                                </a>
  8579.                                            </div>
  8580.  
  8581.  
  8582.                                                                                                                                        
  8583.  
  8584.  
  8585.                                            
  8586.                                            <div class="pt-1 text-gray-900"
  8587.                                                x-defer="intersect"
  8588.                                                @update-prices-10722.window="updatePrice($event.detail);">
  8589.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10722" data-price-box="product-id-10722">
  8590.    <span class="special-price">
  8591.        <span
  8592.    x-data x-id="['product\u002Dprice\u002D10722']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8593.        >
  8594.            <span class="price-label">Special Price</span>
  8595.        <span  :id="$id('product\u002Dprice\u002D10722')"                data-price-amount="199"
  8596.        data-price-type="finalPrice"
  8597.        class="price-wrapper "
  8598.    ><span class="price">€ 199,00</span></span>
  8599.        </span>
  8600.    </span>
  8601.    <span class="old-price">
  8602.        <span
  8603.    x-data x-id="['old\u002Dprice\u002D10722']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8604.        >
  8605.            <span class="price-label">Regular Price</span>
  8606.        <span  :id="$id('old\u002Dprice\u002D10722')"                data-price-amount="275"
  8607.        data-price-type="oldPrice"
  8608.        class="price-wrapper "
  8609.    ><span class="price">€ 275,00</span></span>
  8610.        </span>
  8611.    </span>
  8612.  
  8613. </div>                                            </div>
  8614.  
  8615.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8616.            ">
  8617.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8618.                                                                                                                    <button
  8619.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8620.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8621.                                                                title="In&#x20;Winkelwagen&#x20;Stindu&#x20;M57&#x20;Ergonomische&#x20;Bureaustoel&#x20;&#x2F;&#x20;Gaming&#x20;stoel&#x20;&#x2F;&#x20;Gaming&#x20;chair"
  8622.                                                                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"
  8623.                                                                data-addto="cart">
  8624.                                                                <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">
  8625.  <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"/>
  8626. </svg>
  8627.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8628.                                                                    In Winkelwagen                                                                </span>
  8629.                                                            </button>
  8630.                                                                                                            </div>
  8631.  
  8632.                                                                                            </div>
  8633.                                        </div>
  8634.                                                                                                                        </form>
  8635.                                
  8636.                </li>
  8637.                                        
  8638.                            <li class="swiper-slide">
  8639.                                                                    <form method="post"
  8640.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10670/"
  8641.                                        x-data="{
  8642.        hovered: false,
  8643.        grid: true ,
  8644.        isMobile: false,
  8645.        isMobileFunc () {
  8646.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8647.        }
  8648.    }"
  8649.                                        x-init="
  8650.        isMobileFunc();
  8651.        const labelClass = '.amlabel-position-top-right-10670-prod';
  8652.        const labels = document.querySelectorAll(labelClass);
  8653.  
  8654.        $watch('hovered', value => {
  8655.            if (value) {
  8656.                labels.forEach(el => el.style.opacity = '0');
  8657.            } else {
  8658.                labels.forEach(el => el.style.opacity = '1');
  8659.            }
  8660.        });
  8661.    "
  8662.                                        @mouseenter="hovered = true"
  8663.                                        @mouseleave="hovered = false"
  8664.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8665.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8666.                                        >
  8667.                                        <style>
  8668.                                            /* Generate styling for the label based on the product ID */
  8669.                                            .amlabel-position-top-right-10670-prod {
  8670.                                                transition: opacity 0.3s ease;
  8671.                                            }
  8672.                                        </style>
  8673.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10670" />
  8674.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5070-r5-gam-a43"
  8675.                                            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"
  8676.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8677.                                            tabindex="-1">
  8678.                                            <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>
  8679.                                        </a>
  8680.                                        <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>
  8681.                                                                                            <div x-data="initWishlist()">
  8682.                                                    <button
  8683.                                                        @click="addToWishlist(10670)"
  8684.                                                        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"
  8685.                                                        type="button"
  8686.                                                        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"
  8687.                                                        data-addto="wishlist">
  8688.                                                        <span class="icon-heart text-2xl"></span>
  8689.                                                    </button>
  8690.                                                </div>
  8691.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8692.                                                    <button
  8693.                                                        @click="addToCompare(10670)"
  8694.                                                        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"
  8695.                                                        type="button"
  8696.                                                        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"
  8697.                                                        data-addto="compare">
  8698.                                                        <span class="icon-balance text-2xl"></span>
  8699.                                                    </button>
  8700.                                                </div>
  8701.                                                                                    </div>
  8702.                                        <div class="product-info flex flex-col grow">
  8703.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8704.                                                <a
  8705.                                                    class="product-item-link"
  8706.                                                    href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5070-r5-gam-a43"
  8707.                                                    :id="`slide-desc-10670-${$id('slider-id')}`">
  8708.                                                    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>
  8709.                                            </div>
  8710.  
  8711.  
  8712.                                                                                                                                        
  8713.  
  8714.  
  8715.                                            
  8716.                                            <div class="pt-1 text-gray-900"
  8717.                                                x-defer="intersect"
  8718.                                                @update-prices-10670.window="updatePrice($event.detail);">
  8719.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10670" data-price-box="product-id-10670">
  8720.    <span class="special-price">
  8721.        <span
  8722.    x-data x-id="['product\u002Dprice\u002D10670']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8723.        >
  8724.            <span class="price-label">Special Price</span>
  8725.        <span  :id="$id('product\u002Dprice\u002D10670')"                data-price-amount="1229"
  8726.        data-price-type="finalPrice"
  8727.        class="price-wrapper "
  8728.    ><span class="price">€ 1.229,00</span></span>
  8729.        </span>
  8730.    </span>
  8731.    <span class="old-price">
  8732.        <span
  8733.    x-data x-id="['old\u002Dprice\u002D10670']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8734.        >
  8735.            <span class="price-label">Regular Price</span>
  8736.        <span  :id="$id('old\u002Dprice\u002D10670')"                data-price-amount="1399"
  8737.        data-price-type="oldPrice"
  8738.        class="price-wrapper "
  8739.    ><span class="price">€ 1.399,00</span></span>
  8740.        </span>
  8741.    </span>
  8742.  
  8743. </div>                                            </div>
  8744.  
  8745.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8746.            ">
  8747.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8748.                                                                                                                    <button
  8749.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8750.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8751.                                                                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"
  8752.                                                                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"
  8753.                                                                data-addto="cart">
  8754.                                                                <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">
  8755.  <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"/>
  8756. </svg>
  8757.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8758.                                                                    In Winkelwagen                                                                </span>
  8759.                                                            </button>
  8760.                                                                                                            </div>
  8761.  
  8762.                                                                                            </div>
  8763.                                        </div>
  8764.                                                                                                                        </form>
  8765.                                
  8766.                </li>
  8767.                                        
  8768.                            <li class="swiper-slide">
  8769.                                                                    <form method="post"
  8770.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10668/"
  8771.                                        x-data="{
  8772.        hovered: false,
  8773.        grid: true ,
  8774.        isMobile: false,
  8775.        isMobileFunc () {
  8776.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8777.        }
  8778.    }"
  8779.                                        x-init="
  8780.        isMobileFunc();
  8781.        const labelClass = '.amlabel-position-top-right-10668-prod';
  8782.        const labels = document.querySelectorAll(labelClass);
  8783.  
  8784.        $watch('hovered', value => {
  8785.            if (value) {
  8786.                labels.forEach(el => el.style.opacity = '0');
  8787.            } else {
  8788.                labels.forEach(el => el.style.opacity = '1');
  8789.            }
  8790.        });
  8791.    "
  8792.                                        @mouseenter="hovered = true"
  8793.                                        @mouseleave="hovered = false"
  8794.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8795.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8796.                                        >
  8797.                                        <style>
  8798.                                            /* Generate styling for the label based on the product ID */
  8799.                                            .amlabel-position-top-right-10668-prod {
  8800.                                                transition: opacity 0.3s ease;
  8801.                                            }
  8802.                                        </style>
  8803.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10668" />
  8804.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5060ti-r5-gam-a42"
  8805.                                            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"
  8806.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8807.                                            tabindex="-1">
  8808.                                            <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>
  8809.                                        </a>
  8810.                                        <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>
  8811.                                                                                            <div x-data="initWishlist()">
  8812.                                                    <button
  8813.                                                        @click="addToWishlist(10668)"
  8814.                                                        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"
  8815.                                                        type="button"
  8816.                                                        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"
  8817.                                                        data-addto="wishlist">
  8818.                                                        <span class="icon-heart text-2xl"></span>
  8819.                                                    </button>
  8820.                                                </div>
  8821.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8822.                                                    <button
  8823.                                                        @click="addToCompare(10668)"
  8824.                                                        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"
  8825.                                                        type="button"
  8826.                                                        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"
  8827.                                                        data-addto="compare">
  8828.                                                        <span class="icon-balance text-2xl"></span>
  8829.                                                    </button>
  8830.                                                </div>
  8831.                                                                                    </div>
  8832.                                        <div class="product-info flex flex-col grow">
  8833.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8834.                                                <a
  8835.                                                    class="product-item-link"
  8836.                                                    href="https://www.lalashops.nl/amd-ryzen-5-8400f-game-pc-32gb-rtx-5060ti-r5-gam-a42"
  8837.                                                    :id="`slide-desc-10668-${$id('slider-id')}`">
  8838.                                                    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>
  8839.                                            </div>
  8840.  
  8841.  
  8842.                                                                                                                                        
  8843.  
  8844.  
  8845.                                            
  8846.                                            <div class="pt-1 text-gray-900"
  8847.                                                x-defer="intersect"
  8848.                                                @update-prices-10668.window="updatePrice($event.detail);">
  8849.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10668" data-price-box="product-id-10668">
  8850.    <span class="special-price">
  8851.        <span
  8852.    x-data x-id="['product\u002Dprice\u002D10668']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8853.        >
  8854.            <span class="price-label">Special Price</span>
  8855.        <span  :id="$id('product\u002Dprice\u002D10668')"                data-price-amount="975"
  8856.        data-price-type="finalPrice"
  8857.        class="price-wrapper "
  8858.    ><span class="price">€ 975,00</span></span>
  8859.        </span>
  8860.    </span>
  8861.    <span class="old-price">
  8862.        <span
  8863.    x-data x-id="['old\u002Dprice\u002D10668']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8864.        >
  8865.            <span class="price-label">Regular Price</span>
  8866.        <span  :id="$id('old\u002Dprice\u002D10668')"                data-price-amount="1099"
  8867.        data-price-type="oldPrice"
  8868.        class="price-wrapper "
  8869.    ><span class="price">€ 1.099,00</span></span>
  8870.        </span>
  8871.    </span>
  8872.  
  8873. </div>                                            </div>
  8874.  
  8875.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  8876.            ">
  8877.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  8878.                                                                                                                    <button
  8879.                                                                class="w-auto btn justify-center text-xl mr-auto"
  8880.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  8881.                                                                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"
  8882.                                                                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"
  8883.                                                                data-addto="cart">
  8884.                                                                <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">
  8885.  <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"/>
  8886. </svg>
  8887.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  8888.                                                                    In Winkelwagen                                                                </span>
  8889.                                                            </button>
  8890.                                                                                                            </div>
  8891.  
  8892.                                                                                            </div>
  8893.                                        </div>
  8894.                                                                                                                        </form>
  8895.                                
  8896.                </li>
  8897.                                        
  8898.                            <li class="swiper-slide">
  8899.                                                                    <form method="post"
  8900.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10048/"
  8901.                                        x-data="{
  8902.        hovered: false,
  8903.        grid: true ,
  8904.        isMobile: false,
  8905.        isMobileFunc () {
  8906.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  8907.        }
  8908.    }"
  8909.                                        x-init="
  8910.        isMobileFunc();
  8911.        const labelClass = '.amlabel-position-top-right-10048-prod';
  8912.        const labels = document.querySelectorAll(labelClass);
  8913.  
  8914.        $watch('hovered', value => {
  8915.            if (value) {
  8916.                labels.forEach(el => el.style.opacity = '0');
  8917.            } else {
  8918.                labels.forEach(el => el.style.opacity = '1');
  8919.            }
  8920.        });
  8921.    "
  8922.                                        @mouseenter="hovered = true"
  8923.                                        @mouseleave="hovered = false"
  8924.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  8925.                                        :class="isMobile ? 'product-item-mobile' : ''"
  8926.                                        >
  8927.                                        <style>
  8928.                                            /* Generate styling for the label based on the product ID */
  8929.                                            .amlabel-position-top-right-10048-prod {
  8930.                                                transition: opacity 0.3s ease;
  8931.                                            }
  8932.                                        </style>
  8933.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10048" />
  8934.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-7-5700x-gaming-pc-streaming-computer-rtx-3060-r7-37x-a13"
  8935.                                            title="AMD Ryzen 7 5700X High-End RGB Game PC / AIO 360 Waterkoeling Computer - RTX 3060 12GB - 32GB RGB RAM - 1TB M.2 SSD - 750W PSU - ASUS Rog Strix - WiFi 6| Bluetooth 5.2 - Sharkoon AK6 RGB White Aquarium Case"
  8936.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  8937.                                            tabindex="-1">
  8938.                                            <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/h/sharkoon_lf_bl_9.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/s/h/sharkoon_lf_bl_9.jpg" width="360" height="360" loading="lazy"></picture>
  8939.                                        </a>
  8940.                                        <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>
  8941.                                                                                            <div x-data="initWishlist()">
  8942.                                                    <button
  8943.                                                        @click="addToWishlist(10048)"
  8944.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X&#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;SSD&#x20;-&#x20;750W&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  8945.                                                        type="button"
  8946.                                                        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"
  8947.                                                        data-addto="wishlist">
  8948.                                                        <span class="icon-heart text-2xl"></span>
  8949.                                                    </button>
  8950.                                                </div>
  8951.                                                                                                                                        <div x-data="initCompareOnProductList()">
  8952.                                                    <button
  8953.                                                        @click="addToCompare(10048)"
  8954.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X&#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;SSD&#x20;-&#x20;750W&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  8955.                                                        type="button"
  8956.                                                        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"
  8957.                                                        data-addto="compare">
  8958.                                                        <span class="icon-balance text-2xl"></span>
  8959.                                                    </button>
  8960.                                                </div>
  8961.                                                                                    </div>
  8962.                                        <div class="product-info flex flex-col grow">
  8963.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  8964.                                                <a
  8965.                                                    class="product-item-link"
  8966.                                                    href="https://www.lalashops.nl/amd-ryzen-7-5700x-gaming-pc-streaming-computer-rtx-3060-r7-37x-a13"
  8967.                                                    :id="`slide-desc-10048-${$id('slider-id')}`">
  8968.                                                    AMD Ryzen 7 5700X High-End RGB Game PC / AIO 360 Waterkoeling Computer - RTX 3060 12GB - 32GB RGB RAM - 1TB M.2 SSD - 750W PSU - ASUS Rog Strix - WiFi 6| Bluetooth 5.2 - Sharkoon AK6 RGB White Aquarium Case                                                </a>
  8969.                                            </div>
  8970.  
  8971.  
  8972.                                                                                                                                        
  8973.  
  8974.  
  8975.                                            
  8976.                                            <div class="pt-1 text-gray-900"
  8977.                                                x-defer="intersect"
  8978.                                                @update-prices-10048.window="updatePrice($event.detail);">
  8979.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10048" data-price-box="product-id-10048">
  8980.    <span class="special-price">
  8981.        <span
  8982.    x-data x-id="['product\u002Dprice\u002D10048']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8983.        >
  8984.            <span class="price-label">Special Price</span>
  8985.        <span  :id="$id('product\u002Dprice\u002D10048')"                data-price-amount="1079"
  8986.        data-price-type="finalPrice"
  8987.        class="price-wrapper "
  8988.    ><span class="price">€ 1.079,00</span></span>
  8989.        </span>
  8990.    </span>
  8991.    <span class="old-price">
  8992.        <span
  8993.    x-data x-id="['old\u002Dprice\u002D10048']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  8994.        >
  8995.            <span class="price-label">Regular Price</span>
  8996.        <span  :id="$id('old\u002Dprice\u002D10048')"                data-price-amount="1249"
  8997.        data-price-type="oldPrice"
  8998.        class="price-wrapper "
  8999.    ><span class="price">€ 1.249,00</span></span>
  9000.        </span>
  9001.    </span>
  9002.  
  9003. </div>                                            </div>
  9004.  
  9005.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9006.            ">
  9007.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9008.                                                                                                                    <button
  9009.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9010.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9011.                                                                title="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X&#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;SSD&#x20;-&#x20;750W&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  9012.                                                                aria-label="In&#x20;Winkelwagen&#x20;AMD&#x20;Ryzen&#x20;7&#x20;5700X&#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;SSD&#x20;-&#x20;750W&#x20;PSU&#x20;-&#x20;ASUS&#x20;Rog&#x20;Strix&#x20;-&#x20;WiFi&#x20;6&#x7C;&#x20;Bluetooth&#x20;5.2&#x20;-&#x20;Sharkoon&#x20;AK6&#x20;RGB&#x20;White&#x20;Aquarium&#x20;Case"
  9013.                                                                data-addto="cart">
  9014.                                                                <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">
  9015.  <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"/>
  9016. </svg>
  9017.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9018.                                                                    In Winkelwagen                                                                </span>
  9019.                                                            </button>
  9020.                                                                                                            </div>
  9021.  
  9022.                                                                                            </div>
  9023.                                        </div>
  9024.                                                                                                                        </form>
  9025.                                
  9026.                </li>
  9027.                                        
  9028.                            <li class="swiper-slide">
  9029.                                                                    <form method="post"
  9030.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9983/"
  9031.                                        x-data="{
  9032.        hovered: false,
  9033.        grid: true ,
  9034.        isMobile: false,
  9035.        isMobileFunc () {
  9036.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9037.        }
  9038.    }"
  9039.                                        x-init="
  9040.        isMobileFunc();
  9041.        const labelClass = '.amlabel-position-top-right-9983-prod';
  9042.        const labels = document.querySelectorAll(labelClass);
  9043.  
  9044.        $watch('hovered', value => {
  9045.            if (value) {
  9046.                labels.forEach(el => el.style.opacity = '0');
  9047.            } else {
  9048.                labels.forEach(el => el.style.opacity = '1');
  9049.            }
  9050.        });
  9051.    "
  9052.                                        @mouseenter="hovered = true"
  9053.                                        @mouseleave="hovered = false"
  9054.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9055.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9056.                                        >
  9057.                                        <style>
  9058.                                            /* Generate styling for the label based on the product ID */
  9059.                                            .amlabel-position-top-right-9983-prod {
  9060.                                                transition: opacity 0.3s ease;
  9061.                                            }
  9062.                                        </style>
  9063.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9983" />
  9064.                                                                                                                                                            <a href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070ti-16gb-i5-13600kf-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  9065.                                            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"
  9066.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9067.                                            tabindex="-1">
  9068.                                            <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>
  9069.                                        </a>
  9070.                                        <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>
  9071.                                                                                            <div x-data="initWishlist()">
  9072.                                                    <button
  9073.                                                        @click="addToWishlist(9983)"
  9074.                                                        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"
  9075.                                                        type="button"
  9076.                                                        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"
  9077.                                                        data-addto="wishlist">
  9078.                                                        <span class="icon-heart text-2xl"></span>
  9079.                                                    </button>
  9080.                                                </div>
  9081.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9082.                                                    <button
  9083.                                                        @click="addToCompare(9983)"
  9084.                                                        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"
  9085.                                                        type="button"
  9086.                                                        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"
  9087.                                                        data-addto="compare">
  9088.                                                        <span class="icon-balance text-2xl"></span>
  9089.                                                    </button>
  9090.                                                </div>
  9091.                                                                                    </div>
  9092.                                        <div class="product-info flex flex-col grow">
  9093.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9094.                                                <a
  9095.                                                    class="product-item-link"
  9096.                                                    href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070ti-16gb-i5-13600kf-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  9097.                                                    :id="`slide-desc-9983-${$id('slider-id')}`">
  9098.                                                    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>
  9099.                                            </div>
  9100.  
  9101.  
  9102.                                                                                                                                        
  9103.  
  9104.  
  9105.                                            
  9106.                                            <div class="pt-1 text-gray-900"
  9107.                                                x-defer="intersect"
  9108.                                                @update-prices-9983.window="updatePrice($event.detail);">
  9109.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9983" data-price-box="product-id-9983">
  9110.    <span class="special-price">
  9111.        <span
  9112.    x-data x-id="['product\u002Dprice\u002D9983']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9113.        >
  9114.            <span class="price-label">Special Price</span>
  9115.        <span  :id="$id('product\u002Dprice\u002D9983')"                data-price-amount="2299"
  9116.        data-price-type="finalPrice"
  9117.        class="price-wrapper "
  9118.    ><span class="price">€ 2.299,00</span></span>
  9119.        </span>
  9120.    </span>
  9121.    <span class="old-price">
  9122.        <span
  9123.    x-data x-id="['old\u002Dprice\u002D9983']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9124.        >
  9125.            <span class="price-label">Regular Price</span>
  9126.        <span  :id="$id('old\u002Dprice\u002D9983')"                data-price-amount="2499"
  9127.        data-price-type="oldPrice"
  9128.        class="price-wrapper "
  9129.    ><span class="price">€ 2.499,00</span></span>
  9130.        </span>
  9131.    </span>
  9132.  
  9133. </div>                                            </div>
  9134.  
  9135.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9136.            ">
  9137.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9138.                                                                                                                    <button
  9139.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9140.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9141.                                                                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"
  9142.                                                                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"
  9143.                                                                data-addto="cart">
  9144.                                                                <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">
  9145.  <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"/>
  9146. </svg>
  9147.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9148.                                                                    In Winkelwagen                                                                </span>
  9149.                                                            </button>
  9150.                                                                                                            </div>
  9151.  
  9152.                                                                                            </div>
  9153.                                        </div>
  9154.                                                                                                                        </form>
  9155.                                
  9156.                </li>
  9157.                                        
  9158.                            <li class="swiper-slide">
  9159.                                                                    <form method="post"
  9160.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9980/"
  9161.                                        x-data="{
  9162.        hovered: false,
  9163.        grid: true ,
  9164.        isMobile: false,
  9165.        isMobileFunc () {
  9166.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9167.        }
  9168.    }"
  9169.                                        x-init="
  9170.        isMobileFunc();
  9171.        const labelClass = '.amlabel-position-top-right-9980-prod';
  9172.        const labels = document.querySelectorAll(labelClass);
  9173.  
  9174.        $watch('hovered', value => {
  9175.            if (value) {
  9176.                labels.forEach(el => el.style.opacity = '0');
  9177.            } else {
  9178.                labels.forEach(el => el.style.opacity = '1');
  9179.            }
  9180.        });
  9181.    "
  9182.                                        @mouseenter="hovered = true"
  9183.                                        @mouseleave="hovered = false"
  9184.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9185.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9186.                                        >
  9187.                                        <style>
  9188.                                            /* Generate styling for the label based on the product ID */
  9189.                                            .amlabel-position-top-right-9980-prod {
  9190.                                                transition: opacity 0.3s ease;
  9191.                                            }
  9192.                                        </style>
  9193.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9980" />
  9194.                                                                                                                                                            <a href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5080-16gb-i7-14700k-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  9195.                                            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"
  9196.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9197.                                            tabindex="-1">
  9198.                                            <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>
  9199.                                        </a>
  9200.                                        <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>
  9201.                                                                                            <div x-data="initWishlist()">
  9202.                                                    <button
  9203.                                                        @click="addToWishlist(9980)"
  9204.                                                        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"
  9205.                                                        type="button"
  9206.                                                        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"
  9207.                                                        data-addto="wishlist">
  9208.                                                        <span class="icon-heart text-2xl"></span>
  9209.                                                    </button>
  9210.                                                </div>
  9211.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9212.                                                    <button
  9213.                                                        @click="addToCompare(9980)"
  9214.                                                        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"
  9215.                                                        type="button"
  9216.                                                        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"
  9217.                                                        data-addto="compare">
  9218.                                                        <span class="icon-balance text-2xl"></span>
  9219.                                                    </button>
  9220.                                                </div>
  9221.                                                                                    </div>
  9222.                                        <div class="product-info flex flex-col grow">
  9223.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9224.                                                <a
  9225.                                                    class="product-item-link"
  9226.                                                    href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5080-16gb-i7-14700k-32gb-ddr4-1tb-ssd-2tb-ssd-i9-gam-a31"
  9227.                                                    :id="`slide-desc-9980-${$id('slider-id')}`">
  9228.                                                    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>
  9229.                                            </div>
  9230.  
  9231.  
  9232.                                                                                                                                        
  9233.  
  9234.  
  9235.                                            
  9236.                                            <div class="pt-1 text-gray-900"
  9237.                                                x-defer="intersect"
  9238.                                                @update-prices-9980.window="updatePrice($event.detail);">
  9239.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9980" data-price-box="product-id-9980">
  9240.    <span class="special-price">
  9241.        <span
  9242.    x-data x-id="['product\u002Dprice\u002D9980']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9243.        >
  9244.            <span class="price-label">Special Price</span>
  9245.        <span  :id="$id('product\u002Dprice\u002D9980')"                data-price-amount="2945"
  9246.        data-price-type="finalPrice"
  9247.        class="price-wrapper "
  9248.    ><span class="price">€ 2.945,00</span></span>
  9249.        </span>
  9250.    </span>
  9251.    <span class="old-price">
  9252.        <span
  9253.    x-data x-id="['old\u002Dprice\u002D9980']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9254.        >
  9255.            <span class="price-label">Regular Price</span>
  9256.        <span  :id="$id('old\u002Dprice\u002D9980')"                data-price-amount="3249"
  9257.        data-price-type="oldPrice"
  9258.        class="price-wrapper "
  9259.    ><span class="price">€ 3.249,00</span></span>
  9260.        </span>
  9261.    </span>
  9262.  
  9263. </div>                                            </div>
  9264.  
  9265.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9266.            ">
  9267.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9268.                                                                                                                    <button
  9269.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9270.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9271.                                                                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"
  9272.                                                                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"
  9273.                                                                data-addto="cart">
  9274.                                                                <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">
  9275.  <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"/>
  9276. </svg>
  9277.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9278.                                                                    In Winkelwagen                                                                </span>
  9279.                                                            </button>
  9280.                                                                                                            </div>
  9281.  
  9282.                                                                                            </div>
  9283.                                        </div>
  9284.                                                                                                                        </form>
  9285.                                
  9286.                </li>
  9287.                                        
  9288.                            <li class="swiper-slide">
  9289.                                                                    <form method="post"
  9290.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9973/"
  9291.                                        x-data="{
  9292.        hovered: false,
  9293.        grid: true ,
  9294.        isMobile: false,
  9295.        isMobileFunc () {
  9296.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9297.        }
  9298.    }"
  9299.                                        x-init="
  9300.        isMobileFunc();
  9301.        const labelClass = '.amlabel-position-top-right-9973-prod';
  9302.        const labels = document.querySelectorAll(labelClass);
  9303.  
  9304.        $watch('hovered', value => {
  9305.            if (value) {
  9306.                labels.forEach(el => el.style.opacity = '0');
  9307.            } else {
  9308.                labels.forEach(el => el.style.opacity = '1');
  9309.            }
  9310.        });
  9311.    "
  9312.                                        @mouseenter="hovered = true"
  9313.                                        @mouseleave="hovered = false"
  9314.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9315.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9316.                                        >
  9317.                                        <style>
  9318.                                            /* Generate styling for the label based on the product ID */
  9319.                                            .amlabel-position-top-right-9973-prod {
  9320.                                                transition: opacity 0.3s ease;
  9321.                                            }
  9322.                                        </style>
  9323.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9973" />
  9324.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a40"
  9325.                                            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"
  9326.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9327.                                            tabindex="-1">
  9328.                                            <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>
  9329.                                        </a>
  9330.                                        <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>
  9331.                                                                                            <div x-data="initWishlist()">
  9332.                                                    <button
  9333.                                                        @click="addToWishlist(9973)"
  9334.                                                        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"
  9335.                                                        type="button"
  9336.                                                        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"
  9337.                                                        data-addto="wishlist">
  9338.                                                        <span class="icon-heart text-2xl"></span>
  9339.                                                    </button>
  9340.                                                </div>
  9341.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9342.                                                    <button
  9343.                                                        @click="addToCompare(9973)"
  9344.                                                        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"
  9345.                                                        type="button"
  9346.                                                        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"
  9347.                                                        data-addto="compare">
  9348.                                                        <span class="icon-balance text-2xl"></span>
  9349.                                                    </button>
  9350.                                                </div>
  9351.                                                                                    </div>
  9352.                                        <div class="product-info flex flex-col grow">
  9353.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9354.                                                <a
  9355.                                                    class="product-item-link"
  9356.                                                    href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a40"
  9357.                                                    :id="`slide-desc-9973-${$id('slider-id')}`">
  9358.                                                    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>
  9359.                                            </div>
  9360.  
  9361.  
  9362.                                                                                                                                        
  9363.  
  9364.  
  9365.                                            
  9366.                                            <div class="pt-1 text-gray-900"
  9367.                                                x-defer="intersect"
  9368.                                                @update-prices-9973.window="updatePrice($event.detail);">
  9369.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9973" data-price-box="product-id-9973">
  9370.    <span class="special-price">
  9371.        <span
  9372.    x-data x-id="['product\u002Dprice\u002D9973']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9373.        >
  9374.            <span class="price-label">Special Price</span>
  9375.        <span  :id="$id('product\u002Dprice\u002D9973')"                data-price-amount="769"
  9376.        data-price-type="finalPrice"
  9377.        class="price-wrapper "
  9378.    ><span class="price">€ 769,00</span></span>
  9379.        </span>
  9380.    </span>
  9381.    <span class="old-price">
  9382.        <span
  9383.    x-data x-id="['old\u002Dprice\u002D9973']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9384.        >
  9385.            <span class="price-label">Regular Price</span>
  9386.        <span  :id="$id('old\u002Dprice\u002D9973')"                data-price-amount="849"
  9387.        data-price-type="oldPrice"
  9388.        class="price-wrapper "
  9389.    ><span class="price">€ 849,00</span></span>
  9390.        </span>
  9391.    </span>
  9392.  
  9393. </div>                                            </div>
  9394.  
  9395.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9396.            ">
  9397.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9398.                                                                                                                    <button
  9399.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9400.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9401.                                                                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"
  9402.                                                                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"
  9403.                                                                data-addto="cart">
  9404.                                                                <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">
  9405.  <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"/>
  9406. </svg>
  9407.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9408.                                                                    In Winkelwagen                                                                </span>
  9409.                                                            </button>
  9410.                                                                                                            </div>
  9411.  
  9412.                                                                                            </div>
  9413.                                        </div>
  9414.                                                                                                                        </form>
  9415.                                
  9416.                </li>
  9417.                                        
  9418.                            <li class="swiper-slide">
  9419.                                                                    <form method="post"
  9420.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9971/"
  9421.                                        x-data="{
  9422.        hovered: false,
  9423.        grid: true ,
  9424.        isMobile: false,
  9425.        isMobileFunc () {
  9426.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9427.        }
  9428.    }"
  9429.                                        x-init="
  9430.        isMobileFunc();
  9431.        const labelClass = '.amlabel-position-top-right-9971-prod';
  9432.        const labels = document.querySelectorAll(labelClass);
  9433.  
  9434.        $watch('hovered', value => {
  9435.            if (value) {
  9436.                labels.forEach(el => el.style.opacity = '0');
  9437.            } else {
  9438.                labels.forEach(el => el.style.opacity = '1');
  9439.            }
  9440.        });
  9441.    "
  9442.                                        @mouseenter="hovered = true"
  9443.                                        @mouseleave="hovered = false"
  9444.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9445.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9446.                                        >
  9447.                                        <style>
  9448.                                            /* Generate styling for the label based on the product ID */
  9449.                                            .amlabel-position-top-right-9971-prod {
  9450.                                                transition: opacity 0.3s ease;
  9451.                                            }
  9452.                                        </style>
  9453.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9971" />
  9454.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a39"
  9455.                                            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"
  9456.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9457.                                            tabindex="-1">
  9458.                                            <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>
  9459.                                        </a>
  9460.                                        <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>
  9461.                                                                                            <div x-data="initWishlist()">
  9462.                                                    <button
  9463.                                                        @click="addToWishlist(9971)"
  9464.                                                        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"
  9465.                                                        type="button"
  9466.                                                        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"
  9467.                                                        data-addto="wishlist">
  9468.                                                        <span class="icon-heart text-2xl"></span>
  9469.                                                    </button>
  9470.                                                </div>
  9471.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9472.                                                    <button
  9473.                                                        @click="addToCompare(9971)"
  9474.                                                        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"
  9475.                                                        type="button"
  9476.                                                        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"
  9477.                                                        data-addto="compare">
  9478.                                                        <span class="icon-balance text-2xl"></span>
  9479.                                                    </button>
  9480.                                                </div>
  9481.                                                                                    </div>
  9482.                                        <div class="product-info flex flex-col grow">
  9483.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9484.                                                <a
  9485.                                                    class="product-item-link"
  9486.                                                    href="https://www.lalashops.nl/intel-12400-allround-game-pc-i5-gam-a39"
  9487.                                                    :id="`slide-desc-9971-${$id('slider-id')}`">
  9488.                                                    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>
  9489.                                            </div>
  9490.  
  9491.  
  9492.                                                                                                                                        
  9493.  
  9494.  
  9495.                                            
  9496.                                            <div class="pt-1 text-gray-900"
  9497.                                                x-defer="intersect"
  9498.                                                @update-prices-9971.window="updatePrice($event.detail);">
  9499.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9971" data-price-box="product-id-9971">
  9500.    <span class="special-price">
  9501.        <span
  9502.    x-data x-id="['product\u002Dprice\u002D9971']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9503.        >
  9504.            <span class="price-label">Special Price</span>
  9505.        <span  :id="$id('product\u002Dprice\u002D9971')"                data-price-amount="725"
  9506.        data-price-type="finalPrice"
  9507.        class="price-wrapper "
  9508.    ><span class="price">€ 725,00</span></span>
  9509.        </span>
  9510.    </span>
  9511.    <span class="old-price">
  9512.        <span
  9513.    x-data x-id="['old\u002Dprice\u002D9971']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9514.        >
  9515.            <span class="price-label">Regular Price</span>
  9516.        <span  :id="$id('old\u002Dprice\u002D9971')"                data-price-amount="799"
  9517.        data-price-type="oldPrice"
  9518.        class="price-wrapper "
  9519.    ><span class="price">€ 799,00</span></span>
  9520.        </span>
  9521.    </span>
  9522.  
  9523. </div>                                            </div>
  9524.  
  9525.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9526.            ">
  9527.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9528.                                                                                                                    <button
  9529.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9530.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9531.                                                                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"
  9532.                                                                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"
  9533.                                                                data-addto="cart">
  9534.                                                                <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">
  9535.  <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"/>
  9536. </svg>
  9537.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9538.                                                                    In Winkelwagen                                                                </span>
  9539.                                                            </button>
  9540.                                                                                                            </div>
  9541.  
  9542.                                                                                            </div>
  9543.                                        </div>
  9544.                                                                                                                        </form>
  9545.                                
  9546.                </li>
  9547.                                        
  9548.                            <li class="swiper-slide">
  9549.                                                                    <form method="post"
  9550.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9800/"
  9551.                                        x-data="{
  9552.        hovered: false,
  9553.        grid: true ,
  9554.        isMobile: false,
  9555.        isMobileFunc () {
  9556.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9557.        }
  9558.    }"
  9559.                                        x-init="
  9560.        isMobileFunc();
  9561.        const labelClass = '.amlabel-position-top-right-9800-prod';
  9562.        const labels = document.querySelectorAll(labelClass);
  9563.  
  9564.        $watch('hovered', value => {
  9565.            if (value) {
  9566.                labels.forEach(el => el.style.opacity = '0');
  9567.            } else {
  9568.                labels.forEach(el => el.style.opacity = '1');
  9569.            }
  9570.        });
  9571.    "
  9572.                                        @mouseenter="hovered = true"
  9573.                                        @mouseleave="hovered = false"
  9574.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9575.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9576.                                        >
  9577.                                        <style>
  9578.                                            /* Generate styling for the label based on the product ID */
  9579.                                            .amlabel-position-top-right-9800-prod {
  9580.                                                transition: opacity 0.3s ease;
  9581.                                            }
  9582.                                        </style>
  9583.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9800" />
  9584.                                                                                                                                                            <a href="https://www.lalashops.nl/r5-5500-rgb-game-computer-rtx-3060-r5-gam-a77"
  9585.                                            title="AMD Ryzen 5 5500 RGB Game Computer / Gaming PC - RTX 3060 12GB - 32GB RAM - 500GB SSD - 2TB HDD - Win11 Pro - Kolink Void Rift"
  9586.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9587.                                            tabindex="-1">
  9588.                                            <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>
  9589.                                        </a>
  9590.                                        <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>
  9591.                                                                                            <div x-data="initWishlist()">
  9592.                                                    <button
  9593.                                                        @click="addToWishlist(9800)"
  9594.                                                        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"
  9595.                                                        type="button"
  9596.                                                        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"
  9597.                                                        data-addto="wishlist">
  9598.                                                        <span class="icon-heart text-2xl"></span>
  9599.                                                    </button>
  9600.                                                </div>
  9601.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9602.                                                    <button
  9603.                                                        @click="addToCompare(9800)"
  9604.                                                        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"
  9605.                                                        type="button"
  9606.                                                        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"
  9607.                                                        data-addto="compare">
  9608.                                                        <span class="icon-balance text-2xl"></span>
  9609.                                                    </button>
  9610.                                                </div>
  9611.                                                                                    </div>
  9612.                                        <div class="product-info flex flex-col grow">
  9613.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9614.                                                <a
  9615.                                                    class="product-item-link"
  9616.                                                    href="https://www.lalashops.nl/r5-5500-rgb-game-computer-rtx-3060-r5-gam-a77"
  9617.                                                    :id="`slide-desc-9800-${$id('slider-id')}`">
  9618.                                                    AMD Ryzen 5 5500 RGB Game Computer / Gaming PC - RTX 3060 12GB - 32GB RAM - 500GB SSD - 2TB HDD - Win11 Pro - Kolink Void Rift                                                </a>
  9619.                                            </div>
  9620.  
  9621.  
  9622.                                                                                                                                        
  9623.  
  9624.  
  9625.                                            
  9626.                                            <div class="pt-1 text-gray-900"
  9627.                                                x-defer="intersect"
  9628.                                                @update-prices-9800.window="updatePrice($event.detail);">
  9629.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9800" data-price-box="product-id-9800">
  9630.    <span class="special-price">
  9631.        <span
  9632.    x-data x-id="['product\u002Dprice\u002D9800']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9633.        >
  9634.            <span class="price-label">Special Price</span>
  9635.        <span  :id="$id('product\u002Dprice\u002D9800')"                data-price-amount="899"
  9636.        data-price-type="finalPrice"
  9637.        class="price-wrapper "
  9638.    ><span class="price">€ 899,00</span></span>
  9639.        </span>
  9640.    </span>
  9641.    <span class="old-price">
  9642.        <span
  9643.    x-data x-id="['old\u002Dprice\u002D9800']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9644.        >
  9645.            <span class="price-label">Regular Price</span>
  9646.        <span  :id="$id('old\u002Dprice\u002D9800')"                data-price-amount="999"
  9647.        data-price-type="oldPrice"
  9648.        class="price-wrapper "
  9649.    ><span class="price">€ 999,00</span></span>
  9650.        </span>
  9651.    </span>
  9652.  
  9653. </div>                                            </div>
  9654.  
  9655.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9656.            ">
  9657.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9658.                                                                                                                    <button
  9659.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9660.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9661.                                                                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"
  9662.                                                                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"
  9663.                                                                data-addto="cart">
  9664.                                                                <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">
  9665.  <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"/>
  9666. </svg>
  9667.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9668.                                                                    In Winkelwagen                                                                </span>
  9669.                                                            </button>
  9670.                                                                                                            </div>
  9671.  
  9672.                                                                                            </div>
  9673.                                        </div>
  9674.                                                                                                                        </form>
  9675.                                
  9676.                </li>
  9677.                                        
  9678.                            <li class="swiper-slide">
  9679.                                                                    <form method="post"
  9680.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9726/"
  9681.                                        x-data="{
  9682.        hovered: false,
  9683.        grid: true ,
  9684.        isMobile: false,
  9685.        isMobileFunc () {
  9686.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9687.        }
  9688.    }"
  9689.                                        x-init="
  9690.        isMobileFunc();
  9691.        const labelClass = '.amlabel-position-top-right-9726-prod';
  9692.        const labels = document.querySelectorAll(labelClass);
  9693.  
  9694.        $watch('hovered', value => {
  9695.            if (value) {
  9696.                labels.forEach(el => el.style.opacity = '0');
  9697.            } else {
  9698.                labels.forEach(el => el.style.opacity = '1');
  9699.            }
  9700.        });
  9701.    "
  9702.                                        @mouseenter="hovered = true"
  9703.                                        @mouseleave="hovered = false"
  9704.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9705.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9706.                                        >
  9707.                                        <style>
  9708.                                            /* Generate styling for the label based on the product ID */
  9709.                                            .amlabel-position-top-right-9726-prod {
  9710.                                                transition: opacity 0.3s ease;
  9711.                                            }
  9712.                                        </style>
  9713.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9726" />
  9714.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a37-1"
  9715.                                            title="Intel i5 6-Core Allround RGB Game PC met Magneetdeur - GeForce RTX 3050 - 16GB RAM - 500GB M2 SSD - i5-11400 - Windows 11 Pro"
  9716.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9717.                                            tabindex="-1">
  9718.                                            <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>
  9719.                                        </a>
  9720.                                        <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>
  9721.                                                                                            <div x-data="initWishlist()">
  9722.                                                    <button
  9723.                                                        @click="addToWishlist(9726)"
  9724.                                                        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"
  9725.                                                        type="button"
  9726.                                                        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"
  9727.                                                        data-addto="wishlist">
  9728.                                                        <span class="icon-heart text-2xl"></span>
  9729.                                                    </button>
  9730.                                                </div>
  9731.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9732.                                                    <button
  9733.                                                        @click="addToCompare(9726)"
  9734.                                                        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"
  9735.                                                        type="button"
  9736.                                                        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"
  9737.                                                        data-addto="compare">
  9738.                                                        <span class="icon-balance text-2xl"></span>
  9739.                                                    </button>
  9740.                                                </div>
  9741.                                                                                    </div>
  9742.                                        <div class="product-info flex flex-col grow">
  9743.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9744.                                                <a
  9745.                                                    class="product-item-link"
  9746.                                                    href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a37-1"
  9747.                                                    :id="`slide-desc-9726-${$id('slider-id')}`">
  9748.                                                    Intel i5 6-Core Allround RGB Game PC met Magneetdeur - GeForce RTX 3050 - 16GB RAM - 500GB M2 SSD - i5-11400 - Windows 11 Pro                                                </a>
  9749.                                            </div>
  9750.  
  9751.  
  9752.                                                                                                                                        
  9753.  
  9754.  
  9755.                                            
  9756.                                            <div class="pt-1 text-gray-900"
  9757.                                                x-defer="intersect"
  9758.                                                @update-prices-9726.window="updatePrice($event.detail);">
  9759.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9726" data-price-box="product-id-9726">
  9760.    <span class="special-price">
  9761.        <span
  9762.    x-data x-id="['product\u002Dprice\u002D9726']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9763.        >
  9764.            <span class="price-label">Special Price</span>
  9765.        <span  :id="$id('product\u002Dprice\u002D9726')"                data-price-amount="609"
  9766.        data-price-type="finalPrice"
  9767.        class="price-wrapper "
  9768.    ><span class="price">€ 609,00</span></span>
  9769.        </span>
  9770.    </span>
  9771.    <span class="old-price">
  9772.        <span
  9773.    x-data x-id="['old\u002Dprice\u002D9726']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9774.        >
  9775.            <span class="price-label">Regular Price</span>
  9776.        <span  :id="$id('old\u002Dprice\u002D9726')"                data-price-amount="699"
  9777.        data-price-type="oldPrice"
  9778.        class="price-wrapper "
  9779.    ><span class="price">€ 699,00</span></span>
  9780.        </span>
  9781.    </span>
  9782.  
  9783. </div>                                            </div>
  9784.  
  9785.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9786.            ">
  9787.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9788.                                                                                                                    <button
  9789.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9790.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9791.                                                                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"
  9792.                                                                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"
  9793.                                                                data-addto="cart">
  9794.                                                                <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">
  9795.  <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"/>
  9796. </svg>
  9797.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9798.                                                                    In Winkelwagen                                                                </span>
  9799.                                                            </button>
  9800.                                                                                                            </div>
  9801.  
  9802.                                                                                            </div>
  9803.                                        </div>
  9804.                                                                                                                        </form>
  9805.                                
  9806.                </li>
  9807.                                        
  9808.                            <li class="swiper-slide">
  9809.                                                                    <form method="post"
  9810.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9723/"
  9811.                                        x-data="{
  9812.        hovered: false,
  9813.        grid: true ,
  9814.        isMobile: false,
  9815.        isMobileFunc () {
  9816.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9817.        }
  9818.    }"
  9819.                                        x-init="
  9820.        isMobileFunc();
  9821.        const labelClass = '.amlabel-position-top-right-9723-prod';
  9822.        const labels = document.querySelectorAll(labelClass);
  9823.  
  9824.        $watch('hovered', value => {
  9825.            if (value) {
  9826.                labels.forEach(el => el.style.opacity = '0');
  9827.            } else {
  9828.                labels.forEach(el => el.style.opacity = '1');
  9829.            }
  9830.        });
  9831.    "
  9832.                                        @mouseenter="hovered = true"
  9833.                                        @mouseleave="hovered = false"
  9834.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9835.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9836.                                        >
  9837.                                        <style>
  9838.                                            /* Generate styling for the label based on the product ID */
  9839.                                            .amlabel-position-top-right-9723-prod {
  9840.                                                transition: opacity 0.3s ease;
  9841.                                            }
  9842.                                        </style>
  9843.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9723" />
  9844.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-12400f-allround-game-pc-i5-gam-a37"
  9845.                                            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"
  9846.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9847.                                            tabindex="-1">
  9848.                                            <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>
  9849.                                        </a>
  9850.                                        <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>
  9851.                                                                                            <div x-data="initWishlist()">
  9852.                                                    <button
  9853.                                                        @click="addToWishlist(9723)"
  9854.                                                        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"
  9855.                                                        type="button"
  9856.                                                        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"
  9857.                                                        data-addto="wishlist">
  9858.                                                        <span class="icon-heart text-2xl"></span>
  9859.                                                    </button>
  9860.                                                </div>
  9861.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9862.                                                    <button
  9863.                                                        @click="addToCompare(9723)"
  9864.                                                        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"
  9865.                                                        type="button"
  9866.                                                        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"
  9867.                                                        data-addto="compare">
  9868.                                                        <span class="icon-balance text-2xl"></span>
  9869.                                                    </button>
  9870.                                                </div>
  9871.                                                                                    </div>
  9872.                                        <div class="product-info flex flex-col grow">
  9873.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  9874.                                                <a
  9875.                                                    class="product-item-link"
  9876.                                                    href="https://www.lalashops.nl/intel-12400f-allround-game-pc-i5-gam-a37"
  9877.                                                    :id="`slide-desc-9723-${$id('slider-id')}`">
  9878.                                                    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>
  9879.                                            </div>
  9880.  
  9881.  
  9882.                                                                                                                                        
  9883.  
  9884.  
  9885.                                            
  9886.                                            <div class="pt-1 text-gray-900"
  9887.                                                x-defer="intersect"
  9888.                                                @update-prices-9723.window="updatePrice($event.detail);">
  9889.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9723" data-price-box="product-id-9723">
  9890.    <span class="special-price">
  9891.        <span
  9892.    x-data x-id="['product\u002Dprice\u002D9723']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9893.        >
  9894.            <span class="price-label">Special Price</span>
  9895.        <span  :id="$id('product\u002Dprice\u002D9723')"                data-price-amount="599"
  9896.        data-price-type="finalPrice"
  9897.        class="price-wrapper "
  9898.    ><span class="price">€ 599,00</span></span>
  9899.        </span>
  9900.    </span>
  9901.    <span class="old-price">
  9902.        <span
  9903.    x-data x-id="['old\u002Dprice\u002D9723']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  9904.        >
  9905.            <span class="price-label">Regular Price</span>
  9906.        <span  :id="$id('old\u002Dprice\u002D9723')"                data-price-amount="659"
  9907.        data-price-type="oldPrice"
  9908.        class="price-wrapper "
  9909.    ><span class="price">€ 659,00</span></span>
  9910.        </span>
  9911.    </span>
  9912.  
  9913. </div>                                            </div>
  9914.  
  9915.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  9916.            ">
  9917.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  9918.                                                                                                                    <button
  9919.                                                                class="w-auto btn justify-center text-xl mr-auto"
  9920.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  9921.                                                                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"
  9922.                                                                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"
  9923.                                                                data-addto="cart">
  9924.                                                                <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">
  9925.  <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"/>
  9926. </svg>
  9927.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  9928.                                                                    In Winkelwagen                                                                </span>
  9929.                                                            </button>
  9930.                                                                                                            </div>
  9931.  
  9932.                                                                                            </div>
  9933.                                        </div>
  9934.                                                                                                                        </form>
  9935.                                
  9936.                </li>
  9937.                                        
  9938.                            <li class="swiper-slide">
  9939.                                                                    <form method="post"
  9940.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9665/"
  9941.                                        x-data="{
  9942.        hovered: false,
  9943.        grid: true ,
  9944.        isMobile: false,
  9945.        isMobileFunc () {
  9946.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  9947.        }
  9948.    }"
  9949.                                        x-init="
  9950.        isMobileFunc();
  9951.        const labelClass = '.amlabel-position-top-right-9665-prod';
  9952.        const labels = document.querySelectorAll(labelClass);
  9953.  
  9954.        $watch('hovered', value => {
  9955.            if (value) {
  9956.                labels.forEach(el => el.style.opacity = '0');
  9957.            } else {
  9958.                labels.forEach(el => el.style.opacity = '1');
  9959.            }
  9960.        });
  9961.    "
  9962.                                        @mouseenter="hovered = true"
  9963.                                        @mouseleave="hovered = false"
  9964.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  9965.                                        :class="isMobile ? 'product-item-mobile' : ''"
  9966.                                        >
  9967.                                        <style>
  9968.                                            /* Generate styling for the label based on the product ID */
  9969.                                            .amlabel-position-top-right-9665-prod {
  9970.                                                transition: opacity 0.3s ease;
  9971.                                            }
  9972.                                        </style>
  9973.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9665" />
  9974.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a36"
  9975.                                            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"
  9976.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  9977.                                            tabindex="-1">
  9978.                                            <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>
  9979.                                        </a>
  9980.                                        <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>
  9981.                                                                                            <div x-data="initWishlist()">
  9982.                                                    <button
  9983.                                                        @click="addToWishlist(9665)"
  9984.                                                        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"
  9985.                                                        type="button"
  9986.                                                        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"
  9987.                                                        data-addto="wishlist">
  9988.                                                        <span class="icon-heart text-2xl"></span>
  9989.                                                    </button>
  9990.                                                </div>
  9991.                                                                                                                                        <div x-data="initCompareOnProductList()">
  9992.                                                    <button
  9993.                                                        @click="addToCompare(9665)"
  9994.                                                        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"
  9995.                                                        type="button"
  9996.                                                        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"
  9997.                                                        data-addto="compare">
  9998.                                                        <span class="icon-balance text-2xl"></span>
  9999.                                                    </button>
  10000.                                                </div>
  10001.                                                                                    </div>
  10002.                                        <div class="product-info flex flex-col grow">
  10003.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10004.                                                <a
  10005.                                                    class="product-item-link"
  10006.                                                    href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a36"
  10007.                                                    :id="`slide-desc-9665-${$id('slider-id')}`">
  10008.                                                    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>
  10009.                                            </div>
  10010.  
  10011.  
  10012.                                                                                                                                        
  10013.  
  10014.  
  10015.                                            
  10016.                                            <div class="pt-1 text-gray-900"
  10017.                                                x-defer="intersect"
  10018.                                                @update-prices-9665.window="updatePrice($event.detail);">
  10019.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9665" data-price-box="product-id-9665">
  10020.    <span class="special-price">
  10021.        <span
  10022.    x-data x-id="['product\u002Dprice\u002D9665']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10023.        >
  10024.            <span class="price-label">Special Price</span>
  10025.        <span  :id="$id('product\u002Dprice\u002D9665')"                data-price-amount="579"
  10026.        data-price-type="finalPrice"
  10027.        class="price-wrapper "
  10028.    ><span class="price">€ 579,00</span></span>
  10029.        </span>
  10030.    </span>
  10031.    <span class="old-price">
  10032.        <span
  10033.    x-data x-id="['old\u002Dprice\u002D9665']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10034.        >
  10035.            <span class="price-label">Regular Price</span>
  10036.        <span  :id="$id('old\u002Dprice\u002D9665')"                data-price-amount="645"
  10037.        data-price-type="oldPrice"
  10038.        class="price-wrapper "
  10039.    ><span class="price">€ 645,00</span></span>
  10040.        </span>
  10041.    </span>
  10042.  
  10043. </div>                                            </div>
  10044.  
  10045.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10046.            ">
  10047.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10048.                                                                                                                    <button
  10049.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10050.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10051.                                                                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"
  10052.                                                                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"
  10053.                                                                data-addto="cart">
  10054.                                                                <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">
  10055.  <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"/>
  10056. </svg>
  10057.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10058.                                                                    In Winkelwagen                                                                </span>
  10059.                                                            </button>
  10060.                                                                                                            </div>
  10061.  
  10062.                                                                                            </div>
  10063.                                        </div>
  10064.                                                                                                                        </form>
  10065.                                
  10066.                </li>
  10067.                                        
  10068.                            <li class="swiper-slide">
  10069.                                                                    <form method="post"
  10070.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9554/"
  10071.                                        x-data="{
  10072.        hovered: false,
  10073.        grid: true ,
  10074.        isMobile: false,
  10075.        isMobileFunc () {
  10076.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10077.        }
  10078.    }"
  10079.                                        x-init="
  10080.        isMobileFunc();
  10081.        const labelClass = '.amlabel-position-top-right-9554-prod';
  10082.        const labels = document.querySelectorAll(labelClass);
  10083.  
  10084.        $watch('hovered', value => {
  10085.            if (value) {
  10086.                labels.forEach(el => el.style.opacity = '0');
  10087.            } else {
  10088.                labels.forEach(el => el.style.opacity = '1');
  10089.            }
  10090.        });
  10091.    "
  10092.                                        @mouseenter="hovered = true"
  10093.                                        @mouseleave="hovered = false"
  10094.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10095.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10096.                                        >
  10097.                                        <style>
  10098.                                            /* Generate styling for the label based on the product ID */
  10099.                                            .amlabel-position-top-right-9554-prod {
  10100.                                                transition: opacity 0.3s ease;
  10101.                                            }
  10102.                                        </style>
  10103.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9554" />
  10104.                                                                                                                                                            <a href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a24-1"
  10105.                                            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"
  10106.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10107.                                            tabindex="-1">
  10108.                                            <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>
  10109.                                        </a>
  10110.                                        <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>
  10111.                                                                                            <div x-data="initWishlist()">
  10112.                                                    <button
  10113.                                                        @click="addToWishlist(9554)"
  10114.                                                        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"
  10115.                                                        type="button"
  10116.                                                        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"
  10117.                                                        data-addto="wishlist">
  10118.                                                        <span class="icon-heart text-2xl"></span>
  10119.                                                    </button>
  10120.                                                </div>
  10121.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10122.                                                    <button
  10123.                                                        @click="addToCompare(9554)"
  10124.                                                        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"
  10125.                                                        type="button"
  10126.                                                        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"
  10127.                                                        data-addto="compare">
  10128.                                                        <span class="icon-balance text-2xl"></span>
  10129.                                                    </button>
  10130.                                                </div>
  10131.                                                                                    </div>
  10132.                                        <div class="product-info flex flex-col grow">
  10133.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10134.                                                <a
  10135.                                                    class="product-item-link"
  10136.                                                    href="https://www.lalashops.nl/amd-ryzen-5-7600x-game-pc-b650-computer-rtx-5070ti-r5-gam-a24-1"
  10137.                                                    :id="`slide-desc-9554-${$id('slider-id')}`">
  10138.                                                    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>
  10139.                                            </div>
  10140.  
  10141.  
  10142.                                                                                                                                        
  10143.  
  10144.  
  10145.                                            
  10146.                                            <div class="pt-1 text-gray-900"
  10147.                                                x-defer="intersect"
  10148.                                                @update-prices-9554.window="updatePrice($event.detail);">
  10149.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9554" data-price-box="product-id-9554">
  10150.    <span class="special-price">
  10151.        <span
  10152.    x-data x-id="['product\u002Dprice\u002D9554']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10153.        >
  10154.            <span class="price-label">Special Price</span>
  10155.        <span  :id="$id('product\u002Dprice\u002D9554')"                data-price-amount="2049"
  10156.        data-price-type="finalPrice"
  10157.        class="price-wrapper "
  10158.    ><span class="price">€ 2.049,00</span></span>
  10159.        </span>
  10160.    </span>
  10161.    <span class="old-price">
  10162.        <span
  10163.    x-data x-id="['old\u002Dprice\u002D9554']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10164.        >
  10165.            <span class="price-label">Regular Price</span>
  10166.        <span  :id="$id('old\u002Dprice\u002D9554')"                data-price-amount="2349"
  10167.        data-price-type="oldPrice"
  10168.        class="price-wrapper "
  10169.    ><span class="price">€ 2.349,00</span></span>
  10170.        </span>
  10171.    </span>
  10172.  
  10173. </div>                                            </div>
  10174.  
  10175.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10176.            ">
  10177.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10178.                                                                                                                    <button
  10179.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10180.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10181.                                                                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"
  10182.                                                                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"
  10183.                                                                data-addto="cart">
  10184.                                                                <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">
  10185.  <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"/>
  10186. </svg>
  10187.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10188.                                                                    In Winkelwagen                                                                </span>
  10189.                                                            </button>
  10190.                                                                                                            </div>
  10191.  
  10192.                                                                                            </div>
  10193.                                        </div>
  10194.                                                                                                                        </form>
  10195.                                
  10196.                </li>
  10197.                                        
  10198.                            <li class="swiper-slide">
  10199.                                                                    <form method="post"
  10200.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9403/"
  10201.                                        x-data="{
  10202.        hovered: false,
  10203.        grid: true ,
  10204.        isMobile: false,
  10205.        isMobileFunc () {
  10206.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10207.        }
  10208.    }"
  10209.                                        x-init="
  10210.        isMobileFunc();
  10211.        const labelClass = '.amlabel-position-top-right-9403-prod';
  10212.        const labels = document.querySelectorAll(labelClass);
  10213.  
  10214.        $watch('hovered', value => {
  10215.            if (value) {
  10216.                labels.forEach(el => el.style.opacity = '0');
  10217.            } else {
  10218.                labels.forEach(el => el.style.opacity = '1');
  10219.            }
  10220.        });
  10221.    "
  10222.                                        @mouseenter="hovered = true"
  10223.                                        @mouseleave="hovered = false"
  10224.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10225.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10226.                                        >
  10227.                                        <style>
  10228.                                            /* Generate styling for the label based on the product ID */
  10229.                                            .amlabel-position-top-right-9403-prod {
  10230.                                                transition: opacity 0.3s ease;
  10231.                                            }
  10232.                                        </style>
  10233.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9403" />
  10234.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i7-12700k-game-pc-rtx-5070-12gb-i7-gam-a20"
  10235.                                            title="Intel i7 12700K 12-Core Game PC / Streaming PC - RTX 5070 12GB - 32GB RAM - 1TB M2.0 SSD - Xilent Flow"
  10236.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10237.                                            tabindex="-1">
  10238.                                            <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>
  10239.                                        </a>
  10240.                                        <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>
  10241.                                                                                            <div x-data="initWishlist()">
  10242.                                                    <button
  10243.                                                        @click="addToWishlist(9403)"
  10244.                                                        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"
  10245.                                                        type="button"
  10246.                                                        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"
  10247.                                                        data-addto="wishlist">
  10248.                                                        <span class="icon-heart text-2xl"></span>
  10249.                                                    </button>
  10250.                                                </div>
  10251.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10252.                                                    <button
  10253.                                                        @click="addToCompare(9403)"
  10254.                                                        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"
  10255.                                                        type="button"
  10256.                                                        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"
  10257.                                                        data-addto="compare">
  10258.                                                        <span class="icon-balance text-2xl"></span>
  10259.                                                    </button>
  10260.                                                </div>
  10261.                                                                                    </div>
  10262.                                        <div class="product-info flex flex-col grow">
  10263.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10264.                                                <a
  10265.                                                    class="product-item-link"
  10266.                                                    href="https://www.lalashops.nl/intel-i7-12700k-game-pc-rtx-5070-12gb-i7-gam-a20"
  10267.                                                    :id="`slide-desc-9403-${$id('slider-id')}`">
  10268.                                                    Intel i7 12700K 12-Core Game PC / Streaming PC - RTX 5070 12GB - 32GB RAM - 1TB M2.0 SSD - Xilent Flow                                                </a>
  10269.                                            </div>
  10270.  
  10271.  
  10272.                                                                                                                                        
  10273.  
  10274.  
  10275.                                            
  10276.                                            <div class="pt-1 text-gray-900"
  10277.                                                x-defer="intersect"
  10278.                                                @update-prices-9403.window="updatePrice($event.detail);">
  10279.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9403" data-price-box="product-id-9403">
  10280.    <span class="special-price">
  10281.        <span
  10282.    x-data x-id="['product\u002Dprice\u002D9403']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10283.        >
  10284.            <span class="price-label">Special Price</span>
  10285.        <span  :id="$id('product\u002Dprice\u002D9403')"                data-price-amount="1425"
  10286.        data-price-type="finalPrice"
  10287.        class="price-wrapper "
  10288.    ><span class="price">€ 1.425,00</span></span>
  10289.        </span>
  10290.    </span>
  10291.    <span class="old-price">
  10292.        <span
  10293.    x-data x-id="['old\u002Dprice\u002D9403']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10294.        >
  10295.            <span class="price-label">Regular Price</span>
  10296.        <span  :id="$id('old\u002Dprice\u002D9403')"                data-price-amount="1599"
  10297.        data-price-type="oldPrice"
  10298.        class="price-wrapper "
  10299.    ><span class="price">€ 1.599,00</span></span>
  10300.        </span>
  10301.    </span>
  10302.  
  10303. </div>                                            </div>
  10304.  
  10305.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10306.            ">
  10307.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10308.                                                                                                                    <button
  10309.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10310.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10311.                                                                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"
  10312.                                                                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"
  10313.                                                                data-addto="cart">
  10314.                                                                <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">
  10315.  <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"/>
  10316. </svg>
  10317.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10318.                                                                    In Winkelwagen                                                                </span>
  10319.                                                            </button>
  10320.                                                                                                            </div>
  10321.  
  10322.                                                                                            </div>
  10323.                                        </div>
  10324.                                                                                                                        </form>
  10325.                                
  10326.                </li>
  10327.                                        
  10328.                            <li class="swiper-slide">
  10329.                                                                    <form method="post"
  10330.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9012/"
  10331.                                        x-data="{
  10332.        hovered: false,
  10333.        grid: true ,
  10334.        isMobile: false,
  10335.        isMobileFunc () {
  10336.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10337.        }
  10338.    }"
  10339.                                        x-init="
  10340.        isMobileFunc();
  10341.        const labelClass = '.amlabel-position-top-right-9012-prod';
  10342.        const labels = document.querySelectorAll(labelClass);
  10343.  
  10344.        $watch('hovered', value => {
  10345.            if (value) {
  10346.                labels.forEach(el => el.style.opacity = '0');
  10347.            } else {
  10348.                labels.forEach(el => el.style.opacity = '1');
  10349.            }
  10350.        });
  10351.    "
  10352.                                        @mouseenter="hovered = true"
  10353.                                        @mouseleave="hovered = false"
  10354.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10355.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10356.                                        >
  10357.                                        <style>
  10358.                                            /* Generate styling for the label based on the product ID */
  10359.                                            .amlabel-position-top-right-9012-prod {
  10360.                                                transition: opacity 0.3s ease;
  10361.                                            }
  10362.                                        </style>
  10363.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9012" />
  10364.                                                                                                                                                            <a href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070-12gb-i9-12900kf-32gb-1tb-ssd-2tb-i9-gam-a8"
  10365.                                            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"
  10366.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10367.                                            tabindex="-1">
  10368.                                            <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>
  10369.                                        </a>
  10370.                                        <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>
  10371.                                                                                            <div x-data="initWishlist()">
  10372.                                                    <button
  10373.                                                        @click="addToWishlist(9012)"
  10374.                                                        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"
  10375.                                                        type="button"
  10376.                                                        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"
  10377.                                                        data-addto="wishlist">
  10378.                                                        <span class="icon-heart text-2xl"></span>
  10379.                                                    </button>
  10380.                                                </div>
  10381.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10382.                                                    <button
  10383.                                                        @click="addToCompare(9012)"
  10384.                                                        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"
  10385.                                                        type="button"
  10386.                                                        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"
  10387.                                                        data-addto="compare">
  10388.                                                        <span class="icon-balance text-2xl"></span>
  10389.                                                    </button>
  10390.                                                </div>
  10391.                                                                                    </div>
  10392.                                        <div class="product-info flex flex-col grow">
  10393.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10394.                                                <a
  10395.                                                    class="product-item-link"
  10396.                                                    href="https://www.lalashops.nl/msi-intel-game-pc-rtx-5070-12gb-i9-12900kf-32gb-1tb-ssd-2tb-i9-gam-a8"
  10397.                                                    :id="`slide-desc-9012-${$id('slider-id')}`">
  10398.                                                    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>
  10399.                                            </div>
  10400.  
  10401.  
  10402.                                                                                                                                        
  10403.  
  10404.  
  10405.                                            
  10406.                                            <div class="pt-1 text-gray-900"
  10407.                                                x-defer="intersect"
  10408.                                                @update-prices-9012.window="updatePrice($event.detail);">
  10409.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9012" data-price-box="product-id-9012">
  10410.    <span class="special-price">
  10411.        <span
  10412.    x-data x-id="['product\u002Dprice\u002D9012']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10413.        >
  10414.            <span class="price-label">Special Price</span>
  10415.        <span  :id="$id('product\u002Dprice\u002D9012')"                data-price-amount="1859"
  10416.        data-price-type="finalPrice"
  10417.        class="price-wrapper "
  10418.    ><span class="price">€ 1.859,00</span></span>
  10419.        </span>
  10420.    </span>
  10421.    <span class="old-price">
  10422.        <span
  10423.    x-data x-id="['old\u002Dprice\u002D9012']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10424.        >
  10425.            <span class="price-label">Regular Price</span>
  10426.        <span  :id="$id('old\u002Dprice\u002D9012')"                data-price-amount="2099"
  10427.        data-price-type="oldPrice"
  10428.        class="price-wrapper "
  10429.    ><span class="price">€ 2.099,00</span></span>
  10430.        </span>
  10431.    </span>
  10432.  
  10433. </div>                                            </div>
  10434.  
  10435.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10436.            ">
  10437.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10438.                                                                                                                    <button
  10439.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10440.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10441.                                                                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"
  10442.                                                                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"
  10443.                                                                data-addto="cart">
  10444.                                                                <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">
  10445.  <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"/>
  10446. </svg>
  10447.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10448.                                                                    In Winkelwagen                                                                </span>
  10449.                                                            </button>
  10450.                                                                                                            </div>
  10451.  
  10452.                                                                                            </div>
  10453.                                        </div>
  10454.                                                                                                                        </form>
  10455.                                
  10456.                </li>
  10457.                                        
  10458.                            <li class="swiper-slide">
  10459.                                                                    <form method="post"
  10460.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8222/"
  10461.                                        x-data="{
  10462.        hovered: false,
  10463.        grid: true ,
  10464.        isMobile: false,
  10465.        isMobileFunc () {
  10466.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10467.        }
  10468.    }"
  10469.                                        x-init="
  10470.        isMobileFunc();
  10471.        const labelClass = '.amlabel-position-top-right-8222-prod';
  10472.        const labels = document.querySelectorAll(labelClass);
  10473.  
  10474.        $watch('hovered', value => {
  10475.            if (value) {
  10476.                labels.forEach(el => el.style.opacity = '0');
  10477.            } else {
  10478.                labels.forEach(el => el.style.opacity = '1');
  10479.            }
  10480.        });
  10481.    "
  10482.                                        @mouseenter="hovered = true"
  10483.                                        @mouseleave="hovered = false"
  10484.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10485.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10486.                                        >
  10487.                                        <style>
  10488.                                            /* Generate styling for the label based on the product ID */
  10489.                                            .amlabel-position-top-right-8222-prod {
  10490.                                                transition: opacity 0.3s ease;
  10491.                                            }
  10492.                                        </style>
  10493.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8222" />
  10494.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a35"
  10495.                                            title="Intel i5 Allround RGB Game PC (geschikt voor Fortnite) - RTX 3050 - 16GB RAM - 512GB SSD NVMe - Windows 11"
  10496.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10497.                                            tabindex="-1">
  10498.                                            <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>
  10499.                                        </a>
  10500.                                        <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>
  10501.                                                                                            <div x-data="initWishlist()">
  10502.                                                    <button
  10503.                                                        @click="addToWishlist(8222)"
  10504.                                                        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"
  10505.                                                        type="button"
  10506.                                                        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"
  10507.                                                        data-addto="wishlist">
  10508.                                                        <span class="icon-heart text-2xl"></span>
  10509.                                                    </button>
  10510.                                                </div>
  10511.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10512.                                                    <button
  10513.                                                        @click="addToCompare(8222)"
  10514.                                                        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"
  10515.                                                        type="button"
  10516.                                                        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"
  10517.                                                        data-addto="compare">
  10518.                                                        <span class="icon-balance text-2xl"></span>
  10519.                                                    </button>
  10520.                                                </div>
  10521.                                                                                    </div>
  10522.                                        <div class="product-info flex flex-col grow">
  10523.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10524.                                                <a
  10525.                                                    class="product-item-link"
  10526.                                                    href="https://www.lalashops.nl/intel-11400-allround-game-pc-i5-gam-a35"
  10527.                                                    :id="`slide-desc-8222-${$id('slider-id')}`">
  10528.                                                    Intel i5 Allround RGB Game PC (geschikt voor Fortnite) - RTX 3050 - 16GB RAM - 512GB SSD NVMe - Windows 11                                                </a>
  10529.                                            </div>
  10530.  
  10531.  
  10532.                                                                                                                                        
  10533.  
  10534.  
  10535.                                            
  10536.                                            <div class="pt-1 text-gray-900"
  10537.                                                x-defer="intersect"
  10538.                                                @update-prices-8222.window="updatePrice($event.detail);">
  10539.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8222" data-price-box="product-id-8222">
  10540.    <span class="special-price">
  10541.        <span
  10542.    x-data x-id="['product\u002Dprice\u002D8222']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10543.        >
  10544.            <span class="price-label">Special Price</span>
  10545.        <span  :id="$id('product\u002Dprice\u002D8222')"                data-price-amount="599"
  10546.        data-price-type="finalPrice"
  10547.        class="price-wrapper "
  10548.    ><span class="price">€ 599,00</span></span>
  10549.        </span>
  10550.    </span>
  10551.    <span class="old-price">
  10552.        <span
  10553.    x-data x-id="['old\u002Dprice\u002D8222']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10554.        >
  10555.            <span class="price-label">Regular Price</span>
  10556.        <span  :id="$id('old\u002Dprice\u002D8222')"                data-price-amount="719"
  10557.        data-price-type="oldPrice"
  10558.        class="price-wrapper "
  10559.    ><span class="price">€ 719,00</span></span>
  10560.        </span>
  10561.    </span>
  10562.  
  10563. </div>                                            </div>
  10564.  
  10565.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10566.            ">
  10567.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10568.                                                                                                                    <button
  10569.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10570.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10571.                                                                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"
  10572.                                                                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"
  10573.                                                                data-addto="cart">
  10574.                                                                <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">
  10575.  <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"/>
  10576. </svg>
  10577.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10578.                                                                    In Winkelwagen                                                                </span>
  10579.                                                            </button>
  10580.                                                                                                            </div>
  10581.  
  10582.                                                                                            </div>
  10583.                                        </div>
  10584.                                                                                                                        </form>
  10585.                                
  10586.                </li>
  10587.                                        
  10588.                            <li class="swiper-slide">
  10589.                                                                    <form method="post"
  10590.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8152/"
  10591.                                        x-data="{
  10592.        hovered: false,
  10593.        grid: true ,
  10594.        isMobile: false,
  10595.        isMobileFunc () {
  10596.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10597.        }
  10598.    }"
  10599.                                        x-init="
  10600.        isMobileFunc();
  10601.        const labelClass = '.amlabel-position-top-right-8152-prod';
  10602.        const labels = document.querySelectorAll(labelClass);
  10603.  
  10604.        $watch('hovered', value => {
  10605.            if (value) {
  10606.                labels.forEach(el => el.style.opacity = '0');
  10607.            } else {
  10608.                labels.forEach(el => el.style.opacity = '1');
  10609.            }
  10610.        });
  10611.    "
  10612.                                        @mouseenter="hovered = true"
  10613.                                        @mouseleave="hovered = false"
  10614.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10615.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10616.                                        >
  10617.                                        <style>
  10618.                                            /* Generate styling for the label based on the product ID */
  10619.                                            .amlabel-position-top-right-8152-prod {
  10620.                                                transition: opacity 0.3s ease;
  10621.                                            }
  10622.                                        </style>
  10623.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8152" />
  10624.                                                                                                                                                            <a href="https://www.lalashops.nl/r5-5500-rtx-3050-16gb-1-tb-nvme-ssd-r5-gam-a5"
  10625.                                            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"
  10626.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10627.                                            tabindex="-1">
  10628.                                            <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>
  10629.                                        </a>
  10630.                                        <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>
  10631.                                                                                            <div x-data="initWishlist()">
  10632.                                                    <button
  10633.                                                        @click="addToWishlist(8152)"
  10634.                                                        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"
  10635.                                                        type="button"
  10636.                                                        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"
  10637.                                                        data-addto="wishlist">
  10638.                                                        <span class="icon-heart text-2xl"></span>
  10639.                                                    </button>
  10640.                                                </div>
  10641.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10642.                                                    <button
  10643.                                                        @click="addToCompare(8152)"
  10644.                                                        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"
  10645.                                                        type="button"
  10646.                                                        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"
  10647.                                                        data-addto="compare">
  10648.                                                        <span class="icon-balance text-2xl"></span>
  10649.                                                    </button>
  10650.                                                </div>
  10651.                                                                                    </div>
  10652.                                        <div class="product-info flex flex-col grow">
  10653.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10654.                                                <a
  10655.                                                    class="product-item-link"
  10656.                                                    href="https://www.lalashops.nl/r5-5500-rtx-3050-16gb-1-tb-nvme-ssd-r5-gam-a5"
  10657.                                                    :id="`slide-desc-8152-${$id('slider-id')}`">
  10658.                                                    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>
  10659.                                            </div>
  10660.  
  10661.  
  10662.                                                                                                                                        
  10663.  
  10664.  
  10665.                                            
  10666.                                            <div class="pt-1 text-gray-900"
  10667.                                                x-defer="intersect"
  10668.                                                @update-prices-8152.window="updatePrice($event.detail);">
  10669.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8152" data-price-box="product-id-8152">
  10670.    <span class="special-price">
  10671.        <span
  10672.    x-data x-id="['product\u002Dprice\u002D8152']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10673.        >
  10674.            <span class="price-label">Special Price</span>
  10675.        <span  :id="$id('product\u002Dprice\u002D8152')"                data-price-amount="579"
  10676.        data-price-type="finalPrice"
  10677.        class="price-wrapper "
  10678.    ><span class="price">€ 579,00</span></span>
  10679.        </span>
  10680.    </span>
  10681.    <span class="old-price">
  10682.        <span
  10683.    x-data x-id="['old\u002Dprice\u002D8152']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10684.        >
  10685.            <span class="price-label">Regular Price</span>
  10686.        <span  :id="$id('old\u002Dprice\u002D8152')"                data-price-amount="699"
  10687.        data-price-type="oldPrice"
  10688.        class="price-wrapper "
  10689.    ><span class="price">€ 699,00</span></span>
  10690.        </span>
  10691.    </span>
  10692.  
  10693. </div>                                            </div>
  10694.  
  10695.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10696.            ">
  10697.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10698.                                                                                                                    <button
  10699.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10700.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10701.                                                                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"
  10702.                                                                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"
  10703.                                                                data-addto="cart">
  10704.                                                                <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">
  10705.  <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"/>
  10706. </svg>
  10707.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10708.                                                                    In Winkelwagen                                                                </span>
  10709.                                                            </button>
  10710.                                                                                                            </div>
  10711.  
  10712.                                                                                            </div>
  10713.                                        </div>
  10714.                                                                                                                        </form>
  10715.                                
  10716.                </li>
  10717.                                        
  10718.                            <li class="swiper-slide">
  10719.                                                                    <form method="post"
  10720.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10851/"
  10721.                                        x-data="{
  10722.        hovered: false,
  10723.        grid: true ,
  10724.        isMobile: false,
  10725.        isMobileFunc () {
  10726.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10727.        }
  10728.    }"
  10729.                                        x-init="
  10730.        isMobileFunc();
  10731.        const labelClass = '.amlabel-position-top-right-10851-prod';
  10732.        const labels = document.querySelectorAll(labelClass);
  10733.  
  10734.        $watch('hovered', value => {
  10735.            if (value) {
  10736.                labels.forEach(el => el.style.opacity = '0');
  10737.            } else {
  10738.                labels.forEach(el => el.style.opacity = '1');
  10739.            }
  10740.        });
  10741.    "
  10742.                                        @mouseenter="hovered = true"
  10743.                                        @mouseleave="hovered = false"
  10744.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10745.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10746.                                        >
  10747.                                        <style>
  10748.                                            /* Generate styling for the label based on the product ID */
  10749.                                            .amlabel-position-top-right-10851-prod {
  10750.                                                transition: opacity 0.3s ease;
  10751.                                            }
  10752.                                        </style>
  10753.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10851" />
  10754.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i5-12400f-rgb-game-pc-rtx-5060-8gb-i5-gam-a56"
  10755.                                            title="Intel i5 12400F - Game PC/Streaming Computer - RTX 5060 8GB - 4TB M.2 SSD - 32GB RAM - Aura GC2"
  10756.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10757.                                            tabindex="-1">
  10758.                                            <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>
  10759.                                        </a>
  10760.                                        <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>
  10761.                                                                                            <div x-data="initWishlist()">
  10762.                                                    <button
  10763.                                                        @click="addToWishlist(10851)"
  10764.                                                        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"
  10765.                                                        type="button"
  10766.                                                        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"
  10767.                                                        data-addto="wishlist">
  10768.                                                        <span class="icon-heart text-2xl"></span>
  10769.                                                    </button>
  10770.                                                </div>
  10771.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10772.                                                    <button
  10773.                                                        @click="addToCompare(10851)"
  10774.                                                        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"
  10775.                                                        type="button"
  10776.                                                        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"
  10777.                                                        data-addto="compare">
  10778.                                                        <span class="icon-balance text-2xl"></span>
  10779.                                                    </button>
  10780.                                                </div>
  10781.                                                                                    </div>
  10782.                                        <div class="product-info flex flex-col grow">
  10783.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10784.                                                <a
  10785.                                                    class="product-item-link"
  10786.                                                    href="https://www.lalashops.nl/intel-i5-12400f-rgb-game-pc-rtx-5060-8gb-i5-gam-a56"
  10787.                                                    :id="`slide-desc-10851-${$id('slider-id')}`">
  10788.                                                    Intel i5 12400F - Game PC/Streaming Computer - RTX 5060 8GB - 4TB M.2 SSD - 32GB RAM - Aura GC2                                                </a>
  10789.                                            </div>
  10790.  
  10791.  
  10792.                                                                                                                                        
  10793.  
  10794.  
  10795.                                            
  10796.                                            <div class="pt-1 text-gray-900"
  10797.                                                x-defer="intersect"
  10798.                                                @update-prices-10851.window="updatePrice($event.detail);">
  10799.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10851" data-price-box="product-id-10851">
  10800.    <span class="special-price">
  10801.        <span
  10802.    x-data x-id="['product\u002Dprice\u002D10851']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10803.        >
  10804.            <span class="price-label">Special Price</span>
  10805.        <span  :id="$id('product\u002Dprice\u002D10851')"                data-price-amount="999"
  10806.        data-price-type="finalPrice"
  10807.        class="price-wrapper "
  10808.    ><span class="price">€ 999,00</span></span>
  10809.        </span>
  10810.    </span>
  10811.    <span class="old-price">
  10812.        <span
  10813.    x-data x-id="['old\u002Dprice\u002D10851']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10814.        >
  10815.            <span class="price-label">Regular Price</span>
  10816.        <span  :id="$id('old\u002Dprice\u002D10851')"                data-price-amount="1099"
  10817.        data-price-type="oldPrice"
  10818.        class="price-wrapper "
  10819.    ><span class="price">€ 1.099,00</span></span>
  10820.        </span>
  10821.    </span>
  10822.  
  10823. </div>                                            </div>
  10824.  
  10825.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10826.            ">
  10827.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10828.                                                                                                                    <button
  10829.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10830.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10831.                                                                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"
  10832.                                                                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"
  10833.                                                                data-addto="cart">
  10834.                                                                <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">
  10835.  <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"/>
  10836. </svg>
  10837.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10838.                                                                    In Winkelwagen                                                                </span>
  10839.                                                            </button>
  10840.                                                                                                            </div>
  10841.  
  10842.                                                                                            </div>
  10843.                                        </div>
  10844.                                                                                                                        </form>
  10845.                                
  10846.                </li>
  10847.                                        
  10848.                            <li class="swiper-slide">
  10849.                                                                    <form method="post"
  10850.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10850/"
  10851.                                        x-data="{
  10852.        hovered: false,
  10853.        grid: true ,
  10854.        isMobile: false,
  10855.        isMobileFunc () {
  10856.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10857.        }
  10858.    }"
  10859.                                        x-init="
  10860.        isMobileFunc();
  10861.        const labelClass = '.amlabel-position-top-right-10850-prod';
  10862.        const labels = document.querySelectorAll(labelClass);
  10863.  
  10864.        $watch('hovered', value => {
  10865.            if (value) {
  10866.                labels.forEach(el => el.style.opacity = '0');
  10867.            } else {
  10868.                labels.forEach(el => el.style.opacity = '1');
  10869.            }
  10870.        });
  10871.    "
  10872.                                        @mouseenter="hovered = true"
  10873.                                        @mouseleave="hovered = false"
  10874.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  10875.                                        :class="isMobile ? 'product-item-mobile' : ''"
  10876.                                        >
  10877.                                        <style>
  10878.                                            /* Generate styling for the label based on the product ID */
  10879.                                            .amlabel-position-top-right-10850-prod {
  10880.                                                transition: opacity 0.3s ease;
  10881.                                            }
  10882.                                        </style>
  10883.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10850" />
  10884.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5060-16gb-1tb-nvme-ssd-i9-gam-a35"
  10885.                                            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 "
  10886.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  10887.                                            tabindex="-1">
  10888.                                            <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>
  10889.                                        </a>
  10890.                                        <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>
  10891.                                                                                            <div x-data="initWishlist()">
  10892.                                                    <button
  10893.                                                        @click="addToWishlist(10850)"
  10894.                                                        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;"
  10895.                                                        type="button"
  10896.                                                        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"
  10897.                                                        data-addto="wishlist">
  10898.                                                        <span class="icon-heart text-2xl"></span>
  10899.                                                    </button>
  10900.                                                </div>
  10901.                                                                                                                                        <div x-data="initCompareOnProductList()">
  10902.                                                    <button
  10903.                                                        @click="addToCompare(10850)"
  10904.                                                        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;"
  10905.                                                        type="button"
  10906.                                                        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"
  10907.                                                        data-addto="compare">
  10908.                                                        <span class="icon-balance text-2xl"></span>
  10909.                                                    </button>
  10910.                                                </div>
  10911.                                                                                    </div>
  10912.                                        <div class="product-info flex flex-col grow">
  10913.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  10914.                                                <a
  10915.                                                    class="product-item-link"
  10916.                                                    href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5060-16gb-1tb-nvme-ssd-i9-gam-a35"
  10917.                                                    :id="`slide-desc-10850-${$id('slider-id')}`">
  10918.                                                    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>
  10919.                                            </div>
  10920.  
  10921.  
  10922.                                                                                                                                        
  10923.  
  10924.  
  10925.                                            
  10926.                                            <div class="pt-1 text-gray-900"
  10927.                                                x-defer="intersect"
  10928.                                                @update-prices-10850.window="updatePrice($event.detail);">
  10929.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10850" data-price-box="product-id-10850">
  10930.    <span class="special-price">
  10931.        <span
  10932.    x-data x-id="['product\u002Dprice\u002D10850']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10933.        >
  10934.            <span class="price-label">Special Price</span>
  10935.        <span  :id="$id('product\u002Dprice\u002D10850')"                data-price-amount="1059"
  10936.        data-price-type="finalPrice"
  10937.        class="price-wrapper "
  10938.    ><span class="price">€ 1.059,00</span></span>
  10939.        </span>
  10940.    </span>
  10941.    <span class="old-price">
  10942.        <span
  10943.    x-data x-id="['old\u002Dprice\u002D10850']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  10944.        >
  10945.            <span class="price-label">Regular Price</span>
  10946.        <span  :id="$id('old\u002Dprice\u002D10850')"                data-price-amount="1299"
  10947.        data-price-type="oldPrice"
  10948.        class="price-wrapper "
  10949.    ><span class="price">€ 1.299,00</span></span>
  10950.        </span>
  10951.    </span>
  10952.  
  10953. </div>                                            </div>
  10954.  
  10955.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  10956.            ">
  10957.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  10958.                                                                                                                    <button
  10959.                                                                class="w-auto btn justify-center text-xl mr-auto"
  10960.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  10961.                                                                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;"
  10962.                                                                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;"
  10963.                                                                data-addto="cart">
  10964.                                                                <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">
  10965.  <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"/>
  10966. </svg>
  10967.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  10968.                                                                    In Winkelwagen                                                                </span>
  10969.                                                            </button>
  10970.                                                                                                            </div>
  10971.  
  10972.                                                                                            </div>
  10973.                                        </div>
  10974.                                                                                                                        </form>
  10975.                                
  10976.                </li>
  10977.                                        
  10978.                            <li class="swiper-slide">
  10979.                                                                    <form method="post"
  10980.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10848/"
  10981.                                        x-data="{
  10982.        hovered: false,
  10983.        grid: true ,
  10984.        isMobile: false,
  10985.        isMobileFunc () {
  10986.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  10987.        }
  10988.    }"
  10989.                                        x-init="
  10990.        isMobileFunc();
  10991.        const labelClass = '.amlabel-position-top-right-10848-prod';
  10992.        const labels = document.querySelectorAll(labelClass);
  10993.  
  10994.        $watch('hovered', value => {
  10995.            if (value) {
  10996.                labels.forEach(el => el.style.opacity = '0');
  10997.            } else {
  10998.                labels.forEach(el => el.style.opacity = '1');
  10999.            }
  11000.        });
  11001.    "
  11002.                                        @mouseenter="hovered = true"
  11003.                                        @mouseleave="hovered = false"
  11004.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11005.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11006.                                        >
  11007.                                        <style>
  11008.                                            /* Generate styling for the label based on the product ID */
  11009.                                            .amlabel-position-top-right-10848-prod {
  11010.                                                transition: opacity 0.3s ease;
  11011.                                            }
  11012.                                        </style>
  11013.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10848" />
  11014.                                                                                                                                                            <a href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5070-16gb-1tb-nvme-ssd-i9-gam-a34"
  11015.                                            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 "
  11016.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11017.                                            tabindex="-1">
  11018.                                            <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>
  11019.                                        </a>
  11020.                                        <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>
  11021.                                                                                            <div x-data="initWishlist()">
  11022.                                                    <button
  11023.                                                        @click="addToWishlist(10848)"
  11024.                                                        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;"
  11025.                                                        type="button"
  11026.                                                        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"
  11027.                                                        data-addto="wishlist">
  11028.                                                        <span class="icon-heart text-2xl"></span>
  11029.                                                    </button>
  11030.                                                </div>
  11031.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11032.                                                    <button
  11033.                                                        @click="addToCompare(10848)"
  11034.                                                        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;"
  11035.                                                        type="button"
  11036.                                                        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"
  11037.                                                        data-addto="compare">
  11038.                                                        <span class="icon-balance text-2xl"></span>
  11039.                                                    </button>
  11040.                                                </div>
  11041.                                                                                    </div>
  11042.                                        <div class="product-info flex flex-col grow">
  11043.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11044.                                                <a
  11045.                                                    class="product-item-link"
  11046.                                                    href="https://www.lalashops.nl/intel-i9-12900k-game-pc-rtx-5070-16gb-1tb-nvme-ssd-i9-gam-a34"
  11047.                                                    :id="`slide-desc-10848-${$id('slider-id')}`">
  11048.                                                    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>
  11049.                                            </div>
  11050.  
  11051.  
  11052.                                                                                                                                        
  11053.  
  11054.  
  11055.                                            
  11056.                                            <div class="pt-1 text-gray-900"
  11057.                                                x-defer="intersect"
  11058.                                                @update-prices-10848.window="updatePrice($event.detail);">
  11059.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10848" data-price-box="product-id-10848">
  11060.    <span class="special-price">
  11061.        <span
  11062.    x-data x-id="['product\u002Dprice\u002D10848']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11063.        >
  11064.            <span class="price-label">Special Price</span>
  11065.        <span  :id="$id('product\u002Dprice\u002D10848')"                data-price-amount="1359"
  11066.        data-price-type="finalPrice"
  11067.        class="price-wrapper "
  11068.    ><span class="price">€ 1.359,00</span></span>
  11069.        </span>
  11070.    </span>
  11071.    <span class="old-price">
  11072.        <span
  11073.    x-data x-id="['old\u002Dprice\u002D10848']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11074.        >
  11075.            <span class="price-label">Regular Price</span>
  11076.        <span  :id="$id('old\u002Dprice\u002D10848')"                data-price-amount="1555"
  11077.        data-price-type="oldPrice"
  11078.        class="price-wrapper "
  11079.    ><span class="price">€ 1.555,00</span></span>
  11080.        </span>
  11081.    </span>
  11082.  
  11083. </div>                                            </div>
  11084.  
  11085.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11086.            ">
  11087.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11088.                                                                                                                    <button
  11089.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11090.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11091.                                                                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;"
  11092.                                                                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;"
  11093.                                                                data-addto="cart">
  11094.                                                                <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">
  11095.  <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"/>
  11096. </svg>
  11097.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11098.                                                                    In Winkelwagen                                                                </span>
  11099.                                                            </button>
  11100.                                                                                                            </div>
  11101.  
  11102.                                                                                            </div>
  11103.                                        </div>
  11104.                                                                                                                        </form>
  11105.                                
  11106.                </li>
  11107.                                        
  11108.                            <li class="swiper-slide">
  11109.                                                                    <form method="post"
  11110.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10829/"
  11111.                                        x-data="{
  11112.        hovered: false,
  11113.        grid: true ,
  11114.        isMobile: false,
  11115.        isMobileFunc () {
  11116.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11117.        }
  11118.    }"
  11119.                                        x-init="
  11120.        isMobileFunc();
  11121.        const labelClass = '.amlabel-position-top-right-10829-prod';
  11122.        const labels = document.querySelectorAll(labelClass);
  11123.  
  11124.        $watch('hovered', value => {
  11125.            if (value) {
  11126.                labels.forEach(el => el.style.opacity = '0');
  11127.            } else {
  11128.                labels.forEach(el => el.style.opacity = '1');
  11129.            }
  11130.        });
  11131.    "
  11132.                                        @mouseenter="hovered = true"
  11133.                                        @mouseleave="hovered = false"
  11134.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11135.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11136.                                        >
  11137.                                        <style>
  11138.                                            /* Generate styling for the label based on the product ID */
  11139.                                            .amlabel-position-top-right-10829-prod {
  11140.                                                transition: opacity 0.3s ease;
  11141.                                            }
  11142.                                        </style>
  11143.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10829" />
  11144.                                                                                                                                                            <a href="https://www.lalashops.nl/ryzen-7-7800x3d-rtx5090-32gb-32gb-ram-1tb-m2-0-ssd-tg6-r7-gam-a25-1"
  11145.                                            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"
  11146.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11147.                                            tabindex="-1">
  11148.                                            <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>
  11149.                                        </a>
  11150.                                        <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>
  11151.                                                                                            <div x-data="initWishlist()">
  11152.                                                    <button
  11153.                                                        @click="addToWishlist(10829)"
  11154.                                                        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"
  11155.                                                        type="button"
  11156.                                                        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"
  11157.                                                        data-addto="wishlist">
  11158.                                                        <span class="icon-heart text-2xl"></span>
  11159.                                                    </button>
  11160.                                                </div>
  11161.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11162.                                                    <button
  11163.                                                        @click="addToCompare(10829)"
  11164.                                                        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"
  11165.                                                        type="button"
  11166.                                                        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"
  11167.                                                        data-addto="compare">
  11168.                                                        <span class="icon-balance text-2xl"></span>
  11169.                                                    </button>
  11170.                                                </div>
  11171.                                                                                    </div>
  11172.                                        <div class="product-info flex flex-col grow">
  11173.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11174.                                                <a
  11175.                                                    class="product-item-link"
  11176.                                                    href="https://www.lalashops.nl/ryzen-7-7800x3d-rtx5090-32gb-32gb-ram-1tb-m2-0-ssd-tg6-r7-gam-a25-1"
  11177.                                                    :id="`slide-desc-10829-${$id('slider-id')}`">
  11178.                                                    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>
  11179.                                            </div>
  11180.  
  11181.  
  11182.                                                                                                                                        
  11183.  
  11184.  
  11185.                                            
  11186.                                            <div class="pt-1 text-gray-900"
  11187.                                                x-defer="intersect"
  11188.                                                @update-prices-10829.window="updatePrice($event.detail);">
  11189.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10829" data-price-box="product-id-10829">
  11190.    <span class="special-price">
  11191.        <span
  11192.    x-data x-id="['product\u002Dprice\u002D10829']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11193.        >
  11194.            <span class="price-label">Special Price</span>
  11195.        <span  :id="$id('product\u002Dprice\u002D10829')"                data-price-amount="3555"
  11196.        data-price-type="finalPrice"
  11197.        class="price-wrapper "
  11198.    ><span class="price">€ 3.555,00</span></span>
  11199.        </span>
  11200.    </span>
  11201.    <span class="old-price">
  11202.        <span
  11203.    x-data x-id="['old\u002Dprice\u002D10829']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11204.        >
  11205.            <span class="price-label">Regular Price</span>
  11206.        <span  :id="$id('old\u002Dprice\u002D10829')"                data-price-amount="3999"
  11207.        data-price-type="oldPrice"
  11208.        class="price-wrapper "
  11209.    ><span class="price">€ 3.999,00</span></span>
  11210.        </span>
  11211.    </span>
  11212.  
  11213. </div>                                            </div>
  11214.  
  11215.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11216.            ">
  11217.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11218.                                                                                                                    <button
  11219.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11220.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11221.                                                                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"
  11222.                                                                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"
  11223.                                                                data-addto="cart">
  11224.                                                                <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">
  11225.  <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"/>
  11226. </svg>
  11227.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11228.                                                                    In Winkelwagen                                                                </span>
  11229.                                                            </button>
  11230.                                                                                                            </div>
  11231.  
  11232.                                                                                            </div>
  11233.                                        </div>
  11234.                                                                                                                        </form>
  11235.                                
  11236.                </li>
  11237.                                        
  11238.                            <li class="swiper-slide">
  11239.                                                                    <form method="post"
  11240.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10826/"
  11241.                                        x-data="{
  11242.        hovered: false,
  11243.        grid: true ,
  11244.        isMobile: false,
  11245.        isMobileFunc () {
  11246.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11247.        }
  11248.    }"
  11249.                                        x-init="
  11250.        isMobileFunc();
  11251.        const labelClass = '.amlabel-position-top-right-10826-prod';
  11252.        const labels = document.querySelectorAll(labelClass);
  11253.  
  11254.        $watch('hovered', value => {
  11255.            if (value) {
  11256.                labels.forEach(el => el.style.opacity = '0');
  11257.            } else {
  11258.                labels.forEach(el => el.style.opacity = '1');
  11259.            }
  11260.        });
  11261.    "
  11262.                                        @mouseenter="hovered = true"
  11263.                                        @mouseleave="hovered = false"
  11264.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11265.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11266.                                        >
  11267.                                        <style>
  11268.                                            /* Generate styling for the label based on the product ID */
  11269.                                            .amlabel-position-top-right-10826-prod {
  11270.                                                transition: opacity 0.3s ease;
  11271.                                            }
  11272.                                        </style>
  11273.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10826" />
  11274.                                                                                                                                                            <a href="https://www.lalashops.nl/12700k-videobewerking-cad-pc-rtx5060-ti-1tb-m2-64gb-wifi-bluetooth-vid-i7-a4"
  11275.                                            title="Intel i7 12700K - Videobewerking computer / Workstation - RTX 5060 Ti 16GB - 1TB Gen4 SSD - 64GB RAM - Extra Stil - Wifi / Bluetooth - Win11 Pro"
  11276.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11277.                                            tabindex="-1">
  11278.                                            <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>
  11279.                                        </a>
  11280.                                        <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>
  11281.                                                                                            <div x-data="initWishlist()">
  11282.                                                    <button
  11283.                                                        @click="addToWishlist(10826)"
  11284.                                                        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"
  11285.                                                        type="button"
  11286.                                                        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"
  11287.                                                        data-addto="wishlist">
  11288.                                                        <span class="icon-heart text-2xl"></span>
  11289.                                                    </button>
  11290.                                                </div>
  11291.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11292.                                                    <button
  11293.                                                        @click="addToCompare(10826)"
  11294.                                                        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"
  11295.                                                        type="button"
  11296.                                                        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"
  11297.                                                        data-addto="compare">
  11298.                                                        <span class="icon-balance text-2xl"></span>
  11299.                                                    </button>
  11300.                                                </div>
  11301.                                                                                    </div>
  11302.                                        <div class="product-info flex flex-col grow">
  11303.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11304.                                                <a
  11305.                                                    class="product-item-link"
  11306.                                                    href="https://www.lalashops.nl/12700k-videobewerking-cad-pc-rtx5060-ti-1tb-m2-64gb-wifi-bluetooth-vid-i7-a4"
  11307.                                                    :id="`slide-desc-10826-${$id('slider-id')}`">
  11308.                                                    Intel i7 12700K - Videobewerking computer / Workstation - RTX 5060 Ti 16GB - 1TB Gen4 SSD - 64GB RAM - Extra Stil - Wifi / Bluetooth - Win11 Pro                                                </a>
  11309.                                            </div>
  11310.  
  11311.  
  11312.                                                                                                                                        
  11313.  
  11314.  
  11315.                                            
  11316.                                            <div class="pt-1 text-gray-900"
  11317.                                                x-defer="intersect"
  11318.                                                @update-prices-10826.window="updatePrice($event.detail);">
  11319.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10826" data-price-box="product-id-10826">
  11320.    <span class="special-price">
  11321.        <span
  11322.    x-data x-id="['product\u002Dprice\u002D10826']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11323.        >
  11324.            <span class="price-label">Special Price</span>
  11325.        <span  :id="$id('product\u002Dprice\u002D10826')"                data-price-amount="1499"
  11326.        data-price-type="finalPrice"
  11327.        class="price-wrapper "
  11328.    ><span class="price">€ 1.499,00</span></span>
  11329.        </span>
  11330.    </span>
  11331.    <span class="old-price">
  11332.        <span
  11333.    x-data x-id="['old\u002Dprice\u002D10826']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11334.        >
  11335.            <span class="price-label">Regular Price</span>
  11336.        <span  :id="$id('old\u002Dprice\u002D10826')"                data-price-amount="1649"
  11337.        data-price-type="oldPrice"
  11338.        class="price-wrapper "
  11339.    ><span class="price">€ 1.649,00</span></span>
  11340.        </span>
  11341.    </span>
  11342.  
  11343. </div>                                            </div>
  11344.  
  11345.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11346.            ">
  11347.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11348.                                                                                                                    <button
  11349.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11350.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11351.                                                                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"
  11352.                                                                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"
  11353.                                                                data-addto="cart">
  11354.                                                                <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">
  11355.  <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"/>
  11356. </svg>
  11357.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11358.                                                                    In Winkelwagen                                                                </span>
  11359.                                                            </button>
  11360.                                                                                                            </div>
  11361.  
  11362.                                                                                            </div>
  11363.                                        </div>
  11364.                                                                                                                        </form>
  11365.                                
  11366.                </li>
  11367.                            </div>
  11368.  
  11369.        </div>
  11370.  
  11371.        <script>
  11372.            (function() {
  11373.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  11374.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  11375.  
  11376.                // Load Swiper CSS
  11377.                if (typeof window.SwiperCSS === 'undefined') {
  11378.                    const style = document.createElement("link");
  11379.                    style.rel = "stylesheet";
  11380.                    style.type = "text/css";
  11381.                    style.href = swiperCssUrl;
  11382.  
  11383.                    const insertAt = document.getElementsByTagName('link')[0];
  11384.                    if (insertAt) {
  11385.                        insertAt.parentNode.insertBefore(style, insertAt);
  11386.                    } else {
  11387.                        document.head.appendChild(style);
  11388.                    }
  11389.                    window.SwiperCSS = 'loaded';
  11390.                }
  11391.  
  11392.                function initSwiper() {
  11393.                    new Swiper('.swiper-container', {
  11394.                        loop: false,
  11395.                        slidesPerView: 1,
  11396.                        spaceBetween: 16,
  11397.                        autoplay: false,
  11398.                        navigation: {
  11399.                            nextEl: '.swiper-button-next',
  11400.                            prevEl: '.swiper-button-prev',
  11401.                        },
  11402.                        breakpoints: {
  11403.                            480: {
  11404.                                slidesPerView: 1.6,
  11405.                                spaceBetween: 16,
  11406.                            },
  11407.                            768: {
  11408.                                slidesPerView: 2.6,
  11409.                                spaceBetween: 16,
  11410.                            },
  11411.                            1024: {
  11412.                                slidesPerView: 3.6,
  11413.                                spaceBetween: 16,
  11414.                            },
  11415.                            1280: {
  11416.                                slidesPerView: 4.6,
  11417.                                spaceBetween: 16,
  11418.                            }
  11419.                        },
  11420.                    });
  11421.                }
  11422.  
  11423.                if (typeof window.Swiper === 'function') {
  11424.                    initSwiper();
  11425.                } else {
  11426.                    // Load Swiper JS
  11427.                    const scriptSource = swiperJsUrl;
  11428.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  11429.  
  11430.                    if (pendingLoadScript) {
  11431.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  11432.                        return;
  11433.                    }
  11434.  
  11435.                    const script = document.createElement('script');
  11436.                    script.src = scriptSource;
  11437.                    script.async = true;
  11438.  
  11439.                    script.addEventListener('load', () => initSwiper());
  11440.                    document.head.appendChild(script);
  11441.                }
  11442.            })();
  11443.  
  11444.            window.addEventListener("load", function() {
  11445.                if (window.innerWidth > 479) {
  11446.                    let maxHeight = 0;
  11447.  
  11448.                    // Get all slides
  11449.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  11450.  
  11451.                    // Find the tallest slide
  11452.                    slides.forEach(slide => {
  11453.                        const slideHeight = slide.offsetHeight;
  11454.                        if (slideHeight > maxHeight) {
  11455.                            maxHeight = slideHeight;
  11456.                        }
  11457.                    });
  11458.  
  11459.                    // Set the height of all slides and the swiper-wrapper to the max height
  11460.                    slides.forEach(slide => {
  11461.                        slide.style.height = `${maxHeight}px`;
  11462.                    });
  11463.  
  11464.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  11465.                    if (swiperWrapper) {
  11466.                        swiperWrapper.style.height = `${maxHeight}px`;
  11467.                    }
  11468.                }
  11469.            });
  11470.        </script>
  11471.    </div>
  11472. </section>
  11473. </div>
  11474. <template x-data="initAmWidgetLabels__68af0039634f2" x-init="initLabels($el)"></template>
  11475.  
  11476. <script>
  11477.    function initAmWidgetLabels__68af0039634f2() {
  11478.        return {
  11479.            initLabels($el) {
  11480.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  11481.                const widgetContainer = $el?.previousElementSibling;
  11482.  
  11483.                labels.forEach((productLabel, index) => {
  11484.                    const productSelector = `li:nth-child(${index + 1})`;
  11485.                    const productContainer = widgetContainer?.querySelector(productSelector);
  11486.                    if (productContainer) {
  11487.                        const labelClass = 'am-label_68af0039634f2' + index;
  11488.                        productContainer.innerHTML += productLabel;
  11489.                        productContainer.classList.add(labelClass);
  11490.                        hyva.replaceDomElement(
  11491.                            '.' + labelClass,
  11492.                            productContainer?.outerHTML
  11493.                        );
  11494.                    }
  11495.                });
  11496.            }
  11497.        }
  11498.    }
  11499. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  11500.    <section
  11501.                        class="super-margin hyva-category
  11502.                        ">
  11503.  
  11504.        <div class="">
  11505.  
  11506.  
  11507.            
  11508.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  11509.  
  11510.                
  11511.                <div class="swiper-container pb-8" data-id-category="nzzb1lksj8l3c5ajtwmlighqfnl12byl">
  11512.  
  11513.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  11514.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  11515.                                Lampen en <span class="font-bold">Decoratie</span>                            </h2>
  11516.                        
  11517.                        <!-- Add Navigation Arrows -->
  11518.                        <div class="flex gap-4 lg:gap-12">
  11519.                            <div id="swiper-button-prev-nzzb1lksj8l3c5ajtwmlighqfnl12byl" class="swiper-button-prev !static"></div>
  11520.                            <div id="swiper-button-next-nzzb1lksj8l3c5ajtwmlighqfnl12byl" class="swiper-button-next !static"></div>
  11521.                        </div>
  11522.                    </div>
  11523.  
  11524.                    <div class="hyva-category-content ">
  11525.                                            </div>
  11526.  
  11527.                    <div class="swiper-wrapper list-none">
  11528.                                                    
  11529.                            <li class="swiper-slide">
  11530.                                                                    <form method="post"
  11531.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10945/"
  11532.                                        x-data="{
  11533.        hovered: false,
  11534.        grid: true ,
  11535.        isMobile: false,
  11536.        isMobileFunc () {
  11537.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11538.        }
  11539.    }"
  11540.                                        x-init="
  11541.        isMobileFunc();
  11542.        const labelClass = '.amlabel-position-top-right-10945-prod';
  11543.        const labels = document.querySelectorAll(labelClass);
  11544.  
  11545.        $watch('hovered', value => {
  11546.            if (value) {
  11547.                labels.forEach(el => el.style.opacity = '0');
  11548.            } else {
  11549.                labels.forEach(el => el.style.opacity = '1');
  11550.            }
  11551.        });
  11552.    "
  11553.                                        @mouseenter="hovered = true"
  11554.                                        @mouseleave="hovered = false"
  11555.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11556.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11557.                                        >
  11558.                                        <style>
  11559.                                            /* Generate styling for the label based on the product ID */
  11560.                                            .amlabel-position-top-right-10945-prod {
  11561.                                                transition: opacity 0.3s ease;
  11562.                                            }
  11563.                                        </style>
  11564.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10945" />
  11565.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-haliet-uit-himalaya-gebergte-7-tot-10-kg-2"
  11566.                                            title="Zoutlamp 6 tot 8 kg - Himalayazout / Zoutsteen (Haliet) - c.a. 32x17cm"
  11567.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11568.                                            tabindex="-1">
  11569.                                            <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_1.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_1.jpg" width="360" height="360" loading="lazy"></picture>
  11570.                                        </a>
  11571.                                        <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>
  11572.                                                                                            <div x-data="initWishlist()">
  11573.                                                    <button
  11574.                                                        @click="addToWishlist(10945)"
  11575.                                                        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"
  11576.                                                        type="button"
  11577.                                                        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"
  11578.                                                        data-addto="wishlist">
  11579.                                                        <span class="icon-heart text-2xl"></span>
  11580.                                                    </button>
  11581.                                                </div>
  11582.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11583.                                                    <button
  11584.                                                        @click="addToCompare(10945)"
  11585.                                                        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"
  11586.                                                        type="button"
  11587.                                                        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"
  11588.                                                        data-addto="compare">
  11589.                                                        <span class="icon-balance text-2xl"></span>
  11590.                                                    </button>
  11591.                                                </div>
  11592.                                                                                    </div>
  11593.                                        <div class="product-info flex flex-col grow">
  11594.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11595.                                                <a
  11596.                                                    class="product-item-link"
  11597.                                                    href="https://www.lalashops.nl/zoutlamp-haliet-uit-himalaya-gebergte-7-tot-10-kg-2"
  11598.                                                    :id="`slide-desc-10945-${$id('slider-id')}`">
  11599.                                                    Zoutlamp 6 tot 8 kg - Himalayazout / Zoutsteen (Haliet) - c.a. 32x17cm                                                </a>
  11600.                                            </div>
  11601.  
  11602.  
  11603.                                                                                                                                        
  11604.  
  11605.  
  11606.                                            
  11607.                                            <div class="pt-1 text-gray-900"
  11608.                                                x-defer="intersect"
  11609.                                                @update-prices-10945.window="updatePrice($event.detail);">
  11610.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10945" data-price-box="product-id-10945">
  11611.    <span class="special-price">
  11612.        <span
  11613.    x-data x-id="['product\u002Dprice\u002D10945']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11614.        >
  11615.            <span class="price-label">Special Price</span>
  11616.        <span  :id="$id('product\u002Dprice\u002D10945')"                data-price-amount="21.95"
  11617.        data-price-type="finalPrice"
  11618.        class="price-wrapper "
  11619.    ><span class="price">€ 21,95</span></span>
  11620.        </span>
  11621.    </span>
  11622.    <span class="old-price">
  11623.        <span
  11624.    x-data x-id="['old\u002Dprice\u002D10945']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11625.        >
  11626.            <span class="price-label">Regular Price</span>
  11627.        <span  :id="$id('old\u002Dprice\u002D10945')"                data-price-amount="24.95"
  11628.        data-price-type="oldPrice"
  11629.        class="price-wrapper "
  11630.    ><span class="price">€ 24,95</span></span>
  11631.        </span>
  11632.    </span>
  11633.  
  11634. </div>                                            </div>
  11635.  
  11636.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11637.            ">
  11638.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11639.                                                                                                                    <button
  11640.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11641.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11642.                                                                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"
  11643.                                                                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"
  11644.                                                                data-addto="cart">
  11645.                                                                <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">
  11646.  <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"/>
  11647. </svg>
  11648.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11649.                                                                    In Winkelwagen                                                                </span>
  11650.                                                            </button>
  11651.                                                                                                            </div>
  11652.  
  11653.                                                                                            </div>
  11654.                                        </div>
  11655.                                                                                                                        </form>
  11656.                                
  11657.                </li>
  11658.                                        
  11659.                            <li class="swiper-slide">
  11660.                                                                    <form method="post"
  11661.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10870/"
  11662.                                        x-data="{
  11663.        hovered: false,
  11664.        grid: true ,
  11665.        isMobile: false,
  11666.        isMobileFunc () {
  11667.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11668.        }
  11669.    }"
  11670.                                        x-init="
  11671.        isMobileFunc();
  11672.        const labelClass = '.amlabel-position-top-right-10870-prod';
  11673.        const labels = document.querySelectorAll(labelClass);
  11674.  
  11675.        $watch('hovered', value => {
  11676.            if (value) {
  11677.                labels.forEach(el => el.style.opacity = '0');
  11678.            } else {
  11679.                labels.forEach(el => el.style.opacity = '1');
  11680.            }
  11681.        });
  11682.    "
  11683.                                        @mouseenter="hovered = true"
  11684.                                        @mouseleave="hovered = false"
  11685.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11686.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11687.                                        >
  11688.                                        <style>
  11689.                                            /* Generate styling for the label based on the product ID */
  11690.                                            .amlabel-position-top-right-10870-prod {
  11691.                                                transition: opacity 0.3s ease;
  11692.                                            }
  11693.                                        </style>
  11694.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10870" />
  11695.                                                                                                                                                            <a href="https://www.lalashops.nl/nachtlampje-raket-himalayazout-energiezuinig-1"
  11696.                                            title="nachtlampje-raket-himalayazout-energiezuinig"
  11697.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11698.                                            tabindex="-1">
  11699.                                            <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>
  11700.                                        </a>
  11701.                                        <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>
  11702.                                                                                            <div x-data="initWishlist()">
  11703.                                                    <button
  11704.                                                        @click="addToWishlist(10870)"
  11705.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11706.                                                        type="button"
  11707.                                                        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"
  11708.                                                        data-addto="wishlist">
  11709.                                                        <span class="icon-heart text-2xl"></span>
  11710.                                                    </button>
  11711.                                                </div>
  11712.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11713.                                                    <button
  11714.                                                        @click="addToCompare(10870)"
  11715.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11716.                                                        type="button"
  11717.                                                        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"
  11718.                                                        data-addto="compare">
  11719.                                                        <span class="icon-balance text-2xl"></span>
  11720.                                                    </button>
  11721.                                                </div>
  11722.                                                                                    </div>
  11723.                                        <div class="product-info flex flex-col grow">
  11724.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11725.                                                <a
  11726.                                                    class="product-item-link"
  11727.                                                    href="https://www.lalashops.nl/nachtlampje-raket-himalayazout-energiezuinig-1"
  11728.                                                    :id="`slide-desc-10870-${$id('slider-id')}`">
  11729.                                                    nachtlampje-raket-himalayazout-energiezuinig                                                </a>
  11730.                                            </div>
  11731.  
  11732.  
  11733.                                                                                                                                        
  11734.  
  11735.  
  11736.                                            
  11737.                                            <div class="pt-1 text-gray-900"
  11738.                                                x-defer="intersect"
  11739.                                                @update-prices-10870.window="updatePrice($event.detail);">
  11740.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10870" data-price-box="product-id-10870">
  11741.    <span class="special-price">
  11742.        <span
  11743.    x-data x-id="['product\u002Dprice\u002D10870']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11744.        >
  11745.            <span class="price-label">Special Price</span>
  11746.        <span  :id="$id('product\u002Dprice\u002D10870')"                data-price-amount="17.95"
  11747.        data-price-type="finalPrice"
  11748.        class="price-wrapper "
  11749.    ><span class="price">€ 17,95</span></span>
  11750.        </span>
  11751.    </span>
  11752.    <span class="old-price">
  11753.        <span
  11754.    x-data x-id="['old\u002Dprice\u002D10870']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11755.        >
  11756.            <span class="price-label">Regular Price</span>
  11757.        <span  :id="$id('old\u002Dprice\u002D10870')"                data-price-amount="19.95"
  11758.        data-price-type="oldPrice"
  11759.        class="price-wrapper "
  11760.    ><span class="price">€ 19,95</span></span>
  11761.        </span>
  11762.    </span>
  11763.  
  11764. </div>                                            </div>
  11765.  
  11766.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11767.            ">
  11768.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11769.                                                                                                                    <button
  11770.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11771.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11772.                                                                title="In&#x20;Winkelwagen&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11773.                                                                aria-label="In&#x20;Winkelwagen&#x20;nachtlampje-raket-himalayazout-energiezuinig"
  11774.                                                                data-addto="cart">
  11775.                                                                <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">
  11776.  <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"/>
  11777. </svg>
  11778.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11779.                                                                    In Winkelwagen                                                                </span>
  11780.                                                            </button>
  11781.                                                                                                            </div>
  11782.  
  11783.                                                                                            </div>
  11784.                                        </div>
  11785.                                                                                                                        </form>
  11786.                                
  11787.                </li>
  11788.                                        
  11789.                            <li class="swiper-slide">
  11790.                                                                    <form method="post"
  11791.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10869/"
  11792.                                        x-data="{
  11793.        hovered: false,
  11794.        grid: true ,
  11795.        isMobile: false,
  11796.        isMobileFunc () {
  11797.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11798.        }
  11799.    }"
  11800.                                        x-init="
  11801.        isMobileFunc();
  11802.        const labelClass = '.amlabel-position-top-right-10869-prod';
  11803.        const labels = document.querySelectorAll(labelClass);
  11804.  
  11805.        $watch('hovered', value => {
  11806.            if (value) {
  11807.                labels.forEach(el => el.style.opacity = '0');
  11808.            } else {
  11809.                labels.forEach(el => el.style.opacity = '1');
  11810.            }
  11811.        });
  11812.    "
  11813.                                        @mouseenter="hovered = true"
  11814.                                        @mouseleave="hovered = false"
  11815.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11816.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11817.                                        >
  11818.                                        <style>
  11819.                                            /* Generate styling for the label based on the product ID */
  11820.                                            .amlabel-position-top-right-10869-prod {
  11821.                                                transition: opacity 0.3s ease;
  11822.                                            }
  11823.                                        </style>
  11824.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10869" />
  11825.                                                                                                                                                            <a href="https://www.lalashops.nl/nachtlampje-planeet-himalayazout-energiezuinig"
  11826.                                            title="nachtlampje-planeet-himalayazout-energiezuinig"
  11827.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11828.                                            tabindex="-1">
  11829.                                            <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>
  11830.                                        </a>
  11831.                                        <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>
  11832.                                                                                            <div x-data="initWishlist()">
  11833.                                                    <button
  11834.                                                        @click="addToWishlist(10869)"
  11835.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11836.                                                        type="button"
  11837.                                                        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"
  11838.                                                        data-addto="wishlist">
  11839.                                                        <span class="icon-heart text-2xl"></span>
  11840.                                                    </button>
  11841.                                                </div>
  11842.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11843.                                                    <button
  11844.                                                        @click="addToCompare(10869)"
  11845.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11846.                                                        type="button"
  11847.                                                        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"
  11848.                                                        data-addto="compare">
  11849.                                                        <span class="icon-balance text-2xl"></span>
  11850.                                                    </button>
  11851.                                                </div>
  11852.                                                                                    </div>
  11853.                                        <div class="product-info flex flex-col grow">
  11854.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11855.                                                <a
  11856.                                                    class="product-item-link"
  11857.                                                    href="https://www.lalashops.nl/nachtlampje-planeet-himalayazout-energiezuinig"
  11858.                                                    :id="`slide-desc-10869-${$id('slider-id')}`">
  11859.                                                    nachtlampje-planeet-himalayazout-energiezuinig                                                </a>
  11860.                                            </div>
  11861.  
  11862.  
  11863.                                                                                                                                        
  11864.  
  11865.  
  11866.                                            
  11867.                                            <div class="pt-1 text-gray-900"
  11868.                                                x-defer="intersect"
  11869.                                                @update-prices-10869.window="updatePrice($event.detail);">
  11870.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10869" data-price-box="product-id-10869">
  11871.    <span class="special-price">
  11872.        <span
  11873.    x-data x-id="['product\u002Dprice\u002D10869']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11874.        >
  11875.            <span class="price-label">Special Price</span>
  11876.        <span  :id="$id('product\u002Dprice\u002D10869')"                data-price-amount="16.95"
  11877.        data-price-type="finalPrice"
  11878.        class="price-wrapper "
  11879.    ><span class="price">€ 16,95</span></span>
  11880.        </span>
  11881.    </span>
  11882.    <span class="old-price">
  11883.        <span
  11884.    x-data x-id="['old\u002Dprice\u002D10869']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  11885.        >
  11886.            <span class="price-label">Regular Price</span>
  11887.        <span  :id="$id('old\u002Dprice\u002D10869')"                data-price-amount="19.95"
  11888.        data-price-type="oldPrice"
  11889.        class="price-wrapper "
  11890.    ><span class="price">€ 19,95</span></span>
  11891.        </span>
  11892.    </span>
  11893.  
  11894. </div>                                            </div>
  11895.  
  11896.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  11897.            ">
  11898.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  11899.                                                                                                                    <button
  11900.                                                                class="w-auto btn justify-center text-xl mr-auto"
  11901.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  11902.                                                                title="In&#x20;Winkelwagen&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11903.                                                                aria-label="In&#x20;Winkelwagen&#x20;nachtlampje-planeet-himalayazout-energiezuinig"
  11904.                                                                data-addto="cart">
  11905.                                                                <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">
  11906.  <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"/>
  11907. </svg>
  11908.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  11909.                                                                    In Winkelwagen                                                                </span>
  11910.                                                            </button>
  11911.                                                                                                            </div>
  11912.  
  11913.                                                                                            </div>
  11914.                                        </div>
  11915.                                                                                                                        </form>
  11916.                                
  11917.                </li>
  11918.                                        
  11919.                            <li class="swiper-slide">
  11920.                                                                    <form method="post"
  11921.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10868/"
  11922.                                        x-data="{
  11923.        hovered: false,
  11924.        grid: true ,
  11925.        isMobile: false,
  11926.        isMobileFunc () {
  11927.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  11928.        }
  11929.    }"
  11930.                                        x-init="
  11931.        isMobileFunc();
  11932.        const labelClass = '.amlabel-position-top-right-10868-prod';
  11933.        const labels = document.querySelectorAll(labelClass);
  11934.  
  11935.        $watch('hovered', value => {
  11936.            if (value) {
  11937.                labels.forEach(el => el.style.opacity = '0');
  11938.            } else {
  11939.                labels.forEach(el => el.style.opacity = '1');
  11940.            }
  11941.        });
  11942.    "
  11943.                                        @mouseenter="hovered = true"
  11944.                                        @mouseleave="hovered = false"
  11945.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  11946.                                        :class="isMobile ? 'product-item-mobile' : ''"
  11947.                                        >
  11948.                                        <style>
  11949.                                            /* Generate styling for the label based on the product ID */
  11950.                                            .amlabel-position-top-right-10868-prod {
  11951.                                                transition: opacity 0.3s ease;
  11952.                                            }
  11953.                                        </style>
  11954.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10868" />
  11955.                                                                                                                                                            <a href="https://www.lalashops.nl/nachtlampje-dino-himalayazout-energiezuinig"
  11956.                                            title="nachtlampje-dino-himalayazout-energiezuinig"
  11957.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  11958.                                            tabindex="-1">
  11959.                                            <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>
  11960.                                        </a>
  11961.                                        <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>
  11962.                                                                                            <div x-data="initWishlist()">
  11963.                                                    <button
  11964.                                                        @click="addToWishlist(10868)"
  11965.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  11966.                                                        type="button"
  11967.                                                        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"
  11968.                                                        data-addto="wishlist">
  11969.                                                        <span class="icon-heart text-2xl"></span>
  11970.                                                    </button>
  11971.                                                </div>
  11972.                                                                                                                                        <div x-data="initCompareOnProductList()">
  11973.                                                    <button
  11974.                                                        @click="addToCompare(10868)"
  11975.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  11976.                                                        type="button"
  11977.                                                        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"
  11978.                                                        data-addto="compare">
  11979.                                                        <span class="icon-balance text-2xl"></span>
  11980.                                                    </button>
  11981.                                                </div>
  11982.                                                                                    </div>
  11983.                                        <div class="product-info flex flex-col grow">
  11984.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  11985.                                                <a
  11986.                                                    class="product-item-link"
  11987.                                                    href="https://www.lalashops.nl/nachtlampje-dino-himalayazout-energiezuinig"
  11988.                                                    :id="`slide-desc-10868-${$id('slider-id')}`">
  11989.                                                    nachtlampje-dino-himalayazout-energiezuinig                                                </a>
  11990.                                            </div>
  11991.  
  11992.  
  11993.                                                                                                                                        
  11994.  
  11995.  
  11996.                                            
  11997.                                            <div class="pt-1 text-gray-900"
  11998.                                                x-defer="intersect"
  11999.                                                @update-prices-10868.window="updatePrice($event.detail);">
  12000.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10868" data-price-box="product-id-10868">
  12001.    <span class="special-price">
  12002.        <span
  12003.    x-data x-id="['product\u002Dprice\u002D10868']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12004.        >
  12005.            <span class="price-label">Special Price</span>
  12006.        <span  :id="$id('product\u002Dprice\u002D10868')"                data-price-amount="17.95"
  12007.        data-price-type="finalPrice"
  12008.        class="price-wrapper "
  12009.    ><span class="price">€ 17,95</span></span>
  12010.        </span>
  12011.    </span>
  12012.    <span class="old-price">
  12013.        <span
  12014.    x-data x-id="['old\u002Dprice\u002D10868']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12015.        >
  12016.            <span class="price-label">Regular Price</span>
  12017.        <span  :id="$id('old\u002Dprice\u002D10868')"                data-price-amount="19.95"
  12018.        data-price-type="oldPrice"
  12019.        class="price-wrapper "
  12020.    ><span class="price">€ 19,95</span></span>
  12021.        </span>
  12022.    </span>
  12023.  
  12024. </div>                                            </div>
  12025.  
  12026.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12027.            ">
  12028.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12029.                                                                                                                    <button
  12030.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12031.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12032.                                                                title="In&#x20;Winkelwagen&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  12033.                                                                aria-label="In&#x20;Winkelwagen&#x20;nachtlampje-dino-himalayazout-energiezuinig"
  12034.                                                                data-addto="cart">
  12035.                                                                <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">
  12036.  <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"/>
  12037. </svg>
  12038.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12039.                                                                    In Winkelwagen                                                                </span>
  12040.                                                            </button>
  12041.                                                                                                            </div>
  12042.  
  12043.                                                                                            </div>
  12044.                                        </div>
  12045.                                                                                                                        </form>
  12046.                                
  12047.                </li>
  12048.                                        
  12049.                            <li class="swiper-slide">
  12050.                                                                    <form method="post"
  12051.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9805/"
  12052.                                        x-data="{
  12053.        hovered: false,
  12054.        grid: true ,
  12055.        isMobile: false,
  12056.        isMobileFunc () {
  12057.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12058.        }
  12059.    }"
  12060.                                        x-init="
  12061.        isMobileFunc();
  12062.        const labelClass = '.amlabel-position-top-right-9805-prod';
  12063.        const labels = document.querySelectorAll(labelClass);
  12064.  
  12065.        $watch('hovered', value => {
  12066.            if (value) {
  12067.                labels.forEach(el => el.style.opacity = '0');
  12068.            } else {
  12069.                labels.forEach(el => el.style.opacity = '1');
  12070.            }
  12071.        });
  12072.    "
  12073.                                        @mouseenter="hovered = true"
  12074.                                        @mouseleave="hovered = false"
  12075.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12076.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12077.                                        >
  12078.                                        <style>
  12079.                                            /* Generate styling for the label based on the product ID */
  12080.                                            .amlabel-position-top-right-9805-prod {
  12081.                                                transition: opacity 0.3s ease;
  12082.                                            }
  12083.                                        </style>
  12084.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9805" />
  12085.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-mini-torentje-witte-seleniet-6-5cm-hoog-seleniettorenmini"
  12086.                                            title="Seleniet Mini Torentje - Witte Seleniet - 6,5cm hoog"
  12087.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12088.                                            tabindex="-1">
  12089.                                            <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/p1090560.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Seleniet&#x20;Mini&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;6,5cm&#x20;hoog" title="Seleniet&#x20;Mini&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;6,5cm&#x20;hoog" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1090560.jpg" width="360" height="360" loading="lazy"></picture>
  12090.                                        </a>
  12091.                                        <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>
  12092.                                                                                            <div x-data="initWishlist()">
  12093.                                                    <button
  12094.                                                        @click="addToWishlist(9805)"
  12095.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Seleniet&#x20;Mini&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;6,5cm&#x20;hoog"
  12096.                                                        type="button"
  12097.                                                        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"
  12098.                                                        data-addto="wishlist">
  12099.                                                        <span class="icon-heart text-2xl"></span>
  12100.                                                    </button>
  12101.                                                </div>
  12102.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12103.                                                    <button
  12104.                                                        @click="addToCompare(9805)"
  12105.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Seleniet&#x20;Mini&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;6,5cm&#x20;hoog"
  12106.                                                        type="button"
  12107.                                                        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"
  12108.                                                        data-addto="compare">
  12109.                                                        <span class="icon-balance text-2xl"></span>
  12110.                                                    </button>
  12111.                                                </div>
  12112.                                                                                    </div>
  12113.                                        <div class="product-info flex flex-col grow">
  12114.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12115.                                                <a
  12116.                                                    class="product-item-link"
  12117.                                                    href="https://www.lalashops.nl/seleniet-mini-torentje-witte-seleniet-6-5cm-hoog-seleniettorenmini"
  12118.                                                    :id="`slide-desc-9805-${$id('slider-id')}`">
  12119.                                                    Seleniet Mini Torentje - Witte Seleniet - 6,5cm hoog                                                </a>
  12120.                                            </div>
  12121.  
  12122.  
  12123.                                                                                                                                        
  12124.  
  12125.  
  12126.                                            
  12127.                                            <div class="pt-1 text-gray-900"
  12128.                                                x-defer="intersect"
  12129.                                                @update-prices-9805.window="updatePrice($event.detail);">
  12130.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9805" data-price-box="product-id-9805">
  12131.    <span
  12132.    x-data x-id="['product\u002Dprice\u002D9805']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12133.        >
  12134.        <span  :id="$id('product\u002Dprice\u002D9805')"                data-price-amount="5"
  12135.        data-price-type="finalPrice"
  12136.        class="price-wrapper "
  12137.    ><span class="price">€ 5,00</span></span>
  12138.        </span>
  12139.  
  12140. </div>                                            </div>
  12141.  
  12142.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12143.            ">
  12144.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12145.                                                                                                                    <button
  12146.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12147.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12148.                                                                title="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Mini&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;6,5cm&#x20;hoog"
  12149.                                                                aria-label="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Mini&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;6,5cm&#x20;hoog"
  12150.                                                                data-addto="cart">
  12151.                                                                <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">
  12152.  <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"/>
  12153. </svg>
  12154.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12155.                                                                    In Winkelwagen                                                                </span>
  12156.                                                            </button>
  12157.                                                                                                            </div>
  12158.  
  12159.                                                                                            </div>
  12160.                                        </div>
  12161.                                                                                                                        </form>
  12162.                                
  12163.                </li>
  12164.                                        
  12165.                            <li class="swiper-slide">
  12166.                                                                    <form method="post"
  12167.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9760/"
  12168.                                        x-data="{
  12169.        hovered: false,
  12170.        grid: true ,
  12171.        isMobile: false,
  12172.        isMobileFunc () {
  12173.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12174.        }
  12175.    }"
  12176.                                        x-init="
  12177.        isMobileFunc();
  12178.        const labelClass = '.amlabel-position-top-right-9760-prod';
  12179.        const labels = document.querySelectorAll(labelClass);
  12180.  
  12181.        $watch('hovered', value => {
  12182.            if (value) {
  12183.                labels.forEach(el => el.style.opacity = '0');
  12184.            } else {
  12185.                labels.forEach(el => el.style.opacity = '1');
  12186.            }
  12187.        });
  12188.    "
  12189.                                        @mouseenter="hovered = true"
  12190.                                        @mouseleave="hovered = false"
  12191.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12192.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12193.                                        >
  12194.                                        <style>
  12195.                                            /* Generate styling for the label based on the product ID */
  12196.                                            .amlabel-position-top-right-9760-prod {
  12197.                                                transition: opacity 0.3s ease;
  12198.                                            }
  12199.                                        </style>
  12200.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9760" />
  12201.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-maan-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanwit"
  12202.                                            title="Zoutlamp MAAN - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  12203.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12204.                                            tabindex="-1">
  12205.                                            <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>
  12206.                                        </a>
  12207.                                        <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>
  12208.                                                                                            <div x-data="initWishlist()">
  12209.                                                    <button
  12210.                                                        @click="addToWishlist(9760)"
  12211.                                                        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;"
  12212.                                                        type="button"
  12213.                                                        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"
  12214.                                                        data-addto="wishlist">
  12215.                                                        <span class="icon-heart text-2xl"></span>
  12216.                                                    </button>
  12217.                                                </div>
  12218.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12219.                                                    <button
  12220.                                                        @click="addToCompare(9760)"
  12221.                                                        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;"
  12222.                                                        type="button"
  12223.                                                        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"
  12224.                                                        data-addto="compare">
  12225.                                                        <span class="icon-balance text-2xl"></span>
  12226.                                                    </button>
  12227.                                                </div>
  12228.                                                                                    </div>
  12229.                                        <div class="product-info flex flex-col grow">
  12230.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12231.                                                <a
  12232.                                                    class="product-item-link"
  12233.                                                    href="https://www.lalashops.nl/zoutlamp-maan-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanwit"
  12234.                                                    :id="`slide-desc-9760-${$id('slider-id')}`">
  12235.                                                    Zoutlamp MAAN - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  12236.                                            </div>
  12237.  
  12238.  
  12239.                                                                                                                                        
  12240.  
  12241.  
  12242.                                            
  12243.                                            <div class="pt-1 text-gray-900"
  12244.                                                x-defer="intersect"
  12245.                                                @update-prices-9760.window="updatePrice($event.detail);">
  12246.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9760" data-price-box="product-id-9760">
  12247.    <span class="special-price">
  12248.        <span
  12249.    x-data x-id="['product\u002Dprice\u002D9760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12250.        >
  12251.            <span class="price-label">Special Price</span>
  12252.        <span  :id="$id('product\u002Dprice\u002D9760')"                data-price-amount="17.95"
  12253.        data-price-type="finalPrice"
  12254.        class="price-wrapper "
  12255.    ><span class="price">€ 17,95</span></span>
  12256.        </span>
  12257.    </span>
  12258.    <span class="old-price">
  12259.        <span
  12260.    x-data x-id="['old\u002Dprice\u002D9760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12261.        >
  12262.            <span class="price-label">Regular Price</span>
  12263.        <span  :id="$id('old\u002Dprice\u002D9760')"                data-price-amount="19.95"
  12264.        data-price-type="oldPrice"
  12265.        class="price-wrapper "
  12266.    ><span class="price">€ 19,95</span></span>
  12267.        </span>
  12268.    </span>
  12269.  
  12270. </div>                                            </div>
  12271.  
  12272.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12273.            ">
  12274.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12275.                                                                                                                    <button
  12276.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12277.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12278.                                                                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;"
  12279.                                                                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;"
  12280.                                                                data-addto="cart">
  12281.                                                                <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">
  12282.  <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"/>
  12283. </svg>
  12284.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12285.                                                                    In Winkelwagen                                                                </span>
  12286.                                                            </button>
  12287.                                                                                                            </div>
  12288.  
  12289.                                                                                            </div>
  12290.                                        </div>
  12291.                                                                                                                        </form>
  12292.                                
  12293.                </li>
  12294.                                        
  12295.                            <li class="swiper-slide">
  12296.                                                                    <form method="post"
  12297.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9312/"
  12298.                                        x-data="{
  12299.        hovered: false,
  12300.        grid: true ,
  12301.        isMobile: false,
  12302.        isMobileFunc () {
  12303.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12304.        }
  12305.    }"
  12306.                                        x-init="
  12307.        isMobileFunc();
  12308.        const labelClass = '.amlabel-position-top-right-9312-prod';
  12309.        const labels = document.querySelectorAll(labelClass);
  12310.  
  12311.        $watch('hovered', value => {
  12312.            if (value) {
  12313.                labels.forEach(el => el.style.opacity = '0');
  12314.            } else {
  12315.                labels.forEach(el => el.style.opacity = '1');
  12316.            }
  12317.        });
  12318.    "
  12319.                                        @mouseenter="hovered = true"
  12320.                                        @mouseleave="hovered = false"
  12321.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12322.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12323.                                        >
  12324.                                        <style>
  12325.                                            /* Generate styling for the label based on the product ID */
  12326.                                            .amlabel-position-top-right-9312-prod {
  12327.                                                transition: opacity 0.3s ease;
  12328.                                            }
  12329.                                        </style>
  12330.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9312" />
  12331.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-stukken-wit-gezaagd-voordeelzak-1kg-selstukgez1kg"
  12332.                                            title="Seleniet Stukken - 1,5 - 5cm - Wit - Gezaagd - Voordeelzak van 1kg"
  12333.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12334.                                            tabindex="-1">
  12335.                                            <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>
  12336.                                        </a>
  12337.                                        <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>
  12338.                                                                                            <div x-data="initWishlist()">
  12339.                                                    <button
  12340.                                                        @click="addToWishlist(9312)"
  12341.                                                        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"
  12342.                                                        type="button"
  12343.                                                        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"
  12344.                                                        data-addto="wishlist">
  12345.                                                        <span class="icon-heart text-2xl"></span>
  12346.                                                    </button>
  12347.                                                </div>
  12348.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12349.                                                    <button
  12350.                                                        @click="addToCompare(9312)"
  12351.                                                        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"
  12352.                                                        type="button"
  12353.                                                        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"
  12354.                                                        data-addto="compare">
  12355.                                                        <span class="icon-balance text-2xl"></span>
  12356.                                                    </button>
  12357.                                                </div>
  12358.                                                                                    </div>
  12359.                                        <div class="product-info flex flex-col grow">
  12360.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12361.                                                <a
  12362.                                                    class="product-item-link"
  12363.                                                    href="https://www.lalashops.nl/seleniet-stukken-wit-gezaagd-voordeelzak-1kg-selstukgez1kg"
  12364.                                                    :id="`slide-desc-9312-${$id('slider-id')}`">
  12365.                                                    Seleniet Stukken - 1,5 - 5cm - Wit - Gezaagd - Voordeelzak van 1kg                                                </a>
  12366.                                            </div>
  12367.  
  12368.  
  12369.                                                                                                                                        
  12370.  
  12371.  
  12372.                                            
  12373.                                            <div class="pt-1 text-gray-900"
  12374.                                                x-defer="intersect"
  12375.                                                @update-prices-9312.window="updatePrice($event.detail);">
  12376.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9312" data-price-box="product-id-9312">
  12377.    <span
  12378.    x-data x-id="['product\u002Dprice\u002D9312']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12379.        >
  12380.        <span  :id="$id('product\u002Dprice\u002D9312')"                data-price-amount="27.5"
  12381.        data-price-type="finalPrice"
  12382.        class="price-wrapper "
  12383.    ><span class="price">€ 27,50</span></span>
  12384.        </span>
  12385.  
  12386. </div>                                            </div>
  12387.  
  12388.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12389.            ">
  12390.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12391.                                                                                                                    <button
  12392.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12393.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12394.                                                                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"
  12395.                                                                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"
  12396.                                                                data-addto="cart">
  12397.                                                                <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">
  12398.  <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"/>
  12399. </svg>
  12400.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12401.                                                                    In Winkelwagen                                                                </span>
  12402.                                                            </button>
  12403.                                                                                                            </div>
  12404.  
  12405.                                                                                            </div>
  12406.                                        </div>
  12407.                                                                                                                        </form>
  12408.                                
  12409.                </li>
  12410.                                        
  12411.                            <li class="swiper-slide">
  12412.                                                                    <form method="post"
  12413.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8975/"
  12414.                                        x-data="{
  12415.        hovered: false,
  12416.        grid: true ,
  12417.        isMobile: false,
  12418.        isMobileFunc () {
  12419.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12420.        }
  12421.    }"
  12422.                                        x-init="
  12423.        isMobileFunc();
  12424.        const labelClass = '.amlabel-position-top-right-8975-prod';
  12425.        const labels = document.querySelectorAll(labelClass);
  12426.  
  12427.        $watch('hovered', value => {
  12428.            if (value) {
  12429.                labels.forEach(el => el.style.opacity = '0');
  12430.            } else {
  12431.                labels.forEach(el => el.style.opacity = '1');
  12432.            }
  12433.        });
  12434.    "
  12435.                                        @mouseenter="hovered = true"
  12436.                                        @mouseleave="hovered = false"
  12437.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12438.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12439.                                        >
  12440.                                        <style>
  12441.                                            /* Generate styling for the label based on the product ID */
  12442.                                            .amlabel-position-top-right-8975-prod {
  12443.                                                transition: opacity 0.3s ease;
  12444.                                            }
  12445.                                        </style>
  12446.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8975" />
  12447.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-1-tot-2kg-haliet-himalaya-gebergte-ca-15x10cm-kh-lamphaliet1tot2kg-2"
  12448.                                            title="Zoutlamp 1 tot 2kg - Haliet Zoutsteen uit Himalaya Gebergte - ca. 15x10cm"
  12449.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12450.                                            tabindex="-1">
  12451.                                            <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>
  12452.                                        </a>
  12453.                                        <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>
  12454.                                                                                            <div x-data="initWishlist()">
  12455.                                                    <button
  12456.                                                        @click="addToWishlist(8975)"
  12457.                                                        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"
  12458.                                                        type="button"
  12459.                                                        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"
  12460.                                                        data-addto="wishlist">
  12461.                                                        <span class="icon-heart text-2xl"></span>
  12462.                                                    </button>
  12463.                                                </div>
  12464.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12465.                                                    <button
  12466.                                                        @click="addToCompare(8975)"
  12467.                                                        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"
  12468.                                                        type="button"
  12469.                                                        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"
  12470.                                                        data-addto="compare">
  12471.                                                        <span class="icon-balance text-2xl"></span>
  12472.                                                    </button>
  12473.                                                </div>
  12474.                                                                                    </div>
  12475.                                        <div class="product-info flex flex-col grow">
  12476.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12477.                                                <a
  12478.                                                    class="product-item-link"
  12479.                                                    href="https://www.lalashops.nl/zoutlamp-1-tot-2kg-haliet-himalaya-gebergte-ca-15x10cm-kh-lamphaliet1tot2kg-2"
  12480.                                                    :id="`slide-desc-8975-${$id('slider-id')}`">
  12481.                                                    Zoutlamp 1 tot 2kg - Haliet Zoutsteen uit Himalaya Gebergte - ca. 15x10cm                                                </a>
  12482.                                            </div>
  12483.  
  12484.  
  12485.                                                                                                                                        
  12486.  
  12487.  
  12488.                                            
  12489.                                            <div class="pt-1 text-gray-900"
  12490.                                                x-defer="intersect"
  12491.                                                @update-prices-8975.window="updatePrice($event.detail);">
  12492.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8975" data-price-box="product-id-8975">
  12493.    <span class="special-price">
  12494.        <span
  12495.    x-data x-id="['product\u002Dprice\u002D8975']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12496.        >
  12497.            <span class="price-label">Special Price</span>
  12498.        <span  :id="$id('product\u002Dprice\u002D8975')"                data-price-amount="9.95"
  12499.        data-price-type="finalPrice"
  12500.        class="price-wrapper "
  12501.    ><span class="price">€ 9,95</span></span>
  12502.        </span>
  12503.    </span>
  12504.    <span class="old-price">
  12505.        <span
  12506.    x-data x-id="['old\u002Dprice\u002D8975']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12507.        >
  12508.            <span class="price-label">Regular Price</span>
  12509.        <span  :id="$id('old\u002Dprice\u002D8975')"                data-price-amount="12.95"
  12510.        data-price-type="oldPrice"
  12511.        class="price-wrapper "
  12512.    ><span class="price">€ 12,95</span></span>
  12513.        </span>
  12514.    </span>
  12515.  
  12516. </div>                                            </div>
  12517.  
  12518.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12519.            ">
  12520.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12521.                                                                                                                    <button
  12522.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12523.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12524.                                                                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"
  12525.                                                                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"
  12526.                                                                data-addto="cart">
  12527.                                                                <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">
  12528.  <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"/>
  12529. </svg>
  12530.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12531.                                                                    In Winkelwagen                                                                </span>
  12532.                                                            </button>
  12533.                                                                                                            </div>
  12534.  
  12535.                                                                                            </div>
  12536.                                        </div>
  12537.                                                                                                                        </form>
  12538.                                
  12539.                </li>
  12540.                                        
  12541.                            <li class="swiper-slide">
  12542.                                                                    <form method="post"
  12543.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8760/"
  12544.                                        x-data="{
  12545.        hovered: false,
  12546.        grid: true ,
  12547.        isMobile: false,
  12548.        isMobileFunc () {
  12549.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12550.        }
  12551.    }"
  12552.                                        x-init="
  12553.        isMobileFunc();
  12554.        const labelClass = '.amlabel-position-top-right-8760-prod';
  12555.        const labels = document.querySelectorAll(labelClass);
  12556.  
  12557.        $watch('hovered', value => {
  12558.            if (value) {
  12559.                labels.forEach(el => el.style.opacity = '0');
  12560.            } else {
  12561.                labels.forEach(el => el.style.opacity = '1');
  12562.            }
  12563.        });
  12564.    "
  12565.                                        @mouseenter="hovered = true"
  12566.                                        @mouseleave="hovered = false"
  12567.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12568.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12569.                                        >
  12570.                                        <style>
  12571.                                            /* Generate styling for the label based on the product ID */
  12572.                                            .amlabel-position-top-right-8760-prod {
  12573.                                                transition: opacity 0.3s ease;
  12574.                                            }
  12575.                                        </style>
  12576.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8760" />
  12577.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-metalen-korfje-hartjes-kh_lampkorfviermh"
  12578.                                            title="Zoutlamp - Himalaya Zoutstenen - Metalen Korfje - Hartjes "
  12579.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12580.                                            tabindex="-1">
  12581.                                            <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>
  12582.                                        </a>
  12583.                                        <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>
  12584.                                                                                            <div x-data="initWishlist()">
  12585.                                                    <button
  12586.                                                        @click="addToWishlist(8760)"
  12587.                                                        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;"
  12588.                                                        type="button"
  12589.                                                        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"
  12590.                                                        data-addto="wishlist">
  12591.                                                        <span class="icon-heart text-2xl"></span>
  12592.                                                    </button>
  12593.                                                </div>
  12594.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12595.                                                    <button
  12596.                                                        @click="addToCompare(8760)"
  12597.                                                        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;"
  12598.                                                        type="button"
  12599.                                                        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"
  12600.                                                        data-addto="compare">
  12601.                                                        <span class="icon-balance text-2xl"></span>
  12602.                                                    </button>
  12603.                                                </div>
  12604.                                                                                    </div>
  12605.                                        <div class="product-info flex flex-col grow">
  12606.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12607.                                                <a
  12608.                                                    class="product-item-link"
  12609.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-metalen-korfje-hartjes-kh_lampkorfviermh"
  12610.                                                    :id="`slide-desc-8760-${$id('slider-id')}`">
  12611.                                                    Zoutlamp - Himalaya Zoutstenen - Metalen Korfje - Hartjes                                                 </a>
  12612.                                            </div>
  12613.  
  12614.  
  12615.                                                                                                                                        
  12616.  
  12617.  
  12618.                                            
  12619.                                            <div class="pt-1 text-gray-900"
  12620.                                                x-defer="intersect"
  12621.                                                @update-prices-8760.window="updatePrice($event.detail);">
  12622.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8760" data-price-box="product-id-8760">
  12623.    <span class="special-price">
  12624.        <span
  12625.    x-data x-id="['product\u002Dprice\u002D8760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12626.        >
  12627.            <span class="price-label">Special Price</span>
  12628.        <span  :id="$id('product\u002Dprice\u002D8760')"                data-price-amount="19.5"
  12629.        data-price-type="finalPrice"
  12630.        class="price-wrapper "
  12631.    ><span class="price">€ 19,50</span></span>
  12632.        </span>
  12633.    </span>
  12634.    <span class="old-price">
  12635.        <span
  12636.    x-data x-id="['old\u002Dprice\u002D8760']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12637.        >
  12638.            <span class="price-label">Regular Price</span>
  12639.        <span  :id="$id('old\u002Dprice\u002D8760')"                data-price-amount="29.5"
  12640.        data-price-type="oldPrice"
  12641.        class="price-wrapper "
  12642.    ><span class="price">€ 29,50</span></span>
  12643.        </span>
  12644.    </span>
  12645.  
  12646. </div>                                            </div>
  12647.  
  12648.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12649.            ">
  12650.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12651.                                                                                                                    <button
  12652.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12653.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12654.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;"
  12655.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Metalen&#x20;Korfje&#x20;-&#x20;Hartjes&#x20;"
  12656.                                                                data-addto="cart">
  12657.                                                                <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">
  12658.  <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"/>
  12659. </svg>
  12660.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12661.                                                                    In Winkelwagen                                                                </span>
  12662.                                                            </button>
  12663.                                                                                                            </div>
  12664.  
  12665.                                                                                            </div>
  12666.                                        </div>
  12667.                                                                                                                        </form>
  12668.                                
  12669.                </li>
  12670.                                        
  12671.                            <li class="swiper-slide">
  12672.                                                                    <form method="post"
  12673.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8759/"
  12674.                                        x-data="{
  12675.        hovered: false,
  12676.        grid: true ,
  12677.        isMobile: false,
  12678.        isMobileFunc () {
  12679.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12680.        }
  12681.    }"
  12682.                                        x-init="
  12683.        isMobileFunc();
  12684.        const labelClass = '.amlabel-position-top-right-8759-prod';
  12685.        const labels = document.querySelectorAll(labelClass);
  12686.  
  12687.        $watch('hovered', value => {
  12688.            if (value) {
  12689.                labels.forEach(el => el.style.opacity = '0');
  12690.            } else {
  12691.                labels.forEach(el => el.style.opacity = '1');
  12692.            }
  12693.        });
  12694.    "
  12695.                                        @mouseenter="hovered = true"
  12696.                                        @mouseleave="hovered = false"
  12697.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12698.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12699.                                        >
  12700.                                        <style>
  12701.                                            /* Generate styling for the label based on the product ID */
  12702.                                            .amlabel-position-top-right-8759-prod {
  12703.                                                transition: opacity 0.3s ease;
  12704.                                            }
  12705.                                        </style>
  12706.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8759" />
  12707.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-vierkant-kh_lampkorfvierh"
  12708.                                            title="Zoutlamp - Himalaya Zoutstenen - Houten Korfje  - Vierkant "
  12709.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12710.                                            tabindex="-1">
  12711.                                            <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>
  12712.                                        </a>
  12713.                                        <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>
  12714.                                                                                            <div x-data="initWishlist()">
  12715.                                                    <button
  12716.                                                        @click="addToWishlist(8759)"
  12717.                                                        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;"
  12718.                                                        type="button"
  12719.                                                        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"
  12720.                                                        data-addto="wishlist">
  12721.                                                        <span class="icon-heart text-2xl"></span>
  12722.                                                    </button>
  12723.                                                </div>
  12724.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12725.                                                    <button
  12726.                                                        @click="addToCompare(8759)"
  12727.                                                        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;"
  12728.                                                        type="button"
  12729.                                                        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"
  12730.                                                        data-addto="compare">
  12731.                                                        <span class="icon-balance text-2xl"></span>
  12732.                                                    </button>
  12733.                                                </div>
  12734.                                                                                    </div>
  12735.                                        <div class="product-info flex flex-col grow">
  12736.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12737.                                                <a
  12738.                                                    class="product-item-link"
  12739.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-vierkant-kh_lampkorfvierh"
  12740.                                                    :id="`slide-desc-8759-${$id('slider-id')}`">
  12741.                                                    Zoutlamp - Himalaya Zoutstenen - Houten Korfje  - Vierkant                                                 </a>
  12742.                                            </div>
  12743.  
  12744.  
  12745.                                                                                                                                        
  12746.  
  12747.  
  12748.                                            
  12749.                                            <div class="pt-1 text-gray-900"
  12750.                                                x-defer="intersect"
  12751.                                                @update-prices-8759.window="updatePrice($event.detail);">
  12752.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8759" data-price-box="product-id-8759">
  12753.    <span class="special-price">
  12754.        <span
  12755.    x-data x-id="['product\u002Dprice\u002D8759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12756.        >
  12757.            <span class="price-label">Special Price</span>
  12758.        <span  :id="$id('product\u002Dprice\u002D8759')"                data-price-amount="16.99"
  12759.        data-price-type="finalPrice"
  12760.        class="price-wrapper "
  12761.    ><span class="price">€ 16,99</span></span>
  12762.        </span>
  12763.    </span>
  12764.    <span class="old-price">
  12765.        <span
  12766.    x-data x-id="['old\u002Dprice\u002D8759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12767.        >
  12768.            <span class="price-label">Regular Price</span>
  12769.        <span  :id="$id('old\u002Dprice\u002D8759')"                data-price-amount="24.5"
  12770.        data-price-type="oldPrice"
  12771.        class="price-wrapper "
  12772.    ><span class="price">€ 24,50</span></span>
  12773.        </span>
  12774.    </span>
  12775.  
  12776. </div>                                            </div>
  12777.  
  12778.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12779.            ">
  12780.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12781.                                                                                                                    <button
  12782.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12783.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12784.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;"
  12785.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;&#x20;-&#x20;Vierkant&#x20;"
  12786.                                                                data-addto="cart">
  12787.                                                                <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">
  12788.  <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"/>
  12789. </svg>
  12790.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12791.                                                                    In Winkelwagen                                                                </span>
  12792.                                                            </button>
  12793.                                                                                                            </div>
  12794.  
  12795.                                                                                            </div>
  12796.                                        </div>
  12797.                                                                                                                        </form>
  12798.                                
  12799.                </li>
  12800.                                        
  12801.                            <li class="swiper-slide">
  12802.                                                                    <form method="post"
  12803.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8758/"
  12804.                                        x-data="{
  12805.        hovered: false,
  12806.        grid: true ,
  12807.        isMobile: false,
  12808.        isMobileFunc () {
  12809.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12810.        }
  12811.    }"
  12812.                                        x-init="
  12813.        isMobileFunc();
  12814.        const labelClass = '.amlabel-position-top-right-8758-prod';
  12815.        const labels = document.querySelectorAll(labelClass);
  12816.  
  12817.        $watch('hovered', value => {
  12818.            if (value) {
  12819.                labels.forEach(el => el.style.opacity = '0');
  12820.            } else {
  12821.                labels.forEach(el => el.style.opacity = '1');
  12822.            }
  12823.        });
  12824.    "
  12825.                                        @mouseenter="hovered = true"
  12826.                                        @mouseleave="hovered = false"
  12827.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12828.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12829.                                        >
  12830.                                        <style>
  12831.                                            /* Generate styling for the label based on the product ID */
  12832.                                            .amlabel-position-top-right-8758-prod {
  12833.                                                transition: opacity 0.3s ease;
  12834.                                            }
  12835.                                        </style>
  12836.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8758" />
  12837.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-cilinder-kh_lampkorfcilin"
  12838.                                            title="Zoutlamp - Himalaya Zoutstenen - Houten Korfje - Cilinder "
  12839.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12840.                                            tabindex="-1">
  12841.                                            <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>
  12842.                                        </a>
  12843.                                        <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>
  12844.                                                                                            <div x-data="initWishlist()">
  12845.                                                    <button
  12846.                                                        @click="addToWishlist(8758)"
  12847.                                                        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;"
  12848.                                                        type="button"
  12849.                                                        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"
  12850.                                                        data-addto="wishlist">
  12851.                                                        <span class="icon-heart text-2xl"></span>
  12852.                                                    </button>
  12853.                                                </div>
  12854.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12855.                                                    <button
  12856.                                                        @click="addToCompare(8758)"
  12857.                                                        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;"
  12858.                                                        type="button"
  12859.                                                        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"
  12860.                                                        data-addto="compare">
  12861.                                                        <span class="icon-balance text-2xl"></span>
  12862.                                                    </button>
  12863.                                                </div>
  12864.                                                                                    </div>
  12865.                                        <div class="product-info flex flex-col grow">
  12866.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12867.                                                <a
  12868.                                                    class="product-item-link"
  12869.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-zoutstenen-houten-korfje-cilinder-kh_lampkorfcilin"
  12870.                                                    :id="`slide-desc-8758-${$id('slider-id')}`">
  12871.                                                    Zoutlamp - Himalaya Zoutstenen - Houten Korfje - Cilinder                                                 </a>
  12872.                                            </div>
  12873.  
  12874.  
  12875.                                                                                                                                        
  12876.  
  12877.  
  12878.                                            
  12879.                                            <div class="pt-1 text-gray-900"
  12880.                                                x-defer="intersect"
  12881.                                                @update-prices-8758.window="updatePrice($event.detail);">
  12882.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8758" data-price-box="product-id-8758">
  12883.    <span class="special-price">
  12884.        <span
  12885.    x-data x-id="['product\u002Dprice\u002D8758']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12886.        >
  12887.            <span class="price-label">Special Price</span>
  12888.        <span  :id="$id('product\u002Dprice\u002D8758')"                data-price-amount="16.99"
  12889.        data-price-type="finalPrice"
  12890.        class="price-wrapper "
  12891.    ><span class="price">€ 16,99</span></span>
  12892.        </span>
  12893.    </span>
  12894.    <span class="old-price">
  12895.        <span
  12896.    x-data x-id="['old\u002Dprice\u002D8758']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  12897.        >
  12898.            <span class="price-label">Regular Price</span>
  12899.        <span  :id="$id('old\u002Dprice\u002D8758')"                data-price-amount="24.5"
  12900.        data-price-type="oldPrice"
  12901.        class="price-wrapper "
  12902.    ><span class="price">€ 24,50</span></span>
  12903.        </span>
  12904.    </span>
  12905.  
  12906. </div>                                            </div>
  12907.  
  12908.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  12909.            ">
  12910.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  12911.                                                                                                                    <button
  12912.                                                                class="w-auto btn justify-center text-xl mr-auto"
  12913.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  12914.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;"
  12915.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;-&#x20;Himalaya&#x20;Zoutstenen&#x20;-&#x20;Houten&#x20;Korfje&#x20;-&#x20;Cilinder&#x20;"
  12916.                                                                data-addto="cart">
  12917.                                                                <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">
  12918.  <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"/>
  12919. </svg>
  12920.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  12921.                                                                    In Winkelwagen                                                                </span>
  12922.                                                            </button>
  12923.                                                                                                            </div>
  12924.  
  12925.                                                                                            </div>
  12926.                                        </div>
  12927.                                                                                                                        </form>
  12928.                                
  12929.                </li>
  12930.                                        
  12931.                            <li class="swiper-slide">
  12932.                                                                    <form method="post"
  12933.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8622/"
  12934.                                        x-data="{
  12935.        hovered: false,
  12936.        grid: true ,
  12937.        isMobile: false,
  12938.        isMobileFunc () {
  12939.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  12940.        }
  12941.    }"
  12942.                                        x-init="
  12943.        isMobileFunc();
  12944.        const labelClass = '.amlabel-position-top-right-8622-prod';
  12945.        const labels = document.querySelectorAll(labelClass);
  12946.  
  12947.        $watch('hovered', value => {
  12948.            if (value) {
  12949.                labels.forEach(el => el.style.opacity = '0');
  12950.            } else {
  12951.                labels.forEach(el => el.style.opacity = '1');
  12952.            }
  12953.        });
  12954.    "
  12955.                                        @mouseenter="hovered = true"
  12956.                                        @mouseleave="hovered = false"
  12957.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  12958.                                        :class="isMobile ? 'product-item-mobile' : ''"
  12959.                                        >
  12960.                                        <style>
  12961.                                            /* Generate styling for the label based on the product ID */
  12962.                                            .amlabel-position-top-right-8622-prod {
  12963.                                                transition: opacity 0.3s ease;
  12964.                                            }
  12965.                                        </style>
  12966.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8622" />
  12967.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-32x17cm--1"
  12968.                                            title="Zoutlamp 6 tot 8 kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 32x17cm"
  12969.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  12970.                                            tabindex="-1">
  12971.                                            <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>
  12972.                                        </a>
  12973.                                        <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>
  12974.                                                                                            <div x-data="initWishlist()">
  12975.                                                    <button
  12976.                                                        @click="addToWishlist(8622)"
  12977.                                                        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"
  12978.                                                        type="button"
  12979.                                                        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"
  12980.                                                        data-addto="wishlist">
  12981.                                                        <span class="icon-heart text-2xl"></span>
  12982.                                                    </button>
  12983.                                                </div>
  12984.                                                                                                                                        <div x-data="initCompareOnProductList()">
  12985.                                                    <button
  12986.                                                        @click="addToCompare(8622)"
  12987.                                                        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"
  12988.                                                        type="button"
  12989.                                                        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"
  12990.                                                        data-addto="compare">
  12991.                                                        <span class="icon-balance text-2xl"></span>
  12992.                                                    </button>
  12993.                                                </div>
  12994.                                                                                    </div>
  12995.                                        <div class="product-info flex flex-col grow">
  12996.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  12997.                                                <a
  12998.                                                    class="product-item-link"
  12999.                                                    href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-32x17cm--1"
  13000.                                                    :id="`slide-desc-8622-${$id('slider-id')}`">
  13001.                                                    Zoutlamp 6 tot 8 kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 32x17cm                                                </a>
  13002.                                            </div>
  13003.  
  13004.  
  13005.                                                                                                                                        
  13006.  
  13007.  
  13008.                                            
  13009.                                            <div class="pt-1 text-gray-900"
  13010.                                                x-defer="intersect"
  13011.                                                @update-prices-8622.window="updatePrice($event.detail);">
  13012.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8622" data-price-box="product-id-8622">
  13013.    <span class="special-price">
  13014.        <span
  13015.    x-data x-id="['product\u002Dprice\u002D8622']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13016.        >
  13017.            <span class="price-label">Special Price</span>
  13018.        <span  :id="$id('product\u002Dprice\u002D8622')"                data-price-amount="23.95"
  13019.        data-price-type="finalPrice"
  13020.        class="price-wrapper "
  13021.    ><span class="price">€ 23,95</span></span>
  13022.        </span>
  13023.    </span>
  13024.    <span class="old-price">
  13025.        <span
  13026.    x-data x-id="['old\u002Dprice\u002D8622']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13027.        >
  13028.            <span class="price-label">Regular Price</span>
  13029.        <span  :id="$id('old\u002Dprice\u002D8622')"                data-price-amount="26.95"
  13030.        data-price-type="oldPrice"
  13031.        class="price-wrapper "
  13032.    ><span class="price">€ 26,95</span></span>
  13033.        </span>
  13034.    </span>
  13035.  
  13036. </div>                                            </div>
  13037.  
  13038.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13039.            ">
  13040.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13041.                                                                                                                    <button
  13042.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13043.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13044.                                                                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"
  13045.                                                                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"
  13046.                                                                data-addto="cart">
  13047.                                                                <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">
  13048.  <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"/>
  13049. </svg>
  13050.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13051.                                                                    In Winkelwagen                                                                </span>
  13052.                                                            </button>
  13053.                                                                                                            </div>
  13054.  
  13055.                                                                                            </div>
  13056.                                        </div>
  13057.                                                                                                                        </form>
  13058.                                
  13059.                </li>
  13060.                                        
  13061.                            <li class="swiper-slide">
  13062.                                                                    <form method="post"
  13063.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8577/"
  13064.                                        x-data="{
  13065.        hovered: false,
  13066.        grid: true ,
  13067.        isMobile: false,
  13068.        isMobileFunc () {
  13069.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13070.        }
  13071.    }"
  13072.                                        x-init="
  13073.        isMobileFunc();
  13074.        const labelClass = '.amlabel-position-top-right-8577-prod';
  13075.        const labels = document.querySelectorAll(labelClass);
  13076.  
  13077.        $watch('hovered', value => {
  13078.            if (value) {
  13079.                labels.forEach(el => el.style.opacity = '0');
  13080.            } else {
  13081.                labels.forEach(el => el.style.opacity = '1');
  13082.            }
  13083.        });
  13084.    "
  13085.                                        @mouseenter="hovered = true"
  13086.                                        @mouseleave="hovered = false"
  13087.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13088.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13089.                                        >
  13090.                                        <style>
  13091.                                            /* Generate styling for the label based on the product ID */
  13092.                                            .amlabel-position-top-right-8577-prod {
  13093.                                                transition: opacity 0.3s ease;
  13094.                                            }
  13095.                                        </style>
  13096.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8577" />
  13097.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-maan-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanroze"
  13098.                                            title="Zoutlamp MAAN - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  13099.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13100.                                            tabindex="-1">
  13101.                                            <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>
  13102.                                        </a>
  13103.                                        <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>
  13104.                                                                                            <div x-data="initWishlist()">
  13105.                                                    <button
  13106.                                                        @click="addToWishlist(8577)"
  13107.                                                        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;"
  13108.                                                        type="button"
  13109.                                                        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"
  13110.                                                        data-addto="wishlist">
  13111.                                                        <span class="icon-heart text-2xl"></span>
  13112.                                                    </button>
  13113.                                                </div>
  13114.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13115.                                                    <button
  13116.                                                        @click="addToCompare(8577)"
  13117.                                                        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;"
  13118.                                                        type="button"
  13119.                                                        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"
  13120.                                                        data-addto="compare">
  13121.                                                        <span class="icon-balance text-2xl"></span>
  13122.                                                    </button>
  13123.                                                </div>
  13124.                                                                                    </div>
  13125.                                        <div class="product-info flex flex-col grow">
  13126.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13127.                                                <a
  13128.                                                    class="product-item-link"
  13129.                                                    href="https://www.lalashops.nl/zoutlamp-maan-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtmaanroze"
  13130.                                                    :id="`slide-desc-8577-${$id('slider-id')}`">
  13131.                                                    Zoutlamp MAAN - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  13132.                                            </div>
  13133.  
  13134.  
  13135.                                                                                                                                        
  13136.  
  13137.  
  13138.                                            
  13139.                                            <div class="pt-1 text-gray-900"
  13140.                                                x-defer="intersect"
  13141.                                                @update-prices-8577.window="updatePrice($event.detail);">
  13142.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8577" data-price-box="product-id-8577">
  13143.    <span class="special-price">
  13144.        <span
  13145.    x-data x-id="['product\u002Dprice\u002D8577']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13146.        >
  13147.            <span class="price-label">Special Price</span>
  13148.        <span  :id="$id('product\u002Dprice\u002D8577')"                data-price-amount="17.95"
  13149.        data-price-type="finalPrice"
  13150.        class="price-wrapper "
  13151.    ><span class="price">€ 17,95</span></span>
  13152.        </span>
  13153.    </span>
  13154.    <span class="old-price">
  13155.        <span
  13156.    x-data x-id="['old\u002Dprice\u002D8577']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13157.        >
  13158.            <span class="price-label">Regular Price</span>
  13159.        <span  :id="$id('old\u002Dprice\u002D8577')"                data-price-amount="19.95"
  13160.        data-price-type="oldPrice"
  13161.        class="price-wrapper "
  13162.    ><span class="price">€ 19,95</span></span>
  13163.        </span>
  13164.    </span>
  13165.  
  13166. </div>                                            </div>
  13167.  
  13168.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13169.            ">
  13170.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13171.                                                                                                                    <button
  13172.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13173.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13174.                                                                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;"
  13175.                                                                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;"
  13176.                                                                data-addto="cart">
  13177.                                                                <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">
  13178.  <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"/>
  13179. </svg>
  13180.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13181.                                                                    In Winkelwagen                                                                </span>
  13182.                                                            </button>
  13183.                                                                                                            </div>
  13184.  
  13185.                                                                                            </div>
  13186.                                        </div>
  13187.                                                                                                                        </form>
  13188.                                
  13189.                </li>
  13190.                                        
  13191.                            <li class="swiper-slide">
  13192.                                                                    <form method="post"
  13193.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8383/"
  13194.                                        x-data="{
  13195.        hovered: false,
  13196.        grid: true ,
  13197.        isMobile: false,
  13198.        isMobileFunc () {
  13199.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13200.        }
  13201.    }"
  13202.                                        x-init="
  13203.        isMobileFunc();
  13204.        const labelClass = '.amlabel-position-top-right-8383-prod';
  13205.        const labels = document.querySelectorAll(labelClass);
  13206.  
  13207.        $watch('hovered', value => {
  13208.            if (value) {
  13209.                labels.forEach(el => el.style.opacity = '0');
  13210.            } else {
  13211.                labels.forEach(el => el.style.opacity = '1');
  13212.            }
  13213.        });
  13214.    "
  13215.                                        @mouseenter="hovered = true"
  13216.                                        @mouseleave="hovered = false"
  13217.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13218.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13219.                                        >
  13220.                                        <style>
  13221.                                            /* Generate styling for the label based on the product ID */
  13222.                                            .amlabel-position-top-right-8383-prod {
  13223.                                                transition: opacity 0.3s ease;
  13224.                                            }
  13225.                                        </style>
  13226.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8383" />
  13227.                                                                                                                                                            <a href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-b-kwaliteit-ca-850gr-ca8x8cm-theelselerond-b"
  13228.                                            title="Theelichthouder Seleniet - Wit - Rond - B-kwaliteit - ca. 850gr - ca. 8x8cm"
  13229.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13230.                                            tabindex="-1">
  13231.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  13232.                                                loading="lazy"
  13233.                                                alt="Theelichthouder&#x20;Seleniet&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;8x8cm"
  13234.                                                title="Theelichthouder&#x20;Seleniet&#x20;Rond&#x20;-&#x20;B-kwaliteit&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;8x8cm"
  13235.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1070252.jpg"
  13236.                                                width="360"
  13237.                                                height="360">
  13238.                                        </a>
  13239.                                        <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>
  13240.                                                                                            <div x-data="initWishlist()">
  13241.                                                    <button
  13242.                                                        @click="addToWishlist(8383)"
  13243.                                                        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"
  13244.                                                        type="button"
  13245.                                                        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"
  13246.                                                        data-addto="wishlist">
  13247.                                                        <span class="icon-heart text-2xl"></span>
  13248.                                                    </button>
  13249.                                                </div>
  13250.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13251.                                                    <button
  13252.                                                        @click="addToCompare(8383)"
  13253.                                                        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"
  13254.                                                        type="button"
  13255.                                                        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"
  13256.                                                        data-addto="compare">
  13257.                                                        <span class="icon-balance text-2xl"></span>
  13258.                                                    </button>
  13259.                                                </div>
  13260.                                                                                    </div>
  13261.                                        <div class="product-info flex flex-col grow">
  13262.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13263.                                                <a
  13264.                                                    class="product-item-link"
  13265.                                                    href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-b-kwaliteit-ca-850gr-ca8x8cm-theelselerond-b"
  13266.                                                    :id="`slide-desc-8383-${$id('slider-id')}`">
  13267.                                                    Theelichthouder Seleniet - Wit - Rond - B-kwaliteit - ca. 850gr - ca. 8x8cm                                                </a>
  13268.                                            </div>
  13269.  
  13270.  
  13271.                                                                                                                                        
  13272.  
  13273.  
  13274.                                            
  13275.                                            <div class="pt-1 text-gray-900"
  13276.                                                x-defer="intersect"
  13277.                                                @update-prices-8383.window="updatePrice($event.detail);">
  13278.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8383" data-price-box="product-id-8383">
  13279.    <span class="special-price">
  13280.        <span
  13281.    x-data x-id="['product\u002Dprice\u002D8383']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13282.        >
  13283.            <span class="price-label">Special Price</span>
  13284.        <span  :id="$id('product\u002Dprice\u002D8383')"                data-price-amount="11.5"
  13285.        data-price-type="finalPrice"
  13286.        class="price-wrapper "
  13287.    ><span class="price">€ 11,50</span></span>
  13288.        </span>
  13289.    </span>
  13290.    <span class="old-price">
  13291.        <span
  13292.    x-data x-id="['old\u002Dprice\u002D8383']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13293.        >
  13294.            <span class="price-label">Regular Price</span>
  13295.        <span  :id="$id('old\u002Dprice\u002D8383')"                data-price-amount="13.5"
  13296.        data-price-type="oldPrice"
  13297.        class="price-wrapper "
  13298.    ><span class="price">€ 13,50</span></span>
  13299.        </span>
  13300.    </span>
  13301.  
  13302. </div>                                            </div>
  13303.  
  13304.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13305.            ">
  13306.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13307.                                                                                                                    <button
  13308.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13309.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13310.                                                                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"
  13311.                                                                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"
  13312.                                                                data-addto="cart">
  13313.                                                                <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">
  13314.  <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"/>
  13315. </svg>
  13316.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13317.                                                                    In Winkelwagen                                                                </span>
  13318.                                                            </button>
  13319.                                                                                                            </div>
  13320.  
  13321.                                                                                            </div>
  13322.                                        </div>
  13323.                                                                                                                        </form>
  13324.                                
  13325.                </li>
  13326.                                        
  13327.                            <li class="swiper-slide">
  13328.                                                                    <form method="post"
  13329.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6634/"
  13330.                                        x-data="{
  13331.        hovered: false,
  13332.        grid: true ,
  13333.        isMobile: false,
  13334.        isMobileFunc () {
  13335.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13336.        }
  13337.    }"
  13338.                                        x-init="
  13339.        isMobileFunc();
  13340.        const labelClass = '.amlabel-position-top-right-6634-prod';
  13341.        const labels = document.querySelectorAll(labelClass);
  13342.  
  13343.        $watch('hovered', value => {
  13344.            if (value) {
  13345.                labels.forEach(el => el.style.opacity = '0');
  13346.            } else {
  13347.                labels.forEach(el => el.style.opacity = '1');
  13348.            }
  13349.        });
  13350.    "
  13351.                                        @mouseenter="hovered = true"
  13352.                                        @mouseleave="hovered = false"
  13353.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13354.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13355.                                        >
  13356.                                        <style>
  13357.                                            /* Generate styling for the label based on the product ID */
  13358.                                            .amlabel-position-top-right-6634-prod {
  13359.                                                transition: opacity 0.3s ease;
  13360.                                            }
  13361.                                        </style>
  13362.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6634" />
  13363.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-himalaya-4-tot-6-kg-wholezlamp4_6kg"
  13364.                                            title="Zoutlamp 4 tot 6kg - Haliet Zoutsteen uit Himalaya gebergte - c.a. 24x14cm"
  13365.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13366.                                            tabindex="-1">
  13367.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  13368.                                                loading="lazy"
  13369.                                                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"
  13370.                                                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"
  13371.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/z/o/zoutlamp_roze_2-3kg_1__19.png"
  13372.                                                width="360"
  13373.                                                height="360">
  13374.                                        </a>
  13375.                                        <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>
  13376.                                                                                            <div x-data="initWishlist()">
  13377.                                                    <button
  13378.                                                        @click="addToWishlist(6634)"
  13379.                                                        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"
  13380.                                                        type="button"
  13381.                                                        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"
  13382.                                                        data-addto="wishlist">
  13383.                                                        <span class="icon-heart text-2xl"></span>
  13384.                                                    </button>
  13385.                                                </div>
  13386.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13387.                                                    <button
  13388.                                                        @click="addToCompare(6634)"
  13389.                                                        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"
  13390.                                                        type="button"
  13391.                                                        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"
  13392.                                                        data-addto="compare">
  13393.                                                        <span class="icon-balance text-2xl"></span>
  13394.                                                    </button>
  13395.                                                </div>
  13396.                                                                                    </div>
  13397.                                        <div class="product-info flex flex-col grow">
  13398.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13399.                                                <a
  13400.                                                    class="product-item-link"
  13401.                                                    href="https://www.lalashops.nl/zoutlamp-himalaya-4-tot-6-kg-wholezlamp4_6kg"
  13402.                                                    :id="`slide-desc-6634-${$id('slider-id')}`">
  13403.                                                    Zoutlamp 4 tot 6kg - Haliet Zoutsteen uit Himalaya gebergte - c.a. 24x14cm                                                </a>
  13404.                                            </div>
  13405.  
  13406.  
  13407.                                                                                                                                        
  13408.  
  13409.  
  13410.                                            
  13411.                                            <div class="pt-1 text-gray-900"
  13412.                                                x-defer="intersect"
  13413.                                                @update-prices-6634.window="updatePrice($event.detail);">
  13414.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6634" data-price-box="product-id-6634">
  13415.    <span class="special-price">
  13416.        <span
  13417.    x-data x-id="['product\u002Dprice\u002D6634']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13418.        >
  13419.            <span class="price-label">Special Price</span>
  13420.        <span  :id="$id('product\u002Dprice\u002D6634')"                data-price-amount="16.95"
  13421.        data-price-type="finalPrice"
  13422.        class="price-wrapper "
  13423.    ><span class="price">€ 16,95</span></span>
  13424.        </span>
  13425.    </span>
  13426.    <span class="old-price">
  13427.        <span
  13428.    x-data x-id="['old\u002Dprice\u002D6634']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13429.        >
  13430.            <span class="price-label">Regular Price</span>
  13431.        <span  :id="$id('old\u002Dprice\u002D6634')"                data-price-amount="19.95"
  13432.        data-price-type="oldPrice"
  13433.        class="price-wrapper "
  13434.    ><span class="price">€ 19,95</span></span>
  13435.        </span>
  13436.    </span>
  13437.  
  13438. </div>                                            </div>
  13439.  
  13440.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13441.            ">
  13442.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13443.                                                                                                                    <button
  13444.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13445.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13446.                                                                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"
  13447.                                                                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"
  13448.                                                                data-addto="cart">
  13449.                                                                <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">
  13450.  <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"/>
  13451. </svg>
  13452.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13453.                                                                    In Winkelwagen                                                                </span>
  13454.                                                            </button>
  13455.                                                                                                            </div>
  13456.  
  13457.                                                                                            </div>
  13458.                                        </div>
  13459.                                                                                                                        </form>
  13460.                                
  13461.                </li>
  13462.                                        
  13463.                            <li class="swiper-slide">
  13464.                                                                    <form method="post"
  13465.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/2179/"
  13466.                                        x-data="{
  13467.        hovered: false,
  13468.        grid: true ,
  13469.        isMobile: false,
  13470.        isMobileFunc () {
  13471.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13472.        }
  13473.    }"
  13474.                                        x-init="
  13475.        isMobileFunc();
  13476.        const labelClass = '.amlabel-position-top-right-2179-prod';
  13477.        const labels = document.querySelectorAll(labelClass);
  13478.  
  13479.        $watch('hovered', value => {
  13480.            if (value) {
  13481.                labels.forEach(el => el.style.opacity = '0');
  13482.            } else {
  13483.                labels.forEach(el => el.style.opacity = '1');
  13484.            }
  13485.        });
  13486.    "
  13487.                                        @mouseenter="hovered = true"
  13488.                                        @mouseleave="hovered = false"
  13489.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13490.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13491.                                        >
  13492.                                        <style>
  13493.                                            /* Generate styling for the label based on the product ID */
  13494.                                            .amlabel-position-top-right-2179-prod {
  13495.                                                transition: opacity 0.3s ease;
  13496.                                            }
  13497.                                        </style>
  13498.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="2179" />
  13499.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-torentje-klein"
  13500.                                            title="Seleniet Torentje - Witte Seleniet - ca. 275gr - 10x5cm"
  13501.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13502.                                            tabindex="-1">
  13503.                                            <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>
  13504.                                        </a>
  13505.                                        <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>
  13506.                                                                                            <div x-data="initWishlist()">
  13507.                                                    <button
  13508.                                                        @click="addToWishlist(2179)"
  13509.                                                        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"
  13510.                                                        type="button"
  13511.                                                        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"
  13512.                                                        data-addto="wishlist">
  13513.                                                        <span class="icon-heart text-2xl"></span>
  13514.                                                    </button>
  13515.                                                </div>
  13516.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13517.                                                    <button
  13518.                                                        @click="addToCompare(2179)"
  13519.                                                        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"
  13520.                                                        type="button"
  13521.                                                        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"
  13522.                                                        data-addto="compare">
  13523.                                                        <span class="icon-balance text-2xl"></span>
  13524.                                                    </button>
  13525.                                                </div>
  13526.                                                                                    </div>
  13527.                                        <div class="product-info flex flex-col grow">
  13528.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13529.                                                <a
  13530.                                                    class="product-item-link"
  13531.                                                    href="https://www.lalashops.nl/seleniet-torentje-klein"
  13532.                                                    :id="`slide-desc-2179-${$id('slider-id')}`">
  13533.                                                    Seleniet Torentje - Witte Seleniet - ca. 275gr - 10x5cm                                                </a>
  13534.                                            </div>
  13535.  
  13536.  
  13537.                                                                                                                                        
  13538.  
  13539.  
  13540.                                            
  13541.                                            <div class="pt-1 text-gray-900"
  13542.                                                x-defer="intersect"
  13543.                                                @update-prices-2179.window="updatePrice($event.detail);">
  13544.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="2179" data-price-box="product-id-2179">
  13545.    <span
  13546.    x-data x-id="['product\u002Dprice\u002D2179']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13547.        >
  13548.        <span  :id="$id('product\u002Dprice\u002D2179')"                data-price-amount="7.5"
  13549.        data-price-type="finalPrice"
  13550.        class="price-wrapper "
  13551.    ><span class="price">€ 7,50</span></span>
  13552.        </span>
  13553.  
  13554.            <a href="https://www.lalashops.nl/seleniet-torentje-klein" class="minimal-price-link">
  13555.            <span
  13556.    x-data x-id="['2179']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13557.        >
  13558.            <span class="price-label">Vanaf</span>
  13559.        <span  :id="$id('2179')"                data-price-amount="6.45"
  13560.        data-price-type=""
  13561.        class="price-wrapper "
  13562.    >€ 6,45</span>
  13563.        </span>
  13564.        </a>
  13565.    </div>                                            </div>
  13566.  
  13567.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13568.            ">
  13569.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13570.                                                                                                                    <button
  13571.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13572.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13573.                                                                title="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm"
  13574.                                                                aria-label="In&#x20;Winkelwagen&#x20;Seleniet&#x20;Torentje&#x20;-&#x20;Witte&#x20;Seleniet&#x20;-&#x20;ca.&#x20;275gr&#x20;-&#x20;10x5cm"
  13575.                                                                data-addto="cart">
  13576.                                                                <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">
  13577.  <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"/>
  13578. </svg>
  13579.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13580.                                                                    In Winkelwagen                                                                </span>
  13581.                                                            </button>
  13582.                                                                                                            </div>
  13583.  
  13584.                                                                                            </div>
  13585.                                        </div>
  13586.                                                                                                                        </form>
  13587.                                
  13588.                </li>
  13589.                                        
  13590.                            <li class="swiper-slide">
  13591.                                                                    <form method="post"
  13592.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/2086/"
  13593.                                        x-data="{
  13594.        hovered: false,
  13595.        grid: true ,
  13596.        isMobile: false,
  13597.        isMobileFunc () {
  13598.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13599.        }
  13600.    }"
  13601.                                        x-init="
  13602.        isMobileFunc();
  13603.        const labelClass = '.amlabel-position-top-right-2086-prod';
  13604.        const labels = document.querySelectorAll(labelClass);
  13605.  
  13606.        $watch('hovered', value => {
  13607.            if (value) {
  13608.                labels.forEach(el => el.style.opacity = '0');
  13609.            } else {
  13610.                labels.forEach(el => el.style.opacity = '1');
  13611.            }
  13612.        });
  13613.    "
  13614.                                        @mouseenter="hovered = true"
  13615.                                        @mouseleave="hovered = false"
  13616.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13617.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13618.                                        >
  13619.                                        <style>
  13620.                                            /* Generate styling for the label based on the product ID */
  13621.                                            .amlabel-position-top-right-2086-prod {
  13622.                                                transition: opacity 0.3s ease;
  13623.                                            }
  13624.                                        </style>
  13625.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="2086" />
  13626.                                                                                                                                                            <a href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-ca-850gr-ca-8x8cm-theelselerond"
  13627.                                            title="Theelichthouder Seleniet - Wit - Rond - ca. 850gr - ca. 8x8cm"
  13628.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13629.                                            tabindex="-1">
  13630.                                            <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>
  13631.                                        </a>
  13632.                                        <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>
  13633.                                                                                            <div x-data="initWishlist()">
  13634.                                                    <button
  13635.                                                        @click="addToWishlist(2086)"
  13636.                                                        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"
  13637.                                                        type="button"
  13638.                                                        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"
  13639.                                                        data-addto="wishlist">
  13640.                                                        <span class="icon-heart text-2xl"></span>
  13641.                                                    </button>
  13642.                                                </div>
  13643.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13644.                                                    <button
  13645.                                                        @click="addToCompare(2086)"
  13646.                                                        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"
  13647.                                                        type="button"
  13648.                                                        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"
  13649.                                                        data-addto="compare">
  13650.                                                        <span class="icon-balance text-2xl"></span>
  13651.                                                    </button>
  13652.                                                </div>
  13653.                                                                                    </div>
  13654.                                        <div class="product-info flex flex-col grow">
  13655.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13656.                                                <a
  13657.                                                    class="product-item-link"
  13658.                                                    href="https://www.lalashops.nl/theelichthouder-seleniet-wit-rond-ca-850gr-ca-8x8cm-theelselerond"
  13659.                                                    :id="`slide-desc-2086-${$id('slider-id')}`">
  13660.                                                    Theelichthouder Seleniet - Wit - Rond - ca. 850gr - ca. 8x8cm                                                </a>
  13661.                                            </div>
  13662.  
  13663.  
  13664.                                                                                                                                        
  13665.  
  13666.  
  13667.                                            
  13668.                                            <div class="pt-1 text-gray-900"
  13669.                                                x-defer="intersect"
  13670.                                                @update-prices-2086.window="updatePrice($event.detail);">
  13671.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="2086" data-price-box="product-id-2086">
  13672.    <span
  13673.    x-data x-id="['product\u002Dprice\u002D2086']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13674.        >
  13675.        <span  :id="$id('product\u002Dprice\u002D2086')"                data-price-amount="13.5"
  13676.        data-price-type="finalPrice"
  13677.        class="price-wrapper "
  13678.    ><span class="price">€ 13,50</span></span>
  13679.        </span>
  13680.  
  13681. </div>                                            </div>
  13682.  
  13683.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13684.            ">
  13685.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13686.                                                                                                                    <button
  13687.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13688.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13689.                                                                title="In&#x20;Winkelwagen&#x20;Theelichthouder&#x20;Seleniet&#x20;-&#x20;Wit&#x20;-&#x20;Rond&#x20;-&#x20;ca.&#x20;850gr&#x20;-&#x20;ca.&#x20;8x8cm"
  13690.                                                                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"
  13691.                                                                data-addto="cart">
  13692.                                                                <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">
  13693.  <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"/>
  13694. </svg>
  13695.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13696.                                                                    In Winkelwagen                                                                </span>
  13697.                                                            </button>
  13698.                                                                                                            </div>
  13699.  
  13700.                                                                                            </div>
  13701.                                        </div>
  13702.                                                                                                                        </form>
  13703.                                
  13704.                </li>
  13705.                                        
  13706.                            <li class="swiper-slide">
  13707.                                                                    <form method="post"
  13708.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10937/"
  13709.                                        x-data="{
  13710.        hovered: false,
  13711.        grid: true ,
  13712.        isMobile: false,
  13713.        isMobileFunc () {
  13714.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13715.        }
  13716.    }"
  13717.                                        x-init="
  13718.        isMobileFunc();
  13719.        const labelClass = '.amlabel-position-top-right-10937-prod';
  13720.        const labels = document.querySelectorAll(labelClass);
  13721.  
  13722.        $watch('hovered', value => {
  13723.            if (value) {
  13724.                labels.forEach(el => el.style.opacity = '0');
  13725.            } else {
  13726.                labels.forEach(el => el.style.opacity = '1');
  13727.            }
  13728.        });
  13729.    "
  13730.                                        @mouseenter="hovered = true"
  13731.                                        @mouseleave="hovered = false"
  13732.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13733.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13734.                                        >
  13735.                                        <style>
  13736.                                            /* Generate styling for the label based on the product ID */
  13737.                                            .amlabel-position-top-right-10937-prod {
  13738.                                                transition: opacity 0.3s ease;
  13739.                                            }
  13740.                                        </style>
  13741.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10937" />
  13742.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-2-tot-4-kg-met-led-lamp-energiezuinig-himalayazout-ca-19x12cm-kh-lamproze2-4led-1"
  13743.                                            title="Zoutlamp 1-2kg 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"
  13744.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13745.                                            tabindex="-1">
  13746.                                            <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_3.webp"><img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none" loading="lazy" alt="Zoutlamp&#x20;1-2kg&#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;1-2kg&#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_3.png" width="360" height="360" loading="lazy"></picture>
  13747.                                        </a>
  13748.                                        <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>
  13749.                                                                                            <div x-data="initWishlist()">
  13750.                                                    <button
  13751.                                                        @click="addToWishlist(10937)"
  13752.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Zoutlamp&#x20;1-2kg&#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"
  13753.                                                        type="button"
  13754.                                                        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"
  13755.                                                        data-addto="wishlist">
  13756.                                                        <span class="icon-heart text-2xl"></span>
  13757.                                                    </button>
  13758.                                                </div>
  13759.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13760.                                                    <button
  13761.                                                        @click="addToCompare(10937)"
  13762.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Zoutlamp&#x20;1-2kg&#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"
  13763.                                                        type="button"
  13764.                                                        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"
  13765.                                                        data-addto="compare">
  13766.                                                        <span class="icon-balance text-2xl"></span>
  13767.                                                    </button>
  13768.                                                </div>
  13769.                                                                                    </div>
  13770.                                        <div class="product-info flex flex-col grow">
  13771.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13772.                                                <a
  13773.                                                    class="product-item-link"
  13774.                                                    href="https://www.lalashops.nl/zoutlamp-2-tot-4-kg-met-led-lamp-energiezuinig-himalayazout-ca-19x12cm-kh-lamproze2-4led-1"
  13775.                                                    :id="`slide-desc-10937-${$id('slider-id')}`">
  13776.                                                    Zoutlamp 1-2kg 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>
  13777.                                            </div>
  13778.  
  13779.  
  13780.                                                                                                                                        
  13781.  
  13782.  
  13783.                                            
  13784.                                            <div class="pt-1 text-gray-900"
  13785.                                                x-defer="intersect"
  13786.                                                @update-prices-10937.window="updatePrice($event.detail);">
  13787.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10937" data-price-box="product-id-10937">
  13788.    <span class="special-price">
  13789.        <span
  13790.    x-data x-id="['product\u002Dprice\u002D10937']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13791.        >
  13792.            <span class="price-label">Special Price</span>
  13793.        <span  :id="$id('product\u002Dprice\u002D10937')"                data-price-amount="11.95"
  13794.        data-price-type="finalPrice"
  13795.        class="price-wrapper "
  13796.    ><span class="price">€ 11,95</span></span>
  13797.        </span>
  13798.    </span>
  13799.    <span class="old-price">
  13800.        <span
  13801.    x-data x-id="['old\u002Dprice\u002D10937']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13802.        >
  13803.            <span class="price-label">Regular Price</span>
  13804.        <span  :id="$id('old\u002Dprice\u002D10937')"                data-price-amount="14.95"
  13805.        data-price-type="oldPrice"
  13806.        class="price-wrapper "
  13807.    ><span class="price">€ 14,95</span></span>
  13808.        </span>
  13809.    </span>
  13810.  
  13811. </div>                                            </div>
  13812.  
  13813.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13814.            ">
  13815.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13816.                                                                                                                    <button
  13817.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13818.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13819.                                                                title="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;1-2kg&#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"
  13820.                                                                aria-label="In&#x20;Winkelwagen&#x20;Zoutlamp&#x20;1-2kg&#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"
  13821.                                                                data-addto="cart">
  13822.                                                                <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">
  13823.  <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"/>
  13824. </svg>
  13825.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13826.                                                                    In Winkelwagen                                                                </span>
  13827.                                                            </button>
  13828.                                                                                                            </div>
  13829.  
  13830.                                                                                            </div>
  13831.                                        </div>
  13832.                                                                                                                        </form>
  13833.                                
  13834.                </li>
  13835.                                        
  13836.                            <li class="swiper-slide">
  13837.                                                                    <form method="post"
  13838.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10798/"
  13839.                                        x-data="{
  13840.        hovered: false,
  13841.        grid: true ,
  13842.        isMobile: false,
  13843.        isMobileFunc () {
  13844.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13845.        }
  13846.    }"
  13847.                                        x-init="
  13848.        isMobileFunc();
  13849.        const labelClass = '.amlabel-position-top-right-10798-prod';
  13850.        const labels = document.querySelectorAll(labelClass);
  13851.  
  13852.        $watch('hovered', value => {
  13853.            if (value) {
  13854.                labels.forEach(el => el.style.opacity = '0');
  13855.            } else {
  13856.                labels.forEach(el => el.style.opacity = '1');
  13857.            }
  13858.        });
  13859.    "
  13860.                                        @mouseenter="hovered = true"
  13861.                                        @mouseleave="hovered = false"
  13862.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13863.                                        :class="isMobile ? 'product-item-mobile' : ''"
  13864.                                        >
  13865.                                        <style>
  13866.                                            /* Generate styling for the label based on the product ID */
  13867.                                            .amlabel-position-top-right-10798-prod {
  13868.                                                transition: opacity 0.3s ease;
  13869.                                            }
  13870.                                        </style>
  13871.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10798" />
  13872.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh-lamproze10-15led-1"
  13873.                                            title="Zoutlamp 10 tot 12kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm"
  13874.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  13875.                                            tabindex="-1">
  13876.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  13877.                                                loading="lazy"
  13878.                                                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"
  13879.                                                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"
  13880.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050286_1.jpg"
  13881.                                                width="360"
  13882.                                                height="360">
  13883.                                        </a>
  13884.                                        <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>
  13885.                                                                                            <div x-data="initWishlist()">
  13886.                                                    <button
  13887.                                                        @click="addToWishlist(10798)"
  13888.                                                        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"
  13889.                                                        type="button"
  13890.                                                        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"
  13891.                                                        data-addto="wishlist">
  13892.                                                        <span class="icon-heart text-2xl"></span>
  13893.                                                    </button>
  13894.                                                </div>
  13895.                                                                                                                                        <div x-data="initCompareOnProductList()">
  13896.                                                    <button
  13897.                                                        @click="addToCompare(10798)"
  13898.                                                        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"
  13899.                                                        type="button"
  13900.                                                        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"
  13901.                                                        data-addto="compare">
  13902.                                                        <span class="icon-balance text-2xl"></span>
  13903.                                                    </button>
  13904.                                                </div>
  13905.                                                                                    </div>
  13906.                                        <div class="product-info flex flex-col grow">
  13907.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  13908.                                                <a
  13909.                                                    class="product-item-link"
  13910.                                                    href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh-lamproze10-15led-1"
  13911.                                                    :id="`slide-desc-10798-${$id('slider-id')}`">
  13912.                                                    Zoutlamp 10 tot 12kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm                                                </a>
  13913.                                            </div>
  13914.  
  13915.  
  13916.                                                                                                                                        
  13917.  
  13918.  
  13919.                                            
  13920.                                            <div class="pt-1 text-gray-900"
  13921.                                                x-defer="intersect"
  13922.                                                @update-prices-10798.window="updatePrice($event.detail);">
  13923.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10798" data-price-box="product-id-10798">
  13924.    <span class="special-price">
  13925.        <span
  13926.    x-data x-id="['product\u002Dprice\u002D10798']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13927.        >
  13928.            <span class="price-label">Special Price</span>
  13929.        <span  :id="$id('product\u002Dprice\u002D10798')"                data-price-amount="36.95"
  13930.        data-price-type="finalPrice"
  13931.        class="price-wrapper "
  13932.    ><span class="price">€ 36,95</span></span>
  13933.        </span>
  13934.    </span>
  13935.    <span class="old-price">
  13936.        <span
  13937.    x-data x-id="['old\u002Dprice\u002D10798']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  13938.        >
  13939.            <span class="price-label">Regular Price</span>
  13940.        <span  :id="$id('old\u002Dprice\u002D10798')"                data-price-amount="41.95"
  13941.        data-price-type="oldPrice"
  13942.        class="price-wrapper "
  13943.    ><span class="price">€ 41,95</span></span>
  13944.        </span>
  13945.    </span>
  13946.  
  13947. </div>                                            </div>
  13948.  
  13949.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  13950.            ">
  13951.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  13952.                                                                                                                    <button
  13953.                                                                class="w-auto btn justify-center text-xl mr-auto"
  13954.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  13955.                                                                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"
  13956.                                                                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"
  13957.                                                                data-addto="cart">
  13958.                                                                <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">
  13959.  <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"/>
  13960. </svg>
  13961.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  13962.                                                                    In Winkelwagen                                                                </span>
  13963.                                                            </button>
  13964.                                                                                                            </div>
  13965.  
  13966.                                                                                            </div>
  13967.                                        </div>
  13968.                                                                                                                        </form>
  13969.                                
  13970.                </li>
  13971.                                        
  13972.                            <li class="swiper-slide">
  13973.                                                                    <form method="post"
  13974.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10715/"
  13975.                                        x-data="{
  13976.        hovered: false,
  13977.        grid: true ,
  13978.        isMobile: false,
  13979.        isMobileFunc () {
  13980.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  13981.        }
  13982.    }"
  13983.                                        x-init="
  13984.        isMobileFunc();
  13985.        const labelClass = '.amlabel-position-top-right-10715-prod';
  13986.        const labels = document.querySelectorAll(labelClass);
  13987.  
  13988.        $watch('hovered', value => {
  13989.            if (value) {
  13990.                labels.forEach(el => el.style.opacity = '0');
  13991.            } else {
  13992.                labels.forEach(el => el.style.opacity = '1');
  13993.            }
  13994.        });
  13995.    "
  13996.                                        @mouseenter="hovered = true"
  13997.                                        @mouseleave="hovered = false"
  13998.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  13999.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14000.                                        >
  14001.                                        <style>
  14002.                                            /* Generate styling for the label based on the product ID */
  14003.                                            .amlabel-position-top-right-10715-prod {
  14004.                                                transition: opacity 0.3s ease;
  14005.                                            }
  14006.                                        </style>
  14007.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10715" />
  14008.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-19-tot-25-kg-met-led-lamp-energiezuinig-himalayazout-ca-45x30cm-kh-lamproze19-25led"
  14009.                                            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"
  14010.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14011.                                            tabindex="-1">
  14012.                                            <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>
  14013.                                        </a>
  14014.                                        <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>
  14015.                                                                                            <div x-data="initWishlist()">
  14016.                                                    <button
  14017.                                                        @click="addToWishlist(10715)"
  14018.                                                        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"
  14019.                                                        type="button"
  14020.                                                        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"
  14021.                                                        data-addto="wishlist">
  14022.                                                        <span class="icon-heart text-2xl"></span>
  14023.                                                    </button>
  14024.                                                </div>
  14025.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14026.                                                    <button
  14027.                                                        @click="addToCompare(10715)"
  14028.                                                        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"
  14029.                                                        type="button"
  14030.                                                        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"
  14031.                                                        data-addto="compare">
  14032.                                                        <span class="icon-balance text-2xl"></span>
  14033.                                                    </button>
  14034.                                                </div>
  14035.                                                                                    </div>
  14036.                                        <div class="product-info flex flex-col grow">
  14037.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14038.                                                <a
  14039.                                                    class="product-item-link"
  14040.                                                    href="https://www.lalashops.nl/zoutlamp-19-tot-25-kg-met-led-lamp-energiezuinig-himalayazout-ca-45x30cm-kh-lamproze19-25led"
  14041.                                                    :id="`slide-desc-10715-${$id('slider-id')}`">
  14042.                                                    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>
  14043.                                            </div>
  14044.  
  14045.  
  14046.                                                                                                                                        
  14047.  
  14048.  
  14049.                                            
  14050.                                            <div class="pt-1 text-gray-900"
  14051.                                                x-defer="intersect"
  14052.                                                @update-prices-10715.window="updatePrice($event.detail);">
  14053.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10715" data-price-box="product-id-10715">
  14054.    <span class="special-price">
  14055.        <span
  14056.    x-data x-id="['product\u002Dprice\u002D10715']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14057.        >
  14058.            <span class="price-label">Special Price</span>
  14059.        <span  :id="$id('product\u002Dprice\u002D10715')"                data-price-amount="74.95"
  14060.        data-price-type="finalPrice"
  14061.        class="price-wrapper "
  14062.    ><span class="price">€ 74,95</span></span>
  14063.        </span>
  14064.    </span>
  14065.    <span class="old-price">
  14066.        <span
  14067.    x-data x-id="['old\u002Dprice\u002D10715']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14068.        >
  14069.            <span class="price-label">Regular Price</span>
  14070.        <span  :id="$id('old\u002Dprice\u002D10715')"                data-price-amount="91.95"
  14071.        data-price-type="oldPrice"
  14072.        class="price-wrapper "
  14073.    ><span class="price">€ 91,95</span></span>
  14074.        </span>
  14075.    </span>
  14076.  
  14077. </div>                                            </div>
  14078.  
  14079.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14080.            ">
  14081.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14082.                                                                                                                    <button
  14083.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14084.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14085.                                                                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"
  14086.                                                                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"
  14087.                                                                data-addto="cart">
  14088.                                                                <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">
  14089.  <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"/>
  14090. </svg>
  14091.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14092.                                                                    In Winkelwagen                                                                </span>
  14093.                                                            </button>
  14094.                                                                                                            </div>
  14095.  
  14096.                                                                                            </div>
  14097.                                        </div>
  14098.                                                                                                                        </form>
  14099.                                
  14100.                </li>
  14101.                                        
  14102.                            <li class="swiper-slide">
  14103.                                                                    <form method="post"
  14104.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10714/"
  14105.                                        x-data="{
  14106.        hovered: false,
  14107.        grid: true ,
  14108.        isMobile: false,
  14109.        isMobileFunc () {
  14110.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14111.        }
  14112.    }"
  14113.                                        x-init="
  14114.        isMobileFunc();
  14115.        const labelClass = '.amlabel-position-top-right-10714-prod';
  14116.        const labels = document.querySelectorAll(labelClass);
  14117.  
  14118.        $watch('hovered', value => {
  14119.            if (value) {
  14120.                labels.forEach(el => el.style.opacity = '0');
  14121.            } else {
  14122.                labels.forEach(el => el.style.opacity = '1');
  14123.            }
  14124.        });
  14125.    "
  14126.                                        @mouseenter="hovered = true"
  14127.                                        @mouseleave="hovered = false"
  14128.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14129.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14130.                                        >
  14131.                                        <style>
  14132.                                            /* Generate styling for the label based on the product ID */
  14133.                                            .amlabel-position-top-right-10714-prod {
  14134.                                                transition: opacity 0.3s ease;
  14135.                                            }
  14136.                                        </style>
  14137.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10714" />
  14138.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-28x17cm-1"
  14139.                                            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"
  14140.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14141.                                            tabindex="-1">
  14142.                                            <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>
  14143.                                        </a>
  14144.                                        <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>
  14145.                                                                                            <div x-data="initWishlist()">
  14146.                                                    <button
  14147.                                                        @click="addToWishlist(10714)"
  14148.                                                        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"
  14149.                                                        type="button"
  14150.                                                        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"
  14151.                                                        data-addto="wishlist">
  14152.                                                        <span class="icon-heart text-2xl"></span>
  14153.                                                    </button>
  14154.                                                </div>
  14155.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14156.                                                    <button
  14157.                                                        @click="addToCompare(10714)"
  14158.                                                        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"
  14159.                                                        type="button"
  14160.                                                        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"
  14161.                                                        data-addto="compare">
  14162.                                                        <span class="icon-balance text-2xl"></span>
  14163.                                                    </button>
  14164.                                                </div>
  14165.                                                                                    </div>
  14166.                                        <div class="product-info flex flex-col grow">
  14167.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14168.                                                <a
  14169.                                                    class="product-item-link"
  14170.                                                    href="https://www.lalashops.nl/zoutlamp-6-tot-8-kg-met-led-lamp-energiezuinig-himalayazout-ca-28x17cm-1"
  14171.                                                    :id="`slide-desc-10714-${$id('slider-id')}`">
  14172.                                                    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>
  14173.                                            </div>
  14174.  
  14175.  
  14176.                                                                                                                                        
  14177.  
  14178.  
  14179.                                            
  14180.                                            <div class="pt-1 text-gray-900"
  14181.                                                x-defer="intersect"
  14182.                                                @update-prices-10714.window="updatePrice($event.detail);">
  14183.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10714" data-price-box="product-id-10714">
  14184.    <span class="special-price">
  14185.        <span
  14186.    x-data x-id="['product\u002Dprice\u002D10714']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14187.        >
  14188.            <span class="price-label">Special Price</span>
  14189.        <span  :id="$id('product\u002Dprice\u002D10714')"                data-price-amount="23.95"
  14190.        data-price-type="finalPrice"
  14191.        class="price-wrapper "
  14192.    ><span class="price">€ 23,95</span></span>
  14193.        </span>
  14194.    </span>
  14195.    <span class="old-price">
  14196.        <span
  14197.    x-data x-id="['old\u002Dprice\u002D10714']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14198.        >
  14199.            <span class="price-label">Regular Price</span>
  14200.        <span  :id="$id('old\u002Dprice\u002D10714')"                data-price-amount="26.95"
  14201.        data-price-type="oldPrice"
  14202.        class="price-wrapper "
  14203.    ><span class="price">€ 26,95</span></span>
  14204.        </span>
  14205.    </span>
  14206.  
  14207. </div>                                            </div>
  14208.  
  14209.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14210.            ">
  14211.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14212.                                                                                                                    <button
  14213.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14214.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14215.                                                                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"
  14216.                                                                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"
  14217.                                                                data-addto="cart">
  14218.                                                                <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">
  14219.  <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"/>
  14220. </svg>
  14221.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14222.                                                                    In Winkelwagen                                                                </span>
  14223.                                                            </button>
  14224.                                                                                                            </div>
  14225.  
  14226.                                                                                            </div>
  14227.                                        </div>
  14228.                                                                                                                        </form>
  14229.                                
  14230.                </li>
  14231.                                        
  14232.                            <li class="swiper-slide">
  14233.                                                                    <form method="post"
  14234.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/10711/"
  14235.                                        x-data="{
  14236.        hovered: false,
  14237.        grid: true ,
  14238.        isMobile: false,
  14239.        isMobileFunc () {
  14240.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14241.        }
  14242.    }"
  14243.                                        x-init="
  14244.        isMobileFunc();
  14245.        const labelClass = '.amlabel-position-top-right-10711-prod';
  14246.        const labels = document.querySelectorAll(labelClass);
  14247.  
  14248.        $watch('hovered', value => {
  14249.            if (value) {
  14250.                labels.forEach(el => el.style.opacity = '0');
  14251.            } else {
  14252.                labels.forEach(el => el.style.opacity = '1');
  14253.            }
  14254.        });
  14255.    "
  14256.                                        @mouseenter="hovered = true"
  14257.                                        @mouseleave="hovered = false"
  14258.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14259.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14260.                                        >
  14261.                                        <style>
  14262.                                            /* Generate styling for the label based on the product ID */
  14263.                                            .amlabel-position-top-right-10711-prod {
  14264.                                                transition: opacity 0.3s ease;
  14265.                                            }
  14266.                                        </style>
  14267.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="10711" />
  14268.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-2-4kg-himalayazout-kh-lamp-sti-haliet2tot4kg"
  14269.                                            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"
  14270.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14271.                                            tabindex="-1">
  14272.                                            <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>
  14273.                                        </a>
  14274.                                        <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>
  14275.                                                                                            <div x-data="initWishlist()">
  14276.                                                    <button
  14277.                                                        @click="addToWishlist(10711)"
  14278.                                                        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"
  14279.                                                        type="button"
  14280.                                                        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"
  14281.                                                        data-addto="wishlist">
  14282.                                                        <span class="icon-heart text-2xl"></span>
  14283.                                                    </button>
  14284.                                                </div>
  14285.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14286.                                                    <button
  14287.                                                        @click="addToCompare(10711)"
  14288.                                                        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"
  14289.                                                        type="button"
  14290.                                                        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"
  14291.                                                        data-addto="compare">
  14292.                                                        <span class="icon-balance text-2xl"></span>
  14293.                                                    </button>
  14294.                                                </div>
  14295.                                                                                    </div>
  14296.                                        <div class="product-info flex flex-col grow">
  14297.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14298.                                                <a
  14299.                                                    class="product-item-link"
  14300.                                                    href="https://www.lalashops.nl/zoutlamp-2-4kg-himalayazout-kh-lamp-sti-haliet2tot4kg"
  14301.                                                    :id="`slide-desc-10711-${$id('slider-id')}`">
  14302.                                                    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>
  14303.                                            </div>
  14304.  
  14305.  
  14306.                                                                                                                                        
  14307.  
  14308.  
  14309.                                            
  14310.                                            <div class="pt-1 text-gray-900"
  14311.                                                x-defer="intersect"
  14312.                                                @update-prices-10711.window="updatePrice($event.detail);">
  14313.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="10711" data-price-box="product-id-10711">
  14314.    <span class="special-price">
  14315.        <span
  14316.    x-data x-id="['product\u002Dprice\u002D10711']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14317.        >
  14318.            <span class="price-label">Special Price</span>
  14319.        <span  :id="$id('product\u002Dprice\u002D10711')"                data-price-amount="12.5"
  14320.        data-price-type="finalPrice"
  14321.        class="price-wrapper "
  14322.    ><span class="price">€ 12,50</span></span>
  14323.        </span>
  14324.    </span>
  14325.    <span class="old-price">
  14326.        <span
  14327.    x-data x-id="['old\u002Dprice\u002D10711']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14328.        >
  14329.            <span class="price-label">Regular Price</span>
  14330.        <span  :id="$id('old\u002Dprice\u002D10711')"                data-price-amount="14.95"
  14331.        data-price-type="oldPrice"
  14332.        class="price-wrapper "
  14333.    ><span class="price">€ 14,95</span></span>
  14334.        </span>
  14335.    </span>
  14336.  
  14337. </div>                                            </div>
  14338.  
  14339.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14340.            ">
  14341.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14342.                                                                                                                    <button
  14343.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14344.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14345.                                                                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"
  14346.                                                                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"
  14347.                                                                data-addto="cart">
  14348.                                                                <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">
  14349.  <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"/>
  14350. </svg>
  14351.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14352.                                                                    In Winkelwagen                                                                </span>
  14353.                                                            </button>
  14354.                                                                                                            </div>
  14355.  
  14356.                                                                                            </div>
  14357.                                        </div>
  14358.                                                                                                                        </form>
  14359.                                
  14360.                </li>
  14361.                                        
  14362.                            <li class="swiper-slide">
  14363.                                                                    <form method="post"
  14364.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9873/"
  14365.                                        x-data="{
  14366.        hovered: false,
  14367.        grid: true ,
  14368.        isMobile: false,
  14369.        isMobileFunc () {
  14370.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14371.        }
  14372.    }"
  14373.                                        x-init="
  14374.        isMobileFunc();
  14375.        const labelClass = '.amlabel-position-top-right-9873-prod';
  14376.        const labels = document.querySelectorAll(labelClass);
  14377.  
  14378.        $watch('hovered', value => {
  14379.            if (value) {
  14380.                labels.forEach(el => el.style.opacity = '0');
  14381.            } else {
  14382.                labels.forEach(el => el.style.opacity = '1');
  14383.            }
  14384.        });
  14385.    "
  14386.                                        @mouseenter="hovered = true"
  14387.                                        @mouseleave="hovered = false"
  14388.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14389.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14390.                                        >
  14391.                                        <style>
  14392.                                            /* Generate styling for the label based on the product ID */
  14393.                                            .amlabel-position-top-right-9873-prod {
  14394.                                                transition: opacity 0.3s ease;
  14395.                                            }
  14396.                                        </style>
  14397.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9873" />
  14398.                                                                                                                                                            <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"
  14399.                                            title="Zoutlamp Ster - Wit - 100% Natuurlijk Himalaya Zout - Extra Lange Kabel 1,8mtr met Led Lampje - ca. 21x7,5x22cm - Energiezuinig "
  14400.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14401.                                            tabindex="-1">
  14402.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  14403.                                                loading="lazy"
  14404.                                                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;"
  14405.                                                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;"
  14406.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1120355-2.jpg"
  14407.                                                width="360"
  14408.                                                height="360">
  14409.                                        </a>
  14410.                                        <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>
  14411.                                                                                            <div x-data="initWishlist()">
  14412.                                                    <button
  14413.                                                        @click="addToWishlist(9873)"
  14414.                                                        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;"
  14415.                                                        type="button"
  14416.                                                        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"
  14417.                                                        data-addto="wishlist">
  14418.                                                        <span class="icon-heart text-2xl"></span>
  14419.                                                    </button>
  14420.                                                </div>
  14421.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14422.                                                    <button
  14423.                                                        @click="addToCompare(9873)"
  14424.                                                        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;"
  14425.                                                        type="button"
  14426.                                                        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"
  14427.                                                        data-addto="compare">
  14428.                                                        <span class="icon-balance text-2xl"></span>
  14429.                                                    </button>
  14430.                                                </div>
  14431.                                                                                    </div>
  14432.                                        <div class="product-info flex flex-col grow">
  14433.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14434.                                                <a
  14435.                                                    class="product-item-link"
  14436.                                                    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"
  14437.                                                    :id="`slide-desc-9873-${$id('slider-id')}`">
  14438.                                                    Zoutlamp Ster - Wit - 100% Natuurlijk Himalaya Zout - Extra Lange Kabel 1,8mtr met Led Lampje - ca. 21x7,5x22cm - Energiezuinig                                                 </a>
  14439.                                            </div>
  14440.  
  14441.  
  14442.                                                                                                                                        
  14443.  
  14444.  
  14445.                                            
  14446.                                            <div class="pt-1 text-gray-900"
  14447.                                                x-defer="intersect"
  14448.                                                @update-prices-9873.window="updatePrice($event.detail);">
  14449.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9873" data-price-box="product-id-9873">
  14450.    <span
  14451.    x-data x-id="['product\u002Dprice\u002D9873']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14452.        >
  14453.        <span  :id="$id('product\u002Dprice\u002D9873')"                data-price-amount="39.95"
  14454.        data-price-type="finalPrice"
  14455.        class="price-wrapper "
  14456.    ><span class="price">€ 39,95</span></span>
  14457.        </span>
  14458.  
  14459. </div>                                            </div>
  14460.  
  14461.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14462.            ">
  14463.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14464.                                                                                                                    <button
  14465.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14466.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14467.                                                                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;"
  14468.                                                                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;"
  14469.                                                                data-addto="cart">
  14470.                                                                <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">
  14471.  <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"/>
  14472. </svg>
  14473.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14474.                                                                    In Winkelwagen                                                                </span>
  14475.                                                            </button>
  14476.                                                                                                            </div>
  14477.  
  14478.                                                                                            </div>
  14479.                                        </div>
  14480.                                                                                                                        </form>
  14481.                                
  14482.                </li>
  14483.                                        
  14484.                            <li class="swiper-slide">
  14485.                                                                    <form method="post"
  14486.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9761/"
  14487.                                        x-data="{
  14488.        hovered: false,
  14489.        grid: true ,
  14490.        isMobile: false,
  14491.        isMobileFunc () {
  14492.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14493.        }
  14494.    }"
  14495.                                        x-init="
  14496.        isMobileFunc();
  14497.        const labelClass = '.amlabel-position-top-right-9761-prod';
  14498.        const labels = document.querySelectorAll(labelClass);
  14499.  
  14500.        $watch('hovered', value => {
  14501.            if (value) {
  14502.                labels.forEach(el => el.style.opacity = '0');
  14503.            } else {
  14504.                labels.forEach(el => el.style.opacity = '1');
  14505.            }
  14506.        });
  14507.    "
  14508.                                        @mouseenter="hovered = true"
  14509.                                        @mouseleave="hovered = false"
  14510.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14511.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14512.                                        >
  14513.                                        <style>
  14514.                                            /* Generate styling for the label based on the product ID */
  14515.                                            .amlabel-position-top-right-9761-prod {
  14516.                                                transition: opacity 0.3s ease;
  14517.                                            }
  14518.                                        </style>
  14519.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9761" />
  14520.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-rots-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtrotswit"
  14521.                                            title="Zoutlamp ROTS - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  14522.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14523.                                            tabindex="-1">
  14524.                                            <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>
  14525.                                        </a>
  14526.                                        <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>
  14527.                                                                                            <div x-data="initWishlist()">
  14528.                                                    <button
  14529.                                                        @click="addToWishlist(9761)"
  14530.                                                        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;"
  14531.                                                        type="button"
  14532.                                                        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"
  14533.                                                        data-addto="wishlist">
  14534.                                                        <span class="icon-heart text-2xl"></span>
  14535.                                                    </button>
  14536.                                                </div>
  14537.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14538.                                                    <button
  14539.                                                        @click="addToCompare(9761)"
  14540.                                                        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;"
  14541.                                                        type="button"
  14542.                                                        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"
  14543.                                                        data-addto="compare">
  14544.                                                        <span class="icon-balance text-2xl"></span>
  14545.                                                    </button>
  14546.                                                </div>
  14547.                                                                                    </div>
  14548.                                        <div class="product-info flex flex-col grow">
  14549.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14550.                                                <a
  14551.                                                    class="product-item-link"
  14552.                                                    href="https://www.lalashops.nl/zoutlamp-rots-wit-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtrotswit"
  14553.                                                    :id="`slide-desc-9761-${$id('slider-id')}`">
  14554.                                                    Zoutlamp ROTS - Wit - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  14555.                                            </div>
  14556.  
  14557.  
  14558.                                                                                                                                        
  14559.  
  14560.  
  14561.                                            
  14562.                                            <div class="pt-1 text-gray-900"
  14563.                                                x-defer="intersect"
  14564.                                                @update-prices-9761.window="updatePrice($event.detail);">
  14565.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9761" data-price-box="product-id-9761">
  14566.    <span class="special-price">
  14567.        <span
  14568.    x-data x-id="['product\u002Dprice\u002D9761']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14569.        >
  14570.            <span class="price-label">Special Price</span>
  14571.        <span  :id="$id('product\u002Dprice\u002D9761')"                data-price-amount="17.95"
  14572.        data-price-type="finalPrice"
  14573.        class="price-wrapper "
  14574.    ><span class="price">€ 17,95</span></span>
  14575.        </span>
  14576.    </span>
  14577.    <span class="old-price">
  14578.        <span
  14579.    x-data x-id="['old\u002Dprice\u002D9761']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14580.        >
  14581.            <span class="price-label">Regular Price</span>
  14582.        <span  :id="$id('old\u002Dprice\u002D9761')"                data-price-amount="19.95"
  14583.        data-price-type="oldPrice"
  14584.        class="price-wrapper "
  14585.    ><span class="price">€ 19,95</span></span>
  14586.        </span>
  14587.    </span>
  14588.  
  14589. </div>                                            </div>
  14590.  
  14591.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14592.            ">
  14593.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14594.                                                                                                                    <button
  14595.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14596.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14597.                                                                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;"
  14598.                                                                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;"
  14599.                                                                data-addto="cart">
  14600.                                                                <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">
  14601.  <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"/>
  14602. </svg>
  14603.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14604.                                                                    In Winkelwagen                                                                </span>
  14605.                                                            </button>
  14606.                                                                                                            </div>
  14607.  
  14608.                                                                                            </div>
  14609.                                        </div>
  14610.                                                                                                                        </form>
  14611.                                
  14612.                </li>
  14613.                                        
  14614.                            <li class="swiper-slide">
  14615.                                                                    <form method="post"
  14616.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9759/"
  14617.                                        x-data="{
  14618.        hovered: false,
  14619.        grid: true ,
  14620.        isMobile: false,
  14621.        isMobileFunc () {
  14622.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14623.        }
  14624.    }"
  14625.                                        x-init="
  14626.        isMobileFunc();
  14627.        const labelClass = '.amlabel-position-top-right-9759-prod';
  14628.        const labels = document.querySelectorAll(labelClass);
  14629.  
  14630.        $watch('hovered', value => {
  14631.            if (value) {
  14632.                labels.forEach(el => el.style.opacity = '0');
  14633.            } else {
  14634.                labels.forEach(el => el.style.opacity = '1');
  14635.            }
  14636.        });
  14637.    "
  14638.                                        @mouseenter="hovered = true"
  14639.                                        @mouseleave="hovered = false"
  14640.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14641.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14642.                                        >
  14643.                                        <style>
  14644.                                            /* Generate styling for the label based on the product ID */
  14645.                                            .amlabel-position-top-right-9759-prod {
  14646.                                                transition: opacity 0.3s ease;
  14647.                                            }
  14648.                                        </style>
  14649.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9759" />
  14650.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-bol-nachtlampje-met-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtbolroze"
  14651.                                            title="Zoutlamp BOL - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  14652.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14653.                                            tabindex="-1">
  14654.                                            <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>
  14655.                                        </a>
  14656.                                        <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>
  14657.                                                                                            <div x-data="initWishlist()">
  14658.                                                    <button
  14659.                                                        @click="addToWishlist(9759)"
  14660.                                                        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;"
  14661.                                                        type="button"
  14662.                                                        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"
  14663.                                                        data-addto="wishlist">
  14664.                                                        <span class="icon-heart text-2xl"></span>
  14665.                                                    </button>
  14666.                                                </div>
  14667.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14668.                                                    <button
  14669.                                                        @click="addToCompare(9759)"
  14670.                                                        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;"
  14671.                                                        type="button"
  14672.                                                        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"
  14673.                                                        data-addto="compare">
  14674.                                                        <span class="icon-balance text-2xl"></span>
  14675.                                                    </button>
  14676.                                                </div>
  14677.                                                                                    </div>
  14678.                                        <div class="product-info flex flex-col grow">
  14679.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14680.                                                <a
  14681.                                                    class="product-item-link"
  14682.                                                    href="https://www.lalashops.nl/zoutlamp-bol-nachtlampje-met-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energie-zuinig-lampnachtbolroze"
  14683.                                                    :id="`slide-desc-9759-${$id('slider-id')}`">
  14684.                                                    Zoutlamp BOL - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  14685.                                            </div>
  14686.  
  14687.  
  14688.                                                                                                                                        
  14689.  
  14690.  
  14691.                                            
  14692.                                            <div class="pt-1 text-gray-900"
  14693.                                                x-defer="intersect"
  14694.                                                @update-prices-9759.window="updatePrice($event.detail);">
  14695.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9759" data-price-box="product-id-9759">
  14696.    <span class="special-price">
  14697.        <span
  14698.    x-data x-id="['product\u002Dprice\u002D9759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14699.        >
  14700.            <span class="price-label">Special Price</span>
  14701.        <span  :id="$id('product\u002Dprice\u002D9759')"                data-price-amount="17.95"
  14702.        data-price-type="finalPrice"
  14703.        class="price-wrapper "
  14704.    ><span class="price">€ 17,95</span></span>
  14705.        </span>
  14706.    </span>
  14707.    <span class="old-price">
  14708.        <span
  14709.    x-data x-id="['old\u002Dprice\u002D9759']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14710.        >
  14711.            <span class="price-label">Regular Price</span>
  14712.        <span  :id="$id('old\u002Dprice\u002D9759')"                data-price-amount="19.95"
  14713.        data-price-type="oldPrice"
  14714.        class="price-wrapper "
  14715.    ><span class="price">€ 19,95</span></span>
  14716.        </span>
  14717.    </span>
  14718.  
  14719. </div>                                            </div>
  14720.  
  14721.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14722.            ">
  14723.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14724.                                                                                                                    <button
  14725.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14726.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14727.                                                                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;"
  14728.                                                                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;"
  14729.                                                                data-addto="cart">
  14730.                                                                <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">
  14731.  <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"/>
  14732. </svg>
  14733.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14734.                                                                    In Winkelwagen                                                                </span>
  14735.                                                            </button>
  14736.                                                                                                            </div>
  14737.  
  14738.                                                                                            </div>
  14739.                                        </div>
  14740.                                                                                                                        </form>
  14741.                                
  14742.                </li>
  14743.                                        
  14744.                            <li class="swiper-slide">
  14745.                                                                    <form method="post"
  14746.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9558/"
  14747.                                        x-data="{
  14748.        hovered: false,
  14749.        grid: true ,
  14750.        isMobile: false,
  14751.        isMobileFunc () {
  14752.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14753.        }
  14754.    }"
  14755.                                        x-init="
  14756.        isMobileFunc();
  14757.        const labelClass = '.amlabel-position-top-right-9558-prod';
  14758.        const labels = document.querySelectorAll(labelClass);
  14759.  
  14760.        $watch('hovered', value => {
  14761.            if (value) {
  14762.                labels.forEach(el => el.style.opacity = '0');
  14763.            } else {
  14764.                labels.forEach(el => el.style.opacity = '1');
  14765.            }
  14766.        });
  14767.    "
  14768.                                        @mouseenter="hovered = true"
  14769.                                        @mouseleave="hovered = false"
  14770.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14771.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14772.                                        >
  14773.                                        <style>
  14774.                                            /* Generate styling for the label based on the product ID */
  14775.                                            .amlabel-position-top-right-9558-prod {
  14776.                                                transition: opacity 0.3s ease;
  14777.                                            }
  14778.                                        </style>
  14779.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9558" />
  14780.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-lamp-incl-snoer-met-aan-uit-schakelaar-wit-25-30cm-lampselwit25-30cm"
  14781.                                            title="Seleniet Lamp - Incl. Snoer met Aan/Uit Schakelaar - Wit - ca. 25-30cm"
  14782.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14783.                                            tabindex="-1">
  14784.                                            <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/p1050578-2.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;25-30cm" title="Seleniet&#x20;Lamp&#x20;-&#x20;Wit&#x20;-&#x20;ca.&#x20;25-30cm" src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050578-2.jpg" width="360" height="360" loading="lazy"></picture>
  14785.                                        </a>
  14786.                                        <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>
  14787.                                                                                            <div x-data="initWishlist()">
  14788.                                                    <button
  14789.                                                        @click="addToWishlist(9558)"
  14790.                                                        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;25-30cm"
  14791.                                                        type="button"
  14792.                                                        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"
  14793.                                                        data-addto="wishlist">
  14794.                                                        <span class="icon-heart text-2xl"></span>
  14795.                                                    </button>
  14796.                                                </div>
  14797.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14798.                                                    <button
  14799.                                                        @click="addToCompare(9558)"
  14800.                                                        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;25-30cm"
  14801.                                                        type="button"
  14802.                                                        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"
  14803.                                                        data-addto="compare">
  14804.                                                        <span class="icon-balance text-2xl"></span>
  14805.                                                    </button>
  14806.                                                </div>
  14807.                                                                                    </div>
  14808.                                        <div class="product-info flex flex-col grow">
  14809.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14810.                                                <a
  14811.                                                    class="product-item-link"
  14812.                                                    href="https://www.lalashops.nl/seleniet-lamp-incl-snoer-met-aan-uit-schakelaar-wit-25-30cm-lampselwit25-30cm"
  14813.                                                    :id="`slide-desc-9558-${$id('slider-id')}`">
  14814.                                                    Seleniet Lamp - Incl. Snoer met Aan/Uit Schakelaar - Wit - ca. 25-30cm                                                </a>
  14815.                                            </div>
  14816.  
  14817.  
  14818.                                                                                                                                        
  14819.  
  14820.  
  14821.                                            
  14822.                                            <div class="pt-1 text-gray-900"
  14823.                                                x-defer="intersect"
  14824.                                                @update-prices-9558.window="updatePrice($event.detail);">
  14825.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9558" data-price-box="product-id-9558">
  14826.    <span
  14827.    x-data x-id="['product\u002Dprice\u002D9558']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14828.        >
  14829.        <span  :id="$id('product\u002Dprice\u002D9558')"                data-price-amount="39.95"
  14830.        data-price-type="finalPrice"
  14831.        class="price-wrapper "
  14832.    ><span class="price">€ 39,95</span></span>
  14833.        </span>
  14834.  
  14835. </div>                                            </div>
  14836.  
  14837.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14838.            ">
  14839.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14840.                                                                                                                    <button
  14841.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14842.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14843.                                                                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;25-30cm"
  14844.                                                                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;25-30cm"
  14845.                                                                data-addto="cart">
  14846.                                                                <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">
  14847.  <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"/>
  14848. </svg>
  14849.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14850.                                                                    In Winkelwagen                                                                </span>
  14851.                                                            </button>
  14852.                                                                                                            </div>
  14853.  
  14854.                                                                                            </div>
  14855.                                        </div>
  14856.                                                                                                                        </form>
  14857.                                
  14858.                </li>
  14859.                                        
  14860.                            <li class="swiper-slide">
  14861.                                                                    <form method="post"
  14862.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9532/"
  14863.                                        x-data="{
  14864.        hovered: false,
  14865.        grid: true ,
  14866.        isMobile: false,
  14867.        isMobileFunc () {
  14868.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14869.        }
  14870.    }"
  14871.                                        x-init="
  14872.        isMobileFunc();
  14873.        const labelClass = '.amlabel-position-top-right-9532-prod';
  14874.        const labels = document.querySelectorAll(labelClass);
  14875.  
  14876.        $watch('hovered', value => {
  14877.            if (value) {
  14878.                labels.forEach(el => el.style.opacity = '0');
  14879.            } else {
  14880.                labels.forEach(el => el.style.opacity = '1');
  14881.            }
  14882.        });
  14883.    "
  14884.                                        @mouseenter="hovered = true"
  14885.                                        @mouseleave="hovered = false"
  14886.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  14887.                                        :class="isMobile ? 'product-item-mobile' : ''"
  14888.                                        >
  14889.                                        <style>
  14890.                                            /* Generate styling for the label based on the product ID */
  14891.                                            .amlabel-position-top-right-9532-prod {
  14892.                                                transition: opacity 0.3s ease;
  14893.                                            }
  14894.                                        </style>
  14895.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9532" />
  14896.                                                                                                                                                            <a href="https://www.lalashops.nl/seleniet-lamp-incl-snoer-met-aan-uit-schakelaar-wit-35-40cm-lampselwit35-40cm"
  14897.                                            title="Seleniet Lamp - Incl. Snoer met Aan/Uit Schakelaar - Wit - ca. 35-40cm"
  14898.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  14899.                                            tabindex="-1">
  14900.                                            <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>
  14901.                                        </a>
  14902.                                        <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>
  14903.                                                                                            <div x-data="initWishlist()">
  14904.                                                    <button
  14905.                                                        @click="addToWishlist(9532)"
  14906.                                                        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"
  14907.                                                        type="button"
  14908.                                                        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"
  14909.                                                        data-addto="wishlist">
  14910.                                                        <span class="icon-heart text-2xl"></span>
  14911.                                                    </button>
  14912.                                                </div>
  14913.                                                                                                                                        <div x-data="initCompareOnProductList()">
  14914.                                                    <button
  14915.                                                        @click="addToCompare(9532)"
  14916.                                                        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"
  14917.                                                        type="button"
  14918.                                                        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"
  14919.                                                        data-addto="compare">
  14920.                                                        <span class="icon-balance text-2xl"></span>
  14921.                                                    </button>
  14922.                                                </div>
  14923.                                                                                    </div>
  14924.                                        <div class="product-info flex flex-col grow">
  14925.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  14926.                                                <a
  14927.                                                    class="product-item-link"
  14928.                                                    href="https://www.lalashops.nl/seleniet-lamp-incl-snoer-met-aan-uit-schakelaar-wit-35-40cm-lampselwit35-40cm"
  14929.                                                    :id="`slide-desc-9532-${$id('slider-id')}`">
  14930.                                                    Seleniet Lamp - Incl. Snoer met Aan/Uit Schakelaar - Wit - ca. 35-40cm                                                </a>
  14931.                                            </div>
  14932.  
  14933.  
  14934.                                                                                                                                        
  14935.  
  14936.  
  14937.                                            
  14938.                                            <div class="pt-1 text-gray-900"
  14939.                                                x-defer="intersect"
  14940.                                                @update-prices-9532.window="updatePrice($event.detail);">
  14941.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9532" data-price-box="product-id-9532">
  14942.    <span
  14943.    x-data x-id="['product\u002Dprice\u002D9532']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  14944.        >
  14945.        <span  :id="$id('product\u002Dprice\u002D9532')"                data-price-amount="69.95"
  14946.        data-price-type="finalPrice"
  14947.        class="price-wrapper "
  14948.    ><span class="price">€ 69,95</span></span>
  14949.        </span>
  14950.  
  14951. </div>                                            </div>
  14952.  
  14953.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  14954.            ">
  14955.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  14956.                                                                                                                    <button
  14957.                                                                class="w-auto btn justify-center text-xl mr-auto"
  14958.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  14959.                                                                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"
  14960.                                                                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"
  14961.                                                                data-addto="cart">
  14962.                                                                <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">
  14963.  <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"/>
  14964. </svg>
  14965.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  14966.                                                                    In Winkelwagen                                                                </span>
  14967.                                                            </button>
  14968.                                                                                                            </div>
  14969.  
  14970.                                                                                            </div>
  14971.                                        </div>
  14972.                                                                                                                        </form>
  14973.                                
  14974.                </li>
  14975.                                        
  14976.                            <li class="swiper-slide">
  14977.                                                                    <form method="post"
  14978.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9504/"
  14979.                                        x-data="{
  14980.        hovered: false,
  14981.        grid: true ,
  14982.        isMobile: false,
  14983.        isMobileFunc () {
  14984.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  14985.        }
  14986.    }"
  14987.                                        x-init="
  14988.        isMobileFunc();
  14989.        const labelClass = '.amlabel-position-top-right-9504-prod';
  14990.        const labels = document.querySelectorAll(labelClass);
  14991.  
  14992.        $watch('hovered', value => {
  14993.            if (value) {
  14994.                labels.forEach(el => el.style.opacity = '0');
  14995.            } else {
  14996.                labels.forEach(el => el.style.opacity = '1');
  14997.            }
  14998.        });
  14999.    "
  15000.                                        @mouseenter="hovered = true"
  15001.                                        @mouseleave="hovered = false"
  15002.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15003.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15004.                                        >
  15005.                                        <style>
  15006.                                            /* Generate styling for the label based on the product ID */
  15007.                                            .amlabel-position-top-right-9504-prod {
  15008.                                                transition: opacity 0.3s ease;
  15009.                                            }
  15010.                                        </style>
  15011.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9504" />
  15012.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-rots-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtrotsroze"
  15013.                                            title="Zoutlamp ROTS - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!"
  15014.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15015.                                            tabindex="-1">
  15016.                                            <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>
  15017.                                        </a>
  15018.                                        <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>
  15019.                                                                                            <div x-data="initWishlist()">
  15020.                                                    <button
  15021.                                                        @click="addToWishlist(9504)"
  15022.                                                        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;"
  15023.                                                        type="button"
  15024.                                                        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"
  15025.                                                        data-addto="wishlist">
  15026.                                                        <span class="icon-heart text-2xl"></span>
  15027.                                                    </button>
  15028.                                                </div>
  15029.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15030.                                                    <button
  15031.                                                        @click="addToCompare(9504)"
  15032.                                                        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;"
  15033.                                                        type="button"
  15034.                                                        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"
  15035.                                                        data-addto="compare">
  15036.                                                        <span class="icon-balance text-2xl"></span>
  15037.                                                    </button>
  15038.                                                </div>
  15039.                                                                                    </div>
  15040.                                        <div class="product-info flex flex-col grow">
  15041.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15042.                                                <a
  15043.                                                    class="product-item-link"
  15044.                                                    href="https://www.lalashops.nl/zoutlamp-rots-nachtlampje-met-aan-uit-schakelaar-en-ledlampje-kinderkamer-hal-slaapkamer-himalayazout-energiezuinig-lampnachtrotsroze"
  15045.                                                    :id="`slide-desc-9504-${$id('slider-id')}`">
  15046.                                                    Zoutlamp ROTS - Nachtlampje met Aan / Uit Schakelaar en Ledlampje - Kinderkamer - Hal - Slaapkamer - Himalayazout - Energiezuinig!                                                </a>
  15047.                                            </div>
  15048.  
  15049.  
  15050.                                                                                                                                        
  15051.  
  15052.  
  15053.                                            
  15054.                                            <div class="pt-1 text-gray-900"
  15055.                                                x-defer="intersect"
  15056.                                                @update-prices-9504.window="updatePrice($event.detail);">
  15057.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9504" data-price-box="product-id-9504">
  15058.    <span class="special-price">
  15059.        <span
  15060.    x-data x-id="['product\u002Dprice\u002D9504']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15061.        >
  15062.            <span class="price-label">Special Price</span>
  15063.        <span  :id="$id('product\u002Dprice\u002D9504')"                data-price-amount="17.95"
  15064.        data-price-type="finalPrice"
  15065.        class="price-wrapper "
  15066.    ><span class="price">€ 17,95</span></span>
  15067.        </span>
  15068.    </span>
  15069.    <span class="old-price">
  15070.        <span
  15071.    x-data x-id="['old\u002Dprice\u002D9504']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15072.        >
  15073.            <span class="price-label">Regular Price</span>
  15074.        <span  :id="$id('old\u002Dprice\u002D9504')"                data-price-amount="19.95"
  15075.        data-price-type="oldPrice"
  15076.        class="price-wrapper "
  15077.    ><span class="price">€ 19,95</span></span>
  15078.        </span>
  15079.    </span>
  15080.  
  15081. </div>                                            </div>
  15082.  
  15083.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15084.            ">
  15085.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15086.                                                                                                                    <button
  15087.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15088.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15089.                                                                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;"
  15090.                                                                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;"
  15091.                                                                data-addto="cart">
  15092.                                                                <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">
  15093.  <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"/>
  15094. </svg>
  15095.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15096.                                                                    In Winkelwagen                                                                </span>
  15097.                                                            </button>
  15098.                                                                                                            </div>
  15099.  
  15100.                                                                                            </div>
  15101.                                        </div>
  15102.                                                                                                                        </form>
  15103.                                
  15104.                </li>
  15105.                                        
  15106.                            <li class="swiper-slide">
  15107.                                                                    <form method="post"
  15108.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8303/"
  15109.                                        x-data="{
  15110.        hovered: false,
  15111.        grid: true ,
  15112.        isMobile: false,
  15113.        isMobileFunc () {
  15114.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15115.        }
  15116.    }"
  15117.                                        x-init="
  15118.        isMobileFunc();
  15119.        const labelClass = '.amlabel-position-top-right-8303-prod';
  15120.        const labels = document.querySelectorAll(labelClass);
  15121.  
  15122.        $watch('hovered', value => {
  15123.            if (value) {
  15124.                labels.forEach(el => el.style.opacity = '0');
  15125.            } else {
  15126.                labels.forEach(el => el.style.opacity = '1');
  15127.            }
  15128.        });
  15129.    "
  15130.                                        @mouseenter="hovered = true"
  15131.                                        @mouseleave="hovered = false"
  15132.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15133.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15134.                                        >
  15135.                                        <style>
  15136.                                            /* Generate styling for the label based on the product ID */
  15137.                                            .amlabel-position-top-right-8303-prod {
  15138.                                                transition: opacity 0.3s ease;
  15139.                                            }
  15140.                                        </style>
  15141.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8303" />
  15142.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-15-tot-19-kg-met-led-lamp-energiezuinig-himalayazout-ca-37x23cm-kh-lamproze15-19led"
  15143.                                            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"
  15144.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15145.                                            tabindex="-1">
  15146.                                            <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>
  15147.                                        </a>
  15148.                                        <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>
  15149.                                                                                            <div x-data="initWishlist()">
  15150.                                                    <button
  15151.                                                        @click="addToWishlist(8303)"
  15152.                                                        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"
  15153.                                                        type="button"
  15154.                                                        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"
  15155.                                                        data-addto="wishlist">
  15156.                                                        <span class="icon-heart text-2xl"></span>
  15157.                                                    </button>
  15158.                                                </div>
  15159.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15160.                                                    <button
  15161.                                                        @click="addToCompare(8303)"
  15162.                                                        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"
  15163.                                                        type="button"
  15164.                                                        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"
  15165.                                                        data-addto="compare">
  15166.                                                        <span class="icon-balance text-2xl"></span>
  15167.                                                    </button>
  15168.                                                </div>
  15169.                                                                                    </div>
  15170.                                        <div class="product-info flex flex-col grow">
  15171.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15172.                                                <a
  15173.                                                    class="product-item-link"
  15174.                                                    href="https://www.lalashops.nl/zoutlamp-15-tot-19-kg-met-led-lamp-energiezuinig-himalayazout-ca-37x23cm-kh-lamproze15-19led"
  15175.                                                    :id="`slide-desc-8303-${$id('slider-id')}`">
  15176.                                                    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>
  15177.                                            </div>
  15178.  
  15179.  
  15180.                                                                                                                                        
  15181.  
  15182.  
  15183.                                            
  15184.                                            <div class="pt-1 text-gray-900"
  15185.                                                x-defer="intersect"
  15186.                                                @update-prices-8303.window="updatePrice($event.detail);">
  15187.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8303" data-price-box="product-id-8303">
  15188.    <span class="special-price">
  15189.        <span
  15190.    x-data x-id="['product\u002Dprice\u002D8303']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15191.        >
  15192.            <span class="price-label">Special Price</span>
  15193.        <span  :id="$id('product\u002Dprice\u002D8303')"                data-price-amount="56.95"
  15194.        data-price-type="finalPrice"
  15195.        class="price-wrapper "
  15196.    ><span class="price">€ 56,95</span></span>
  15197.        </span>
  15198.    </span>
  15199.    <span class="old-price">
  15200.        <span
  15201.    x-data x-id="['old\u002Dprice\u002D8303']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15202.        >
  15203.            <span class="price-label">Regular Price</span>
  15204.        <span  :id="$id('old\u002Dprice\u002D8303')"                data-price-amount="66.95"
  15205.        data-price-type="oldPrice"
  15206.        class="price-wrapper "
  15207.    ><span class="price">€ 66,95</span></span>
  15208.        </span>
  15209.    </span>
  15210.  
  15211. </div>                                            </div>
  15212.  
  15213.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15214.            ">
  15215.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15216.                                                                                                                    <button
  15217.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15218.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15219.                                                                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"
  15220.                                                                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"
  15221.                                                                data-addto="cart">
  15222.                                                                <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">
  15223.  <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"/>
  15224. </svg>
  15225.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15226.                                                                    In Winkelwagen                                                                </span>
  15227.                                                            </button>
  15228.                                                                                                            </div>
  15229.  
  15230.                                                                                            </div>
  15231.                                        </div>
  15232.                                                                                                                        </form>
  15233.                                
  15234.                </li>
  15235.                                        
  15236.                            <li class="swiper-slide">
  15237.                                                                    <form method="post"
  15238.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8302/"
  15239.                                        x-data="{
  15240.        hovered: false,
  15241.        grid: true ,
  15242.        isMobile: false,
  15243.        isMobileFunc () {
  15244.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15245.        }
  15246.    }"
  15247.                                        x-init="
  15248.        isMobileFunc();
  15249.        const labelClass = '.amlabel-position-top-right-8302-prod';
  15250.        const labels = document.querySelectorAll(labelClass);
  15251.  
  15252.        $watch('hovered', value => {
  15253.            if (value) {
  15254.                labels.forEach(el => el.style.opacity = '0');
  15255.            } else {
  15256.                labels.forEach(el => el.style.opacity = '1');
  15257.            }
  15258.        });
  15259.    "
  15260.                                        @mouseenter="hovered = true"
  15261.                                        @mouseleave="hovered = false"
  15262.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15263.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15264.                                        >
  15265.                                        <style>
  15266.                                            /* Generate styling for the label based on the product ID */
  15267.                                            .amlabel-position-top-right-8302-prod {
  15268.                                                transition: opacity 0.3s ease;
  15269.                                            }
  15270.                                        </style>
  15271.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8302" />
  15272.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh_lamproze10_15led"
  15273.                                            title="Zoutlamp 12 tot 15kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm"
  15274.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15275.                                            tabindex="-1">
  15276.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  15277.                                                loading="lazy"
  15278.                                                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"
  15279.                                                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"
  15280.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/p/1/p1050286.jpg"
  15281.                                                width="360"
  15282.                                                height="360">
  15283.                                        </a>
  15284.                                        <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>
  15285.                                                                                            <div x-data="initWishlist()">
  15286.                                                    <button
  15287.                                                        @click="addToWishlist(8302)"
  15288.                                                        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"
  15289.                                                        type="button"
  15290.                                                        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"
  15291.                                                        data-addto="wishlist">
  15292.                                                        <span class="icon-heart text-2xl"></span>
  15293.                                                    </button>
  15294.                                                </div>
  15295.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15296.                                                    <button
  15297.                                                        @click="addToCompare(8302)"
  15298.                                                        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"
  15299.                                                        type="button"
  15300.                                                        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"
  15301.                                                        data-addto="compare">
  15302.                                                        <span class="icon-balance text-2xl"></span>
  15303.                                                    </button>
  15304.                                                </div>
  15305.                                                                                    </div>
  15306.                                        <div class="product-info flex flex-col grow">
  15307.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15308.                                                <a
  15309.                                                    class="product-item-link"
  15310.                                                    href="https://www.lalashops.nl/zoutlamp-10-tot-15-kg-met-led-lamp-energiezuinig-himalayazout-ca-35x20cm-kh_lamproze10_15led"
  15311.                                                    :id="`slide-desc-8302-${$id('slider-id')}`">
  15312.                                                    Zoutlamp 12 tot 15kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 35x20cm                                                </a>
  15313.                                            </div>
  15314.  
  15315.  
  15316.                                                                                                                                        
  15317.  
  15318.  
  15319.                                            
  15320.                                            <div class="pt-1 text-gray-900"
  15321.                                                x-defer="intersect"
  15322.                                                @update-prices-8302.window="updatePrice($event.detail);">
  15323.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8302" data-price-box="product-id-8302">
  15324.    <span class="special-price">
  15325.        <span
  15326.    x-data x-id="['product\u002Dprice\u002D8302']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15327.        >
  15328.            <span class="price-label">Special Price</span>
  15329.        <span  :id="$id('product\u002Dprice\u002D8302')"                data-price-amount="41.95"
  15330.        data-price-type="finalPrice"
  15331.        class="price-wrapper "
  15332.    ><span class="price">€ 41,95</span></span>
  15333.        </span>
  15334.    </span>
  15335.    <span class="old-price">
  15336.        <span
  15337.    x-data x-id="['old\u002Dprice\u002D8302']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15338.        >
  15339.            <span class="price-label">Regular Price</span>
  15340.        <span  :id="$id('old\u002Dprice\u002D8302')"                data-price-amount="44.95"
  15341.        data-price-type="oldPrice"
  15342.        class="price-wrapper "
  15343.    ><span class="price">€ 44,95</span></span>
  15344.        </span>
  15345.    </span>
  15346.  
  15347. </div>                                            </div>
  15348.  
  15349.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15350.            ">
  15351.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15352.                                                                                                                    <button
  15353.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15354.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15355.                                                                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"
  15356.                                                                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"
  15357.                                                                data-addto="cart">
  15358.                                                                <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">
  15359.  <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"/>
  15360. </svg>
  15361.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15362.                                                                    In Winkelwagen                                                                </span>
  15363.                                                            </button>
  15364.                                                                                                            </div>
  15365.  
  15366.                                                                                            </div>
  15367.                                        </div>
  15368.                                                                                                                        </form>
  15369.                                
  15370.                </li>
  15371.                                        
  15372.                            <li class="swiper-slide">
  15373.                                                                    <form method="post"
  15374.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8301/"
  15375.                                        x-data="{
  15376.        hovered: false,
  15377.        grid: true ,
  15378.        isMobile: false,
  15379.        isMobileFunc () {
  15380.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15381.        }
  15382.    }"
  15383.                                        x-init="
  15384.        isMobileFunc();
  15385.        const labelClass = '.amlabel-position-top-right-8301-prod';
  15386.        const labels = document.querySelectorAll(labelClass);
  15387.  
  15388.        $watch('hovered', value => {
  15389.            if (value) {
  15390.                labels.forEach(el => el.style.opacity = '0');
  15391.            } else {
  15392.                labels.forEach(el => el.style.opacity = '1');
  15393.            }
  15394.        });
  15395.    "
  15396.                                        @mouseenter="hovered = true"
  15397.                                        @mouseleave="hovered = false"
  15398.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15399.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15400.                                        >
  15401.                                        <style>
  15402.                                            /* Generate styling for the label based on the product ID */
  15403.                                            .amlabel-position-top-right-8301-prod {
  15404.                                                transition: opacity 0.3s ease;
  15405.                                            }
  15406.                                        </style>
  15407.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8301" />
  15408.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-8-tot-10-kg-met-led-lamp-energiezuinig-himalayazout-ca-31x17cm"
  15409.                                            title="Zoutlamp 8 tot 10kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 31x17cm"
  15410.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15411.                                            tabindex="-1">
  15412.                                            <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>
  15413.                                        </a>
  15414.                                        <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>
  15415.                                                                                            <div x-data="initWishlist()">
  15416.                                                    <button
  15417.                                                        @click="addToWishlist(8301)"
  15418.                                                        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"
  15419.                                                        type="button"
  15420.                                                        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"
  15421.                                                        data-addto="wishlist">
  15422.                                                        <span class="icon-heart text-2xl"></span>
  15423.                                                    </button>
  15424.                                                </div>
  15425.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15426.                                                    <button
  15427.                                                        @click="addToCompare(8301)"
  15428.                                                        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"
  15429.                                                        type="button"
  15430.                                                        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"
  15431.                                                        data-addto="compare">
  15432.                                                        <span class="icon-balance text-2xl"></span>
  15433.                                                    </button>
  15434.                                                </div>
  15435.                                                                                    </div>
  15436.                                        <div class="product-info flex flex-col grow">
  15437.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15438.                                                <a
  15439.                                                    class="product-item-link"
  15440.                                                    href="https://www.lalashops.nl/zoutlamp-8-tot-10-kg-met-led-lamp-energiezuinig-himalayazout-ca-31x17cm"
  15441.                                                    :id="`slide-desc-8301-${$id('slider-id')}`">
  15442.                                                    Zoutlamp 8 tot 10kg - MET LED LAMP - Energiezuinig - Himalayazout - ca. 31x17cm                                                </a>
  15443.                                            </div>
  15444.  
  15445.  
  15446.                                                                                                                                        
  15447.  
  15448.  
  15449.                                            
  15450.                                            <div class="pt-1 text-gray-900"
  15451.                                                x-defer="intersect"
  15452.                                                @update-prices-8301.window="updatePrice($event.detail);">
  15453.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8301" data-price-box="product-id-8301">
  15454.    <span class="special-price">
  15455.        <span
  15456.    x-data x-id="['product\u002Dprice\u002D8301']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15457.        >
  15458.            <span class="price-label">Special Price</span>
  15459.        <span  :id="$id('product\u002Dprice\u002D8301')"                data-price-amount="31.95"
  15460.        data-price-type="finalPrice"
  15461.        class="price-wrapper "
  15462.    ><span class="price">€ 31,95</span></span>
  15463.        </span>
  15464.    </span>
  15465.    <span class="old-price">
  15466.        <span
  15467.    x-data x-id="['old\u002Dprice\u002D8301']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15468.        >
  15469.            <span class="price-label">Regular Price</span>
  15470.        <span  :id="$id('old\u002Dprice\u002D8301')"                data-price-amount="36.95"
  15471.        data-price-type="oldPrice"
  15472.        class="price-wrapper "
  15473.    ><span class="price">€ 36,95</span></span>
  15474.        </span>
  15475.    </span>
  15476.  
  15477. </div>                                            </div>
  15478.  
  15479.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15480.            ">
  15481.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15482.                                                                                                                    <button
  15483.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15484.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15485.                                                                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"
  15486.                                                                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"
  15487.                                                                data-addto="cart">
  15488.                                                                <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">
  15489.  <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"/>
  15490. </svg>
  15491.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15492.                                                                    In Winkelwagen                                                                </span>
  15493.                                                            </button>
  15494.                                                                                                            </div>
  15495.  
  15496.                                                                                            </div>
  15497.                                        </div>
  15498.                                                                                                                        </form>
  15499.                                
  15500.                </li>
  15501.                                        
  15502.                            <li class="swiper-slide">
  15503.                                                                    <form method="post"
  15504.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8300/"
  15505.                                        x-data="{
  15506.        hovered: false,
  15507.        grid: true ,
  15508.        isMobile: false,
  15509.        isMobileFunc () {
  15510.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15511.        }
  15512.    }"
  15513.                                        x-init="
  15514.        isMobileFunc();
  15515.        const labelClass = '.amlabel-position-top-right-8300-prod';
  15516.        const labels = document.querySelectorAll(labelClass);
  15517.  
  15518.        $watch('hovered', value => {
  15519.            if (value) {
  15520.                labels.forEach(el => el.style.opacity = '0');
  15521.            } else {
  15522.                labels.forEach(el => el.style.opacity = '1');
  15523.            }
  15524.        });
  15525.    "
  15526.                                        @mouseenter="hovered = true"
  15527.                                        @mouseleave="hovered = false"
  15528.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15529.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15530.                                        >
  15531.                                        <style>
  15532.                                            /* Generate styling for the label based on the product ID */
  15533.                                            .amlabel-position-top-right-8300-prod {
  15534.                                                transition: opacity 0.3s ease;
  15535.                                            }
  15536.                                        </style>
  15537.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8300" />
  15538.                                                                                                                                                            <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"
  15539.                                            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"
  15540.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15541.                                            tabindex="-1">
  15542.                                            <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>
  15543.                                        </a>
  15544.                                        <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>
  15545.                                                                                            <div x-data="initWishlist()">
  15546.                                                    <button
  15547.                                                        @click="addToWishlist(8300)"
  15548.                                                        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"
  15549.                                                        type="button"
  15550.                                                        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"
  15551.                                                        data-addto="wishlist">
  15552.                                                        <span class="icon-heart text-2xl"></span>
  15553.                                                    </button>
  15554.                                                </div>
  15555.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15556.                                                    <button
  15557.                                                        @click="addToCompare(8300)"
  15558.                                                        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"
  15559.                                                        type="button"
  15560.                                                        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"
  15561.                                                        data-addto="compare">
  15562.                                                        <span class="icon-balance text-2xl"></span>
  15563.                                                    </button>
  15564.                                                </div>
  15565.                                                                                    </div>
  15566.                                        <div class="product-info flex flex-col grow">
  15567.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15568.                                                <a
  15569.                                                    class="product-item-link"
  15570.                                                    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"
  15571.                                                    :id="`slide-desc-8300-${$id('slider-id')}`">
  15572.                                                    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>
  15573.                                            </div>
  15574.  
  15575.  
  15576.                                                                                                                                        
  15577.  
  15578.  
  15579.                                            
  15580.                                            <div class="pt-1 text-gray-900"
  15581.                                                x-defer="intersect"
  15582.                                                @update-prices-8300.window="updatePrice($event.detail);">
  15583.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8300" data-price-box="product-id-8300">
  15584.    <span class="special-price">
  15585.        <span
  15586.    x-data x-id="['product\u002Dprice\u002D8300']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15587.        >
  15588.            <span class="price-label">Special Price</span>
  15589.        <span  :id="$id('product\u002Dprice\u002D8300')"                data-price-amount="18.95"
  15590.        data-price-type="finalPrice"
  15591.        class="price-wrapper "
  15592.    ><span class="price">€ 18,95</span></span>
  15593.        </span>
  15594.    </span>
  15595.    <span class="old-price">
  15596.        <span
  15597.    x-data x-id="['old\u002Dprice\u002D8300']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15598.        >
  15599.            <span class="price-label">Regular Price</span>
  15600.        <span  :id="$id('old\u002Dprice\u002D8300')"                data-price-amount="21.95"
  15601.        data-price-type="oldPrice"
  15602.        class="price-wrapper "
  15603.    ><span class="price">€ 21,95</span></span>
  15604.        </span>
  15605.    </span>
  15606.  
  15607. </div>                                            </div>
  15608.  
  15609.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15610.            ">
  15611.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15612.                                                                                                                    <button
  15613.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15614.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15615.                                                                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"
  15616.                                                                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"
  15617.                                                                data-addto="cart">
  15618.                                                                <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">
  15619.  <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"/>
  15620. </svg>
  15621.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15622.                                                                    In Winkelwagen                                                                </span>
  15623.                                                            </button>
  15624.                                                                                                            </div>
  15625.  
  15626.                                                                                            </div>
  15627.                                        </div>
  15628.                                                                                                                        </form>
  15629.                                
  15630.                </li>
  15631.                            </div>
  15632.  
  15633.        </div>
  15634.  
  15635.        <script>
  15636.            (function() {
  15637.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  15638.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  15639.  
  15640.                // Load Swiper CSS
  15641.                if (typeof window.SwiperCSS === 'undefined') {
  15642.                    const style = document.createElement("link");
  15643.                    style.rel = "stylesheet";
  15644.                    style.type = "text/css";
  15645.                    style.href = swiperCssUrl;
  15646.  
  15647.                    const insertAt = document.getElementsByTagName('link')[0];
  15648.                    if (insertAt) {
  15649.                        insertAt.parentNode.insertBefore(style, insertAt);
  15650.                    } else {
  15651.                        document.head.appendChild(style);
  15652.                    }
  15653.                    window.SwiperCSS = 'loaded';
  15654.                }
  15655.  
  15656.                function initSwiper() {
  15657.                    new Swiper('.swiper-container', {
  15658.                        loop: false,
  15659.                        slidesPerView: 1,
  15660.                        spaceBetween: 16,
  15661.                        autoplay: false,
  15662.                        navigation: {
  15663.                            nextEl: '.swiper-button-next',
  15664.                            prevEl: '.swiper-button-prev',
  15665.                        },
  15666.                        breakpoints: {
  15667.                            480: {
  15668.                                slidesPerView: 1.6,
  15669.                                spaceBetween: 16,
  15670.                            },
  15671.                            768: {
  15672.                                slidesPerView: 2.6,
  15673.                                spaceBetween: 16,
  15674.                            },
  15675.                            1024: {
  15676.                                slidesPerView: 3.6,
  15677.                                spaceBetween: 16,
  15678.                            },
  15679.                            1280: {
  15680.                                slidesPerView: 4.6,
  15681.                                spaceBetween: 16,
  15682.                            }
  15683.                        },
  15684.                    });
  15685.                }
  15686.  
  15687.                if (typeof window.Swiper === 'function') {
  15688.                    initSwiper();
  15689.                } else {
  15690.                    // Load Swiper JS
  15691.                    const scriptSource = swiperJsUrl;
  15692.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  15693.  
  15694.                    if (pendingLoadScript) {
  15695.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  15696.                        return;
  15697.                    }
  15698.  
  15699.                    const script = document.createElement('script');
  15700.                    script.src = scriptSource;
  15701.                    script.async = true;
  15702.  
  15703.                    script.addEventListener('load', () => initSwiper());
  15704.                    document.head.appendChild(script);
  15705.                }
  15706.            })();
  15707.  
  15708.            window.addEventListener("load", function() {
  15709.                if (window.innerWidth > 479) {
  15710.                    let maxHeight = 0;
  15711.  
  15712.                    // Get all slides
  15713.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  15714.  
  15715.                    // Find the tallest slide
  15716.                    slides.forEach(slide => {
  15717.                        const slideHeight = slide.offsetHeight;
  15718.                        if (slideHeight > maxHeight) {
  15719.                            maxHeight = slideHeight;
  15720.                        }
  15721.                    });
  15722.  
  15723.                    // Set the height of all slides and the swiper-wrapper to the max height
  15724.                    slides.forEach(slide => {
  15725.                        slide.style.height = `${maxHeight}px`;
  15726.                    });
  15727.  
  15728.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  15729.                    if (swiperWrapper) {
  15730.                        swiperWrapper.style.height = `${maxHeight}px`;
  15731.                    }
  15732.                }
  15733.            });
  15734.        </script>
  15735.    </div>
  15736. </section>
  15737. </div>
  15738. <template x-data="initAmWidgetLabels__68af0039b0a6a" x-init="initLabels($el)"></template>
  15739.  
  15740. <script>
  15741.    function initAmWidgetLabels__68af0039b0a6a() {
  15742.        return {
  15743.            initLabels($el) {
  15744.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  15745.                const widgetContainer = $el?.previousElementSibling;
  15746.  
  15747.                labels.forEach((productLabel, index) => {
  15748.                    const productSelector = `li:nth-child(${index + 1})`;
  15749.                    const productContainer = widgetContainer?.querySelector(productSelector);
  15750.                    if (productContainer) {
  15751.                        const labelClass = 'am-label_68af0039b0a6a' + index;
  15752.                        productContainer.innerHTML += productLabel;
  15753.                        productContainer.classList.add(labelClass);
  15754.                        hyva.replaceDomElement(
  15755.                            '.' + labelClass,
  15756.                            productContainer?.outerHTML
  15757.                        );
  15758.                    }
  15759.                });
  15760.            }
  15761.        }
  15762.    }
  15763. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  15764.    <section
  15765.                        class="super-margin hyva-category
  15766.                        ">
  15767.  
  15768.        <div class="">
  15769.  
  15770.  
  15771.            
  15772.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  15773.  
  15774.                
  15775.                <div class="swiper-container pb-8" data-id-category="evuhwmwubnov1dmvzwiydde9hst4dsll">
  15776.  
  15777.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  15778.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  15779.                                Sieraden en <span class="font-bold">Kunst</span>                            </h2>
  15780.                        
  15781.                        <!-- Add Navigation Arrows -->
  15782.                        <div class="flex gap-4 lg:gap-12">
  15783.                            <div id="swiper-button-prev-evuhwmwubnov1dmvzwiydde9hst4dsll" class="swiper-button-prev !static"></div>
  15784.                            <div id="swiper-button-next-evuhwmwubnov1dmvzwiydde9hst4dsll" class="swiper-button-next !static"></div>
  15785.                        </div>
  15786.                    </div>
  15787.  
  15788.                    <div class="hyva-category-content ">
  15789.                                            </div>
  15790.  
  15791.                    <div class="swiper-wrapper list-none">
  15792.                                                    
  15793.                            <li class="swiper-slide">
  15794.                                                                    <form method="post"
  15795.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9870/"
  15796.                                        x-data="{
  15797.        hovered: false,
  15798.        grid: true ,
  15799.        isMobile: false,
  15800.        isMobileFunc () {
  15801.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15802.        }
  15803.    }"
  15804.                                        x-init="
  15805.        isMobileFunc();
  15806.        const labelClass = '.amlabel-position-top-right-9870-prod';
  15807.        const labels = document.querySelectorAll(labelClass);
  15808.  
  15809.        $watch('hovered', value => {
  15810.            if (value) {
  15811.                labels.forEach(el => el.style.opacity = '0');
  15812.            } else {
  15813.                labels.forEach(el => el.style.opacity = '1');
  15814.            }
  15815.        });
  15816.    "
  15817.                                        @mouseenter="hovered = true"
  15818.                                        @mouseleave="hovered = false"
  15819.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15820.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15821.                                        >
  15822.                                        <style>
  15823.                                            /* Generate styling for the label based on the product ID */
  15824.                                            .amlabel-position-top-right-9870-prod {
  15825.                                                transition: opacity 0.3s ease;
  15826.                                            }
  15827.                                        </style>
  15828.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9870" />
  15829.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-jade-edelsteen-hangerjade"
  15830.                                            title="Hanger Jade Edelsteen"
  15831.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15832.                                            tabindex="-1">
  15833.                                            <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>
  15834.                                        </a>
  15835.                                        <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>
  15836.                                                                                            <div x-data="initWishlist()">
  15837.                                                    <button
  15838.                                                        @click="addToWishlist(9870)"
  15839.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15840.                                                        type="button"
  15841.                                                        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"
  15842.                                                        data-addto="wishlist">
  15843.                                                        <span class="icon-heart text-2xl"></span>
  15844.                                                    </button>
  15845.                                                </div>
  15846.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15847.                                                    <button
  15848.                                                        @click="addToCompare(9870)"
  15849.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15850.                                                        type="button"
  15851.                                                        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"
  15852.                                                        data-addto="compare">
  15853.                                                        <span class="icon-balance text-2xl"></span>
  15854.                                                    </button>
  15855.                                                </div>
  15856.                                                                                    </div>
  15857.                                        <div class="product-info flex flex-col grow">
  15858.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15859.                                                <a
  15860.                                                    class="product-item-link"
  15861.                                                    href="https://www.lalashops.nl/hanger-jade-edelsteen-hangerjade"
  15862.                                                    :id="`slide-desc-9870-${$id('slider-id')}`">
  15863.                                                    Hanger Jade Edelsteen                                                </a>
  15864.                                            </div>
  15865.  
  15866.  
  15867.                                                                                                                                        
  15868.  
  15869.  
  15870.                                            
  15871.                                            <div class="pt-1 text-gray-900"
  15872.                                                x-defer="intersect"
  15873.                                                @update-prices-9870.window="updatePrice($event.detail);">
  15874.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9870" data-price-box="product-id-9870">
  15875.    <span
  15876.    x-data x-id="['product\u002Dprice\u002D9870']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15877.        >
  15878.        <span  :id="$id('product\u002Dprice\u002D9870')"                data-price-amount="3.95"
  15879.        data-price-type="finalPrice"
  15880.        class="price-wrapper "
  15881.    ><span class="price">€ 3,95</span></span>
  15882.        </span>
  15883.  
  15884. </div>                                            </div>
  15885.  
  15886.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  15887.            ">
  15888.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  15889.                                                                                                                    <button
  15890.                                                                class="w-auto btn justify-center text-xl mr-auto"
  15891.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  15892.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15893.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Jade&#x20;Edelsteen"
  15894.                                                                data-addto="cart">
  15895.                                                                <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">
  15896.  <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"/>
  15897. </svg>
  15898.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  15899.                                                                    In Winkelwagen                                                                </span>
  15900.                                                            </button>
  15901.                                                                                                            </div>
  15902.  
  15903.                                                                                            </div>
  15904.                                        </div>
  15905.                                                                                                                        </form>
  15906.                                
  15907.                </li>
  15908.                                        
  15909.                            <li class="swiper-slide">
  15910.                                                                    <form method="post"
  15911.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9869/"
  15912.                                        x-data="{
  15913.        hovered: false,
  15914.        grid: true ,
  15915.        isMobile: false,
  15916.        isMobileFunc () {
  15917.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  15918.        }
  15919.    }"
  15920.                                        x-init="
  15921.        isMobileFunc();
  15922.        const labelClass = '.amlabel-position-top-right-9869-prod';
  15923.        const labels = document.querySelectorAll(labelClass);
  15924.  
  15925.        $watch('hovered', value => {
  15926.            if (value) {
  15927.                labels.forEach(el => el.style.opacity = '0');
  15928.            } else {
  15929.                labels.forEach(el => el.style.opacity = '1');
  15930.            }
  15931.        });
  15932.    "
  15933.                                        @mouseenter="hovered = true"
  15934.                                        @mouseleave="hovered = false"
  15935.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  15936.                                        :class="isMobile ? 'product-item-mobile' : ''"
  15937.                                        >
  15938.                                        <style>
  15939.                                            /* Generate styling for the label based on the product ID */
  15940.                                            .amlabel-position-top-right-9869-prod {
  15941.                                                transition: opacity 0.3s ease;
  15942.                                            }
  15943.                                        </style>
  15944.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9869" />
  15945.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-gele-calciet-edelsteen-hangergelecalciet"
  15946.                                            title="Hanger Gele Calciet Edelsteen"
  15947.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  15948.                                            tabindex="-1">
  15949.                                            <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>
  15950.                                        </a>
  15951.                                        <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>
  15952.                                                                                            <div x-data="initWishlist()">
  15953.                                                    <button
  15954.                                                        @click="addToWishlist(9869)"
  15955.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  15956.                                                        type="button"
  15957.                                                        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"
  15958.                                                        data-addto="wishlist">
  15959.                                                        <span class="icon-heart text-2xl"></span>
  15960.                                                    </button>
  15961.                                                </div>
  15962.                                                                                                                                        <div x-data="initCompareOnProductList()">
  15963.                                                    <button
  15964.                                                        @click="addToCompare(9869)"
  15965.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  15966.                                                        type="button"
  15967.                                                        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"
  15968.                                                        data-addto="compare">
  15969.                                                        <span class="icon-balance text-2xl"></span>
  15970.                                                    </button>
  15971.                                                </div>
  15972.                                                                                    </div>
  15973.                                        <div class="product-info flex flex-col grow">
  15974.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  15975.                                                <a
  15976.                                                    class="product-item-link"
  15977.                                                    href="https://www.lalashops.nl/hanger-gele-calciet-edelsteen-hangergelecalciet"
  15978.                                                    :id="`slide-desc-9869-${$id('slider-id')}`">
  15979.                                                    Hanger Gele Calciet Edelsteen                                                </a>
  15980.                                            </div>
  15981.  
  15982.  
  15983.                                                                                                                                        
  15984.  
  15985.  
  15986.                                            
  15987.                                            <div class="pt-1 text-gray-900"
  15988.                                                x-defer="intersect"
  15989.                                                @update-prices-9869.window="updatePrice($event.detail);">
  15990.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9869" data-price-box="product-id-9869">
  15991.    <span
  15992.    x-data x-id="['product\u002Dprice\u002D9869']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  15993.        >
  15994.        <span  :id="$id('product\u002Dprice\u002D9869')"                data-price-amount="4.95"
  15995.        data-price-type="finalPrice"
  15996.        class="price-wrapper "
  15997.    ><span class="price">€ 4,95</span></span>
  15998.        </span>
  15999.  
  16000. </div>                                            </div>
  16001.  
  16002.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16003.            ">
  16004.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16005.                                                                                                                    <button
  16006.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16007.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16008.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  16009.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Gele&#x20;Calciet&#x20;Edelsteen"
  16010.                                                                data-addto="cart">
  16011.                                                                <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">
  16012.  <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"/>
  16013. </svg>
  16014.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16015.                                                                    In Winkelwagen                                                                </span>
  16016.                                                            </button>
  16017.                                                                                                            </div>
  16018.  
  16019.                                                                                            </div>
  16020.                                        </div>
  16021.                                                                                                                        </form>
  16022.                                
  16023.                </li>
  16024.                                        
  16025.                            <li class="swiper-slide">
  16026.                                                                    <form method="post"
  16027.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9868/"
  16028.                                        x-data="{
  16029.        hovered: false,
  16030.        grid: true ,
  16031.        isMobile: false,
  16032.        isMobileFunc () {
  16033.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16034.        }
  16035.    }"
  16036.                                        x-init="
  16037.        isMobileFunc();
  16038.        const labelClass = '.amlabel-position-top-right-9868-prod';
  16039.        const labels = document.querySelectorAll(labelClass);
  16040.  
  16041.        $watch('hovered', value => {
  16042.            if (value) {
  16043.                labels.forEach(el => el.style.opacity = '0');
  16044.            } else {
  16045.                labels.forEach(el => el.style.opacity = '1');
  16046.            }
  16047.        });
  16048.    "
  16049.                                        @mouseenter="hovered = true"
  16050.                                        @mouseleave="hovered = false"
  16051.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16052.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16053.                                        >
  16054.                                        <style>
  16055.                                            /* Generate styling for the label based on the product ID */
  16056.                                            .amlabel-position-top-right-9868-prod {
  16057.                                                transition: opacity 0.3s ease;
  16058.                                            }
  16059.                                        </style>
  16060.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9868" />
  16061.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-agaat-edelsteen-hangeragaat"
  16062.                                            title="Hanger Agaat Edelsteen"
  16063.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16064.                                            tabindex="-1">
  16065.                                            <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>
  16066.                                        </a>
  16067.                                        <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>
  16068.                                                                                            <div x-data="initWishlist()">
  16069.                                                    <button
  16070.                                                        @click="addToWishlist(9868)"
  16071.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  16072.                                                        type="button"
  16073.                                                        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"
  16074.                                                        data-addto="wishlist">
  16075.                                                        <span class="icon-heart text-2xl"></span>
  16076.                                                    </button>
  16077.                                                </div>
  16078.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16079.                                                    <button
  16080.                                                        @click="addToCompare(9868)"
  16081.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  16082.                                                        type="button"
  16083.                                                        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"
  16084.                                                        data-addto="compare">
  16085.                                                        <span class="icon-balance text-2xl"></span>
  16086.                                                    </button>
  16087.                                                </div>
  16088.                                                                                    </div>
  16089.                                        <div class="product-info flex flex-col grow">
  16090.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16091.                                                <a
  16092.                                                    class="product-item-link"
  16093.                                                    href="https://www.lalashops.nl/hanger-agaat-edelsteen-hangeragaat"
  16094.                                                    :id="`slide-desc-9868-${$id('slider-id')}`">
  16095.                                                    Hanger Agaat Edelsteen                                                </a>
  16096.                                            </div>
  16097.  
  16098.  
  16099.                                                                                                                                        
  16100.  
  16101.  
  16102.                                            
  16103.                                            <div class="pt-1 text-gray-900"
  16104.                                                x-defer="intersect"
  16105.                                                @update-prices-9868.window="updatePrice($event.detail);">
  16106.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9868" data-price-box="product-id-9868">
  16107.    <span
  16108.    x-data x-id="['product\u002Dprice\u002D9868']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16109.        >
  16110.        <span  :id="$id('product\u002Dprice\u002D9868')"                data-price-amount="3.95"
  16111.        data-price-type="finalPrice"
  16112.        class="price-wrapper "
  16113.    ><span class="price">€ 3,95</span></span>
  16114.        </span>
  16115.  
  16116. </div>                                            </div>
  16117.  
  16118.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16119.            ">
  16120.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16121.                                                                                                                    <button
  16122.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16123.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16124.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  16125.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Agaat&#x20;Edelsteen"
  16126.                                                                data-addto="cart">
  16127.                                                                <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">
  16128.  <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"/>
  16129. </svg>
  16130.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16131.                                                                    In Winkelwagen                                                                </span>
  16132.                                                            </button>
  16133.                                                                                                            </div>
  16134.  
  16135.                                                                                            </div>
  16136.                                        </div>
  16137.                                                                                                                        </form>
  16138.                                
  16139.                </li>
  16140.                                        
  16141.                            <li class="swiper-slide">
  16142.                                                                    <form method="post"
  16143.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9867/"
  16144.                                        x-data="{
  16145.        hovered: false,
  16146.        grid: true ,
  16147.        isMobile: false,
  16148.        isMobileFunc () {
  16149.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16150.        }
  16151.    }"
  16152.                                        x-init="
  16153.        isMobileFunc();
  16154.        const labelClass = '.amlabel-position-top-right-9867-prod';
  16155.        const labels = document.querySelectorAll(labelClass);
  16156.  
  16157.        $watch('hovered', value => {
  16158.            if (value) {
  16159.                labels.forEach(el => el.style.opacity = '0');
  16160.            } else {
  16161.                labels.forEach(el => el.style.opacity = '1');
  16162.            }
  16163.        });
  16164.    "
  16165.                                        @mouseenter="hovered = true"
  16166.                                        @mouseleave="hovered = false"
  16167.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16168.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16169.                                        >
  16170.                                        <style>
  16171.                                            /* Generate styling for the label based on the product ID */
  16172.                                            .amlabel-position-top-right-9867-prod {
  16173.                                                transition: opacity 0.3s ease;
  16174.                                            }
  16175.                                        </style>
  16176.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9867" />
  16177.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-aventurijn-edelsteen-hangergroeneaventurijn"
  16178.                                            title="Hanger Groene Aventurijn Edelsteen"
  16179.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16180.                                            tabindex="-1">
  16181.                                            <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>
  16182.                                        </a>
  16183.                                        <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>
  16184.                                                                                            <div x-data="initWishlist()">
  16185.                                                    <button
  16186.                                                        @click="addToWishlist(9867)"
  16187.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  16188.                                                        type="button"
  16189.                                                        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"
  16190.                                                        data-addto="wishlist">
  16191.                                                        <span class="icon-heart text-2xl"></span>
  16192.                                                    </button>
  16193.                                                </div>
  16194.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16195.                                                    <button
  16196.                                                        @click="addToCompare(9867)"
  16197.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  16198.                                                        type="button"
  16199.                                                        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"
  16200.                                                        data-addto="compare">
  16201.                                                        <span class="icon-balance text-2xl"></span>
  16202.                                                    </button>
  16203.                                                </div>
  16204.                                                                                    </div>
  16205.                                        <div class="product-info flex flex-col grow">
  16206.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16207.                                                <a
  16208.                                                    class="product-item-link"
  16209.                                                    href="https://www.lalashops.nl/hanger-aventurijn-edelsteen-hangergroeneaventurijn"
  16210.                                                    :id="`slide-desc-9867-${$id('slider-id')}`">
  16211.                                                    Hanger Groene Aventurijn Edelsteen                                                </a>
  16212.                                            </div>
  16213.  
  16214.  
  16215.                                                                                                                                        
  16216.  
  16217.  
  16218.                                            
  16219.                                            <div class="pt-1 text-gray-900"
  16220.                                                x-defer="intersect"
  16221.                                                @update-prices-9867.window="updatePrice($event.detail);">
  16222.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9867" data-price-box="product-id-9867">
  16223.    <span
  16224.    x-data x-id="['product\u002Dprice\u002D9867']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16225.        >
  16226.        <span  :id="$id('product\u002Dprice\u002D9867')"                data-price-amount="3.95"
  16227.        data-price-type="finalPrice"
  16228.        class="price-wrapper "
  16229.    ><span class="price">€ 3,95</span></span>
  16230.        </span>
  16231.  
  16232. </div>                                            </div>
  16233.  
  16234.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16235.            ">
  16236.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16237.                                                                                                                    <button
  16238.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16239.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16240.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  16241.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Groene&#x20;Aventurijn&#x20;Edelsteen"
  16242.                                                                data-addto="cart">
  16243.                                                                <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">
  16244.  <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"/>
  16245. </svg>
  16246.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16247.                                                                    In Winkelwagen                                                                </span>
  16248.                                                            </button>
  16249.                                                                                                            </div>
  16250.  
  16251.                                                                                            </div>
  16252.                                        </div>
  16253.                                                                                                                        </form>
  16254.                                
  16255.                </li>
  16256.                                        
  16257.                            <li class="swiper-slide">
  16258.                                                                    <form method="post"
  16259.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9866/"
  16260.                                        x-data="{
  16261.        hovered: false,
  16262.        grid: true ,
  16263.        isMobile: false,
  16264.        isMobileFunc () {
  16265.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16266.        }
  16267.    }"
  16268.                                        x-init="
  16269.        isMobileFunc();
  16270.        const labelClass = '.amlabel-position-top-right-9866-prod';
  16271.        const labels = document.querySelectorAll(labelClass);
  16272.  
  16273.        $watch('hovered', value => {
  16274.            if (value) {
  16275.                labels.forEach(el => el.style.opacity = '0');
  16276.            } else {
  16277.                labels.forEach(el => el.style.opacity = '1');
  16278.            }
  16279.        });
  16280.    "
  16281.                                        @mouseenter="hovered = true"
  16282.                                        @mouseleave="hovered = false"
  16283.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16284.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16285.                                        >
  16286.                                        <style>
  16287.                                            /* Generate styling for the label based on the product ID */
  16288.                                            .amlabel-position-top-right-9866-prod {
  16289.                                                transition: opacity 0.3s ease;
  16290.                                            }
  16291.                                        </style>
  16292.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9866" />
  16293.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-hematiet-edelsteen-hangerhematiet"
  16294.                                            title="Hanger Hematiet Edelsteen"
  16295.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16296.                                            tabindex="-1">
  16297.                                            <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>
  16298.                                        </a>
  16299.                                        <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>
  16300.                                                                                            <div x-data="initWishlist()">
  16301.                                                    <button
  16302.                                                        @click="addToWishlist(9866)"
  16303.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16304.                                                        type="button"
  16305.                                                        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"
  16306.                                                        data-addto="wishlist">
  16307.                                                        <span class="icon-heart text-2xl"></span>
  16308.                                                    </button>
  16309.                                                </div>
  16310.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16311.                                                    <button
  16312.                                                        @click="addToCompare(9866)"
  16313.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16314.                                                        type="button"
  16315.                                                        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"
  16316.                                                        data-addto="compare">
  16317.                                                        <span class="icon-balance text-2xl"></span>
  16318.                                                    </button>
  16319.                                                </div>
  16320.                                                                                    </div>
  16321.                                        <div class="product-info flex flex-col grow">
  16322.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16323.                                                <a
  16324.                                                    class="product-item-link"
  16325.                                                    href="https://www.lalashops.nl/hanger-hematiet-edelsteen-hangerhematiet"
  16326.                                                    :id="`slide-desc-9866-${$id('slider-id')}`">
  16327.                                                    Hanger Hematiet Edelsteen                                                </a>
  16328.                                            </div>
  16329.  
  16330.  
  16331.                                                                                                                                        
  16332.  
  16333.  
  16334.                                            
  16335.                                            <div class="pt-1 text-gray-900"
  16336.                                                x-defer="intersect"
  16337.                                                @update-prices-9866.window="updatePrice($event.detail);">
  16338.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9866" data-price-box="product-id-9866">
  16339.    <span
  16340.    x-data x-id="['product\u002Dprice\u002D9866']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16341.        >
  16342.        <span  :id="$id('product\u002Dprice\u002D9866')"                data-price-amount="6.95"
  16343.        data-price-type="finalPrice"
  16344.        class="price-wrapper "
  16345.    ><span class="price">€ 6,95</span></span>
  16346.        </span>
  16347.  
  16348. </div>                                            </div>
  16349.  
  16350.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16351.            ">
  16352.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16353.                                                                                                                    <button
  16354.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16355.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16356.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16357.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Hematiet&#x20;Edelsteen"
  16358.                                                                data-addto="cart">
  16359.                                                                <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">
  16360.  <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"/>
  16361. </svg>
  16362.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16363.                                                                    In Winkelwagen                                                                </span>
  16364.                                                            </button>
  16365.                                                                                                            </div>
  16366.  
  16367.                                                                                            </div>
  16368.                                        </div>
  16369.                                                                                                                        </form>
  16370.                                
  16371.                </li>
  16372.                                        
  16373.                            <li class="swiper-slide">
  16374.                                                                    <form method="post"
  16375.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9865/"
  16376.                                        x-data="{
  16377.        hovered: false,
  16378.        grid: true ,
  16379.        isMobile: false,
  16380.        isMobileFunc () {
  16381.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16382.        }
  16383.    }"
  16384.                                        x-init="
  16385.        isMobileFunc();
  16386.        const labelClass = '.amlabel-position-top-right-9865-prod';
  16387.        const labels = document.querySelectorAll(labelClass);
  16388.  
  16389.        $watch('hovered', value => {
  16390.            if (value) {
  16391.                labels.forEach(el => el.style.opacity = '0');
  16392.            } else {
  16393.                labels.forEach(el => el.style.opacity = '1');
  16394.            }
  16395.        });
  16396.    "
  16397.                                        @mouseenter="hovered = true"
  16398.                                        @mouseleave="hovered = false"
  16399.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16400.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16401.                                        >
  16402.                                        <style>
  16403.                                            /* Generate styling for the label based on the product ID */
  16404.                                            .amlabel-position-top-right-9865-prod {
  16405.                                                transition: opacity 0.3s ease;
  16406.                                            }
  16407.                                        </style>
  16408.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9865" />
  16409.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-opaliet-edelsteen-klein-hangeropalietklein"
  16410.                                            title="Hanger Opaliet Edelsteen - Klein"
  16411.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16412.                                            tabindex="-1">
  16413.                                            <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>
  16414.                                        </a>
  16415.                                        <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>
  16416.                                                                                            <div x-data="initWishlist()">
  16417.                                                    <button
  16418.                                                        @click="addToWishlist(9865)"
  16419.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16420.                                                        type="button"
  16421.                                                        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"
  16422.                                                        data-addto="wishlist">
  16423.                                                        <span class="icon-heart text-2xl"></span>
  16424.                                                    </button>
  16425.                                                </div>
  16426.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16427.                                                    <button
  16428.                                                        @click="addToCompare(9865)"
  16429.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16430.                                                        type="button"
  16431.                                                        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"
  16432.                                                        data-addto="compare">
  16433.                                                        <span class="icon-balance text-2xl"></span>
  16434.                                                    </button>
  16435.                                                </div>
  16436.                                                                                    </div>
  16437.                                        <div class="product-info flex flex-col grow">
  16438.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16439.                                                <a
  16440.                                                    class="product-item-link"
  16441.                                                    href="https://www.lalashops.nl/hanger-opaliet-edelsteen-klein-hangeropalietklein"
  16442.                                                    :id="`slide-desc-9865-${$id('slider-id')}`">
  16443.                                                    Hanger Opaliet Edelsteen - Klein                                                </a>
  16444.                                            </div>
  16445.  
  16446.  
  16447.                                                                                                                                        
  16448.  
  16449.  
  16450.                                            
  16451.                                            <div class="pt-1 text-gray-900"
  16452.                                                x-defer="intersect"
  16453.                                                @update-prices-9865.window="updatePrice($event.detail);">
  16454.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9865" data-price-box="product-id-9865">
  16455.    <span
  16456.    x-data x-id="['product\u002Dprice\u002D9865']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16457.        >
  16458.        <span  :id="$id('product\u002Dprice\u002D9865')"                data-price-amount="3.95"
  16459.        data-price-type="finalPrice"
  16460.        class="price-wrapper "
  16461.    ><span class="price">€ 3,95</span></span>
  16462.        </span>
  16463.  
  16464. </div>                                            </div>
  16465.  
  16466.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16467.            ">
  16468.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16469.                                                                                                                    <button
  16470.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16471.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16472.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16473.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Klein"
  16474.                                                                data-addto="cart">
  16475.                                                                <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">
  16476.  <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"/>
  16477. </svg>
  16478.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16479.                                                                    In Winkelwagen                                                                </span>
  16480.                                                            </button>
  16481.                                                                                                            </div>
  16482.  
  16483.                                                                                            </div>
  16484.                                        </div>
  16485.                                                                                                                        </form>
  16486.                                
  16487.                </li>
  16488.                                        
  16489.                            <li class="swiper-slide">
  16490.                                                                    <form method="post"
  16491.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9864/"
  16492.                                        x-data="{
  16493.        hovered: false,
  16494.        grid: true ,
  16495.        isMobile: false,
  16496.        isMobileFunc () {
  16497.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16498.        }
  16499.    }"
  16500.                                        x-init="
  16501.        isMobileFunc();
  16502.        const labelClass = '.amlabel-position-top-right-9864-prod';
  16503.        const labels = document.querySelectorAll(labelClass);
  16504.  
  16505.        $watch('hovered', value => {
  16506.            if (value) {
  16507.                labels.forEach(el => el.style.opacity = '0');
  16508.            } else {
  16509.                labels.forEach(el => el.style.opacity = '1');
  16510.            }
  16511.        });
  16512.    "
  16513.                                        @mouseenter="hovered = true"
  16514.                                        @mouseleave="hovered = false"
  16515.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16516.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16517.                                        >
  16518.                                        <style>
  16519.                                            /* Generate styling for the label based on the product ID */
  16520.                                            .amlabel-position-top-right-9864-prod {
  16521.                                                transition: opacity 0.3s ease;
  16522.                                            }
  16523.                                        </style>
  16524.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9864" />
  16525.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-opaliet-edelsteen-middel-hangeropalietmiddel"
  16526.                                            title="Hanger Opaliet Edelsteen - Middel"
  16527.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16528.                                            tabindex="-1">
  16529.                                            <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>
  16530.                                        </a>
  16531.                                        <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>
  16532.                                                                                            <div x-data="initWishlist()">
  16533.                                                    <button
  16534.                                                        @click="addToWishlist(9864)"
  16535.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16536.                                                        type="button"
  16537.                                                        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"
  16538.                                                        data-addto="wishlist">
  16539.                                                        <span class="icon-heart text-2xl"></span>
  16540.                                                    </button>
  16541.                                                </div>
  16542.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16543.                                                    <button
  16544.                                                        @click="addToCompare(9864)"
  16545.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16546.                                                        type="button"
  16547.                                                        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"
  16548.                                                        data-addto="compare">
  16549.                                                        <span class="icon-balance text-2xl"></span>
  16550.                                                    </button>
  16551.                                                </div>
  16552.                                                                                    </div>
  16553.                                        <div class="product-info flex flex-col grow">
  16554.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16555.                                                <a
  16556.                                                    class="product-item-link"
  16557.                                                    href="https://www.lalashops.nl/hanger-opaliet-edelsteen-middel-hangeropalietmiddel"
  16558.                                                    :id="`slide-desc-9864-${$id('slider-id')}`">
  16559.                                                    Hanger Opaliet Edelsteen - Middel                                                </a>
  16560.                                            </div>
  16561.  
  16562.  
  16563.                                                                                                                                        
  16564.  
  16565.  
  16566.                                            
  16567.                                            <div class="pt-1 text-gray-900"
  16568.                                                x-defer="intersect"
  16569.                                                @update-prices-9864.window="updatePrice($event.detail);">
  16570.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9864" data-price-box="product-id-9864">
  16571.    <span
  16572.    x-data x-id="['product\u002Dprice\u002D9864']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16573.        >
  16574.        <span  :id="$id('product\u002Dprice\u002D9864')"                data-price-amount="4.95"
  16575.        data-price-type="finalPrice"
  16576.        class="price-wrapper "
  16577.    ><span class="price">€ 4,95</span></span>
  16578.        </span>
  16579.  
  16580. </div>                                            </div>
  16581.  
  16582.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16583.            ">
  16584.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16585.                                                                                                                    <button
  16586.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16587.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16588.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16589.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Opaliet&#x20;Edelsteen&#x20;-&#x20;Middel"
  16590.                                                                data-addto="cart">
  16591.                                                                <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">
  16592.  <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"/>
  16593. </svg>
  16594.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16595.                                                                    In Winkelwagen                                                                </span>
  16596.                                                            </button>
  16597.                                                                                                            </div>
  16598.  
  16599.                                                                                            </div>
  16600.                                        </div>
  16601.                                                                                                                        </form>
  16602.                                
  16603.                </li>
  16604.                                        
  16605.                            <li class="swiper-slide">
  16606.                                                                    <form method="post"
  16607.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9863/"
  16608.                                        x-data="{
  16609.        hovered: false,
  16610.        grid: true ,
  16611.        isMobile: false,
  16612.        isMobileFunc () {
  16613.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16614.        }
  16615.    }"
  16616.                                        x-init="
  16617.        isMobileFunc();
  16618.        const labelClass = '.amlabel-position-top-right-9863-prod';
  16619.        const labels = document.querySelectorAll(labelClass);
  16620.  
  16621.        $watch('hovered', value => {
  16622.            if (value) {
  16623.                labels.forEach(el => el.style.opacity = '0');
  16624.            } else {
  16625.                labels.forEach(el => el.style.opacity = '1');
  16626.            }
  16627.        });
  16628.    "
  16629.                                        @mouseenter="hovered = true"
  16630.                                        @mouseleave="hovered = false"
  16631.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16632.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16633.                                        >
  16634.                                        <style>
  16635.                                            /* Generate styling for the label based on the product ID */
  16636.                                            .amlabel-position-top-right-9863-prod {
  16637.                                                transition: opacity 0.3s ease;
  16638.                                            }
  16639.                                        </style>
  16640.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9863" />
  16641.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-bergkristal-edelsteen-hangerbergkristal"
  16642.                                            title="Hanger Bergkristal Edelsteen"
  16643.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16644.                                            tabindex="-1">
  16645.                                            <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>
  16646.                                        </a>
  16647.                                        <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>
  16648.                                                                                            <div x-data="initWishlist()">
  16649.                                                    <button
  16650.                                                        @click="addToWishlist(9863)"
  16651.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16652.                                                        type="button"
  16653.                                                        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"
  16654.                                                        data-addto="wishlist">
  16655.                                                        <span class="icon-heart text-2xl"></span>
  16656.                                                    </button>
  16657.                                                </div>
  16658.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16659.                                                    <button
  16660.                                                        @click="addToCompare(9863)"
  16661.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16662.                                                        type="button"
  16663.                                                        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"
  16664.                                                        data-addto="compare">
  16665.                                                        <span class="icon-balance text-2xl"></span>
  16666.                                                    </button>
  16667.                                                </div>
  16668.                                                                                    </div>
  16669.                                        <div class="product-info flex flex-col grow">
  16670.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16671.                                                <a
  16672.                                                    class="product-item-link"
  16673.                                                    href="https://www.lalashops.nl/hanger-bergkristal-edelsteen-hangerbergkristal"
  16674.                                                    :id="`slide-desc-9863-${$id('slider-id')}`">
  16675.                                                    Hanger Bergkristal Edelsteen                                                </a>
  16676.                                            </div>
  16677.  
  16678.  
  16679.                                                                                                                                        
  16680.  
  16681.  
  16682.                                            
  16683.                                            <div class="pt-1 text-gray-900"
  16684.                                                x-defer="intersect"
  16685.                                                @update-prices-9863.window="updatePrice($event.detail);">
  16686.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9863" data-price-box="product-id-9863">
  16687.    <span
  16688.    x-data x-id="['product\u002Dprice\u002D9863']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16689.        >
  16690.        <span  :id="$id('product\u002Dprice\u002D9863')"                data-price-amount="3.95"
  16691.        data-price-type="finalPrice"
  16692.        class="price-wrapper "
  16693.    ><span class="price">€ 3,95</span></span>
  16694.        </span>
  16695.  
  16696. </div>                                            </div>
  16697.  
  16698.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16699.            ">
  16700.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16701.                                                                                                                    <button
  16702.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16703.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16704.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16705.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Bergkristal&#x20;Edelsteen"
  16706.                                                                data-addto="cart">
  16707.                                                                <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">
  16708.  <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"/>
  16709. </svg>
  16710.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16711.                                                                    In Winkelwagen                                                                </span>
  16712.                                                            </button>
  16713.                                                                                                            </div>
  16714.  
  16715.                                                                                            </div>
  16716.                                        </div>
  16717.                                                                                                                        </form>
  16718.                                
  16719.                </li>
  16720.                                        
  16721.                            <li class="swiper-slide">
  16722.                                                                    <form method="post"
  16723.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9862/"
  16724.                                        x-data="{
  16725.        hovered: false,
  16726.        grid: true ,
  16727.        isMobile: false,
  16728.        isMobileFunc () {
  16729.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16730.        }
  16731.    }"
  16732.                                        x-init="
  16733.        isMobileFunc();
  16734.        const labelClass = '.amlabel-position-top-right-9862-prod';
  16735.        const labels = document.querySelectorAll(labelClass);
  16736.  
  16737.        $watch('hovered', value => {
  16738.            if (value) {
  16739.                labels.forEach(el => el.style.opacity = '0');
  16740.            } else {
  16741.                labels.forEach(el => el.style.opacity = '1');
  16742.            }
  16743.        });
  16744.    "
  16745.                                        @mouseenter="hovered = true"
  16746.                                        @mouseleave="hovered = false"
  16747.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16748.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16749.                                        >
  16750.                                        <style>
  16751.                                            /* Generate styling for the label based on the product ID */
  16752.                                            .amlabel-position-top-right-9862-prod {
  16753.                                                transition: opacity 0.3s ease;
  16754.                                            }
  16755.                                        </style>
  16756.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9862" />
  16757.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-band-amethist-chevron-hangerbandamethist"
  16758.                                            title="Hanger Band Amethist - Chevron Edelsteen"
  16759.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16760.                                            tabindex="-1">
  16761.                                            <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>
  16762.                                        </a>
  16763.                                        <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>
  16764.                                                                                            <div x-data="initWishlist()">
  16765.                                                    <button
  16766.                                                        @click="addToWishlist(9862)"
  16767.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16768.                                                        type="button"
  16769.                                                        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"
  16770.                                                        data-addto="wishlist">
  16771.                                                        <span class="icon-heart text-2xl"></span>
  16772.                                                    </button>
  16773.                                                </div>
  16774.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16775.                                                    <button
  16776.                                                        @click="addToCompare(9862)"
  16777.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16778.                                                        type="button"
  16779.                                                        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"
  16780.                                                        data-addto="compare">
  16781.                                                        <span class="icon-balance text-2xl"></span>
  16782.                                                    </button>
  16783.                                                </div>
  16784.                                                                                    </div>
  16785.                                        <div class="product-info flex flex-col grow">
  16786.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16787.                                                <a
  16788.                                                    class="product-item-link"
  16789.                                                    href="https://www.lalashops.nl/hanger-band-amethist-chevron-hangerbandamethist"
  16790.                                                    :id="`slide-desc-9862-${$id('slider-id')}`">
  16791.                                                    Hanger Band Amethist - Chevron Edelsteen                                                </a>
  16792.                                            </div>
  16793.  
  16794.  
  16795.                                                                                                                                        
  16796.  
  16797.  
  16798.                                            
  16799.                                            <div class="pt-1 text-gray-900"
  16800.                                                x-defer="intersect"
  16801.                                                @update-prices-9862.window="updatePrice($event.detail);">
  16802.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9862" data-price-box="product-id-9862">
  16803.    <span
  16804.    x-data x-id="['product\u002Dprice\u002D9862']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16805.        >
  16806.        <span  :id="$id('product\u002Dprice\u002D9862')"                data-price-amount="3.95"
  16807.        data-price-type="finalPrice"
  16808.        class="price-wrapper "
  16809.    ><span class="price">€ 3,95</span></span>
  16810.        </span>
  16811.  
  16812. </div>                                            </div>
  16813.  
  16814.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16815.            ">
  16816.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16817.                                                                                                                    <button
  16818.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16819.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16820.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16821.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Band&#x20;Amethist&#x20;-&#x20;Chevron&#x20;Edelsteen"
  16822.                                                                data-addto="cart">
  16823.                                                                <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">
  16824.  <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"/>
  16825. </svg>
  16826.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16827.                                                                    In Winkelwagen                                                                </span>
  16828.                                                            </button>
  16829.                                                                                                            </div>
  16830.  
  16831.                                                                                            </div>
  16832.                                        </div>
  16833.                                                                                                                        </form>
  16834.                                
  16835.                </li>
  16836.                                        
  16837.                            <li class="swiper-slide">
  16838.                                                                    <form method="post"
  16839.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9861/"
  16840.                                        x-data="{
  16841.        hovered: false,
  16842.        grid: true ,
  16843.        isMobile: false,
  16844.        isMobileFunc () {
  16845.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16846.        }
  16847.    }"
  16848.                                        x-init="
  16849.        isMobileFunc();
  16850.        const labelClass = '.amlabel-position-top-right-9861-prod';
  16851.        const labels = document.querySelectorAll(labelClass);
  16852.  
  16853.        $watch('hovered', value => {
  16854.            if (value) {
  16855.                labels.forEach(el => el.style.opacity = '0');
  16856.            } else {
  16857.                labels.forEach(el => el.style.opacity = '1');
  16858.            }
  16859.        });
  16860.    "
  16861.                                        @mouseenter="hovered = true"
  16862.                                        @mouseleave="hovered = false"
  16863.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16864.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16865.                                        >
  16866.                                        <style>
  16867.                                            /* Generate styling for the label based on the product ID */
  16868.                                            .amlabel-position-top-right-9861-prod {
  16869.                                                transition: opacity 0.3s ease;
  16870.                                            }
  16871.                                        </style>
  16872.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9861" />
  16873.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-amethist-uruguay-hangeramethisturuguay"
  16874.                                            title="Hanger Amethist Uruguay Edelsteen"
  16875.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16876.                                            tabindex="-1">
  16877.                                            <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>
  16878.                                        </a>
  16879.                                        <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>
  16880.                                                                                            <div x-data="initWishlist()">
  16881.                                                    <button
  16882.                                                        @click="addToWishlist(9861)"
  16883.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16884.                                                        type="button"
  16885.                                                        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"
  16886.                                                        data-addto="wishlist">
  16887.                                                        <span class="icon-heart text-2xl"></span>
  16888.                                                    </button>
  16889.                                                </div>
  16890.                                                                                                                                        <div x-data="initCompareOnProductList()">
  16891.                                                    <button
  16892.                                                        @click="addToCompare(9861)"
  16893.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16894.                                                        type="button"
  16895.                                                        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"
  16896.                                                        data-addto="compare">
  16897.                                                        <span class="icon-balance text-2xl"></span>
  16898.                                                    </button>
  16899.                                                </div>
  16900.                                                                                    </div>
  16901.                                        <div class="product-info flex flex-col grow">
  16902.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  16903.                                                <a
  16904.                                                    class="product-item-link"
  16905.                                                    href="https://www.lalashops.nl/hanger-amethist-uruguay-hangeramethisturuguay"
  16906.                                                    :id="`slide-desc-9861-${$id('slider-id')}`">
  16907.                                                    Hanger Amethist Uruguay Edelsteen                                                </a>
  16908.                                            </div>
  16909.  
  16910.  
  16911.                                                                                                                                        
  16912.  
  16913.  
  16914.                                            
  16915.                                            <div class="pt-1 text-gray-900"
  16916.                                                x-defer="intersect"
  16917.                                                @update-prices-9861.window="updatePrice($event.detail);">
  16918.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9861" data-price-box="product-id-9861">
  16919.    <span
  16920.    x-data x-id="['product\u002Dprice\u002D9861']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  16921.        >
  16922.        <span  :id="$id('product\u002Dprice\u002D9861')"                data-price-amount="4.95"
  16923.        data-price-type="finalPrice"
  16924.        class="price-wrapper "
  16925.    ><span class="price">€ 4,95</span></span>
  16926.        </span>
  16927.  
  16928. </div>                                            </div>
  16929.  
  16930.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  16931.            ">
  16932.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  16933.                                                                                                                    <button
  16934.                                                                class="w-auto btn justify-center text-xl mr-auto"
  16935.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  16936.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16937.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Uruguay&#x20;Edelsteen"
  16938.                                                                data-addto="cart">
  16939.                                                                <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">
  16940.  <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"/>
  16941. </svg>
  16942.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  16943.                                                                    In Winkelwagen                                                                </span>
  16944.                                                            </button>
  16945.                                                                                                            </div>
  16946.  
  16947.                                                                                            </div>
  16948.                                        </div>
  16949.                                                                                                                        </form>
  16950.                                
  16951.                </li>
  16952.                                        
  16953.                            <li class="swiper-slide">
  16954.                                                                    <form method="post"
  16955.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/9860/"
  16956.                                        x-data="{
  16957.        hovered: false,
  16958.        grid: true ,
  16959.        isMobile: false,
  16960.        isMobileFunc () {
  16961.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  16962.        }
  16963.    }"
  16964.                                        x-init="
  16965.        isMobileFunc();
  16966.        const labelClass = '.amlabel-position-top-right-9860-prod';
  16967.        const labels = document.querySelectorAll(labelClass);
  16968.  
  16969.        $watch('hovered', value => {
  16970.            if (value) {
  16971.                labels.forEach(el => el.style.opacity = '0');
  16972.            } else {
  16973.                labels.forEach(el => el.style.opacity = '1');
  16974.            }
  16975.        });
  16976.    "
  16977.                                        @mouseenter="hovered = true"
  16978.                                        @mouseleave="hovered = false"
  16979.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  16980.                                        :class="isMobile ? 'product-item-mobile' : ''"
  16981.                                        >
  16982.                                        <style>
  16983.                                            /* Generate styling for the label based on the product ID */
  16984.                                            .amlabel-position-top-right-9860-prod {
  16985.                                                transition: opacity 0.3s ease;
  16986.                                            }
  16987.                                        </style>
  16988.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="9860" />
  16989.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-amethist-hangeramethist"
  16990.                                            title="Hanger Amethist Edelsteen"
  16991.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  16992.                                            tabindex="-1">
  16993.                                            <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>
  16994.                                        </a>
  16995.                                        <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>
  16996.                                                                                            <div x-data="initWishlist()">
  16997.                                                    <button
  16998.                                                        @click="addToWishlist(9860)"
  16999.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  17000.                                                        type="button"
  17001.                                                        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"
  17002.                                                        data-addto="wishlist">
  17003.                                                        <span class="icon-heart text-2xl"></span>
  17004.                                                    </button>
  17005.                                                </div>
  17006.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17007.                                                    <button
  17008.                                                        @click="addToCompare(9860)"
  17009.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  17010.                                                        type="button"
  17011.                                                        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"
  17012.                                                        data-addto="compare">
  17013.                                                        <span class="icon-balance text-2xl"></span>
  17014.                                                    </button>
  17015.                                                </div>
  17016.                                                                                    </div>
  17017.                                        <div class="product-info flex flex-col grow">
  17018.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17019.                                                <a
  17020.                                                    class="product-item-link"
  17021.                                                    href="https://www.lalashops.nl/hanger-amethist-hangeramethist"
  17022.                                                    :id="`slide-desc-9860-${$id('slider-id')}`">
  17023.                                                    Hanger Amethist Edelsteen                                                </a>
  17024.                                            </div>
  17025.  
  17026.  
  17027.                                                                                                                                        
  17028.  
  17029.  
  17030.                                            
  17031.                                            <div class="pt-1 text-gray-900"
  17032.                                                x-defer="intersect"
  17033.                                                @update-prices-9860.window="updatePrice($event.detail);">
  17034.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="9860" data-price-box="product-id-9860">
  17035.    <span
  17036.    x-data x-id="['product\u002Dprice\u002D9860']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17037.        >
  17038.        <span  :id="$id('product\u002Dprice\u002D9860')"                data-price-amount="3.95"
  17039.        data-price-type="finalPrice"
  17040.        class="price-wrapper "
  17041.    ><span class="price">€ 3,95</span></span>
  17042.        </span>
  17043.  
  17044. </div>                                            </div>
  17045.  
  17046.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17047.            ">
  17048.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17049.                                                                                                                    <button
  17050.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17051.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17052.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  17053.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Amethist&#x20;Edelsteen"
  17054.                                                                data-addto="cart">
  17055.                                                                <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">
  17056.  <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"/>
  17057. </svg>
  17058.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17059.                                                                    In Winkelwagen                                                                </span>
  17060.                                                            </button>
  17061.                                                                                                            </div>
  17062.  
  17063.                                                                                            </div>
  17064.                                        </div>
  17065.                                                                                                                        </form>
  17066.                                
  17067.                </li>
  17068.                                        
  17069.                            <li class="swiper-slide">
  17070.                                                                    <form method="post"
  17071.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/1855/"
  17072.                                        x-data="{
  17073.        hovered: false,
  17074.        grid: true ,
  17075.        isMobile: false,
  17076.        isMobileFunc () {
  17077.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17078.        }
  17079.    }"
  17080.                                        x-init="
  17081.        isMobileFunc();
  17082.        const labelClass = '.amlabel-position-top-right-1855-prod';
  17083.        const labels = document.querySelectorAll(labelClass);
  17084.  
  17085.        $watch('hovered', value => {
  17086.            if (value) {
  17087.                labels.forEach(el => el.style.opacity = '0');
  17088.            } else {
  17089.                labels.forEach(el => el.style.opacity = '1');
  17090.            }
  17091.        });
  17092.    "
  17093.                                        @mouseenter="hovered = true"
  17094.                                        @mouseleave="hovered = false"
  17095.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17096.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17097.                                        >
  17098.                                        <style>
  17099.                                            /* Generate styling for the label based on the product ID */
  17100.                                            .amlabel-position-top-right-1855-prod {
  17101.                                                transition: opacity 0.3s ease;
  17102.                                            }
  17103.                                        </style>
  17104.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="1855" />
  17105.                                                                                                                                                            <a href="https://www.lalashops.nl/hanger-rozekwarts-hangerrozekwarts"
  17106.                                            title="Hanger Rozekwarts Edelsteen"
  17107.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17108.                                            tabindex="-1">
  17109.                                            <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>
  17110.                                        </a>
  17111.                                        <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>
  17112.                                                                                            <div x-data="initWishlist()">
  17113.                                                    <button
  17114.                                                        @click="addToWishlist(1855)"
  17115.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  17116.                                                        type="button"
  17117.                                                        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"
  17118.                                                        data-addto="wishlist">
  17119.                                                        <span class="icon-heart text-2xl"></span>
  17120.                                                    </button>
  17121.                                                </div>
  17122.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17123.                                                    <button
  17124.                                                        @click="addToCompare(1855)"
  17125.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  17126.                                                        type="button"
  17127.                                                        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"
  17128.                                                        data-addto="compare">
  17129.                                                        <span class="icon-balance text-2xl"></span>
  17130.                                                    </button>
  17131.                                                </div>
  17132.                                                                                    </div>
  17133.                                        <div class="product-info flex flex-col grow">
  17134.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17135.                                                <a
  17136.                                                    class="product-item-link"
  17137.                                                    href="https://www.lalashops.nl/hanger-rozekwarts-hangerrozekwarts"
  17138.                                                    :id="`slide-desc-1855-${$id('slider-id')}`">
  17139.                                                    Hanger Rozekwarts Edelsteen                                                </a>
  17140.                                            </div>
  17141.  
  17142.  
  17143.                                                                                                                                        
  17144.  
  17145.  
  17146.                                            
  17147.                                            <div class="pt-1 text-gray-900"
  17148.                                                x-defer="intersect"
  17149.                                                @update-prices-1855.window="updatePrice($event.detail);">
  17150.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="1855" data-price-box="product-id-1855">
  17151.    <span
  17152.    x-data x-id="['product\u002Dprice\u002D1855']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17153.        >
  17154.        <span  :id="$id('product\u002Dprice\u002D1855')"                data-price-amount="3.95"
  17155.        data-price-type="finalPrice"
  17156.        class="price-wrapper "
  17157.    ><span class="price">€ 3,95</span></span>
  17158.        </span>
  17159.  
  17160. </div>                                            </div>
  17161.  
  17162.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17163.            ">
  17164.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17165.                                                                                                                    <button
  17166.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17167.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17168.                                                                title="In&#x20;Winkelwagen&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  17169.                                                                aria-label="In&#x20;Winkelwagen&#x20;Hanger&#x20;Rozekwarts&#x20;Edelsteen"
  17170.                                                                data-addto="cart">
  17171.                                                                <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">
  17172.  <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"/>
  17173. </svg>
  17174.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17175.                                                                    In Winkelwagen                                                                </span>
  17176.                                                            </button>
  17177.                                                                                                            </div>
  17178.  
  17179.                                                                                            </div>
  17180.                                        </div>
  17181.                                                                                                                        </form>
  17182.                                
  17183.                </li>
  17184.                                        
  17185.                            <li class="swiper-slide">
  17186.                                                                    <form method="post"
  17187.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/7032/"
  17188.                                        x-data="{
  17189.        hovered: false,
  17190.        grid: true ,
  17191.        isMobile: false,
  17192.        isMobileFunc () {
  17193.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17194.        }
  17195.    }"
  17196.                                        x-init="
  17197.        isMobileFunc();
  17198.        const labelClass = '.amlabel-position-top-right-7032-prod';
  17199.        const labels = document.querySelectorAll(labelClass);
  17200.  
  17201.        $watch('hovered', value => {
  17202.            if (value) {
  17203.                labels.forEach(el => el.style.opacity = '0');
  17204.            } else {
  17205.                labels.forEach(el => el.style.opacity = '1');
  17206.            }
  17207.        });
  17208.    "
  17209.                                        @mouseenter="hovered = true"
  17210.                                        @mouseleave="hovered = false"
  17211.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17212.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17213.                                        >
  17214.                                        <style>
  17215.                                            /* Generate styling for the label based on the product ID */
  17216.                                            .amlabel-position-top-right-7032-prod {
  17217.                                                transition: opacity 0.3s ease;
  17218.                                            }
  17219.                                        </style>
  17220.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="7032" />
  17221.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-cord-waxed-polyester-28m-kelly-green-macrkelly28m_1045"
  17222.                                            title="Macramé Koord - GRAS GROEN / KELLY GREEN - Waxed Polyester Cord - Klos 2800 cm - 1mm Dik"
  17223.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17224.                                            tabindex="-1">
  17225.                                            <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>
  17226.                                        </a>
  17227.                                        <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>
  17228.                                                                                            <div x-data="initWishlist()">
  17229.                                                    <button
  17230.                                                        @click="addToWishlist(7032)"
  17231.                                                        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"
  17232.                                                        type="button"
  17233.                                                        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"
  17234.                                                        data-addto="wishlist">
  17235.                                                        <span class="icon-heart text-2xl"></span>
  17236.                                                    </button>
  17237.                                                </div>
  17238.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17239.                                                    <button
  17240.                                                        @click="addToCompare(7032)"
  17241.                                                        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"
  17242.                                                        type="button"
  17243.                                                        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"
  17244.                                                        data-addto="compare">
  17245.                                                        <span class="icon-balance text-2xl"></span>
  17246.                                                    </button>
  17247.                                                </div>
  17248.                                                                                    </div>
  17249.                                        <div class="product-info flex flex-col grow">
  17250.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17251.                                                <a
  17252.                                                    class="product-item-link"
  17253.                                                    href="https://www.lalashops.nl/macrame-cord-waxed-polyester-28m-kelly-green-macrkelly28m_1045"
  17254.                                                    :id="`slide-desc-7032-${$id('slider-id')}`">
  17255.                                                    Macramé Koord - GRAS GROEN / KELLY GREEN - Waxed Polyester Cord - Klos 2800 cm - 1mm Dik                                                </a>
  17256.                                            </div>
  17257.  
  17258.  
  17259.                                                                                                                                        
  17260.  
  17261.  
  17262.                                            
  17263.                                            <div class="pt-1 text-gray-900"
  17264.                                                x-defer="intersect"
  17265.                                                @update-prices-7032.window="updatePrice($event.detail);">
  17266.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="7032" data-price-box="product-id-7032">
  17267.    <span class="special-price">
  17268.        <span
  17269.    x-data x-id="['product\u002Dprice\u002D7032']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17270.        >
  17271.            <span class="price-label">Special Price</span>
  17272.        <span  :id="$id('product\u002Dprice\u002D7032')"                data-price-amount="6.75"
  17273.        data-price-type="finalPrice"
  17274.        class="price-wrapper "
  17275.    ><span class="price">€ 6,75</span></span>
  17276.        </span>
  17277.    </span>
  17278.    <span class="old-price">
  17279.        <span
  17280.    x-data x-id="['old\u002Dprice\u002D7032']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17281.        >
  17282.            <span class="price-label">Regular Price</span>
  17283.        <span  :id="$id('old\u002Dprice\u002D7032')"                data-price-amount="9.95"
  17284.        data-price-type="oldPrice"
  17285.        class="price-wrapper "
  17286.    ><span class="price">€ 9,95</span></span>
  17287.        </span>
  17288.    </span>
  17289.  
  17290. </div>                                            </div>
  17291.  
  17292.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17293.            ">
  17294.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17295.                                                                                                                    <button
  17296.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17297.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17298.                                                                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"
  17299.                                                                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"
  17300.                                                                data-addto="cart">
  17301.                                                                <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">
  17302.  <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"/>
  17303. </svg>
  17304.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17305.                                                                    In Winkelwagen                                                                </span>
  17306.                                                            </button>
  17307.                                                                                                            </div>
  17308.  
  17309.                                                                                            </div>
  17310.                                        </div>
  17311.                                                                                                                        </form>
  17312.                                
  17313.                </li>
  17314.                                        
  17315.                            <li class="swiper-slide">
  17316.                                                                    <form method="post"
  17317.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6697/"
  17318.                                        x-data="{
  17319.        hovered: false,
  17320.        grid: true ,
  17321.        isMobile: false,
  17322.        isMobileFunc () {
  17323.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17324.        }
  17325.    }"
  17326.                                        x-init="
  17327.        isMobileFunc();
  17328.        const labelClass = '.amlabel-position-top-right-6697-prod';
  17329.        const labels = document.querySelectorAll(labelClass);
  17330.  
  17331.        $watch('hovered', value => {
  17332.            if (value) {
  17333.                labels.forEach(el => el.style.opacity = '0');
  17334.            } else {
  17335.                labels.forEach(el => el.style.opacity = '1');
  17336.            }
  17337.        });
  17338.    "
  17339.                                        @mouseenter="hovered = true"
  17340.                                        @mouseleave="hovered = false"
  17341.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17342.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17343.                                        >
  17344.                                        <style>
  17345.                                            /* Generate styling for the label based on the product ID */
  17346.                                            .amlabel-position-top-right-6697-prod {
  17347.                                                transition: opacity 0.3s ease;
  17348.                                            }
  17349.                                        </style>
  17350.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6697" />
  17351.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-brown-copper-tan-yellow-handgemaakt-van-duurzaam-waxed-polyester-h06"
  17352.                                            title="Macramé Oorhangers - Bruin/Koper/Beige/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H06"
  17353.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17354.                                            tabindex="-1">
  17355.                                            <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>
  17356.                                        </a>
  17357.                                        <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>
  17358.                                                                                            <div x-data="initWishlist()">
  17359.                                                    <button
  17360.                                                        @click="addToWishlist(6697)"
  17361.                                                        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"
  17362.                                                        type="button"
  17363.                                                        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"
  17364.                                                        data-addto="wishlist">
  17365.                                                        <span class="icon-heart text-2xl"></span>
  17366.                                                    </button>
  17367.                                                </div>
  17368.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17369.                                                    <button
  17370.                                                        @click="addToCompare(6697)"
  17371.                                                        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"
  17372.                                                        type="button"
  17373.                                                        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"
  17374.                                                        data-addto="compare">
  17375.                                                        <span class="icon-balance text-2xl"></span>
  17376.                                                    </button>
  17377.                                                </div>
  17378.                                                                                    </div>
  17379.                                        <div class="product-info flex flex-col grow">
  17380.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17381.                                                <a
  17382.                                                    class="product-item-link"
  17383.                                                    href="https://www.lalashops.nl/macrame-oorhangers-brown-copper-tan-yellow-handgemaakt-van-duurzaam-waxed-polyester-h06"
  17384.                                                    :id="`slide-desc-6697-${$id('slider-id')}`">
  17385.                                                    Macramé Oorhangers - Bruin/Koper/Beige/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H06                                                </a>
  17386.                                            </div>
  17387.  
  17388.  
  17389.                                                                                                                                        
  17390.  
  17391.  
  17392.                                            
  17393.                                            <div class="pt-1 text-gray-900"
  17394.                                                x-defer="intersect"
  17395.                                                @update-prices-6697.window="updatePrice($event.detail);">
  17396.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6697" data-price-box="product-id-6697">
  17397.    <span
  17398.    x-data x-id="['product\u002Dprice\u002D6697']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17399.        >
  17400.        <span  :id="$id('product\u002Dprice\u002D6697')"                data-price-amount="27.5"
  17401.        data-price-type="finalPrice"
  17402.        class="price-wrapper "
  17403.    ><span class="price">€ 27,50</span></span>
  17404.        </span>
  17405.  
  17406. </div>                                            </div>
  17407.  
  17408.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17409.            ">
  17410.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17411.                                                                                                                    <button
  17412.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17413.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17414.                                                                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"
  17415.                                                                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"
  17416.                                                                data-addto="cart">
  17417.                                                                <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">
  17418.  <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"/>
  17419. </svg>
  17420.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17421.                                                                    In Winkelwagen                                                                </span>
  17422.                                                            </button>
  17423.                                                                                                            </div>
  17424.  
  17425.                                                                                            </div>
  17426.                                        </div>
  17427.                                                                                                                        </form>
  17428.                                
  17429.                </li>
  17430.                                        
  17431.                            <li class="swiper-slide">
  17432.                                                                    <form method="post"
  17433.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6696/"
  17434.                                        x-data="{
  17435.        hovered: false,
  17436.        grid: true ,
  17437.        isMobile: false,
  17438.        isMobileFunc () {
  17439.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17440.        }
  17441.    }"
  17442.                                        x-init="
  17443.        isMobileFunc();
  17444.        const labelClass = '.amlabel-position-top-right-6696-prod';
  17445.        const labels = document.querySelectorAll(labelClass);
  17446.  
  17447.        $watch('hovered', value => {
  17448.            if (value) {
  17449.                labels.forEach(el => el.style.opacity = '0');
  17450.            } else {
  17451.                labels.forEach(el => el.style.opacity = '1');
  17452.            }
  17453.        });
  17454.    "
  17455.                                        @mouseenter="hovered = true"
  17456.                                        @mouseleave="hovered = false"
  17457.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17458.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17459.                                        >
  17460.                                        <style>
  17461.                                            /* Generate styling for the label based on the product ID */
  17462.                                            .amlabel-position-top-right-6696-prod {
  17463.                                                transition: opacity 0.3s ease;
  17464.                                            }
  17465.                                        </style>
  17466.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6696" />
  17467.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-brown-green-white-red-handgemaakt-van-duurzaam-waxed-polyester-h05"
  17468.                                            title="Macramé Oorhangers - Bruin/Groen/Wit/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H05"
  17469.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17470.                                            tabindex="-1">
  17471.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  17472.                                                loading="lazy"
  17473.                                                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"
  17474.                                                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"
  17475.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_5_1_.jpg"
  17476.                                                width="360"
  17477.                                                height="360">
  17478.                                        </a>
  17479.                                        <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>
  17480.                                                                                            <div x-data="initWishlist()">
  17481.                                                    <button
  17482.                                                        @click="addToWishlist(6696)"
  17483.                                                        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"
  17484.                                                        type="button"
  17485.                                                        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"
  17486.                                                        data-addto="wishlist">
  17487.                                                        <span class="icon-heart text-2xl"></span>
  17488.                                                    </button>
  17489.                                                </div>
  17490.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17491.                                                    <button
  17492.                                                        @click="addToCompare(6696)"
  17493.                                                        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"
  17494.                                                        type="button"
  17495.                                                        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"
  17496.                                                        data-addto="compare">
  17497.                                                        <span class="icon-balance text-2xl"></span>
  17498.                                                    </button>
  17499.                                                </div>
  17500.                                                                                    </div>
  17501.                                        <div class="product-info flex flex-col grow">
  17502.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17503.                                                <a
  17504.                                                    class="product-item-link"
  17505.                                                    href="https://www.lalashops.nl/macrame-oorhangers-brown-green-white-red-handgemaakt-van-duurzaam-waxed-polyester-h05"
  17506.                                                    :id="`slide-desc-6696-${$id('slider-id')}`">
  17507.                                                    Macramé Oorhangers - Bruin/Groen/Wit/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H05                                                </a>
  17508.                                            </div>
  17509.  
  17510.  
  17511.                                                                                                                                        
  17512.  
  17513.  
  17514.                                            
  17515.                                            <div class="pt-1 text-gray-900"
  17516.                                                x-defer="intersect"
  17517.                                                @update-prices-6696.window="updatePrice($event.detail);">
  17518.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6696" data-price-box="product-id-6696">
  17519.    <span
  17520.    x-data x-id="['product\u002Dprice\u002D6696']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17521.        >
  17522.        <span  :id="$id('product\u002Dprice\u002D6696')"                data-price-amount="27.5"
  17523.        data-price-type="finalPrice"
  17524.        class="price-wrapper "
  17525.    ><span class="price">€ 27,50</span></span>
  17526.        </span>
  17527.  
  17528. </div>                                            </div>
  17529.  
  17530.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17531.            ">
  17532.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17533.                                                                                                                    <button
  17534.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17535.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17536.                                                                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"
  17537.                                                                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"
  17538.                                                                data-addto="cart">
  17539.                                                                <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">
  17540.  <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"/>
  17541. </svg>
  17542.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17543.                                                                    In Winkelwagen                                                                </span>
  17544.                                                            </button>
  17545.                                                                                                            </div>
  17546.  
  17547.                                                                                            </div>
  17548.                                        </div>
  17549.                                                                                                                        </form>
  17550.                                
  17551.                </li>
  17552.                                        
  17553.                            <li class="swiper-slide">
  17554.                                                                    <form method="post"
  17555.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6695/"
  17556.                                        x-data="{
  17557.        hovered: false,
  17558.        grid: true ,
  17559.        isMobile: false,
  17560.        isMobileFunc () {
  17561.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17562.        }
  17563.    }"
  17564.                                        x-init="
  17565.        isMobileFunc();
  17566.        const labelClass = '.amlabel-position-top-right-6695-prod';
  17567.        const labels = document.querySelectorAll(labelClass);
  17568.  
  17569.        $watch('hovered', value => {
  17570.            if (value) {
  17571.                labels.forEach(el => el.style.opacity = '0');
  17572.            } else {
  17573.                labels.forEach(el => el.style.opacity = '1');
  17574.            }
  17575.        });
  17576.    "
  17577.                                        @mouseenter="hovered = true"
  17578.                                        @mouseleave="hovered = false"
  17579.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17580.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17581.                                        >
  17582.                                        <style>
  17583.                                            /* Generate styling for the label based on the product ID */
  17584.                                            .amlabel-position-top-right-6695-prod {
  17585.                                                transition: opacity 0.3s ease;
  17586.                                            }
  17587.                                        </style>
  17588.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6695" />
  17589.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-grey-olive-forest-red-handgemaakt-van-duurzaam-waxed-polyester-h04"
  17590.                                            title="Macramé Oorhangers - Grijs/Groen/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H04"
  17591.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17592.                                            tabindex="-1">
  17593.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  17594.                                                loading="lazy"
  17595.                                                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"
  17596.                                                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"
  17597.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_4_1_.jpg"
  17598.                                                width="360"
  17599.                                                height="360">
  17600.                                        </a>
  17601.                                        <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>
  17602.                                                                                            <div x-data="initWishlist()">
  17603.                                                    <button
  17604.                                                        @click="addToWishlist(6695)"
  17605.                                                        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"
  17606.                                                        type="button"
  17607.                                                        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"
  17608.                                                        data-addto="wishlist">
  17609.                                                        <span class="icon-heart text-2xl"></span>
  17610.                                                    </button>
  17611.                                                </div>
  17612.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17613.                                                    <button
  17614.                                                        @click="addToCompare(6695)"
  17615.                                                        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"
  17616.                                                        type="button"
  17617.                                                        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"
  17618.                                                        data-addto="compare">
  17619.                                                        <span class="icon-balance text-2xl"></span>
  17620.                                                    </button>
  17621.                                                </div>
  17622.                                                                                    </div>
  17623.                                        <div class="product-info flex flex-col grow">
  17624.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17625.                                                <a
  17626.                                                    class="product-item-link"
  17627.                                                    href="https://www.lalashops.nl/macrame-oorhangers-grey-olive-forest-red-handgemaakt-van-duurzaam-waxed-polyester-h04"
  17628.                                                    :id="`slide-desc-6695-${$id('slider-id')}`">
  17629.                                                    Macramé Oorhangers - Grijs/Groen/Rood - Handgemaakt van Duurzaam Waxed Polyester - Model H04                                                </a>
  17630.                                            </div>
  17631.  
  17632.  
  17633.                                                                                                                                        
  17634.  
  17635.  
  17636.                                            
  17637.                                            <div class="pt-1 text-gray-900"
  17638.                                                x-defer="intersect"
  17639.                                                @update-prices-6695.window="updatePrice($event.detail);">
  17640.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6695" data-price-box="product-id-6695">
  17641.    <span
  17642.    x-data x-id="['product\u002Dprice\u002D6695']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17643.        >
  17644.        <span  :id="$id('product\u002Dprice\u002D6695')"                data-price-amount="27.5"
  17645.        data-price-type="finalPrice"
  17646.        class="price-wrapper "
  17647.    ><span class="price">€ 27,50</span></span>
  17648.        </span>
  17649.  
  17650. </div>                                            </div>
  17651.  
  17652.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17653.            ">
  17654.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17655.                                                                                                                    <button
  17656.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17657.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17658.                                                                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"
  17659.                                                                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"
  17660.                                                                data-addto="cart">
  17661.                                                                <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">
  17662.  <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"/>
  17663. </svg>
  17664.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17665.                                                                    In Winkelwagen                                                                </span>
  17666.                                                            </button>
  17667.                                                                                                            </div>
  17668.  
  17669.                                                                                            </div>
  17670.                                        </div>
  17671.                                                                                                                        </form>
  17672.                                
  17673.                </li>
  17674.                                        
  17675.                            <li class="swiper-slide">
  17676.                                                                    <form method="post"
  17677.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6694/"
  17678.                                        x-data="{
  17679.        hovered: false,
  17680.        grid: true ,
  17681.        isMobile: false,
  17682.        isMobileFunc () {
  17683.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17684.        }
  17685.    }"
  17686.                                        x-init="
  17687.        isMobileFunc();
  17688.        const labelClass = '.amlabel-position-top-right-6694-prod';
  17689.        const labels = document.querySelectorAll(labelClass);
  17690.  
  17691.        $watch('hovered', value => {
  17692.            if (value) {
  17693.                labels.forEach(el => el.style.opacity = '0');
  17694.            } else {
  17695.                labels.forEach(el => el.style.opacity = '1');
  17696.            }
  17697.        });
  17698.    "
  17699.                                        @mouseenter="hovered = true"
  17700.                                        @mouseleave="hovered = false"
  17701.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17702.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17703.                                        >
  17704.                                        <style>
  17705.                                            /* Generate styling for the label based on the product ID */
  17706.                                            .amlabel-position-top-right-6694-prod {
  17707.                                                transition: opacity 0.3s ease;
  17708.                                            }
  17709.                                        </style>
  17710.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6694" />
  17711.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-royal-petrol-turquoise-yellow-handgemaakt-van-duurzaam-waxed-polyester-h03"
  17712.                                            title="Macramé Oorhangers - Blauw/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H03"
  17713.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17714.                                            tabindex="-1">
  17715.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  17716.                                                loading="lazy"
  17717.                                                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"
  17718.                                                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"
  17719.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_3_1_.jpg"
  17720.                                                width="360"
  17721.                                                height="360">
  17722.                                        </a>
  17723.                                        <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>
  17724.                                                                                            <div x-data="initWishlist()">
  17725.                                                    <button
  17726.                                                        @click="addToWishlist(6694)"
  17727.                                                        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"
  17728.                                                        type="button"
  17729.                                                        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"
  17730.                                                        data-addto="wishlist">
  17731.                                                        <span class="icon-heart text-2xl"></span>
  17732.                                                    </button>
  17733.                                                </div>
  17734.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17735.                                                    <button
  17736.                                                        @click="addToCompare(6694)"
  17737.                                                        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"
  17738.                                                        type="button"
  17739.                                                        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"
  17740.                                                        data-addto="compare">
  17741.                                                        <span class="icon-balance text-2xl"></span>
  17742.                                                    </button>
  17743.                                                </div>
  17744.                                                                                    </div>
  17745.                                        <div class="product-info flex flex-col grow">
  17746.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17747.                                                <a
  17748.                                                    class="product-item-link"
  17749.                                                    href="https://www.lalashops.nl/macrame-oorhangers-royal-petrol-turquoise-yellow-handgemaakt-van-duurzaam-waxed-polyester-h03"
  17750.                                                    :id="`slide-desc-6694-${$id('slider-id')}`">
  17751.                                                    Macramé Oorhangers - Blauw/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H03                                                </a>
  17752.                                            </div>
  17753.  
  17754.  
  17755.                                                                                                                                        
  17756.  
  17757.  
  17758.                                            
  17759.                                            <div class="pt-1 text-gray-900"
  17760.                                                x-defer="intersect"
  17761.                                                @update-prices-6694.window="updatePrice($event.detail);">
  17762.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6694" data-price-box="product-id-6694">
  17763.    <span
  17764.    x-data x-id="['product\u002Dprice\u002D6694']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17765.        >
  17766.        <span  :id="$id('product\u002Dprice\u002D6694')"                data-price-amount="27.5"
  17767.        data-price-type="finalPrice"
  17768.        class="price-wrapper "
  17769.    ><span class="price">€ 27,50</span></span>
  17770.        </span>
  17771.  
  17772. </div>                                            </div>
  17773.  
  17774.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17775.            ">
  17776.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17777.                                                                                                                    <button
  17778.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17779.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17780.                                                                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"
  17781.                                                                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"
  17782.                                                                data-addto="cart">
  17783.                                                                <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">
  17784.  <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"/>
  17785. </svg>
  17786.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17787.                                                                    In Winkelwagen                                                                </span>
  17788.                                                            </button>
  17789.                                                                                                            </div>
  17790.  
  17791.                                                                                            </div>
  17792.                                        </div>
  17793.                                                                                                                        </form>
  17794.                                
  17795.                </li>
  17796.                                        
  17797.                            <li class="swiper-slide">
  17798.                                                                    <form method="post"
  17799.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6693/"
  17800.                                        x-data="{
  17801.        hovered: false,
  17802.        grid: true ,
  17803.        isMobile: false,
  17804.        isMobileFunc () {
  17805.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17806.        }
  17807.    }"
  17808.                                        x-init="
  17809.        isMobileFunc();
  17810.        const labelClass = '.amlabel-position-top-right-6693-prod';
  17811.        const labels = document.querySelectorAll(labelClass);
  17812.  
  17813.        $watch('hovered', value => {
  17814.            if (value) {
  17815.                labels.forEach(el => el.style.opacity = '0');
  17816.            } else {
  17817.                labels.forEach(el => el.style.opacity = '1');
  17818.            }
  17819.        });
  17820.    "
  17821.                                        @mouseenter="hovered = true"
  17822.                                        @mouseleave="hovered = false"
  17823.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17824.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17825.                                        >
  17826.                                        <style>
  17827.                                            /* Generate styling for the label based on the product ID */
  17828.                                            .amlabel-position-top-right-6693-prod {
  17829.                                                transition: opacity 0.3s ease;
  17830.                                            }
  17831.                                        </style>
  17832.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6693" />
  17833.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-brown-red-orange-yellow-handgemaakt-van-duurzaam-waxed-polyester-h02"
  17834.                                            title="Macramé Oorhangers - Bruin/Rood/Oranje/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H02"
  17835.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17836.                                            tabindex="-1">
  17837.                                            <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>
  17838.                                        </a>
  17839.                                        <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>
  17840.                                                                                            <div x-data="initWishlist()">
  17841.                                                    <button
  17842.                                                        @click="addToWishlist(6693)"
  17843.                                                        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"
  17844.                                                        type="button"
  17845.                                                        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"
  17846.                                                        data-addto="wishlist">
  17847.                                                        <span class="icon-heart text-2xl"></span>
  17848.                                                    </button>
  17849.                                                </div>
  17850.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17851.                                                    <button
  17852.                                                        @click="addToCompare(6693)"
  17853.                                                        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"
  17854.                                                        type="button"
  17855.                                                        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"
  17856.                                                        data-addto="compare">
  17857.                                                        <span class="icon-balance text-2xl"></span>
  17858.                                                    </button>
  17859.                                                </div>
  17860.                                                                                    </div>
  17861.                                        <div class="product-info flex flex-col grow">
  17862.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17863.                                                <a
  17864.                                                    class="product-item-link"
  17865.                                                    href="https://www.lalashops.nl/macrame-oorhangers-brown-red-orange-yellow-handgemaakt-van-duurzaam-waxed-polyester-h02"
  17866.                                                    :id="`slide-desc-6693-${$id('slider-id')}`">
  17867.                                                    Macramé Oorhangers - Bruin/Rood/Oranje/Geel - Handgemaakt van Duurzaam Waxed Polyester - Model H02                                                </a>
  17868.                                            </div>
  17869.  
  17870.  
  17871.                                                                                                                                        
  17872.  
  17873.  
  17874.                                            
  17875.                                            <div class="pt-1 text-gray-900"
  17876.                                                x-defer="intersect"
  17877.                                                @update-prices-6693.window="updatePrice($event.detail);">
  17878.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6693" data-price-box="product-id-6693">
  17879.    <span
  17880.    x-data x-id="['product\u002Dprice\u002D6693']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  17881.        >
  17882.        <span  :id="$id('product\u002Dprice\u002D6693')"                data-price-amount="27.5"
  17883.        data-price-type="finalPrice"
  17884.        class="price-wrapper "
  17885.    ><span class="price">€ 27,50</span></span>
  17886.        </span>
  17887.  
  17888. </div>                                            </div>
  17889.  
  17890.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  17891.            ">
  17892.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  17893.                                                                                                                    <button
  17894.                                                                class="w-auto btn justify-center text-xl mr-auto"
  17895.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  17896.                                                                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"
  17897.                                                                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"
  17898.                                                                data-addto="cart">
  17899.                                                                <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">
  17900.  <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"/>
  17901. </svg>
  17902.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  17903.                                                                    In Winkelwagen                                                                </span>
  17904.                                                            </button>
  17905.                                                                                                            </div>
  17906.  
  17907.                                                                                            </div>
  17908.                                        </div>
  17909.                                                                                                                        </form>
  17910.                                
  17911.                </li>
  17912.                                        
  17913.                            <li class="swiper-slide">
  17914.                                                                    <form method="post"
  17915.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6692/"
  17916.                                        x-data="{
  17917.        hovered: false,
  17918.        grid: true ,
  17919.        isMobile: false,
  17920.        isMobileFunc () {
  17921.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  17922.        }
  17923.    }"
  17924.                                        x-init="
  17925.        isMobileFunc();
  17926.        const labelClass = '.amlabel-position-top-right-6692-prod';
  17927.        const labels = document.querySelectorAll(labelClass);
  17928.  
  17929.        $watch('hovered', value => {
  17930.            if (value) {
  17931.                labels.forEach(el => el.style.opacity = '0');
  17932.            } else {
  17933.                labels.forEach(el => el.style.opacity = '1');
  17934.            }
  17935.        });
  17936.    "
  17937.                                        @mouseenter="hovered = true"
  17938.                                        @mouseleave="hovered = false"
  17939.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  17940.                                        :class="isMobile ? 'product-item-mobile' : ''"
  17941.                                        >
  17942.                                        <style>
  17943.                                            /* Generate styling for the label based on the product ID */
  17944.                                            .amlabel-position-top-right-6692-prod {
  17945.                                                transition: opacity 0.3s ease;
  17946.                                            }
  17947.                                        </style>
  17948.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6692" />
  17949.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorhangers-black-grey-purple-pink-handgemaakt-van-duurzaam-waxed-polyester-h01"
  17950.                                            title="Macramé Oorhangers - Zwart/Grijs/Paars/Roze - Handgemaakt van Duurzaam Waxed Polyester - Model H01"
  17951.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  17952.                                            tabindex="-1">
  17953.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  17954.                                                loading="lazy"
  17955.                                                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"
  17956.                                                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"
  17957.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorhanger_groot_1_1_.jpg"
  17958.                                                width="360"
  17959.                                                height="360">
  17960.                                        </a>
  17961.                                        <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>
  17962.                                                                                            <div x-data="initWishlist()">
  17963.                                                    <button
  17964.                                                        @click="addToWishlist(6692)"
  17965.                                                        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"
  17966.                                                        type="button"
  17967.                                                        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"
  17968.                                                        data-addto="wishlist">
  17969.                                                        <span class="icon-heart text-2xl"></span>
  17970.                                                    </button>
  17971.                                                </div>
  17972.                                                                                                                                        <div x-data="initCompareOnProductList()">
  17973.                                                    <button
  17974.                                                        @click="addToCompare(6692)"
  17975.                                                        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"
  17976.                                                        type="button"
  17977.                                                        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"
  17978.                                                        data-addto="compare">
  17979.                                                        <span class="icon-balance text-2xl"></span>
  17980.                                                    </button>
  17981.                                                </div>
  17982.                                                                                    </div>
  17983.                                        <div class="product-info flex flex-col grow">
  17984.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  17985.                                                <a
  17986.                                                    class="product-item-link"
  17987.                                                    href="https://www.lalashops.nl/macrame-oorhangers-black-grey-purple-pink-handgemaakt-van-duurzaam-waxed-polyester-h01"
  17988.                                                    :id="`slide-desc-6692-${$id('slider-id')}`">
  17989.                                                    Macramé Oorhangers - Zwart/Grijs/Paars/Roze - Handgemaakt van Duurzaam Waxed Polyester - Model H01                                                </a>
  17990.                                            </div>
  17991.  
  17992.  
  17993.                                                                                                                                        
  17994.  
  17995.  
  17996.                                            
  17997.                                            <div class="pt-1 text-gray-900"
  17998.                                                x-defer="intersect"
  17999.                                                @update-prices-6692.window="updatePrice($event.detail);">
  18000.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6692" data-price-box="product-id-6692">
  18001.    <span
  18002.    x-data x-id="['product\u002Dprice\u002D6692']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18003.        >
  18004.        <span  :id="$id('product\u002Dprice\u002D6692')"                data-price-amount="27.5"
  18005.        data-price-type="finalPrice"
  18006.        class="price-wrapper "
  18007.    ><span class="price">€ 27,50</span></span>
  18008.        </span>
  18009.  
  18010. </div>                                            </div>
  18011.  
  18012.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18013.            ">
  18014.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18015.                                                                                                                    <button
  18016.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18017.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18018.                                                                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"
  18019.                                                                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"
  18020.                                                                data-addto="cart">
  18021.                                                                <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">
  18022.  <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"/>
  18023. </svg>
  18024.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18025.                                                                    In Winkelwagen                                                                </span>
  18026.                                                            </button>
  18027.                                                                                                            </div>
  18028.  
  18029.                                                                                            </div>
  18030.                                        </div>
  18031.                                                                                                                        </form>
  18032.                                
  18033.                </li>
  18034.                                        
  18035.                            <li class="swiper-slide">
  18036.                                                                    <form method="post"
  18037.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6681/"
  18038.                                        x-data="{
  18039.        hovered: false,
  18040.        grid: true ,
  18041.        isMobile: false,
  18042.        isMobileFunc () {
  18043.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18044.        }
  18045.    }"
  18046.                                        x-init="
  18047.        isMobileFunc();
  18048.        const labelClass = '.amlabel-position-top-right-6681-prod';
  18049.        const labels = document.querySelectorAll(labelClass);
  18050.  
  18051.        $watch('hovered', value => {
  18052.            if (value) {
  18053.                labels.forEach(el => el.style.opacity = '0');
  18054.            } else {
  18055.                labels.forEach(el => el.style.opacity = '1');
  18056.            }
  18057.        });
  18058.    "
  18059.                                        @mouseenter="hovered = true"
  18060.                                        @mouseleave="hovered = false"
  18061.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18062.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18063.                                        >
  18064.                                        <style>
  18065.                                            /* Generate styling for the label based on the product ID */
  18066.                                            .amlabel-position-top-right-6681-prod {
  18067.                                                transition: opacity 0.3s ease;
  18068.                                            }
  18069.                                        </style>
  18070.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6681" />
  18071.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-dark-brown-dark-tan-handgemaakt-van-duurzaam-waxed-polyester-22"
  18072.                                            title="Macramé Oorringen - Donker Bruin / Beige - Handgemaakt van Duurzaam Waxed Polyester - Model 22"
  18073.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18074.                                            tabindex="-1">
  18075.                                            <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>
  18076.                                        </a>
  18077.                                        <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>
  18078.                                                                                            <div x-data="initWishlist()">
  18079.                                                    <button
  18080.                                                        @click="addToWishlist(6681)"
  18081.                                                        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"
  18082.                                                        type="button"
  18083.                                                        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"
  18084.                                                        data-addto="wishlist">
  18085.                                                        <span class="icon-heart text-2xl"></span>
  18086.                                                    </button>
  18087.                                                </div>
  18088.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18089.                                                    <button
  18090.                                                        @click="addToCompare(6681)"
  18091.                                                        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"
  18092.                                                        type="button"
  18093.                                                        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"
  18094.                                                        data-addto="compare">
  18095.                                                        <span class="icon-balance text-2xl"></span>
  18096.                                                    </button>
  18097.                                                </div>
  18098.                                                                                    </div>
  18099.                                        <div class="product-info flex flex-col grow">
  18100.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18101.                                                <a
  18102.                                                    class="product-item-link"
  18103.                                                    href="https://www.lalashops.nl/macrame-oorringen-dark-brown-dark-tan-handgemaakt-van-duurzaam-waxed-polyester-22"
  18104.                                                    :id="`slide-desc-6681-${$id('slider-id')}`">
  18105.                                                    Macramé Oorringen - Donker Bruin / Beige - Handgemaakt van Duurzaam Waxed Polyester - Model 22                                                </a>
  18106.                                            </div>
  18107.  
  18108.  
  18109.                                                                                                                                        
  18110.  
  18111.  
  18112.                                            
  18113.                                            <div class="pt-1 text-gray-900"
  18114.                                                x-defer="intersect"
  18115.                                                @update-prices-6681.window="updatePrice($event.detail);">
  18116.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6681" data-price-box="product-id-6681">
  18117.    <span
  18118.    x-data x-id="['product\u002Dprice\u002D6681']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18119.        >
  18120.        <span  :id="$id('product\u002Dprice\u002D6681')"                data-price-amount="22.5"
  18121.        data-price-type="finalPrice"
  18122.        class="price-wrapper "
  18123.    ><span class="price">€ 22,50</span></span>
  18124.        </span>
  18125.  
  18126. </div>                                            </div>
  18127.  
  18128.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18129.            ">
  18130.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18131.                                                                                                                    <button
  18132.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18133.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18134.                                                                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"
  18135.                                                                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"
  18136.                                                                data-addto="cart">
  18137.                                                                <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">
  18138.  <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"/>
  18139. </svg>
  18140.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18141.                                                                    In Winkelwagen                                                                </span>
  18142.                                                            </button>
  18143.                                                                                                            </div>
  18144.  
  18145.                                                                                            </div>
  18146.                                        </div>
  18147.                                                                                                                        </form>
  18148.                                
  18149.                </li>
  18150.                                        
  18151.                            <li class="swiper-slide">
  18152.                                                                    <form method="post"
  18153.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6680/"
  18154.                                        x-data="{
  18155.        hovered: false,
  18156.        grid: true ,
  18157.        isMobile: false,
  18158.        isMobileFunc () {
  18159.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18160.        }
  18161.    }"
  18162.                                        x-init="
  18163.        isMobileFunc();
  18164.        const labelClass = '.amlabel-position-top-right-6680-prod';
  18165.        const labels = document.querySelectorAll(labelClass);
  18166.  
  18167.        $watch('hovered', value => {
  18168.            if (value) {
  18169.                labels.forEach(el => el.style.opacity = '0');
  18170.            } else {
  18171.                labels.forEach(el => el.style.opacity = '1');
  18172.            }
  18173.        });
  18174.    "
  18175.                                        @mouseenter="hovered = true"
  18176.                                        @mouseleave="hovered = false"
  18177.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18178.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18179.                                        >
  18180.                                        <style>
  18181.                                            /* Generate styling for the label based on the product ID */
  18182.                                            .amlabel-position-top-right-6680-prod {
  18183.                                                transition: opacity 0.3s ease;
  18184.                                            }
  18185.                                        </style>
  18186.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6680" />
  18187.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-dark-brown-turquoise-handgemaakt-van-duurzaam-waxed-polyester-21"
  18188.                                            title="Macramé Oorringen - Donker Bruin / Turkoois Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 21"
  18189.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18190.                                            tabindex="-1">
  18191.                                            <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>
  18192.                                        </a>
  18193.                                        <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>
  18194.                                                                                            <div x-data="initWishlist()">
  18195.                                                    <button
  18196.                                                        @click="addToWishlist(6680)"
  18197.                                                        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"
  18198.                                                        type="button"
  18199.                                                        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"
  18200.                                                        data-addto="wishlist">
  18201.                                                        <span class="icon-heart text-2xl"></span>
  18202.                                                    </button>
  18203.                                                </div>
  18204.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18205.                                                    <button
  18206.                                                        @click="addToCompare(6680)"
  18207.                                                        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"
  18208.                                                        type="button"
  18209.                                                        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"
  18210.                                                        data-addto="compare">
  18211.                                                        <span class="icon-balance text-2xl"></span>
  18212.                                                    </button>
  18213.                                                </div>
  18214.                                                                                    </div>
  18215.                                        <div class="product-info flex flex-col grow">
  18216.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18217.                                                <a
  18218.                                                    class="product-item-link"
  18219.                                                    href="https://www.lalashops.nl/macrame-oorringen-dark-brown-turquoise-handgemaakt-van-duurzaam-waxed-polyester-21"
  18220.                                                    :id="`slide-desc-6680-${$id('slider-id')}`">
  18221.                                                    Macramé Oorringen - Donker Bruin / Turkoois Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 21                                                </a>
  18222.                                            </div>
  18223.  
  18224.  
  18225.                                                                                                                                        
  18226.  
  18227.  
  18228.                                            
  18229.                                            <div class="pt-1 text-gray-900"
  18230.                                                x-defer="intersect"
  18231.                                                @update-prices-6680.window="updatePrice($event.detail);">
  18232.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6680" data-price-box="product-id-6680">
  18233.    <span
  18234.    x-data x-id="['product\u002Dprice\u002D6680']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18235.        >
  18236.        <span  :id="$id('product\u002Dprice\u002D6680')"                data-price-amount="22.5"
  18237.        data-price-type="finalPrice"
  18238.        class="price-wrapper "
  18239.    ><span class="price">€ 22,50</span></span>
  18240.        </span>
  18241.  
  18242. </div>                                            </div>
  18243.  
  18244.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18245.            ">
  18246.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18247.                                                                                                                    <button
  18248.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18249.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18250.                                                                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"
  18251.                                                                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"
  18252.                                                                data-addto="cart">
  18253.                                                                <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">
  18254.  <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"/>
  18255. </svg>
  18256.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18257.                                                                    In Winkelwagen                                                                </span>
  18258.                                                            </button>
  18259.                                                                                                            </div>
  18260.  
  18261.                                                                                            </div>
  18262.                                        </div>
  18263.                                                                                                                        </form>
  18264.                                
  18265.                </li>
  18266.                                        
  18267.                            <li class="swiper-slide">
  18268.                                                                    <form method="post"
  18269.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6679/"
  18270.                                        x-data="{
  18271.        hovered: false,
  18272.        grid: true ,
  18273.        isMobile: false,
  18274.        isMobileFunc () {
  18275.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18276.        }
  18277.    }"
  18278.                                        x-init="
  18279.        isMobileFunc();
  18280.        const labelClass = '.amlabel-position-top-right-6679-prod';
  18281.        const labels = document.querySelectorAll(labelClass);
  18282.  
  18283.        $watch('hovered', value => {
  18284.            if (value) {
  18285.                labels.forEach(el => el.style.opacity = '0');
  18286.            } else {
  18287.                labels.forEach(el => el.style.opacity = '1');
  18288.            }
  18289.        });
  18290.    "
  18291.                                        @mouseenter="hovered = true"
  18292.                                        @mouseleave="hovered = false"
  18293.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18294.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18295.                                        >
  18296.                                        <style>
  18297.                                            /* Generate styling for the label based on the product ID */
  18298.                                            .amlabel-position-top-right-6679-prod {
  18299.                                                transition: opacity 0.3s ease;
  18300.                                            }
  18301.                                        </style>
  18302.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6679" />
  18303.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-olive-forest-green-handgemaakt-van-duurzaam-waxed-polyester-20"
  18304.                                            title="Macramé Oorringen - Olijf Groen / Mos Groen - Handgemaakt van Duurzaam Waxed Polyester - Model 20"
  18305.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18306.                                            tabindex="-1">
  18307.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  18308.                                                loading="lazy"
  18309.                                                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"
  18310.                                                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"
  18311.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_20_1_.jpg"
  18312.                                                width="360"
  18313.                                                height="360">
  18314.                                        </a>
  18315.                                        <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>
  18316.                                                                                            <div x-data="initWishlist()">
  18317.                                                    <button
  18318.                                                        @click="addToWishlist(6679)"
  18319.                                                        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"
  18320.                                                        type="button"
  18321.                                                        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"
  18322.                                                        data-addto="wishlist">
  18323.                                                        <span class="icon-heart text-2xl"></span>
  18324.                                                    </button>
  18325.                                                </div>
  18326.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18327.                                                    <button
  18328.                                                        @click="addToCompare(6679)"
  18329.                                                        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"
  18330.                                                        type="button"
  18331.                                                        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"
  18332.                                                        data-addto="compare">
  18333.                                                        <span class="icon-balance text-2xl"></span>
  18334.                                                    </button>
  18335.                                                </div>
  18336.                                                                                    </div>
  18337.                                        <div class="product-info flex flex-col grow">
  18338.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18339.                                                <a
  18340.                                                    class="product-item-link"
  18341.                                                    href="https://www.lalashops.nl/macrame-oorringen-olive-forest-green-handgemaakt-van-duurzaam-waxed-polyester-20"
  18342.                                                    :id="`slide-desc-6679-${$id('slider-id')}`">
  18343.                                                    Macramé Oorringen - Olijf Groen / Mos Groen - Handgemaakt van Duurzaam Waxed Polyester - Model 20                                                </a>
  18344.                                            </div>
  18345.  
  18346.  
  18347.                                                                                                                                        
  18348.  
  18349.  
  18350.                                            
  18351.                                            <div class="pt-1 text-gray-900"
  18352.                                                x-defer="intersect"
  18353.                                                @update-prices-6679.window="updatePrice($event.detail);">
  18354.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6679" data-price-box="product-id-6679">
  18355.    <span
  18356.    x-data x-id="['product\u002Dprice\u002D6679']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18357.        >
  18358.        <span  :id="$id('product\u002Dprice\u002D6679')"                data-price-amount="22.5"
  18359.        data-price-type="finalPrice"
  18360.        class="price-wrapper "
  18361.    ><span class="price">€ 22,50</span></span>
  18362.        </span>
  18363.  
  18364. </div>                                            </div>
  18365.  
  18366.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18367.            ">
  18368.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18369.                                                                                                                    <button
  18370.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18371.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18372.                                                                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"
  18373.                                                                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"
  18374.                                                                data-addto="cart">
  18375.                                                                <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">
  18376.  <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"/>
  18377. </svg>
  18378.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18379.                                                                    In Winkelwagen                                                                </span>
  18380.                                                            </button>
  18381.                                                                                                            </div>
  18382.  
  18383.                                                                                            </div>
  18384.                                        </div>
  18385.                                                                                                                        </form>
  18386.                                
  18387.                </li>
  18388.                                        
  18389.                            <li class="swiper-slide">
  18390.                                                                    <form method="post"
  18391.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6678/"
  18392.                                        x-data="{
  18393.        hovered: false,
  18394.        grid: true ,
  18395.        isMobile: false,
  18396.        isMobileFunc () {
  18397.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18398.        }
  18399.    }"
  18400.                                        x-init="
  18401.        isMobileFunc();
  18402.        const labelClass = '.amlabel-position-top-right-6678-prod';
  18403.        const labels = document.querySelectorAll(labelClass);
  18404.  
  18405.        $watch('hovered', value => {
  18406.            if (value) {
  18407.                labels.forEach(el => el.style.opacity = '0');
  18408.            } else {
  18409.                labels.forEach(el => el.style.opacity = '1');
  18410.            }
  18411.        });
  18412.    "
  18413.                                        @mouseenter="hovered = true"
  18414.                                        @mouseleave="hovered = false"
  18415.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18416.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18417.                                        >
  18418.                                        <style>
  18419.                                            /* Generate styling for the label based on the product ID */
  18420.                                            .amlabel-position-top-right-6678-prod {
  18421.                                                transition: opacity 0.3s ease;
  18422.                                            }
  18423.                                        </style>
  18424.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6678" />
  18425.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-olive-orange-handgemaakt-van-duurzaam-waxed-polyester-19"
  18426.                                            title="Macramé Oorringen - Olijf Groen / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 19"
  18427.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18428.                                            tabindex="-1">
  18429.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  18430.                                                loading="lazy"
  18431.                                                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"
  18432.                                                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"
  18433.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_19_1_.jpg"
  18434.                                                width="360"
  18435.                                                height="360">
  18436.                                        </a>
  18437.                                        <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>
  18438.                                                                                            <div x-data="initWishlist()">
  18439.                                                    <button
  18440.                                                        @click="addToWishlist(6678)"
  18441.                                                        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"
  18442.                                                        type="button"
  18443.                                                        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"
  18444.                                                        data-addto="wishlist">
  18445.                                                        <span class="icon-heart text-2xl"></span>
  18446.                                                    </button>
  18447.                                                </div>
  18448.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18449.                                                    <button
  18450.                                                        @click="addToCompare(6678)"
  18451.                                                        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"
  18452.                                                        type="button"
  18453.                                                        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"
  18454.                                                        data-addto="compare">
  18455.                                                        <span class="icon-balance text-2xl"></span>
  18456.                                                    </button>
  18457.                                                </div>
  18458.                                                                                    </div>
  18459.                                        <div class="product-info flex flex-col grow">
  18460.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18461.                                                <a
  18462.                                                    class="product-item-link"
  18463.                                                    href="https://www.lalashops.nl/macrame-oorringen-olive-orange-handgemaakt-van-duurzaam-waxed-polyester-19"
  18464.                                                    :id="`slide-desc-6678-${$id('slider-id')}`">
  18465.                                                    Macramé Oorringen - Olijf Groen / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 19                                                </a>
  18466.                                            </div>
  18467.  
  18468.  
  18469.                                                                                                                                        
  18470.  
  18471.  
  18472.                                            
  18473.                                            <div class="pt-1 text-gray-900"
  18474.                                                x-defer="intersect"
  18475.                                                @update-prices-6678.window="updatePrice($event.detail);">
  18476.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6678" data-price-box="product-id-6678">
  18477.    <span
  18478.    x-data x-id="['product\u002Dprice\u002D6678']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18479.        >
  18480.        <span  :id="$id('product\u002Dprice\u002D6678')"                data-price-amount="22.5"
  18481.        data-price-type="finalPrice"
  18482.        class="price-wrapper "
  18483.    ><span class="price">€ 22,50</span></span>
  18484.        </span>
  18485.  
  18486. </div>                                            </div>
  18487.  
  18488.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18489.            ">
  18490.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18491.                                                                                                                    <button
  18492.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18493.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18494.                                                                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"
  18495.                                                                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"
  18496.                                                                data-addto="cart">
  18497.                                                                <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">
  18498.  <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"/>
  18499. </svg>
  18500.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18501.                                                                    In Winkelwagen                                                                </span>
  18502.                                                            </button>
  18503.                                                                                                            </div>
  18504.  
  18505.                                                                                            </div>
  18506.                                        </div>
  18507.                                                                                                                        </form>
  18508.                                
  18509.                </li>
  18510.                                        
  18511.                            <li class="swiper-slide">
  18512.                                                                    <form method="post"
  18513.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6677/"
  18514.                                        x-data="{
  18515.        hovered: false,
  18516.        grid: true ,
  18517.        isMobile: false,
  18518.        isMobileFunc () {
  18519.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18520.        }
  18521.    }"
  18522.                                        x-init="
  18523.        isMobileFunc();
  18524.        const labelClass = '.amlabel-position-top-right-6677-prod';
  18525.        const labels = document.querySelectorAll(labelClass);
  18526.  
  18527.        $watch('hovered', value => {
  18528.            if (value) {
  18529.                labels.forEach(el => el.style.opacity = '0');
  18530.            } else {
  18531.                labels.forEach(el => el.style.opacity = '1');
  18532.            }
  18533.        });
  18534.    "
  18535.                                        @mouseenter="hovered = true"
  18536.                                        @mouseleave="hovered = false"
  18537.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18538.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18539.                                        >
  18540.                                        <style>
  18541.                                            /* Generate styling for the label based on the product ID */
  18542.                                            .amlabel-position-top-right-6677-prod {
  18543.                                                transition: opacity 0.3s ease;
  18544.                                            }
  18545.                                        </style>
  18546.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6677" />
  18547.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-olive-plum-purple-handgemaakt-van-duurzaam-waxed-polyester-18"
  18548.                                            title="Macramé Oorringen - Olijf Groen / Pruim Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 18"
  18549.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18550.                                            tabindex="-1">
  18551.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  18552.                                                loading="lazy"
  18553.                                                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"
  18554.                                                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"
  18555.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_18_1_.jpg"
  18556.                                                width="360"
  18557.                                                height="360">
  18558.                                        </a>
  18559.                                        <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>
  18560.                                                                                            <div x-data="initWishlist()">
  18561.                                                    <button
  18562.                                                        @click="addToWishlist(6677)"
  18563.                                                        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"
  18564.                                                        type="button"
  18565.                                                        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"
  18566.                                                        data-addto="wishlist">
  18567.                                                        <span class="icon-heart text-2xl"></span>
  18568.                                                    </button>
  18569.                                                </div>
  18570.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18571.                                                    <button
  18572.                                                        @click="addToCompare(6677)"
  18573.                                                        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"
  18574.                                                        type="button"
  18575.                                                        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"
  18576.                                                        data-addto="compare">
  18577.                                                        <span class="icon-balance text-2xl"></span>
  18578.                                                    </button>
  18579.                                                </div>
  18580.                                                                                    </div>
  18581.                                        <div class="product-info flex flex-col grow">
  18582.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18583.                                                <a
  18584.                                                    class="product-item-link"
  18585.                                                    href="https://www.lalashops.nl/macrame-oorringen-olive-plum-purple-handgemaakt-van-duurzaam-waxed-polyester-18"
  18586.                                                    :id="`slide-desc-6677-${$id('slider-id')}`">
  18587.                                                    Macramé Oorringen - Olijf Groen / Pruim Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 18                                                </a>
  18588.                                            </div>
  18589.  
  18590.  
  18591.                                                                                                                                        
  18592.  
  18593.  
  18594.                                            
  18595.                                            <div class="pt-1 text-gray-900"
  18596.                                                x-defer="intersect"
  18597.                                                @update-prices-6677.window="updatePrice($event.detail);">
  18598.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6677" data-price-box="product-id-6677">
  18599.    <span
  18600.    x-data x-id="['product\u002Dprice\u002D6677']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18601.        >
  18602.        <span  :id="$id('product\u002Dprice\u002D6677')"                data-price-amount="22.5"
  18603.        data-price-type="finalPrice"
  18604.        class="price-wrapper "
  18605.    ><span class="price">€ 22,50</span></span>
  18606.        </span>
  18607.  
  18608. </div>                                            </div>
  18609.  
  18610.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18611.            ">
  18612.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18613.                                                                                                                    <button
  18614.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18615.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18616.                                                                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"
  18617.                                                                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"
  18618.                                                                data-addto="cart">
  18619.                                                                <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">
  18620.  <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"/>
  18621. </svg>
  18622.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18623.                                                                    In Winkelwagen                                                                </span>
  18624.                                                            </button>
  18625.                                                                                                            </div>
  18626.  
  18627.                                                                                            </div>
  18628.                                        </div>
  18629.                                                                                                                        </form>
  18630.                                
  18631.                </li>
  18632.                                        
  18633.                            <li class="swiper-slide">
  18634.                                                                    <form method="post"
  18635.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6676/"
  18636.                                        x-data="{
  18637.        hovered: false,
  18638.        grid: true ,
  18639.        isMobile: false,
  18640.        isMobileFunc () {
  18641.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18642.        }
  18643.    }"
  18644.                                        x-init="
  18645.        isMobileFunc();
  18646.        const labelClass = '.amlabel-position-top-right-6676-prod';
  18647.        const labels = document.querySelectorAll(labelClass);
  18648.  
  18649.        $watch('hovered', value => {
  18650.            if (value) {
  18651.                labels.forEach(el => el.style.opacity = '0');
  18652.            } else {
  18653.                labels.forEach(el => el.style.opacity = '1');
  18654.            }
  18655.        });
  18656.    "
  18657.                                        @mouseenter="hovered = true"
  18658.                                        @mouseleave="hovered = false"
  18659.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18660.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18661.                                        >
  18662.                                        <style>
  18663.                                            /* Generate styling for the label based on the product ID */
  18664.                                            .amlabel-position-top-right-6676-prod {
  18665.                                                transition: opacity 0.3s ease;
  18666.                                            }
  18667.                                        </style>
  18668.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6676" />
  18669.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-petrol-blue-light-blue-handgemaakt-van-duurzaam-waxed-polyester-17"
  18670.                                            title="Macramé Oorringen - Petrol Blauw / Licht Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 17"
  18671.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18672.                                            tabindex="-1">
  18673.                                            <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>
  18674.                                        </a>
  18675.                                        <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>
  18676.                                                                                            <div x-data="initWishlist()">
  18677.                                                    <button
  18678.                                                        @click="addToWishlist(6676)"
  18679.                                                        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"
  18680.                                                        type="button"
  18681.                                                        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"
  18682.                                                        data-addto="wishlist">
  18683.                                                        <span class="icon-heart text-2xl"></span>
  18684.                                                    </button>
  18685.                                                </div>
  18686.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18687.                                                    <button
  18688.                                                        @click="addToCompare(6676)"
  18689.                                                        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"
  18690.                                                        type="button"
  18691.                                                        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"
  18692.                                                        data-addto="compare">
  18693.                                                        <span class="icon-balance text-2xl"></span>
  18694.                                                    </button>
  18695.                                                </div>
  18696.                                                                                    </div>
  18697.                                        <div class="product-info flex flex-col grow">
  18698.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18699.                                                <a
  18700.                                                    class="product-item-link"
  18701.                                                    href="https://www.lalashops.nl/macrame-oorringen-petrol-blue-light-blue-handgemaakt-van-duurzaam-waxed-polyester-17"
  18702.                                                    :id="`slide-desc-6676-${$id('slider-id')}`">
  18703.                                                    Macramé Oorringen - Petrol Blauw / Licht Blauw - Handgemaakt van Duurzaam Waxed Polyester - Model 17                                                </a>
  18704.                                            </div>
  18705.  
  18706.  
  18707.                                                                                                                                        
  18708.  
  18709.  
  18710.                                            
  18711.                                            <div class="pt-1 text-gray-900"
  18712.                                                x-defer="intersect"
  18713.                                                @update-prices-6676.window="updatePrice($event.detail);">
  18714.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6676" data-price-box="product-id-6676">
  18715.    <span
  18716.    x-data x-id="['product\u002Dprice\u002D6676']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18717.        >
  18718.        <span  :id="$id('product\u002Dprice\u002D6676')"                data-price-amount="22.5"
  18719.        data-price-type="finalPrice"
  18720.        class="price-wrapper "
  18721.    ><span class="price">€ 22,50</span></span>
  18722.        </span>
  18723.  
  18724. </div>                                            </div>
  18725.  
  18726.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18727.            ">
  18728.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18729.                                                                                                                    <button
  18730.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18731.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18732.                                                                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"
  18733.                                                                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"
  18734.                                                                data-addto="cart">
  18735.                                                                <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">
  18736.  <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"/>
  18737. </svg>
  18738.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18739.                                                                    In Winkelwagen                                                                </span>
  18740.                                                            </button>
  18741.                                                                                                            </div>
  18742.  
  18743.                                                                                            </div>
  18744.                                        </div>
  18745.                                                                                                                        </form>
  18746.                                
  18747.                </li>
  18748.                                        
  18749.                            <li class="swiper-slide">
  18750.                                                                    <form method="post"
  18751.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6675/"
  18752.                                        x-data="{
  18753.        hovered: false,
  18754.        grid: true ,
  18755.        isMobile: false,
  18756.        isMobileFunc () {
  18757.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18758.        }
  18759.    }"
  18760.                                        x-init="
  18761.        isMobileFunc();
  18762.        const labelClass = '.amlabel-position-top-right-6675-prod';
  18763.        const labels = document.querySelectorAll(labelClass);
  18764.  
  18765.        $watch('hovered', value => {
  18766.            if (value) {
  18767.                labels.forEach(el => el.style.opacity = '0');
  18768.            } else {
  18769.                labels.forEach(el => el.style.opacity = '1');
  18770.            }
  18771.        });
  18772.    "
  18773.                                        @mouseenter="hovered = true"
  18774.                                        @mouseleave="hovered = false"
  18775.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18776.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18777.                                        >
  18778.                                        <style>
  18779.                                            /* Generate styling for the label based on the product ID */
  18780.                                            .amlabel-position-top-right-6675-prod {
  18781.                                                transition: opacity 0.3s ease;
  18782.                                            }
  18783.                                        </style>
  18784.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6675" />
  18785.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-eggplant-soft-pink-handgemaakt-van-duurzaam-waxed-polyester-16"
  18786.                                            title="Macramé Oorringen - Aubergine / Zacht Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 16"
  18787.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18788.                                            tabindex="-1">
  18789.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  18790.                                                loading="lazy"
  18791.                                                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"
  18792.                                                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"
  18793.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_16_1_.jpg"
  18794.                                                width="360"
  18795.                                                height="360">
  18796.                                        </a>
  18797.                                        <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>
  18798.                                                                                            <div x-data="initWishlist()">
  18799.                                                    <button
  18800.                                                        @click="addToWishlist(6675)"
  18801.                                                        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"
  18802.                                                        type="button"
  18803.                                                        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"
  18804.                                                        data-addto="wishlist">
  18805.                                                        <span class="icon-heart text-2xl"></span>
  18806.                                                    </button>
  18807.                                                </div>
  18808.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18809.                                                    <button
  18810.                                                        @click="addToCompare(6675)"
  18811.                                                        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"
  18812.                                                        type="button"
  18813.                                                        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"
  18814.                                                        data-addto="compare">
  18815.                                                        <span class="icon-balance text-2xl"></span>
  18816.                                                    </button>
  18817.                                                </div>
  18818.                                                                                    </div>
  18819.                                        <div class="product-info flex flex-col grow">
  18820.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18821.                                                <a
  18822.                                                    class="product-item-link"
  18823.                                                    href="https://www.lalashops.nl/macrame-oorringen-eggplant-soft-pink-handgemaakt-van-duurzaam-waxed-polyester-16"
  18824.                                                    :id="`slide-desc-6675-${$id('slider-id')}`">
  18825.                                                    Macramé Oorringen - Aubergine / Zacht Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 16                                                </a>
  18826.                                            </div>
  18827.  
  18828.  
  18829.                                                                                                                                        
  18830.  
  18831.  
  18832.                                            
  18833.                                            <div class="pt-1 text-gray-900"
  18834.                                                x-defer="intersect"
  18835.                                                @update-prices-6675.window="updatePrice($event.detail);">
  18836.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6675" data-price-box="product-id-6675">
  18837.    <span
  18838.    x-data x-id="['product\u002Dprice\u002D6675']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18839.        >
  18840.        <span  :id="$id('product\u002Dprice\u002D6675')"                data-price-amount="22.5"
  18841.        data-price-type="finalPrice"
  18842.        class="price-wrapper "
  18843.    ><span class="price">€ 22,50</span></span>
  18844.        </span>
  18845.  
  18846. </div>                                            </div>
  18847.  
  18848.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18849.            ">
  18850.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18851.                                                                                                                    <button
  18852.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18853.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18854.                                                                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"
  18855.                                                                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"
  18856.                                                                data-addto="cart">
  18857.                                                                <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">
  18858.  <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"/>
  18859. </svg>
  18860.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18861.                                                                    In Winkelwagen                                                                </span>
  18862.                                                            </button>
  18863.                                                                                                            </div>
  18864.  
  18865.                                                                                            </div>
  18866.                                        </div>
  18867.                                                                                                                        </form>
  18868.                                
  18869.                </li>
  18870.                                        
  18871.                            <li class="swiper-slide">
  18872.                                                                    <form method="post"
  18873.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6674/"
  18874.                                        x-data="{
  18875.        hovered: false,
  18876.        grid: true ,
  18877.        isMobile: false,
  18878.        isMobileFunc () {
  18879.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  18880.        }
  18881.    }"
  18882.                                        x-init="
  18883.        isMobileFunc();
  18884.        const labelClass = '.amlabel-position-top-right-6674-prod';
  18885.        const labels = document.querySelectorAll(labelClass);
  18886.  
  18887.        $watch('hovered', value => {
  18888.            if (value) {
  18889.                labels.forEach(el => el.style.opacity = '0');
  18890.            } else {
  18891.                labels.forEach(el => el.style.opacity = '1');
  18892.            }
  18893.        });
  18894.    "
  18895.                                        @mouseenter="hovered = true"
  18896.                                        @mouseleave="hovered = false"
  18897.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  18898.                                        :class="isMobile ? 'product-item-mobile' : ''"
  18899.                                        >
  18900.                                        <style>
  18901.                                            /* Generate styling for the label based on the product ID */
  18902.                                            .amlabel-position-top-right-6674-prod {
  18903.                                                transition: opacity 0.3s ease;
  18904.                                            }
  18905.                                        </style>
  18906.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6674" />
  18907.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-soft-purple-purple-handgemaakt-van-duurzaam-waxed-polyester-15"
  18908.                                            title="Macramé Oorringen - Zacht Paars / Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 15"
  18909.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  18910.                                            tabindex="-1">
  18911.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  18912.                                                loading="lazy"
  18913.                                                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"
  18914.                                                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"
  18915.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_15_1_.jpg"
  18916.                                                width="360"
  18917.                                                height="360">
  18918.                                        </a>
  18919.                                        <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>
  18920.                                                                                            <div x-data="initWishlist()">
  18921.                                                    <button
  18922.                                                        @click="addToWishlist(6674)"
  18923.                                                        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"
  18924.                                                        type="button"
  18925.                                                        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"
  18926.                                                        data-addto="wishlist">
  18927.                                                        <span class="icon-heart text-2xl"></span>
  18928.                                                    </button>
  18929.                                                </div>
  18930.                                                                                                                                        <div x-data="initCompareOnProductList()">
  18931.                                                    <button
  18932.                                                        @click="addToCompare(6674)"
  18933.                                                        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"
  18934.                                                        type="button"
  18935.                                                        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"
  18936.                                                        data-addto="compare">
  18937.                                                        <span class="icon-balance text-2xl"></span>
  18938.                                                    </button>
  18939.                                                </div>
  18940.                                                                                    </div>
  18941.                                        <div class="product-info flex flex-col grow">
  18942.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  18943.                                                <a
  18944.                                                    class="product-item-link"
  18945.                                                    href="https://www.lalashops.nl/macrame-oorringen-soft-purple-purple-handgemaakt-van-duurzaam-waxed-polyester-15"
  18946.                                                    :id="`slide-desc-6674-${$id('slider-id')}`">
  18947.                                                    Macramé Oorringen - Zacht Paars / Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 15                                                </a>
  18948.                                            </div>
  18949.  
  18950.  
  18951.                                                                                                                                        
  18952.  
  18953.  
  18954.                                            
  18955.                                            <div class="pt-1 text-gray-900"
  18956.                                                x-defer="intersect"
  18957.                                                @update-prices-6674.window="updatePrice($event.detail);">
  18958.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6674" data-price-box="product-id-6674">
  18959.    <span
  18960.    x-data x-id="['product\u002Dprice\u002D6674']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  18961.        >
  18962.        <span  :id="$id('product\u002Dprice\u002D6674')"                data-price-amount="22.5"
  18963.        data-price-type="finalPrice"
  18964.        class="price-wrapper "
  18965.    ><span class="price">€ 22,50</span></span>
  18966.        </span>
  18967.  
  18968. </div>                                            </div>
  18969.  
  18970.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  18971.            ">
  18972.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  18973.                                                                                                                    <button
  18974.                                                                class="w-auto btn justify-center text-xl mr-auto"
  18975.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  18976.                                                                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"
  18977.                                                                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"
  18978.                                                                data-addto="cart">
  18979.                                                                <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">
  18980.  <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"/>
  18981. </svg>
  18982.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  18983.                                                                    In Winkelwagen                                                                </span>
  18984.                                                            </button>
  18985.                                                                                                            </div>
  18986.  
  18987.                                                                                            </div>
  18988.                                        </div>
  18989.                                                                                                                        </form>
  18990.                                
  18991.                </li>
  18992.                                        
  18993.                            <li class="swiper-slide">
  18994.                                                                    <form method="post"
  18995.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6659/"
  18996.                                        x-data="{
  18997.        hovered: false,
  18998.        grid: true ,
  18999.        isMobile: false,
  19000.        isMobileFunc () {
  19001.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19002.        }
  19003.    }"
  19004.                                        x-init="
  19005.        isMobileFunc();
  19006.        const labelClass = '.amlabel-position-top-right-6659-prod';
  19007.        const labels = document.querySelectorAll(labelClass);
  19008.  
  19009.        $watch('hovered', value => {
  19010.            if (value) {
  19011.                labels.forEach(el => el.style.opacity = '0');
  19012.            } else {
  19013.                labels.forEach(el => el.style.opacity = '1');
  19014.            }
  19015.        });
  19016.    "
  19017.                                        @mouseenter="hovered = true"
  19018.                                        @mouseleave="hovered = false"
  19019.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19020.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19021.                                        >
  19022.                                        <style>
  19023.                                            /* Generate styling for the label based on the product ID */
  19024.                                            .amlabel-position-top-right-6659-prod {
  19025.                                                transition: opacity 0.3s ease;
  19026.                                            }
  19027.                                        </style>
  19028.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6659" />
  19029.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-grijs-fel-roze-handgemaakt-van-duurzaam-waxed-polyester-model-01"
  19030.                                            title="Macramé Oorringen - Grijs / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 01"
  19031.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19032.                                            tabindex="-1">
  19033.                                            <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>
  19034.                                        </a>
  19035.                                        <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>
  19036.                                                                                            <div x-data="initWishlist()">
  19037.                                                    <button
  19038.                                                        @click="addToWishlist(6659)"
  19039.                                                        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"
  19040.                                                        type="button"
  19041.                                                        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"
  19042.                                                        data-addto="wishlist">
  19043.                                                        <span class="icon-heart text-2xl"></span>
  19044.                                                    </button>
  19045.                                                </div>
  19046.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19047.                                                    <button
  19048.                                                        @click="addToCompare(6659)"
  19049.                                                        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"
  19050.                                                        type="button"
  19051.                                                        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"
  19052.                                                        data-addto="compare">
  19053.                                                        <span class="icon-balance text-2xl"></span>
  19054.                                                    </button>
  19055.                                                </div>
  19056.                                                                                    </div>
  19057.                                        <div class="product-info flex flex-col grow">
  19058.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19059.                                                <a
  19060.                                                    class="product-item-link"
  19061.                                                    href="https://www.lalashops.nl/macrame-oorringen-grijs-fel-roze-handgemaakt-van-duurzaam-waxed-polyester-model-01"
  19062.                                                    :id="`slide-desc-6659-${$id('slider-id')}`">
  19063.                                                    Macramé Oorringen - Grijs / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 01                                                </a>
  19064.                                            </div>
  19065.  
  19066.  
  19067.                                                                                                                                        
  19068.  
  19069.  
  19070.                                            
  19071.                                            <div class="pt-1 text-gray-900"
  19072.                                                x-defer="intersect"
  19073.                                                @update-prices-6659.window="updatePrice($event.detail);">
  19074.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6659" data-price-box="product-id-6659">
  19075.    <span
  19076.    x-data x-id="['product\u002Dprice\u002D6659']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19077.        >
  19078.        <span  :id="$id('product\u002Dprice\u002D6659')"                data-price-amount="22.5"
  19079.        data-price-type="finalPrice"
  19080.        class="price-wrapper "
  19081.    ><span class="price">€ 22,50</span></span>
  19082.        </span>
  19083.  
  19084. </div>                                            </div>
  19085.  
  19086.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19087.            ">
  19088.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19089.                                                                                                                    <button
  19090.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19091.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19092.                                                                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"
  19093.                                                                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"
  19094.                                                                data-addto="cart">
  19095.                                                                <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">
  19096.  <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"/>
  19097. </svg>
  19098.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19099.                                                                    In Winkelwagen                                                                </span>
  19100.                                                            </button>
  19101.                                                                                                            </div>
  19102.  
  19103.                                                                                            </div>
  19104.                                        </div>
  19105.                                                                                                                        </form>
  19106.                                
  19107.                </li>
  19108.                                        
  19109.                            <li class="swiper-slide">
  19110.                                                                    <form method="post"
  19111.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6660/"
  19112.                                        x-data="{
  19113.        hovered: false,
  19114.        grid: true ,
  19115.        isMobile: false,
  19116.        isMobileFunc () {
  19117.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19118.        }
  19119.    }"
  19120.                                        x-init="
  19121.        isMobileFunc();
  19122.        const labelClass = '.amlabel-position-top-right-6660-prod';
  19123.        const labels = document.querySelectorAll(labelClass);
  19124.  
  19125.        $watch('hovered', value => {
  19126.            if (value) {
  19127.                labels.forEach(el => el.style.opacity = '0');
  19128.            } else {
  19129.                labels.forEach(el => el.style.opacity = '1');
  19130.            }
  19131.        });
  19132.    "
  19133.                                        @mouseenter="hovered = true"
  19134.                                        @mouseleave="hovered = false"
  19135.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19136.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19137.                                        >
  19138.                                        <style>
  19139.                                            /* Generate styling for the label based on the product ID */
  19140.                                            .amlabel-position-top-right-6660-prod {
  19141.                                                transition: opacity 0.3s ease;
  19142.                                            }
  19143.                                        </style>
  19144.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6660" />
  19145.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-grijs-donker-paars-handgemaakt-van-duurzaam-waxed-polyester-02"
  19146.                                            title="Macramé Oorringen - Grijs / Donker Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 02"
  19147.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19148.                                            tabindex="-1">
  19149.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  19150.                                                loading="lazy"
  19151.                                                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"
  19152.                                                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"
  19153.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_2_3_.jpg"
  19154.                                                width="360"
  19155.                                                height="360">
  19156.                                        </a>
  19157.                                        <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>
  19158.                                                                                            <div x-data="initWishlist()">
  19159.                                                    <button
  19160.                                                        @click="addToWishlist(6660)"
  19161.                                                        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"
  19162.                                                        type="button"
  19163.                                                        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"
  19164.                                                        data-addto="wishlist">
  19165.                                                        <span class="icon-heart text-2xl"></span>
  19166.                                                    </button>
  19167.                                                </div>
  19168.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19169.                                                    <button
  19170.                                                        @click="addToCompare(6660)"
  19171.                                                        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"
  19172.                                                        type="button"
  19173.                                                        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"
  19174.                                                        data-addto="compare">
  19175.                                                        <span class="icon-balance text-2xl"></span>
  19176.                                                    </button>
  19177.                                                </div>
  19178.                                                                                    </div>
  19179.                                        <div class="product-info flex flex-col grow">
  19180.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19181.                                                <a
  19182.                                                    class="product-item-link"
  19183.                                                    href="https://www.lalashops.nl/macrame-oorringen-grijs-donker-paars-handgemaakt-van-duurzaam-waxed-polyester-02"
  19184.                                                    :id="`slide-desc-6660-${$id('slider-id')}`">
  19185.                                                    Macramé Oorringen - Grijs / Donker Paars - Handgemaakt van Duurzaam Waxed Polyester - Model 02                                                </a>
  19186.                                            </div>
  19187.  
  19188.  
  19189.                                                                                                                                        
  19190.  
  19191.  
  19192.                                            
  19193.                                            <div class="pt-1 text-gray-900"
  19194.                                                x-defer="intersect"
  19195.                                                @update-prices-6660.window="updatePrice($event.detail);">
  19196.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6660" data-price-box="product-id-6660">
  19197.    <span
  19198.    x-data x-id="['product\u002Dprice\u002D6660']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19199.        >
  19200.        <span  :id="$id('product\u002Dprice\u002D6660')"                data-price-amount="22.5"
  19201.        data-price-type="finalPrice"
  19202.        class="price-wrapper "
  19203.    ><span class="price">€ 22,50</span></span>
  19204.        </span>
  19205.  
  19206. </div>                                            </div>
  19207.  
  19208.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19209.            ">
  19210.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19211.                                                                                                                    <button
  19212.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19213.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19214.                                                                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"
  19215.                                                                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"
  19216.                                                                data-addto="cart">
  19217.                                                                <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">
  19218.  <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"/>
  19219. </svg>
  19220.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19221.                                                                    In Winkelwagen                                                                </span>
  19222.                                                            </button>
  19223.                                                                                                            </div>
  19224.  
  19225.                                                                                            </div>
  19226.                                        </div>
  19227.                                                                                                                        </form>
  19228.                                
  19229.                </li>
  19230.                                        
  19231.                            <li class="swiper-slide">
  19232.                                                                    <form method="post"
  19233.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6662/"
  19234.                                        x-data="{
  19235.        hovered: false,
  19236.        grid: true ,
  19237.        isMobile: false,
  19238.        isMobileFunc () {
  19239.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19240.        }
  19241.    }"
  19242.                                        x-init="
  19243.        isMobileFunc();
  19244.        const labelClass = '.amlabel-position-top-right-6662-prod';
  19245.        const labels = document.querySelectorAll(labelClass);
  19246.  
  19247.        $watch('hovered', value => {
  19248.            if (value) {
  19249.                labels.forEach(el => el.style.opacity = '0');
  19250.            } else {
  19251.                labels.forEach(el => el.style.opacity = '1');
  19252.            }
  19253.        });
  19254.    "
  19255.                                        @mouseenter="hovered = true"
  19256.                                        @mouseleave="hovered = false"
  19257.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19258.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19259.                                        >
  19260.                                        <style>
  19261.                                            /* Generate styling for the label based on the product ID */
  19262.                                            .amlabel-position-top-right-6662-prod {
  19263.                                                transition: opacity 0.3s ease;
  19264.                                            }
  19265.                                        </style>
  19266.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6662" />
  19267.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-ashgrey-dark-red-handgemaakt-van-duurzaam-waxed-polyester-03"
  19268.                                            title="Macramé Oorringen - Grijs / Donker Rood - Handgemaakt van Duurzaam Waxed Polyester - Model 03"
  19269.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19270.                                            tabindex="-1">
  19271.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  19272.                                                loading="lazy"
  19273.                                                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"
  19274.                                                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"
  19275.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_3_1_.jpg"
  19276.                                                width="360"
  19277.                                                height="360">
  19278.                                        </a>
  19279.                                        <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>
  19280.                                                                                            <div x-data="initWishlist()">
  19281.                                                    <button
  19282.                                                        @click="addToWishlist(6662)"
  19283.                                                        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"
  19284.                                                        type="button"
  19285.                                                        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"
  19286.                                                        data-addto="wishlist">
  19287.                                                        <span class="icon-heart text-2xl"></span>
  19288.                                                    </button>
  19289.                                                </div>
  19290.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19291.                                                    <button
  19292.                                                        @click="addToCompare(6662)"
  19293.                                                        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"
  19294.                                                        type="button"
  19295.                                                        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"
  19296.                                                        data-addto="compare">
  19297.                                                        <span class="icon-balance text-2xl"></span>
  19298.                                                    </button>
  19299.                                                </div>
  19300.                                                                                    </div>
  19301.                                        <div class="product-info flex flex-col grow">
  19302.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19303.                                                <a
  19304.                                                    class="product-item-link"
  19305.                                                    href="https://www.lalashops.nl/macrame-oorringen-ashgrey-dark-red-handgemaakt-van-duurzaam-waxed-polyester-03"
  19306.                                                    :id="`slide-desc-6662-${$id('slider-id')}`">
  19307.                                                    Macramé Oorringen - Grijs / Donker Rood - Handgemaakt van Duurzaam Waxed Polyester - Model 03                                                </a>
  19308.                                            </div>
  19309.  
  19310.  
  19311.                                                                                                                                        
  19312.  
  19313.  
  19314.                                            
  19315.                                            <div class="pt-1 text-gray-900"
  19316.                                                x-defer="intersect"
  19317.                                                @update-prices-6662.window="updatePrice($event.detail);">
  19318.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6662" data-price-box="product-id-6662">
  19319.    <span
  19320.    x-data x-id="['product\u002Dprice\u002D6662']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19321.        >
  19322.        <span  :id="$id('product\u002Dprice\u002D6662')"                data-price-amount="22.5"
  19323.        data-price-type="finalPrice"
  19324.        class="price-wrapper "
  19325.    ><span class="price">€ 22,50</span></span>
  19326.        </span>
  19327.  
  19328. </div>                                            </div>
  19329.  
  19330.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19331.            ">
  19332.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19333.                                                                                                                    <button
  19334.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19335.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19336.                                                                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"
  19337.                                                                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"
  19338.                                                                data-addto="cart">
  19339.                                                                <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">
  19340.  <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"/>
  19341. </svg>
  19342.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19343.                                                                    In Winkelwagen                                                                </span>
  19344.                                                            </button>
  19345.                                                                                                            </div>
  19346.  
  19347.                                                                                            </div>
  19348.                                        </div>
  19349.                                                                                                                        </form>
  19350.                                
  19351.                </li>
  19352.                                        
  19353.                            <li class="swiper-slide">
  19354.                                                                    <form method="post"
  19355.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6663/"
  19356.                                        x-data="{
  19357.        hovered: false,
  19358.        grid: true ,
  19359.        isMobile: false,
  19360.        isMobileFunc () {
  19361.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19362.        }
  19363.    }"
  19364.                                        x-init="
  19365.        isMobileFunc();
  19366.        const labelClass = '.amlabel-position-top-right-6663-prod';
  19367.        const labels = document.querySelectorAll(labelClass);
  19368.  
  19369.        $watch('hovered', value => {
  19370.            if (value) {
  19371.                labels.forEach(el => el.style.opacity = '0');
  19372.            } else {
  19373.                labels.forEach(el => el.style.opacity = '1');
  19374.            }
  19375.        });
  19376.    "
  19377.                                        @mouseenter="hovered = true"
  19378.                                        @mouseleave="hovered = false"
  19379.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19380.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19381.                                        >
  19382.                                        <style>
  19383.                                            /* Generate styling for the label based on the product ID */
  19384.                                            .amlabel-position-top-right-6663-prod {
  19385.                                                transition: opacity 0.3s ease;
  19386.                                            }
  19387.                                        </style>
  19388.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6663" />
  19389.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-black-hot-pink-handgemaakt-van-duurzaam-waxed-polyester-04"
  19390.                                            title="Macramé Oorringen - Zwart / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 04"
  19391.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19392.                                            tabindex="-1">
  19393.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  19394.                                                loading="lazy"
  19395.                                                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"
  19396.                                                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"
  19397.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/a/macram_oorring_4_2_.jpg"
  19398.                                                width="360"
  19399.                                                height="360">
  19400.                                        </a>
  19401.                                        <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>
  19402.                                                                                            <div x-data="initWishlist()">
  19403.                                                    <button
  19404.                                                        @click="addToWishlist(6663)"
  19405.                                                        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"
  19406.                                                        type="button"
  19407.                                                        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"
  19408.                                                        data-addto="wishlist">
  19409.                                                        <span class="icon-heart text-2xl"></span>
  19410.                                                    </button>
  19411.                                                </div>
  19412.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19413.                                                    <button
  19414.                                                        @click="addToCompare(6663)"
  19415.                                                        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"
  19416.                                                        type="button"
  19417.                                                        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"
  19418.                                                        data-addto="compare">
  19419.                                                        <span class="icon-balance text-2xl"></span>
  19420.                                                    </button>
  19421.                                                </div>
  19422.                                                                                    </div>
  19423.                                        <div class="product-info flex flex-col grow">
  19424.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19425.                                                <a
  19426.                                                    class="product-item-link"
  19427.                                                    href="https://www.lalashops.nl/macrame-oorringen-black-hot-pink-handgemaakt-van-duurzaam-waxed-polyester-04"
  19428.                                                    :id="`slide-desc-6663-${$id('slider-id')}`">
  19429.                                                    Macramé Oorringen - Zwart / Fel Roze - Handgemaakt van Duurzaam Waxed Polyester - Model 04                                                </a>
  19430.                                            </div>
  19431.  
  19432.  
  19433.                                                                                                                                        
  19434.  
  19435.  
  19436.                                            
  19437.                                            <div class="pt-1 text-gray-900"
  19438.                                                x-defer="intersect"
  19439.                                                @update-prices-6663.window="updatePrice($event.detail);">
  19440.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6663" data-price-box="product-id-6663">
  19441.    <span
  19442.    x-data x-id="['product\u002Dprice\u002D6663']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19443.        >
  19444.        <span  :id="$id('product\u002Dprice\u002D6663')"                data-price-amount="22.5"
  19445.        data-price-type="finalPrice"
  19446.        class="price-wrapper "
  19447.    ><span class="price">€ 22,50</span></span>
  19448.        </span>
  19449.  
  19450. </div>                                            </div>
  19451.  
  19452.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19453.            ">
  19454.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19455.                                                                                                                    <button
  19456.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19457.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19458.                                                                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"
  19459.                                                                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"
  19460.                                                                data-addto="cart">
  19461.                                                                <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">
  19462.  <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"/>
  19463. </svg>
  19464.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19465.                                                                    In Winkelwagen                                                                </span>
  19466.                                                            </button>
  19467.                                                                                                            </div>
  19468.  
  19469.                                                                                            </div>
  19470.                                        </div>
  19471.                                                                                                                        </form>
  19472.                                
  19473.                </li>
  19474.                                        
  19475.                            <li class="swiper-slide">
  19476.                                                                    <form method="post"
  19477.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/6664/"
  19478.                                        x-data="{
  19479.        hovered: false,
  19480.        grid: true ,
  19481.        isMobile: false,
  19482.        isMobileFunc () {
  19483.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19484.        }
  19485.    }"
  19486.                                        x-init="
  19487.        isMobileFunc();
  19488.        const labelClass = '.amlabel-position-top-right-6664-prod';
  19489.        const labels = document.querySelectorAll(labelClass);
  19490.  
  19491.        $watch('hovered', value => {
  19492.            if (value) {
  19493.                labels.forEach(el => el.style.opacity = '0');
  19494.            } else {
  19495.                labels.forEach(el => el.style.opacity = '1');
  19496.            }
  19497.        });
  19498.    "
  19499.                                        @mouseenter="hovered = true"
  19500.                                        @mouseleave="hovered = false"
  19501.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19502.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19503.                                        >
  19504.                                        <style>
  19505.                                            /* Generate styling for the label based on the product ID */
  19506.                                            .amlabel-position-top-right-6664-prod {
  19507.                                                transition: opacity 0.3s ease;
  19508.                                            }
  19509.                                        </style>
  19510.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="6664" />
  19511.                                                                                                                                                            <a href="https://www.lalashops.nl/macrame-oorringen-black-orange-handgemaakt-van-duurzaam-waxed-polyester-05"
  19512.                                            title="Macramé Oorringen - Zwart / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 05"
  19513.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19514.                                            tabindex="-1">
  19515.                                            <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>
  19516.                                        </a>
  19517.                                        <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>
  19518.                                                                                            <div x-data="initWishlist()">
  19519.                                                    <button
  19520.                                                        @click="addToWishlist(6664)"
  19521.                                                        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"
  19522.                                                        type="button"
  19523.                                                        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"
  19524.                                                        data-addto="wishlist">
  19525.                                                        <span class="icon-heart text-2xl"></span>
  19526.                                                    </button>
  19527.                                                </div>
  19528.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19529.                                                    <button
  19530.                                                        @click="addToCompare(6664)"
  19531.                                                        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"
  19532.                                                        type="button"
  19533.                                                        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"
  19534.                                                        data-addto="compare">
  19535.                                                        <span class="icon-balance text-2xl"></span>
  19536.                                                    </button>
  19537.                                                </div>
  19538.                                                                                    </div>
  19539.                                        <div class="product-info flex flex-col grow">
  19540.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19541.                                                <a
  19542.                                                    class="product-item-link"
  19543.                                                    href="https://www.lalashops.nl/macrame-oorringen-black-orange-handgemaakt-van-duurzaam-waxed-polyester-05"
  19544.                                                    :id="`slide-desc-6664-${$id('slider-id')}`">
  19545.                                                    Macramé Oorringen - Zwart / Oranje - Handgemaakt van Duurzaam Waxed Polyester - Model 05                                                </a>
  19546.                                            </div>
  19547.  
  19548.  
  19549.                                                                                                                                        
  19550.  
  19551.  
  19552.                                            
  19553.                                            <div class="pt-1 text-gray-900"
  19554.                                                x-defer="intersect"
  19555.                                                @update-prices-6664.window="updatePrice($event.detail);">
  19556.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="6664" data-price-box="product-id-6664">
  19557.    <span
  19558.    x-data x-id="['product\u002Dprice\u002D6664']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19559.        >
  19560.        <span  :id="$id('product\u002Dprice\u002D6664')"                data-price-amount="22.5"
  19561.        data-price-type="finalPrice"
  19562.        class="price-wrapper "
  19563.    ><span class="price">€ 22,50</span></span>
  19564.        </span>
  19565.  
  19566. </div>                                            </div>
  19567.  
  19568.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19569.            ">
  19570.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19571.                                                                                                                    <button
  19572.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19573.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19574.                                                                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"
  19575.                                                                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"
  19576.                                                                data-addto="cart">
  19577.                                                                <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">
  19578.  <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"/>
  19579. </svg>
  19580.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19581.                                                                    In Winkelwagen                                                                </span>
  19582.                                                            </button>
  19583.                                                                                                            </div>
  19584.  
  19585.                                                                                            </div>
  19586.                                        </div>
  19587.                                                                                                                        </form>
  19588.                                
  19589.                </li>
  19590.                            </div>
  19591.  
  19592.        </div>
  19593.  
  19594.        <script>
  19595.            (function() {
  19596.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  19597.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  19598.  
  19599.                // Load Swiper CSS
  19600.                if (typeof window.SwiperCSS === 'undefined') {
  19601.                    const style = document.createElement("link");
  19602.                    style.rel = "stylesheet";
  19603.                    style.type = "text/css";
  19604.                    style.href = swiperCssUrl;
  19605.  
  19606.                    const insertAt = document.getElementsByTagName('link')[0];
  19607.                    if (insertAt) {
  19608.                        insertAt.parentNode.insertBefore(style, insertAt);
  19609.                    } else {
  19610.                        document.head.appendChild(style);
  19611.                    }
  19612.                    window.SwiperCSS = 'loaded';
  19613.                }
  19614.  
  19615.                function initSwiper() {
  19616.                    new Swiper('.swiper-container', {
  19617.                        loop: false,
  19618.                        slidesPerView: 1,
  19619.                        spaceBetween: 16,
  19620.                        autoplay: false,
  19621.                        navigation: {
  19622.                            nextEl: '.swiper-button-next',
  19623.                            prevEl: '.swiper-button-prev',
  19624.                        },
  19625.                        breakpoints: {
  19626.                            480: {
  19627.                                slidesPerView: 1.6,
  19628.                                spaceBetween: 16,
  19629.                            },
  19630.                            768: {
  19631.                                slidesPerView: 2.6,
  19632.                                spaceBetween: 16,
  19633.                            },
  19634.                            1024: {
  19635.                                slidesPerView: 3.6,
  19636.                                spaceBetween: 16,
  19637.                            },
  19638.                            1280: {
  19639.                                slidesPerView: 4.6,
  19640.                                spaceBetween: 16,
  19641.                            }
  19642.                        },
  19643.                    });
  19644.                }
  19645.  
  19646.                if (typeof window.Swiper === 'function') {
  19647.                    initSwiper();
  19648.                } else {
  19649.                    // Load Swiper JS
  19650.                    const scriptSource = swiperJsUrl;
  19651.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  19652.  
  19653.                    if (pendingLoadScript) {
  19654.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  19655.                        return;
  19656.                    }
  19657.  
  19658.                    const script = document.createElement('script');
  19659.                    script.src = scriptSource;
  19660.                    script.async = true;
  19661.  
  19662.                    script.addEventListener('load', () => initSwiper());
  19663.                    document.head.appendChild(script);
  19664.                }
  19665.            })();
  19666.  
  19667.            window.addEventListener("load", function() {
  19668.                if (window.innerWidth > 479) {
  19669.                    let maxHeight = 0;
  19670.  
  19671.                    // Get all slides
  19672.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  19673.  
  19674.                    // Find the tallest slide
  19675.                    slides.forEach(slide => {
  19676.                        const slideHeight = slide.offsetHeight;
  19677.                        if (slideHeight > maxHeight) {
  19678.                            maxHeight = slideHeight;
  19679.                        }
  19680.                    });
  19681.  
  19682.                    // Set the height of all slides and the swiper-wrapper to the max height
  19683.                    slides.forEach(slide => {
  19684.                        slide.style.height = `${maxHeight}px`;
  19685.                    });
  19686.  
  19687.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  19688.                    if (swiperWrapper) {
  19689.                        swiperWrapper.style.height = `${maxHeight}px`;
  19690.                    }
  19691.                }
  19692.            });
  19693.        </script>
  19694.    </div>
  19695. </section>
  19696. </div>
  19697. <template x-data="initAmWidgetLabels__68af003a06278" x-init="initLabels($el)"></template>
  19698.  
  19699. <script>
  19700.    function initAmWidgetLabels__68af003a06278() {
  19701.        return {
  19702.            initLabels($el) {
  19703.                const labels = ["","","","","","","","","","","","","","","","","","","","","","","","","","","","","","","",""];
  19704.                const widgetContainer = $el?.previousElementSibling;
  19705.  
  19706.                labels.forEach((productLabel, index) => {
  19707.                    const productSelector = `li:nth-child(${index + 1})`;
  19708.                    const productContainer = widgetContainer?.querySelector(productSelector);
  19709.                    if (productContainer) {
  19710.                        const labelClass = 'am-label_68af003a06278' + index;
  19711.                        productContainer.innerHTML += productLabel;
  19712.                        productContainer.classList.add(labelClass);
  19713.                        hyva.replaceDomElement(
  19714.                            '.' + labelClass,
  19715.                            productContainer?.outerHTML
  19716.                        );
  19717.                    }
  19718.                });
  19719.            }
  19720.        }
  19721.    }
  19722. </script><div class="product-slider py-6 px-8 xs:p-8 md:pl-6 lg:py-12 xs:pr-0">
  19723.    <section
  19724.                        class="super-margin hyva-category
  19725.                        ">
  19726.  
  19727.        <div class="">
  19728.  
  19729.  
  19730.            
  19731.                <link rel="stylesheet" href="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css" />
  19732.  
  19733.                
  19734.                <div class="swiper-container pb-8" data-id-category="wi6tzddfdduihlcmo7b4j2fmpsqtqgnf">
  19735.  
  19736.                    <div class="container flex justify-between ml-0 pl-0 pr-0 xs:pr-12 lg:pr-12 mb-4 lg:mb-8">
  19737.                                                                                <h2 class="text-2xl lg:text-4xl font-light ">
  19738.                                Baby en <span class="font-bold">Kinderspullen</span>                            </h2>
  19739.                        
  19740.                        <!-- Add Navigation Arrows -->
  19741.                        <div class="flex gap-4 lg:gap-12">
  19742.                            <div id="swiper-button-prev-wi6tzddfdduihlcmo7b4j2fmpsqtqgnf" class="swiper-button-prev !static"></div>
  19743.                            <div id="swiper-button-next-wi6tzddfdduihlcmo7b4j2fmpsqtqgnf" class="swiper-button-next !static"></div>
  19744.                        </div>
  19745.                    </div>
  19746.  
  19747.                    <div class="hyva-category-content ">
  19748.                                            </div>
  19749.  
  19750.                    <div class="swiper-wrapper list-none">
  19751.                                                    
  19752.                            <li class="swiper-slide">
  19753.                                                                    <form method="post"
  19754.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8803/"
  19755.                                        x-data="{
  19756.        hovered: false,
  19757.        grid: true ,
  19758.        isMobile: false,
  19759.        isMobileFunc () {
  19760.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19761.        }
  19762.    }"
  19763.                                        x-init="
  19764.        isMobileFunc();
  19765.        const labelClass = '.amlabel-position-top-right-8803-prod';
  19766.        const labels = document.querySelectorAll(labelClass);
  19767.  
  19768.        $watch('hovered', value => {
  19769.            if (value) {
  19770.                labels.forEach(el => el.style.opacity = '0');
  19771.            } else {
  19772.                labels.forEach(el => el.style.opacity = '1');
  19773.            }
  19774.        });
  19775.    "
  19776.                                        @mouseenter="hovered = true"
  19777.                                        @mouseleave="hovered = false"
  19778.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19779.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19780.                                        >
  19781.                                        <style>
  19782.                                            /* Generate styling for the label based on the product ID */
  19783.                                            .amlabel-position-top-right-8803-prod {
  19784.                                                transition: opacity 0.3s ease;
  19785.                                            }
  19786.                                        </style>
  19787.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8803" />
  19788.                                                                                                                                                            <a href="https://www.lalashops.nl/zoutlamp-maan-wit-met-aan-uit-schakelaar-led-lampje-wit-baby-deckkzoutlmaanwit"
  19789.                                            title="Zoutlamp Maan - Wit - Met Aan/Uit Schakelaar - Led Lampje"
  19790.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19791.                                            tabindex="-1">
  19792.                                            <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>
  19793.                                        </a>
  19794.                                        <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>
  19795.                                                                                            <div x-data="initWishlist()">
  19796.                                                    <button
  19797.                                                        @click="addToWishlist(8803)"
  19798.                                                        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"
  19799.                                                        type="button"
  19800.                                                        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"
  19801.                                                        data-addto="wishlist">
  19802.                                                        <span class="icon-heart text-2xl"></span>
  19803.                                                    </button>
  19804.                                                </div>
  19805.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19806.                                                    <button
  19807.                                                        @click="addToCompare(8803)"
  19808.                                                        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"
  19809.                                                        type="button"
  19810.                                                        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"
  19811.                                                        data-addto="compare">
  19812.                                                        <span class="icon-balance text-2xl"></span>
  19813.                                                    </button>
  19814.                                                </div>
  19815.                                                                                    </div>
  19816.                                        <div class="product-info flex flex-col grow">
  19817.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19818.                                                <a
  19819.                                                    class="product-item-link"
  19820.                                                    href="https://www.lalashops.nl/zoutlamp-maan-wit-met-aan-uit-schakelaar-led-lampje-wit-baby-deckkzoutlmaanwit"
  19821.                                                    :id="`slide-desc-8803-${$id('slider-id')}`">
  19822.                                                    Zoutlamp Maan - Wit - Met Aan/Uit Schakelaar - Led Lampje                                                </a>
  19823.                                            </div>
  19824.  
  19825.  
  19826.                                                                                                                                        
  19827.  
  19828.  
  19829.                                            
  19830.                                            <div class="pt-1 text-gray-900"
  19831.                                                x-defer="intersect"
  19832.                                                @update-prices-8803.window="updatePrice($event.detail);">
  19833.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8803" data-price-box="product-id-8803">
  19834.    <span
  19835.    x-data x-id="['product\u002Dprice\u002D8803']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19836.        >
  19837.        <span  :id="$id('product\u002Dprice\u002D8803')"                data-price-amount="35.95"
  19838.        data-price-type="finalPrice"
  19839.        class="price-wrapper "
  19840.    ><span class="price">€ 35,95</span></span>
  19841.        </span>
  19842.  
  19843. </div>                                            </div>
  19844.  
  19845.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19846.            ">
  19847.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19848.                                                                                                                    <button
  19849.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19850.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19851.                                                                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"
  19852.                                                                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"
  19853.                                                                data-addto="cart">
  19854.                                                                <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">
  19855.  <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"/>
  19856. </svg>
  19857.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19858.                                                                    In Winkelwagen                                                                </span>
  19859.                                                            </button>
  19860.                                                                                                            </div>
  19861.  
  19862.                                                                                            </div>
  19863.                                        </div>
  19864.                                                                                                                        </form>
  19865.                                
  19866.                </li>
  19867.                                        
  19868.                            <li class="swiper-slide">
  19869.                                                                    <form method="post"
  19870.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8705/"
  19871.                                        x-data="{
  19872.        hovered: false,
  19873.        grid: true ,
  19874.        isMobile: false,
  19875.        isMobileFunc () {
  19876.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19877.        }
  19878.    }"
  19879.                                        x-init="
  19880.        isMobileFunc();
  19881.        const labelClass = '.amlabel-position-top-right-8705-prod';
  19882.        const labels = document.querySelectorAll(labelClass);
  19883.  
  19884.        $watch('hovered', value => {
  19885.            if (value) {
  19886.                labels.forEach(el => el.style.opacity = '0');
  19887.            } else {
  19888.                labels.forEach(el => el.style.opacity = '1');
  19889.            }
  19890.        });
  19891.    "
  19892.                                        @mouseenter="hovered = true"
  19893.                                        @mouseleave="hovered = false"
  19894.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  19895.                                        :class="isMobile ? 'product-item-mobile' : ''"
  19896.                                        >
  19897.                                        <style>
  19898.                                            /* Generate styling for the label based on the product ID */
  19899.                                            .amlabel-position-top-right-8705-prod {
  19900.                                                transition: opacity 0.3s ease;
  19901.                                            }
  19902.                                        </style>
  19903.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8705" />
  19904.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-yellow-baby-knufdmuchisyellow"
  19905.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Star Yellow"
  19906.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  19907.                                            tabindex="-1">
  19908.                                            <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>
  19909.                                        </a>
  19910.                                        <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>
  19911.                                                                                            <div x-data="initWishlist()">
  19912.                                                    <button
  19913.                                                        @click="addToWishlist(8705)"
  19914.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19915.                                                        type="button"
  19916.                                                        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"
  19917.                                                        data-addto="wishlist">
  19918.                                                        <span class="icon-heart text-2xl"></span>
  19919.                                                    </button>
  19920.                                                </div>
  19921.                                                                                                                                        <div x-data="initCompareOnProductList()">
  19922.                                                    <button
  19923.                                                        @click="addToCompare(8705)"
  19924.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19925.                                                        type="button"
  19926.                                                        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"
  19927.                                                        data-addto="compare">
  19928.                                                        <span class="icon-balance text-2xl"></span>
  19929.                                                    </button>
  19930.                                                </div>
  19931.                                                                                    </div>
  19932.                                        <div class="product-info flex flex-col grow">
  19933.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  19934.                                                <a
  19935.                                                    class="product-item-link"
  19936.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-yellow-baby-knufdmuchisyellow"
  19937.                                                    :id="`slide-desc-8705-${$id('slider-id')}`">
  19938.                                                    Mushie Knuffeldoekje - Lovely Blanket - Star Yellow                                                </a>
  19939.                                            </div>
  19940.  
  19941.  
  19942.                                                                                                                                        
  19943.  
  19944.  
  19945.                                            
  19946.                                            <div class="pt-1 text-gray-900"
  19947.                                                x-defer="intersect"
  19948.                                                @update-prices-8705.window="updatePrice($event.detail);">
  19949.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8705" data-price-box="product-id-8705">
  19950.    <span
  19951.    x-data x-id="['product\u002Dprice\u002D8705']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  19952.        >
  19953.        <span  :id="$id('product\u002Dprice\u002D8705')"                data-price-amount="19.95"
  19954.        data-price-type="finalPrice"
  19955.        class="price-wrapper "
  19956.    ><span class="price">€ 19,95</span></span>
  19957.        </span>
  19958.  
  19959. </div>                                            </div>
  19960.  
  19961.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  19962.            ">
  19963.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  19964.                                                                                                                    <button
  19965.                                                                class="w-auto btn justify-center text-xl mr-auto"
  19966.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  19967.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19968.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Yellow"
  19969.                                                                data-addto="cart">
  19970.                                                                <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">
  19971.  <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"/>
  19972. </svg>
  19973.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  19974.                                                                    In Winkelwagen                                                                </span>
  19975.                                                            </button>
  19976.                                                                                                            </div>
  19977.  
  19978.                                                                                            </div>
  19979.                                        </div>
  19980.                                                                                                                        </form>
  19981.                                
  19982.                </li>
  19983.                                        
  19984.                            <li class="swiper-slide">
  19985.                                                                    <form method="post"
  19986.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8704/"
  19987.                                        x-data="{
  19988.        hovered: false,
  19989.        grid: true ,
  19990.        isMobile: false,
  19991.        isMobileFunc () {
  19992.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  19993.        }
  19994.    }"
  19995.                                        x-init="
  19996.        isMobileFunc();
  19997.        const labelClass = '.amlabel-position-top-right-8704-prod';
  19998.        const labels = document.querySelectorAll(labelClass);
  19999.  
  20000.        $watch('hovered', value => {
  20001.            if (value) {
  20002.                labels.forEach(el => el.style.opacity = '0');
  20003.            } else {
  20004.                labels.forEach(el => el.style.opacity = '1');
  20005.            }
  20006.        });
  20007.    "
  20008.                                        @mouseenter="hovered = true"
  20009.                                        @mouseleave="hovered = false"
  20010.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20011.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20012.                                        >
  20013.                                        <style>
  20014.                                            /* Generate styling for the label based on the product ID */
  20015.                                            .amlabel-position-top-right-8704-prod {
  20016.                                                transition: opacity 0.3s ease;
  20017.                                            }
  20018.                                        </style>
  20019.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8704" />
  20020.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-roze-baby-knufdmuchisroze"
  20021.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Star Roze"
  20022.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20023.                                            tabindex="-1">
  20024.                                            <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>
  20025.                                        </a>
  20026.                                        <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>
  20027.                                                                                            <div x-data="initWishlist()">
  20028.                                                    <button
  20029.                                                        @click="addToWishlist(8704)"
  20030.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  20031.                                                        type="button"
  20032.                                                        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"
  20033.                                                        data-addto="wishlist">
  20034.                                                        <span class="icon-heart text-2xl"></span>
  20035.                                                    </button>
  20036.                                                </div>
  20037.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20038.                                                    <button
  20039.                                                        @click="addToCompare(8704)"
  20040.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  20041.                                                        type="button"
  20042.                                                        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"
  20043.                                                        data-addto="compare">
  20044.                                                        <span class="icon-balance text-2xl"></span>
  20045.                                                    </button>
  20046.                                                </div>
  20047.                                                                                    </div>
  20048.                                        <div class="product-info flex flex-col grow">
  20049.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20050.                                                <a
  20051.                                                    class="product-item-link"
  20052.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-star-roze-baby-knufdmuchisroze"
  20053.                                                    :id="`slide-desc-8704-${$id('slider-id')}`">
  20054.                                                    Mushie Knuffeldoekje - Lovely Blanket - Star Roze                                                </a>
  20055.                                            </div>
  20056.  
  20057.  
  20058.                                                                                                                                        
  20059.  
  20060.  
  20061.                                            
  20062.                                            <div class="pt-1 text-gray-900"
  20063.                                                x-defer="intersect"
  20064.                                                @update-prices-8704.window="updatePrice($event.detail);">
  20065.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8704" data-price-box="product-id-8704">
  20066.    <span
  20067.    x-data x-id="['product\u002Dprice\u002D8704']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20068.        >
  20069.        <span  :id="$id('product\u002Dprice\u002D8704')"                data-price-amount="19.95"
  20070.        data-price-type="finalPrice"
  20071.        class="price-wrapper "
  20072.    ><span class="price">€ 19,95</span></span>
  20073.        </span>
  20074.  
  20075. </div>                                            </div>
  20076.  
  20077.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20078.            ">
  20079.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20080.                                                                                                                    <button
  20081.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20082.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20083.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  20084.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Star&#x20;Roze"
  20085.                                                                data-addto="cart">
  20086.                                                                <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">
  20087.  <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"/>
  20088. </svg>
  20089.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20090.                                                                    In Winkelwagen                                                                </span>
  20091.                                                            </button>
  20092.                                                                                                            </div>
  20093.  
  20094.                                                                                            </div>
  20095.                                        </div>
  20096.                                                                                                                        </form>
  20097.                                
  20098.                </li>
  20099.                                        
  20100.                            <li class="swiper-slide">
  20101.                                                                    <form method="post"
  20102.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8703/"
  20103.                                        x-data="{
  20104.        hovered: false,
  20105.        grid: true ,
  20106.        isMobile: false,
  20107.        isMobileFunc () {
  20108.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20109.        }
  20110.    }"
  20111.                                        x-init="
  20112.        isMobileFunc();
  20113.        const labelClass = '.amlabel-position-top-right-8703-prod';
  20114.        const labels = document.querySelectorAll(labelClass);
  20115.  
  20116.        $watch('hovered', value => {
  20117.            if (value) {
  20118.                labels.forEach(el => el.style.opacity = '0');
  20119.            } else {
  20120.                labels.forEach(el => el.style.opacity = '1');
  20121.            }
  20122.        });
  20123.    "
  20124.                                        @mouseenter="hovered = true"
  20125.                                        @mouseleave="hovered = false"
  20126.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20127.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20128.                                        >
  20129.                                        <style>
  20130.                                            /* Generate styling for the label based on the product ID */
  20131.                                            .amlabel-position-top-right-8703-prod {
  20132.                                                transition: opacity 0.3s ease;
  20133.                                            }
  20134.                                        </style>
  20135.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8703" />
  20136.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-green-baby-knufdmuchimgreen"
  20137.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Moon Green"
  20138.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20139.                                            tabindex="-1">
  20140.                                            <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>
  20141.                                        </a>
  20142.                                        <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>
  20143.                                                                                            <div x-data="initWishlist()">
  20144.                                                    <button
  20145.                                                        @click="addToWishlist(8703)"
  20146.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  20147.                                                        type="button"
  20148.                                                        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"
  20149.                                                        data-addto="wishlist">
  20150.                                                        <span class="icon-heart text-2xl"></span>
  20151.                                                    </button>
  20152.                                                </div>
  20153.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20154.                                                    <button
  20155.                                                        @click="addToCompare(8703)"
  20156.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  20157.                                                        type="button"
  20158.                                                        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"
  20159.                                                        data-addto="compare">
  20160.                                                        <span class="icon-balance text-2xl"></span>
  20161.                                                    </button>
  20162.                                                </div>
  20163.                                                                                    </div>
  20164.                                        <div class="product-info flex flex-col grow">
  20165.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20166.                                                <a
  20167.                                                    class="product-item-link"
  20168.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-green-baby-knufdmuchimgreen"
  20169.                                                    :id="`slide-desc-8703-${$id('slider-id')}`">
  20170.                                                    Mushie Knuffeldoekje - Lovely Blanket - Moon Green                                                </a>
  20171.                                            </div>
  20172.  
  20173.  
  20174.                                                                                                                                        
  20175.  
  20176.  
  20177.                                            
  20178.                                            <div class="pt-1 text-gray-900"
  20179.                                                x-defer="intersect"
  20180.                                                @update-prices-8703.window="updatePrice($event.detail);">
  20181.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8703" data-price-box="product-id-8703">
  20182.    <span
  20183.    x-data x-id="['product\u002Dprice\u002D8703']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20184.        >
  20185.        <span  :id="$id('product\u002Dprice\u002D8703')"                data-price-amount="19.95"
  20186.        data-price-type="finalPrice"
  20187.        class="price-wrapper "
  20188.    ><span class="price">€ 19,95</span></span>
  20189.        </span>
  20190.  
  20191. </div>                                            </div>
  20192.  
  20193.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20194.            ">
  20195.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20196.                                                                                                                    <button
  20197.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20198.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20199.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  20200.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Green"
  20201.                                                                data-addto="cart">
  20202.                                                                <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">
  20203.  <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"/>
  20204. </svg>
  20205.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20206.                                                                    In Winkelwagen                                                                </span>
  20207.                                                            </button>
  20208.                                                                                                            </div>
  20209.  
  20210.                                                                                            </div>
  20211.                                        </div>
  20212.                                                                                                                        </form>
  20213.                                
  20214.                </li>
  20215.                                        
  20216.                            <li class="swiper-slide">
  20217.                                                                    <form method="post"
  20218.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8702/"
  20219.                                        x-data="{
  20220.        hovered: false,
  20221.        grid: true ,
  20222.        isMobile: false,
  20223.        isMobileFunc () {
  20224.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20225.        }
  20226.    }"
  20227.                                        x-init="
  20228.        isMobileFunc();
  20229.        const labelClass = '.amlabel-position-top-right-8702-prod';
  20230.        const labels = document.querySelectorAll(labelClass);
  20231.  
  20232.        $watch('hovered', value => {
  20233.            if (value) {
  20234.                labels.forEach(el => el.style.opacity = '0');
  20235.            } else {
  20236.                labels.forEach(el => el.style.opacity = '1');
  20237.            }
  20238.        });
  20239.    "
  20240.                                        @mouseenter="hovered = true"
  20241.                                        @mouseleave="hovered = false"
  20242.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20243.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20244.                                        >
  20245.                                        <style>
  20246.                                            /* Generate styling for the label based on the product ID */
  20247.                                            .amlabel-position-top-right-8702-prod {
  20248.                                                transition: opacity 0.3s ease;
  20249.                                            }
  20250.                                        </style>
  20251.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8702" />
  20252.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-blue-baby-knufdmuchimblue"
  20253.                                            title="Mushie Knuffeldoekje - Lovely Blanket - Moon Blue"
  20254.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20255.                                            tabindex="-1">
  20256.                                            <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>
  20257.                                        </a>
  20258.                                        <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>
  20259.                                                                                            <div x-data="initWishlist()">
  20260.                                                    <button
  20261.                                                        @click="addToWishlist(8702)"
  20262.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  20263.                                                        type="button"
  20264.                                                        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"
  20265.                                                        data-addto="wishlist">
  20266.                                                        <span class="icon-heart text-2xl"></span>
  20267.                                                    </button>
  20268.                                                </div>
  20269.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20270.                                                    <button
  20271.                                                        @click="addToCompare(8702)"
  20272.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  20273.                                                        type="button"
  20274.                                                        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"
  20275.                                                        data-addto="compare">
  20276.                                                        <span class="icon-balance text-2xl"></span>
  20277.                                                    </button>
  20278.                                                </div>
  20279.                                                                                    </div>
  20280.                                        <div class="product-info flex flex-col grow">
  20281.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20282.                                                <a
  20283.                                                    class="product-item-link"
  20284.                                                    href="https://www.lalashops.nl/mushie-knuffeldoekje-lovely-blanket-moon-blue-baby-knufdmuchimblue"
  20285.                                                    :id="`slide-desc-8702-${$id('slider-id')}`">
  20286.                                                    Mushie Knuffeldoekje - Lovely Blanket - Moon Blue                                                </a>
  20287.                                            </div>
  20288.  
  20289.  
  20290.                                                                                                                                        
  20291.  
  20292.  
  20293.                                            
  20294.                                            <div class="pt-1 text-gray-900"
  20295.                                                x-defer="intersect"
  20296.                                                @update-prices-8702.window="updatePrice($event.detail);">
  20297.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8702" data-price-box="product-id-8702">
  20298.    <span
  20299.    x-data x-id="['product\u002Dprice\u002D8702']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20300.        >
  20301.        <span  :id="$id('product\u002Dprice\u002D8702')"                data-price-amount="19.95"
  20302.        data-price-type="finalPrice"
  20303.        class="price-wrapper "
  20304.    ><span class="price">€ 19,95</span></span>
  20305.        </span>
  20306.  
  20307. </div>                                            </div>
  20308.  
  20309.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20310.            ">
  20311.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20312.                                                                                                                    <button
  20313.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20314.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20315.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  20316.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Knuffeldoekje&#x20;-&#x20;Lovely&#x20;Blanket&#x20;-&#x20;Moon&#x20;Blue"
  20317.                                                                data-addto="cart">
  20318.                                                                <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">
  20319.  <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"/>
  20320. </svg>
  20321.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20322.                                                                    In Winkelwagen                                                                </span>
  20323.                                                            </button>
  20324.                                                                                                            </div>
  20325.  
  20326.                                                                                            </div>
  20327.                                        </div>
  20328.                                                                                                                        </form>
  20329.                                
  20330.                </li>
  20331.                                        
  20332.                            <li class="swiper-slide">
  20333.                                                                    <form method="post"
  20334.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8667/"
  20335.                                        x-data="{
  20336.        hovered: false,
  20337.        grid: true ,
  20338.        isMobile: false,
  20339.        isMobileFunc () {
  20340.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20341.        }
  20342.    }"
  20343.                                        x-init="
  20344.        isMobileFunc();
  20345.        const labelClass = '.amlabel-position-top-right-8667-prod';
  20346.        const labels = document.querySelectorAll(labelClass);
  20347.  
  20348.        $watch('hovered', value => {
  20349.            if (value) {
  20350.                labels.forEach(el => el.style.opacity = '0');
  20351.            } else {
  20352.                labels.forEach(el => el.style.opacity = '1');
  20353.            }
  20354.        });
  20355.    "
  20356.                                        @mouseenter="hovered = true"
  20357.                                        @mouseleave="hovered = false"
  20358.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20359.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20360.                                        >
  20361.                                        <style>
  20362.                                            /* Generate styling for the label based on the product ID */
  20363.                                            .amlabel-position-top-right-8667-prod {
  20364.                                                transition: opacity 0.3s ease;
  20365.                                            }
  20366.                                        </style>
  20367.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8667" />
  20368.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-stacking-pastel-kleuren-baby-mushistackpk"
  20369.                                            title="Mushie Stacking - Pastel Kleuren"
  20370.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20371.                                            tabindex="-1">
  20372.                                            <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>
  20373.                                        </a>
  20374.                                        <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>
  20375.                                                                                            <div x-data="initWishlist()">
  20376.                                                    <button
  20377.                                                        @click="addToWishlist(8667)"
  20378.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  20379.                                                        type="button"
  20380.                                                        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"
  20381.                                                        data-addto="wishlist">
  20382.                                                        <span class="icon-heart text-2xl"></span>
  20383.                                                    </button>
  20384.                                                </div>
  20385.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20386.                                                    <button
  20387.                                                        @click="addToCompare(8667)"
  20388.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  20389.                                                        type="button"
  20390.                                                        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"
  20391.                                                        data-addto="compare">
  20392.                                                        <span class="icon-balance text-2xl"></span>
  20393.                                                    </button>
  20394.                                                </div>
  20395.                                                                                    </div>
  20396.                                        <div class="product-info flex flex-col grow">
  20397.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20398.                                                <a
  20399.                                                    class="product-item-link"
  20400.                                                    href="https://www.lalashops.nl/mushie-stacking-pastel-kleuren-baby-mushistackpk"
  20401.                                                    :id="`slide-desc-8667-${$id('slider-id')}`">
  20402.                                                    Mushie Stacking - Pastel Kleuren                                                </a>
  20403.                                            </div>
  20404.  
  20405.  
  20406.                                                                                                                                        
  20407.  
  20408.  
  20409.                                            
  20410.                                            <div class="pt-1 text-gray-900"
  20411.                                                x-defer="intersect"
  20412.                                                @update-prices-8667.window="updatePrice($event.detail);">
  20413.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8667" data-price-box="product-id-8667">
  20414.    <span
  20415.    x-data x-id="['product\u002Dprice\u002D8667']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20416.        >
  20417.        <span  :id="$id('product\u002Dprice\u002D8667')"                data-price-amount="17.95"
  20418.        data-price-type="finalPrice"
  20419.        class="price-wrapper "
  20420.    ><span class="price">€ 17,95</span></span>
  20421.        </span>
  20422.  
  20423. </div>                                            </div>
  20424.  
  20425.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20426.            ">
  20427.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20428.                                                                                                                    <button
  20429.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20430.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20431.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  20432.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Pastel&#x20;Kleuren"
  20433.                                                                data-addto="cart">
  20434.                                                                <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">
  20435.  <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"/>
  20436. </svg>
  20437.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20438.                                                                    In Winkelwagen                                                                </span>
  20439.                                                            </button>
  20440.                                                                                                            </div>
  20441.  
  20442.                                                                                            </div>
  20443.                                        </div>
  20444.                                                                                                                        </form>
  20445.                                
  20446.                </li>
  20447.                                        
  20448.                            <li class="swiper-slide">
  20449.                                                                    <form method="post"
  20450.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8666/"
  20451.                                        x-data="{
  20452.        hovered: false,
  20453.        grid: true ,
  20454.        isMobile: false,
  20455.        isMobileFunc () {
  20456.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20457.        }
  20458.    }"
  20459.                                        x-init="
  20460.        isMobileFunc();
  20461.        const labelClass = '.amlabel-position-top-right-8666-prod';
  20462.        const labels = document.querySelectorAll(labelClass);
  20463.  
  20464.        $watch('hovered', value => {
  20465.            if (value) {
  20466.                labels.forEach(el => el.style.opacity = '0');
  20467.            } else {
  20468.                labels.forEach(el => el.style.opacity = '1');
  20469.            }
  20470.        });
  20471.    "
  20472.                                        @mouseenter="hovered = true"
  20473.                                        @mouseleave="hovered = false"
  20474.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20475.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20476.                                        >
  20477.                                        <style>
  20478.                                            /* Generate styling for the label based on the product ID */
  20479.                                            .amlabel-position-top-right-8666-prod {
  20480.                                                transition: opacity 0.3s ease;
  20481.                                            }
  20482.                                        </style>
  20483.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8666" />
  20484.                                                                                                                                                            <a href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  20485.                                            title="Mushie Stacking - Retro Pastel Kleuren"
  20486.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20487.                                            tabindex="-1">
  20488.                                            <img class="object-cover !h-auto group-hover:opacity-75 w-full !border-none"
  20489.                                                loading="lazy"
  20490.                                                alt="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  20491.                                                title="Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  20492.                                                src="https://www.lalashops.nl/media/catalog/product/cache/89b3f63b713a9b12057ae927b22974bf/m/u/mushie_stacking_-_retro_pastel_kleuren_-_1.jpg"
  20493.                                                width="360"
  20494.                                                height="360">
  20495.                                        </a>
  20496.                                        <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>
  20497.                                                                                            <div x-data="initWishlist()">
  20498.                                                    <button
  20499.                                                        @click="addToWishlist(8666)"
  20500.                                                        aria-label="Voeg&#x20;toe&#x20;aan&#x20;verlanglijst&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  20501.                                                        type="button"
  20502.                                                        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"
  20503.                                                        data-addto="wishlist">
  20504.                                                        <span class="icon-heart text-2xl"></span>
  20505.                                                    </button>
  20506.                                                </div>
  20507.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20508.                                                    <button
  20509.                                                        @click="addToCompare(8666)"
  20510.                                                        aria-label="Toevoegen&#x20;om&#x20;te&#x20;vergelijken&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  20511.                                                        type="button"
  20512.                                                        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"
  20513.                                                        data-addto="compare">
  20514.                                                        <span class="icon-balance text-2xl"></span>
  20515.                                                    </button>
  20516.                                                </div>
  20517.                                                                                    </div>
  20518.                                        <div class="product-info flex flex-col grow">
  20519.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20520.                                                <a
  20521.                                                    class="product-item-link"
  20522.                                                    href="https://www.lalashops.nl/mushie-stacking-retro-pastel-kleuren-baby-mushistackrpk"
  20523.                                                    :id="`slide-desc-8666-${$id('slider-id')}`">
  20524.                                                    Mushie Stacking - Retro Pastel Kleuren                                                </a>
  20525.                                            </div>
  20526.  
  20527.  
  20528.                                                                                                                                        
  20529.  
  20530.  
  20531.                                            
  20532.                                            <div class="pt-1 text-gray-900"
  20533.                                                x-defer="intersect"
  20534.                                                @update-prices-8666.window="updatePrice($event.detail);">
  20535.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8666" data-price-box="product-id-8666">
  20536.    <span
  20537.    x-data x-id="['product\u002Dprice\u002D8666']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20538.        >
  20539.        <span  :id="$id('product\u002Dprice\u002D8666')"                data-price-amount="17.95"
  20540.        data-price-type="finalPrice"
  20541.        class="price-wrapper "
  20542.    ><span class="price">€ 17,95</span></span>
  20543.        </span>
  20544.  
  20545. </div>                                            </div>
  20546.  
  20547.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20548.            ">
  20549.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20550.                                                                                                                    <button
  20551.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20552.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20553.                                                                title="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  20554.                                                                aria-label="In&#x20;Winkelwagen&#x20;Mushie&#x20;Stacking&#x20;-&#x20;Retro&#x20;Pastel&#x20;Kleuren"
  20555.                                                                data-addto="cart">
  20556.                                                                <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">
  20557.  <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"/>
  20558. </svg>
  20559.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20560.                                                                    In Winkelwagen                                                                </span>
  20561.                                                            </button>
  20562.                                                                                                            </div>
  20563.  
  20564.                                                                                            </div>
  20565.                                        </div>
  20566.                                                                                                                        </form>
  20567.                                
  20568.                </li>
  20569.                                        
  20570.                            <li class="swiper-slide">
  20571.                                                                    <form method="post"
  20572.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8665/"
  20573.                                        x-data="{
  20574.        hovered: false,
  20575.        grid: true ,
  20576.        isMobile: false,
  20577.        isMobileFunc () {
  20578.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20579.        }
  20580.    }"
  20581.                                        x-init="
  20582.        isMobileFunc();
  20583.        const labelClass = '.amlabel-position-top-right-8665-prod';
  20584.        const labels = document.querySelectorAll(labelClass);
  20585.  
  20586.        $watch('hovered', value => {
  20587.            if (value) {
  20588.                labels.forEach(el => el.style.opacity = '0');
  20589.            } else {
  20590.                labels.forEach(el => el.style.opacity = '1');
  20591.            }
  20592.        });
  20593.    "
  20594.                                        @mouseenter="hovered = true"
  20595.                                        @mouseleave="hovered = false"
  20596.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20597.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20598.                                        >
  20599.                                        <style>
  20600.                                            /* Generate styling for the label based on the product ID */
  20601.                                            .amlabel-position-top-right-8665-prod {
  20602.                                                transition: opacity 0.3s ease;
  20603.                                            }
  20604.                                        </style>
  20605.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8665" />
  20606.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-dolfijn-baby-tikirbijtbaddolf"
  20607.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Dolfijn"
  20608.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20609.                                            tabindex="-1">
  20610.                                            <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>
  20611.                                        </a>
  20612.                                        <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>
  20613.                                                                                            <div x-data="initWishlist()">
  20614.                                                    <button
  20615.                                                        @click="addToWishlist(8665)"
  20616.                                                        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"
  20617.                                                        type="button"
  20618.                                                        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"
  20619.                                                        data-addto="wishlist">
  20620.                                                        <span class="icon-heart text-2xl"></span>
  20621.                                                    </button>
  20622.                                                </div>
  20623.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20624.                                                    <button
  20625.                                                        @click="addToCompare(8665)"
  20626.                                                        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"
  20627.                                                        type="button"
  20628.                                                        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"
  20629.                                                        data-addto="compare">
  20630.                                                        <span class="icon-balance text-2xl"></span>
  20631.                                                    </button>
  20632.                                                </div>
  20633.                                                                                    </div>
  20634.                                        <div class="product-info flex flex-col grow">
  20635.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20636.                                                <a
  20637.                                                    class="product-item-link"
  20638.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-dolfijn-baby-tikirbijtbaddolf"
  20639.                                                    :id="`slide-desc-8665-${$id('slider-id')}`">
  20640.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Dolfijn                                                </a>
  20641.                                            </div>
  20642.  
  20643.  
  20644.                                                                                                                                        
  20645.  
  20646.  
  20647.                                            
  20648.                                            <div class="pt-1 text-gray-900"
  20649.                                                x-defer="intersect"
  20650.                                                @update-prices-8665.window="updatePrice($event.detail);">
  20651.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8665" data-price-box="product-id-8665">
  20652.    <span
  20653.    x-data x-id="['product\u002Dprice\u002D8665']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20654.        >
  20655.        <span  :id="$id('product\u002Dprice\u002D8665')"                data-price-amount="19.95"
  20656.        data-price-type="finalPrice"
  20657.        class="price-wrapper "
  20658.    ><span class="price">€ 19,95</span></span>
  20659.        </span>
  20660.  
  20661. </div>                                            </div>
  20662.  
  20663.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20664.            ">
  20665.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20666.                                                                                                                    <button
  20667.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20668.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20669.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn"
  20670.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Dolfijn"
  20671.                                                                data-addto="cart">
  20672.                                                                <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">
  20673.  <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"/>
  20674. </svg>
  20675.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20676.                                                                    In Winkelwagen                                                                </span>
  20677.                                                            </button>
  20678.                                                                                                            </div>
  20679.  
  20680.                                                                                            </div>
  20681.                                        </div>
  20682.                                                                                                                        </form>
  20683.                                
  20684.                </li>
  20685.                                        
  20686.                            <li class="swiper-slide">
  20687.                                                                    <form method="post"
  20688.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8664/"
  20689.                                        x-data="{
  20690.        hovered: false,
  20691.        grid: true ,
  20692.        isMobile: false,
  20693.        isMobileFunc () {
  20694.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20695.        }
  20696.    }"
  20697.                                        x-init="
  20698.        isMobileFunc();
  20699.        const labelClass = '.amlabel-position-top-right-8664-prod';
  20700.        const labels = document.querySelectorAll(labelClass);
  20701.  
  20702.        $watch('hovered', value => {
  20703.            if (value) {
  20704.                labels.forEach(el => el.style.opacity = '0');
  20705.            } else {
  20706.                labels.forEach(el => el.style.opacity = '1');
  20707.            }
  20708.        });
  20709.    "
  20710.                                        @mouseenter="hovered = true"
  20711.                                        @mouseleave="hovered = false"
  20712.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20713.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20714.                                        >
  20715.                                        <style>
  20716.                                            /* Generate styling for the label based on the product ID */
  20717.                                            .amlabel-position-top-right-8664-prod {
  20718.                                                transition: opacity 0.3s ease;
  20719.                                            }
  20720.                                        </style>
  20721.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8664" />
  20722.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-schildpad-baby-tikiribijtbadschild"
  20723.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Schildpad"
  20724.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20725.                                            tabindex="-1">
  20726.                                            <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>
  20727.                                        </a>
  20728.                                        <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>
  20729.                                                                                            <div x-data="initWishlist()">
  20730.                                                    <button
  20731.                                                        @click="addToWishlist(8664)"
  20732.                                                        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"
  20733.                                                        type="button"
  20734.                                                        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"
  20735.                                                        data-addto="wishlist">
  20736.                                                        <span class="icon-heart text-2xl"></span>
  20737.                                                    </button>
  20738.                                                </div>
  20739.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20740.                                                    <button
  20741.                                                        @click="addToCompare(8664)"
  20742.                                                        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"
  20743.                                                        type="button"
  20744.                                                        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"
  20745.                                                        data-addto="compare">
  20746.                                                        <span class="icon-balance text-2xl"></span>
  20747.                                                    </button>
  20748.                                                </div>
  20749.                                                                                    </div>
  20750.                                        <div class="product-info flex flex-col grow">
  20751.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20752.                                                <a
  20753.                                                    class="product-item-link"
  20754.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-schildpad-baby-tikiribijtbadschild"
  20755.                                                    :id="`slide-desc-8664-${$id('slider-id')}`">
  20756.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Schildpad                                                </a>
  20757.                                            </div>
  20758.  
  20759.  
  20760.                                                                                                                                        
  20761.  
  20762.  
  20763.                                            
  20764.                                            <div class="pt-1 text-gray-900"
  20765.                                                x-defer="intersect"
  20766.                                                @update-prices-8664.window="updatePrice($event.detail);">
  20767.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8664" data-price-box="product-id-8664">
  20768.    <span
  20769.    x-data x-id="['product\u002Dprice\u002D8664']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20770.        >
  20771.        <span  :id="$id('product\u002Dprice\u002D8664')"                data-price-amount="19.95"
  20772.        data-price-type="finalPrice"
  20773.        class="price-wrapper "
  20774.    ><span class="price">€ 19,95</span></span>
  20775.        </span>
  20776.  
  20777. </div>                                            </div>
  20778.  
  20779.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20780.            ">
  20781.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20782.                                                                                                                    <button
  20783.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20784.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20785.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad"
  20786.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Schildpad"
  20787.                                                                data-addto="cart">
  20788.                                                                <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">
  20789.  <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"/>
  20790. </svg>
  20791.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20792.                                                                    In Winkelwagen                                                                </span>
  20793.                                                            </button>
  20794.                                                                                                            </div>
  20795.  
  20796.                                                                                            </div>
  20797.                                        </div>
  20798.                                                                                                                        </form>
  20799.                                
  20800.                </li>
  20801.                                        
  20802.                            <li class="swiper-slide">
  20803.                                                                    <form method="post"
  20804.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8663/"
  20805.                                        x-data="{
  20806.        hovered: false,
  20807.        grid: true ,
  20808.        isMobile: false,
  20809.        isMobileFunc () {
  20810.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20811.        }
  20812.    }"
  20813.                                        x-init="
  20814.        isMobileFunc();
  20815.        const labelClass = '.amlabel-position-top-right-8663-prod';
  20816.        const labels = document.querySelectorAll(labelClass);
  20817.  
  20818.        $watch('hovered', value => {
  20819.            if (value) {
  20820.                labels.forEach(el => el.style.opacity = '0');
  20821.            } else {
  20822.                labels.forEach(el => el.style.opacity = '1');
  20823.            }
  20824.        });
  20825.    "
  20826.                                        @mouseenter="hovered = true"
  20827.                                        @mouseleave="hovered = false"
  20828.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20829.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20830.                                        >
  20831.                                        <style>
  20832.                                            /* Generate styling for the label based on the product ID */
  20833.                                            .amlabel-position-top-right-8663-prod {
  20834.                                                transition: opacity 0.3s ease;
  20835.                                            }
  20836.                                        </style>
  20837.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8663" />
  20838.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-walvis-baby-tikiribijtbadwalvis"
  20839.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Walvis"
  20840.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20841.                                            tabindex="-1">
  20842.                                            <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>
  20843.                                        </a>
  20844.                                        <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>
  20845.                                                                                            <div x-data="initWishlist()">
  20846.                                                    <button
  20847.                                                        @click="addToWishlist(8663)"
  20848.                                                        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"
  20849.                                                        type="button"
  20850.                                                        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"
  20851.                                                        data-addto="wishlist">
  20852.                                                        <span class="icon-heart text-2xl"></span>
  20853.                                                    </button>
  20854.                                                </div>
  20855.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20856.                                                    <button
  20857.                                                        @click="addToCompare(8663)"
  20858.                                                        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"
  20859.                                                        type="button"
  20860.                                                        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"
  20861.                                                        data-addto="compare">
  20862.                                                        <span class="icon-balance text-2xl"></span>
  20863.                                                    </button>
  20864.                                                </div>
  20865.                                                                                    </div>
  20866.                                        <div class="product-info flex flex-col grow">
  20867.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20868.                                                <a
  20869.                                                    class="product-item-link"
  20870.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-walvis-baby-tikiribijtbadwalvis"
  20871.                                                    :id="`slide-desc-8663-${$id('slider-id')}`">
  20872.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Walvis                                                </a>
  20873.                                            </div>
  20874.  
  20875.  
  20876.                                                                                                                                        
  20877.  
  20878.  
  20879.                                            
  20880.                                            <div class="pt-1 text-gray-900"
  20881.                                                x-defer="intersect"
  20882.                                                @update-prices-8663.window="updatePrice($event.detail);">
  20883.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8663" data-price-box="product-id-8663">
  20884.    <span
  20885.    x-data x-id="['product\u002Dprice\u002D8663']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  20886.        >
  20887.        <span  :id="$id('product\u002Dprice\u002D8663')"                data-price-amount="19.95"
  20888.        data-price-type="finalPrice"
  20889.        class="price-wrapper "
  20890.    ><span class="price">€ 19,95</span></span>
  20891.        </span>
  20892.  
  20893. </div>                                            </div>
  20894.  
  20895.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  20896.            ">
  20897.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  20898.                                                                                                                    <button
  20899.                                                                class="w-auto btn justify-center text-xl mr-auto"
  20900.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  20901.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis"
  20902.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Walvis"
  20903.                                                                data-addto="cart">
  20904.                                                                <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">
  20905.  <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"/>
  20906. </svg>
  20907.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  20908.                                                                    In Winkelwagen                                                                </span>
  20909.                                                            </button>
  20910.                                                                                                            </div>
  20911.  
  20912.                                                                                            </div>
  20913.                                        </div>
  20914.                                                                                                                        </form>
  20915.                                
  20916.                </li>
  20917.                                        
  20918.                            <li class="swiper-slide">
  20919.                                                                    <form method="post"
  20920.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8662/"
  20921.                                        x-data="{
  20922.        hovered: false,
  20923.        grid: true ,
  20924.        isMobile: false,
  20925.        isMobileFunc () {
  20926.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  20927.        }
  20928.    }"
  20929.                                        x-init="
  20930.        isMobileFunc();
  20931.        const labelClass = '.amlabel-position-top-right-8662-prod';
  20932.        const labels = document.querySelectorAll(labelClass);
  20933.  
  20934.        $watch('hovered', value => {
  20935.            if (value) {
  20936.                labels.forEach(el => el.style.opacity = '0');
  20937.            } else {
  20938.                labels.forEach(el => el.style.opacity = '1');
  20939.            }
  20940.        });
  20941.    "
  20942.                                        @mouseenter="hovered = true"
  20943.                                        @mouseleave="hovered = false"
  20944.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  20945.                                        :class="isMobile ? 'product-item-mobile' : ''"
  20946.                                        >
  20947.                                        <style>
  20948.                                            /* Generate styling for the label based on the product ID */
  20949.                                            .amlabel-position-top-right-8662-prod {
  20950.                                                transition: opacity 0.3s ease;
  20951.                                            }
  20952.                                        </style>
  20953.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8662" />
  20954.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krab-baby-tikiribijtbadkrab"
  20955.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krab"
  20956.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  20957.                                            tabindex="-1">
  20958.                                            <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>
  20959.                                        </a>
  20960.                                        <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>
  20961.                                                                                            <div x-data="initWishlist()">
  20962.                                                    <button
  20963.                                                        @click="addToWishlist(8662)"
  20964.                                                        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"
  20965.                                                        type="button"
  20966.                                                        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"
  20967.                                                        data-addto="wishlist">
  20968.                                                        <span class="icon-heart text-2xl"></span>
  20969.                                                    </button>
  20970.                                                </div>
  20971.                                                                                                                                        <div x-data="initCompareOnProductList()">
  20972.                                                    <button
  20973.                                                        @click="addToCompare(8662)"
  20974.                                                        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"
  20975.                                                        type="button"
  20976.                                                        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"
  20977.                                                        data-addto="compare">
  20978.                                                        <span class="icon-balance text-2xl"></span>
  20979.                                                    </button>
  20980.                                                </div>
  20981.                                                                                    </div>
  20982.                                        <div class="product-info flex flex-col grow">
  20983.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  20984.                                                <a
  20985.                                                    class="product-item-link"
  20986.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krab-baby-tikiribijtbadkrab"
  20987.                                                    :id="`slide-desc-8662-${$id('slider-id')}`">
  20988.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krab                                                </a>
  20989.                                            </div>
  20990.  
  20991.  
  20992.                                                                                                                                        
  20993.  
  20994.  
  20995.                                            
  20996.                                            <div class="pt-1 text-gray-900"
  20997.                                                x-defer="intersect"
  20998.                                                @update-prices-8662.window="updatePrice($event.detail);">
  20999.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8662" data-price-box="product-id-8662">
  21000.    <span
  21001.    x-data x-id="['product\u002Dprice\u002D8662']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21002.        >
  21003.        <span  :id="$id('product\u002Dprice\u002D8662')"                data-price-amount="19.95"
  21004.        data-price-type="finalPrice"
  21005.        class="price-wrapper "
  21006.    ><span class="price">€ 19,95</span></span>
  21007.        </span>
  21008.  
  21009. </div>                                            </div>
  21010.  
  21011.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21012.            ">
  21013.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21014.                                                                                                                    <button
  21015.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21016.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21017.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab"
  21018.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krab"
  21019.                                                                data-addto="cart">
  21020.                                                                <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">
  21021.  <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"/>
  21022. </svg>
  21023.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21024.                                                                    In Winkelwagen                                                                </span>
  21025.                                                            </button>
  21026.                                                                                                            </div>
  21027.  
  21028.                                                                                            </div>
  21029.                                        </div>
  21030.                                                                                                                        </form>
  21031.                                
  21032.                </li>
  21033.                                        
  21034.                            <li class="swiper-slide">
  21035.                                                                    <form method="post"
  21036.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8661/"
  21037.                                        x-data="{
  21038.        hovered: false,
  21039.        grid: true ,
  21040.        isMobile: false,
  21041.        isMobileFunc () {
  21042.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21043.        }
  21044.    }"
  21045.                                        x-init="
  21046.        isMobileFunc();
  21047.        const labelClass = '.amlabel-position-top-right-8661-prod';
  21048.        const labels = document.querySelectorAll(labelClass);
  21049.  
  21050.        $watch('hovered', value => {
  21051.            if (value) {
  21052.                labels.forEach(el => el.style.opacity = '0');
  21053.            } else {
  21054.                labels.forEach(el => el.style.opacity = '1');
  21055.            }
  21056.        });
  21057.    "
  21058.                                        @mouseenter="hovered = true"
  21059.                                        @mouseleave="hovered = false"
  21060.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21061.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21062.                                        >
  21063.                                        <style>
  21064.                                            /* Generate styling for the label based on the product ID */
  21065.                                            .amlabel-position-top-right-8661-prod {
  21066.                                                transition: opacity 0.3s ease;
  21067.                                            }
  21068.                                        </style>
  21069.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8661" />
  21070.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-octopus-baby-tikiribijtbadocto"
  21071.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Octopus"
  21072.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21073.                                            tabindex="-1">
  21074.                                            <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>
  21075.                                        </a>
  21076.                                        <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>
  21077.                                                                                            <div x-data="initWishlist()">
  21078.                                                    <button
  21079.                                                        @click="addToWishlist(8661)"
  21080.                                                        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"
  21081.                                                        type="button"
  21082.                                                        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"
  21083.                                                        data-addto="wishlist">
  21084.                                                        <span class="icon-heart text-2xl"></span>
  21085.                                                    </button>
  21086.                                                </div>
  21087.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21088.                                                    <button
  21089.                                                        @click="addToCompare(8661)"
  21090.                                                        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"
  21091.                                                        type="button"
  21092.                                                        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"
  21093.                                                        data-addto="compare">
  21094.                                                        <span class="icon-balance text-2xl"></span>
  21095.                                                    </button>
  21096.                                                </div>
  21097.                                                                                    </div>
  21098.                                        <div class="product-info flex flex-col grow">
  21099.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21100.                                                <a
  21101.                                                    class="product-item-link"
  21102.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-octopus-baby-tikiribijtbadocto"
  21103.                                                    :id="`slide-desc-8661-${$id('slider-id')}`">
  21104.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Octopus                                                </a>
  21105.                                            </div>
  21106.  
  21107.  
  21108.                                                                                                                                        
  21109.  
  21110.  
  21111.                                            
  21112.                                            <div class="pt-1 text-gray-900"
  21113.                                                x-defer="intersect"
  21114.                                                @update-prices-8661.window="updatePrice($event.detail);">
  21115.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8661" data-price-box="product-id-8661">
  21116.    <span
  21117.    x-data x-id="['product\u002Dprice\u002D8661']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21118.        >
  21119.        <span  :id="$id('product\u002Dprice\u002D8661')"                data-price-amount="19.95"
  21120.        data-price-type="finalPrice"
  21121.        class="price-wrapper "
  21122.    ><span class="price">€ 19,95</span></span>
  21123.        </span>
  21124.  
  21125. </div>                                            </div>
  21126.  
  21127.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21128.            ">
  21129.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21130.                                                                                                                    <button
  21131.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21132.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21133.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus"
  21134.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Octopus"
  21135.                                                                data-addto="cart">
  21136.                                                                <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">
  21137.  <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"/>
  21138. </svg>
  21139.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21140.                                                                    In Winkelwagen                                                                </span>
  21141.                                                            </button>
  21142.                                                                                                            </div>
  21143.  
  21144.                                                                                            </div>
  21145.                                        </div>
  21146.                                                                                                                        </form>
  21147.                                
  21148.                </li>
  21149.                                        
  21150.                            <li class="swiper-slide">
  21151.                                                                    <form method="post"
  21152.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8660/"
  21153.                                        x-data="{
  21154.        hovered: false,
  21155.        grid: true ,
  21156.        isMobile: false,
  21157.        isMobileFunc () {
  21158.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21159.        }
  21160.    }"
  21161.                                        x-init="
  21162.        isMobileFunc();
  21163.        const labelClass = '.amlabel-position-top-right-8660-prod';
  21164.        const labels = document.querySelectorAll(labelClass);
  21165.  
  21166.        $watch('hovered', value => {
  21167.            if (value) {
  21168.                labels.forEach(el => el.style.opacity = '0');
  21169.            } else {
  21170.                labels.forEach(el => el.style.opacity = '1');
  21171.            }
  21172.        });
  21173.    "
  21174.                                        @mouseenter="hovered = true"
  21175.                                        @mouseleave="hovered = false"
  21176.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21177.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21178.                                        >
  21179.                                        <style>
  21180.                                            /* Generate styling for the label based on the product ID */
  21181.                                            .amlabel-position-top-right-8660-prod {
  21182.                                                transition: opacity 0.3s ease;
  21183.                                            }
  21184.                                        </style>
  21185.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8660" />
  21186.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zeepaardje-baby-tikiribijtbadzeep"
  21187.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zeepaardje"
  21188.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21189.                                            tabindex="-1">
  21190.                                            <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>
  21191.                                        </a>
  21192.                                        <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>
  21193.                                                                                            <div x-data="initWishlist()">
  21194.                                                    <button
  21195.                                                        @click="addToWishlist(8660)"
  21196.                                                        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"
  21197.                                                        type="button"
  21198.                                                        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"
  21199.                                                        data-addto="wishlist">
  21200.                                                        <span class="icon-heart text-2xl"></span>
  21201.                                                    </button>
  21202.                                                </div>
  21203.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21204.                                                    <button
  21205.                                                        @click="addToCompare(8660)"
  21206.                                                        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"
  21207.                                                        type="button"
  21208.                                                        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"
  21209.                                                        data-addto="compare">
  21210.                                                        <span class="icon-balance text-2xl"></span>
  21211.                                                    </button>
  21212.                                                </div>
  21213.                                                                                    </div>
  21214.                                        <div class="product-info flex flex-col grow">
  21215.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21216.                                                <a
  21217.                                                    class="product-item-link"
  21218.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zeepaardje-baby-tikiribijtbadzeep"
  21219.                                                    :id="`slide-desc-8660-${$id('slider-id')}`">
  21220.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zeepaardje                                                </a>
  21221.                                            </div>
  21222.  
  21223.  
  21224.                                                                                                                                        
  21225.  
  21226.  
  21227.                                            
  21228.                                            <div class="pt-1 text-gray-900"
  21229.                                                x-defer="intersect"
  21230.                                                @update-prices-8660.window="updatePrice($event.detail);">
  21231.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8660" data-price-box="product-id-8660">
  21232.    <span
  21233.    x-data x-id="['product\u002Dprice\u002D8660']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21234.        >
  21235.        <span  :id="$id('product\u002Dprice\u002D8660')"                data-price-amount="19.95"
  21236.        data-price-type="finalPrice"
  21237.        class="price-wrapper "
  21238.    ><span class="price">€ 19,95</span></span>
  21239.        </span>
  21240.  
  21241. </div>                                            </div>
  21242.  
  21243.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21244.            ">
  21245.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21246.                                                                                                                    <button
  21247.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21248.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21249.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje"
  21250.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zeepaardje"
  21251.                                                                data-addto="cart">
  21252.                                                                <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">
  21253.  <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"/>
  21254. </svg>
  21255.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21256.                                                                    In Winkelwagen                                                                </span>
  21257.                                                            </button>
  21258.                                                                                                            </div>
  21259.  
  21260.                                                                                            </div>
  21261.                                        </div>
  21262.                                                                                                                        </form>
  21263.                                
  21264.                </li>
  21265.                                        
  21266.                            <li class="swiper-slide">
  21267.                                                                    <form method="post"
  21268.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8659/"
  21269.                                        x-data="{
  21270.        hovered: false,
  21271.        grid: true ,
  21272.        isMobile: false,
  21273.        isMobileFunc () {
  21274.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21275.        }
  21276.    }"
  21277.                                        x-init="
  21278.        isMobileFunc();
  21279.        const labelClass = '.amlabel-position-top-right-8659-prod';
  21280.        const labels = document.querySelectorAll(labelClass);
  21281.  
  21282.        $watch('hovered', value => {
  21283.            if (value) {
  21284.                labels.forEach(el => el.style.opacity = '0');
  21285.            } else {
  21286.                labels.forEach(el => el.style.opacity = '1');
  21287.            }
  21288.        });
  21289.    "
  21290.                                        @mouseenter="hovered = true"
  21291.                                        @mouseleave="hovered = false"
  21292.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21293.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21294.                                        >
  21295.                                        <style>
  21296.                                            /* Generate styling for the label based on the product ID */
  21297.                                            .amlabel-position-top-right-8659-prod {
  21298.                                                transition: opacity 0.3s ease;
  21299.                                            }
  21300.                                        </style>
  21301.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8659" />
  21302.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zebra-baby-tikiribijtbadzebra"
  21303.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zebra"
  21304.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21305.                                            tabindex="-1">
  21306.                                            <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>
  21307.                                        </a>
  21308.                                        <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>
  21309.                                                                                            <div x-data="initWishlist()">
  21310.                                                    <button
  21311.                                                        @click="addToWishlist(8659)"
  21312.                                                        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"
  21313.                                                        type="button"
  21314.                                                        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"
  21315.                                                        data-addto="wishlist">
  21316.                                                        <span class="icon-heart text-2xl"></span>
  21317.                                                    </button>
  21318.                                                </div>
  21319.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21320.                                                    <button
  21321.                                                        @click="addToCompare(8659)"
  21322.                                                        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"
  21323.                                                        type="button"
  21324.                                                        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"
  21325.                                                        data-addto="compare">
  21326.                                                        <span class="icon-balance text-2xl"></span>
  21327.                                                    </button>
  21328.                                                </div>
  21329.                                                                                    </div>
  21330.                                        <div class="product-info flex flex-col grow">
  21331.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21332.                                                <a
  21333.                                                    class="product-item-link"
  21334.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-zebra-baby-tikiribijtbadzebra"
  21335.                                                    :id="`slide-desc-8659-${$id('slider-id')}`">
  21336.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Zebra                                                </a>
  21337.                                            </div>
  21338.  
  21339.  
  21340.                                                                                                                                        
  21341.  
  21342.  
  21343.                                            
  21344.                                            <div class="pt-1 text-gray-900"
  21345.                                                x-defer="intersect"
  21346.                                                @update-prices-8659.window="updatePrice($event.detail);">
  21347.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8659" data-price-box="product-id-8659">
  21348.    <span
  21349.    x-data x-id="['product\u002Dprice\u002D8659']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21350.        >
  21351.        <span  :id="$id('product\u002Dprice\u002D8659')"                data-price-amount="19.95"
  21352.        data-price-type="finalPrice"
  21353.        class="price-wrapper "
  21354.    ><span class="price">€ 19,95</span></span>
  21355.        </span>
  21356.  
  21357. </div>                                            </div>
  21358.  
  21359.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21360.            ">
  21361.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21362.                                                                                                                    <button
  21363.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21364.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21365.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra"
  21366.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Zebra"
  21367.                                                                data-addto="cart">
  21368.                                                                <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">
  21369.  <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"/>
  21370. </svg>
  21371.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21372.                                                                    In Winkelwagen                                                                </span>
  21373.                                                            </button>
  21374.                                                                                                            </div>
  21375.  
  21376.                                                                                            </div>
  21377.                                        </div>
  21378.                                                                                                                        </form>
  21379.                                
  21380.                </li>
  21381.                                        
  21382.                            <li class="swiper-slide">
  21383.                                                                    <form method="post"
  21384.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8658/"
  21385.                                        x-data="{
  21386.        hovered: false,
  21387.        grid: true ,
  21388.        isMobile: false,
  21389.        isMobileFunc () {
  21390.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21391.        }
  21392.    }"
  21393.                                        x-init="
  21394.        isMobileFunc();
  21395.        const labelClass = '.amlabel-position-top-right-8658-prod';
  21396.        const labels = document.querySelectorAll(labelClass);
  21397.  
  21398.        $watch('hovered', value => {
  21399.            if (value) {
  21400.                labels.forEach(el => el.style.opacity = '0');
  21401.            } else {
  21402.                labels.forEach(el => el.style.opacity = '1');
  21403.            }
  21404.        });
  21405.    "
  21406.                                        @mouseenter="hovered = true"
  21407.                                        @mouseleave="hovered = false"
  21408.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21409.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21410.                                        >
  21411.                                        <style>
  21412.                                            /* Generate styling for the label based on the product ID */
  21413.                                            .amlabel-position-top-right-8658-prod {
  21414.                                                transition: opacity 0.3s ease;
  21415.                                            }
  21416.                                        </style>
  21417.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8658" />
  21418.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-olifant-baby-tikiribijtbadolif"
  21419.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Olifant"
  21420.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21421.                                            tabindex="-1">
  21422.                                            <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>
  21423.                                        </a>
  21424.                                        <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>
  21425.                                                                                            <div x-data="initWishlist()">
  21426.                                                    <button
  21427.                                                        @click="addToWishlist(8658)"
  21428.                                                        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"
  21429.                                                        type="button"
  21430.                                                        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"
  21431.                                                        data-addto="wishlist">
  21432.                                                        <span class="icon-heart text-2xl"></span>
  21433.                                                    </button>
  21434.                                                </div>
  21435.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21436.                                                    <button
  21437.                                                        @click="addToCompare(8658)"
  21438.                                                        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"
  21439.                                                        type="button"
  21440.                                                        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"
  21441.                                                        data-addto="compare">
  21442.                                                        <span class="icon-balance text-2xl"></span>
  21443.                                                    </button>
  21444.                                                </div>
  21445.                                                                                    </div>
  21446.                                        <div class="product-info flex flex-col grow">
  21447.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21448.                                                <a
  21449.                                                    class="product-item-link"
  21450.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-olifant-baby-tikiribijtbadolif"
  21451.                                                    :id="`slide-desc-8658-${$id('slider-id')}`">
  21452.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Olifant                                                </a>
  21453.                                            </div>
  21454.  
  21455.  
  21456.                                                                                                                                        
  21457.  
  21458.  
  21459.                                            
  21460.                                            <div class="pt-1 text-gray-900"
  21461.                                                x-defer="intersect"
  21462.                                                @update-prices-8658.window="updatePrice($event.detail);">
  21463.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8658" data-price-box="product-id-8658">
  21464.    <span
  21465.    x-data x-id="['product\u002Dprice\u002D8658']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21466.        >
  21467.        <span  :id="$id('product\u002Dprice\u002D8658')"                data-price-amount="19.95"
  21468.        data-price-type="finalPrice"
  21469.        class="price-wrapper "
  21470.    ><span class="price">€ 19,95</span></span>
  21471.        </span>
  21472.  
  21473. </div>                                            </div>
  21474.  
  21475.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21476.            ">
  21477.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21478.                                                                                                                    <button
  21479.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21480.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21481.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant"
  21482.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Olifant"
  21483.                                                                data-addto="cart">
  21484.                                                                <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">
  21485.  <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"/>
  21486. </svg>
  21487.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21488.                                                                    In Winkelwagen                                                                </span>
  21489.                                                            </button>
  21490.                                                                                                            </div>
  21491.  
  21492.                                                                                            </div>
  21493.                                        </div>
  21494.                                                                                                                        </form>
  21495.                                
  21496.                </li>
  21497.                                        
  21498.                            <li class="swiper-slide">
  21499.                                                                    <form method="post"
  21500.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8657/"
  21501.                                        x-data="{
  21502.        hovered: false,
  21503.        grid: true ,
  21504.        isMobile: false,
  21505.        isMobileFunc () {
  21506.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21507.        }
  21508.    }"
  21509.                                        x-init="
  21510.        isMobileFunc();
  21511.        const labelClass = '.amlabel-position-top-right-8657-prod';
  21512.        const labels = document.querySelectorAll(labelClass);
  21513.  
  21514.        $watch('hovered', value => {
  21515.            if (value) {
  21516.                labels.forEach(el => el.style.opacity = '0');
  21517.            } else {
  21518.                labels.forEach(el => el.style.opacity = '1');
  21519.            }
  21520.        });
  21521.    "
  21522.                                        @mouseenter="hovered = true"
  21523.                                        @mouseleave="hovered = false"
  21524.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21525.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21526.                                        >
  21527.                                        <style>
  21528.                                            /* Generate styling for the label based on the product ID */
  21529.                                            .amlabel-position-top-right-8657-prod {
  21530.                                                transition: opacity 0.3s ease;
  21531.                                            }
  21532.                                        </style>
  21533.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8657" />
  21534.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krokodil"
  21535.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krokodil"
  21536.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21537.                                            tabindex="-1">
  21538.                                            <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>
  21539.                                        </a>
  21540.                                        <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>
  21541.                                                                                            <div x-data="initWishlist()">
  21542.                                                    <button
  21543.                                                        @click="addToWishlist(8657)"
  21544.                                                        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"
  21545.                                                        type="button"
  21546.                                                        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"
  21547.                                                        data-addto="wishlist">
  21548.                                                        <span class="icon-heart text-2xl"></span>
  21549.                                                    </button>
  21550.                                                </div>
  21551.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21552.                                                    <button
  21553.                                                        @click="addToCompare(8657)"
  21554.                                                        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"
  21555.                                                        type="button"
  21556.                                                        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"
  21557.                                                        data-addto="compare">
  21558.                                                        <span class="icon-balance text-2xl"></span>
  21559.                                                    </button>
  21560.                                                </div>
  21561.                                                                                    </div>
  21562.                                        <div class="product-info flex flex-col grow">
  21563.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21564.                                                <a
  21565.                                                    class="product-item-link"
  21566.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-krokodil"
  21567.                                                    :id="`slide-desc-8657-${$id('slider-id')}`">
  21568.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Krokodil                                                </a>
  21569.                                            </div>
  21570.  
  21571.  
  21572.                                                                                                                                        
  21573.  
  21574.  
  21575.                                            
  21576.                                            <div class="pt-1 text-gray-900"
  21577.                                                x-defer="intersect"
  21578.                                                @update-prices-8657.window="updatePrice($event.detail);">
  21579.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8657" data-price-box="product-id-8657">
  21580.    <span
  21581.    x-data x-id="['product\u002Dprice\u002D8657']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21582.        >
  21583.        <span  :id="$id('product\u002Dprice\u002D8657')"                data-price-amount="19.95"
  21584.        data-price-type="finalPrice"
  21585.        class="price-wrapper "
  21586.    ><span class="price">€ 19,95</span></span>
  21587.        </span>
  21588.  
  21589. </div>                                            </div>
  21590.  
  21591.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21592.            ">
  21593.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21594.                                                                                                                    <button
  21595.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21596.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21597.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil"
  21598.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Krokodil"
  21599.                                                                data-addto="cart">
  21600.                                                                <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">
  21601.  <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"/>
  21602. </svg>
  21603.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21604.                                                                    In Winkelwagen                                                                </span>
  21605.                                                            </button>
  21606.                                                                                                            </div>
  21607.  
  21608.                                                                                            </div>
  21609.                                        </div>
  21610.                                                                                                                        </form>
  21611.                                
  21612.                </li>
  21613.                                        
  21614.                            <li class="swiper-slide">
  21615.                                                                    <form method="post"
  21616.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8656/"
  21617.                                        x-data="{
  21618.        hovered: false,
  21619.        grid: true ,
  21620.        isMobile: false,
  21621.        isMobileFunc () {
  21622.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21623.        }
  21624.    }"
  21625.                                        x-init="
  21626.        isMobileFunc();
  21627.        const labelClass = '.amlabel-position-top-right-8656-prod';
  21628.        const labels = document.querySelectorAll(labelClass);
  21629.  
  21630.        $watch('hovered', value => {
  21631.            if (value) {
  21632.                labels.forEach(el => el.style.opacity = '0');
  21633.            } else {
  21634.                labels.forEach(el => el.style.opacity = '1');
  21635.            }
  21636.        });
  21637.    "
  21638.                                        @mouseenter="hovered = true"
  21639.                                        @mouseleave="hovered = false"
  21640.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21641.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21642.                                        >
  21643.                                        <style>
  21644.                                            /* Generate styling for the label based on the product ID */
  21645.                                            .amlabel-position-top-right-8656-prod {
  21646.                                                transition: opacity 0.3s ease;
  21647.                                            }
  21648.                                        </style>
  21649.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8656" />
  21650.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-leeuw-baby-tikiribijtbadleeuw"
  21651.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Leeuw"
  21652.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21653.                                            tabindex="-1">
  21654.                                            <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>
  21655.                                        </a>
  21656.                                        <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>
  21657.                                                                                            <div x-data="initWishlist()">
  21658.                                                    <button
  21659.                                                        @click="addToWishlist(8656)"
  21660.                                                        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"
  21661.                                                        type="button"
  21662.                                                        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"
  21663.                                                        data-addto="wishlist">
  21664.                                                        <span class="icon-heart text-2xl"></span>
  21665.                                                    </button>
  21666.                                                </div>
  21667.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21668.                                                    <button
  21669.                                                        @click="addToCompare(8656)"
  21670.                                                        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"
  21671.                                                        type="button"
  21672.                                                        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"
  21673.                                                        data-addto="compare">
  21674.                                                        <span class="icon-balance text-2xl"></span>
  21675.                                                    </button>
  21676.                                                </div>
  21677.                                                                                    </div>
  21678.                                        <div class="product-info flex flex-col grow">
  21679.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21680.                                                <a
  21681.                                                    class="product-item-link"
  21682.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-leeuw-baby-tikiribijtbadleeuw"
  21683.                                                    :id="`slide-desc-8656-${$id('slider-id')}`">
  21684.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Leeuw                                                </a>
  21685.                                            </div>
  21686.  
  21687.  
  21688.                                                                                                                                        
  21689.  
  21690.  
  21691.                                            
  21692.                                            <div class="pt-1 text-gray-900"
  21693.                                                x-defer="intersect"
  21694.                                                @update-prices-8656.window="updatePrice($event.detail);">
  21695.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8656" data-price-box="product-id-8656">
  21696.    <span
  21697.    x-data x-id="['product\u002Dprice\u002D8656']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21698.        >
  21699.        <span  :id="$id('product\u002Dprice\u002D8656')"                data-price-amount="19.95"
  21700.        data-price-type="finalPrice"
  21701.        class="price-wrapper "
  21702.    ><span class="price">€ 19,95</span></span>
  21703.        </span>
  21704.  
  21705. </div>                                            </div>
  21706.  
  21707.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21708.            ">
  21709.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21710.                                                                                                                    <button
  21711.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21712.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21713.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw"
  21714.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Leeuw"
  21715.                                                                data-addto="cart">
  21716.                                                                <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">
  21717.  <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"/>
  21718. </svg>
  21719.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21720.                                                                    In Winkelwagen                                                                </span>
  21721.                                                            </button>
  21722.                                                                                                            </div>
  21723.  
  21724.                                                                                            </div>
  21725.                                        </div>
  21726.                                                                                                                        </form>
  21727.                                
  21728.                </li>
  21729.                                        
  21730.                            <li class="swiper-slide">
  21731.                                                                    <form method="post"
  21732.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8655/"
  21733.                                        x-data="{
  21734.        hovered: false,
  21735.        grid: true ,
  21736.        isMobile: false,
  21737.        isMobileFunc () {
  21738.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21739.        }
  21740.    }"
  21741.                                        x-init="
  21742.        isMobileFunc();
  21743.        const labelClass = '.amlabel-position-top-right-8655-prod';
  21744.        const labels = document.querySelectorAll(labelClass);
  21745.  
  21746.        $watch('hovered', value => {
  21747.            if (value) {
  21748.                labels.forEach(el => el.style.opacity = '0');
  21749.            } else {
  21750.                labels.forEach(el => el.style.opacity = '1');
  21751.            }
  21752.        });
  21753.    "
  21754.                                        @mouseenter="hovered = true"
  21755.                                        @mouseleave="hovered = false"
  21756.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21757.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21758.                                        >
  21759.                                        <style>
  21760.                                            /* Generate styling for the label based on the product ID */
  21761.                                            .amlabel-position-top-right-8655-prod {
  21762.                                                transition: opacity 0.3s ease;
  21763.                                            }
  21764.                                        </style>
  21765.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8655" />
  21766.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-nijlpaard"
  21767.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Nijlpaard"
  21768.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21769.                                            tabindex="-1">
  21770.                                            <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>
  21771.                                        </a>
  21772.                                        <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>
  21773.                                                                                            <div x-data="initWishlist()">
  21774.                                                    <button
  21775.                                                        @click="addToWishlist(8655)"
  21776.                                                        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"
  21777.                                                        type="button"
  21778.                                                        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"
  21779.                                                        data-addto="wishlist">
  21780.                                                        <span class="icon-heart text-2xl"></span>
  21781.                                                    </button>
  21782.                                                </div>
  21783.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21784.                                                    <button
  21785.                                                        @click="addToCompare(8655)"
  21786.                                                        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"
  21787.                                                        type="button"
  21788.                                                        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"
  21789.                                                        data-addto="compare">
  21790.                                                        <span class="icon-balance text-2xl"></span>
  21791.                                                    </button>
  21792.                                                </div>
  21793.                                                                                    </div>
  21794.                                        <div class="product-info flex flex-col grow">
  21795.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21796.                                                <a
  21797.                                                    class="product-item-link"
  21798.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-nijlpaard"
  21799.                                                    :id="`slide-desc-8655-${$id('slider-id')}`">
  21800.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Nijlpaard                                                </a>
  21801.                                            </div>
  21802.  
  21803.  
  21804.                                                                                                                                        
  21805.  
  21806.  
  21807.                                            
  21808.                                            <div class="pt-1 text-gray-900"
  21809.                                                x-defer="intersect"
  21810.                                                @update-prices-8655.window="updatePrice($event.detail);">
  21811.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8655" data-price-box="product-id-8655">
  21812.    <span
  21813.    x-data x-id="['product\u002Dprice\u002D8655']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21814.        >
  21815.        <span  :id="$id('product\u002Dprice\u002D8655')"                data-price-amount="19.95"
  21816.        data-price-type="finalPrice"
  21817.        class="price-wrapper "
  21818.    ><span class="price">€ 19,95</span></span>
  21819.        </span>
  21820.  
  21821. </div>                                            </div>
  21822.  
  21823.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21824.            ">
  21825.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21826.                                                                                                                    <button
  21827.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21828.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21829.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard"
  21830.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Nijlpaard"
  21831.                                                                data-addto="cart">
  21832.                                                                <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">
  21833.  <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"/>
  21834. </svg>
  21835.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21836.                                                                    In Winkelwagen                                                                </span>
  21837.                                                            </button>
  21838.                                                                                                            </div>
  21839.  
  21840.                                                                                            </div>
  21841.                                        </div>
  21842.                                                                                                                        </form>
  21843.                                
  21844.                </li>
  21845.                                        
  21846.                            <li class="swiper-slide">
  21847.                                                                    <form method="post"
  21848.                                        action="https://www.lalashops.nl/checkout/cart/add/uenc/%25uenc%25/product/8654/"
  21849.                                        x-data="{
  21850.        hovered: false,
  21851.        grid: true ,
  21852.        isMobile: false,
  21853.        isMobileFunc () {
  21854.            this.isMobile = window.matchMedia('(max-width: 768px)').matches;
  21855.        }
  21856.    }"
  21857.                                        x-init="
  21858.        isMobileFunc();
  21859.        const labelClass = '.amlabel-position-top-right-8654-prod';
  21860.        const labels = document.querySelectorAll(labelClass);
  21861.  
  21862.        $watch('hovered', value => {
  21863.            if (value) {
  21864.                labels.forEach(el => el.style.opacity = '0');
  21865.            } else {
  21866.                labels.forEach(el => el.style.opacity = '1');
  21867.            }
  21868.        });
  21869.    "
  21870.                                        @mouseenter="hovered = true"
  21871.                                        @mouseleave="hovered = false"
  21872.                                        class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full relative "
  21873.                                        :class="isMobile ? 'product-item-mobile' : ''"
  21874.                                        >
  21875.                                        <style>
  21876.                                            /* Generate styling for the label based on the product ID */
  21877.                                            .amlabel-position-top-right-8654-prod {
  21878.                                                transition: opacity 0.3s ease;
  21879.                                            }
  21880.                                        </style>
  21881.                                        <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                                        <input type="hidden" name="product" value="8654" />
  21882.                                                                                                                                                            <a href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-giraf-baby-tikiribijtbadgiraf"
  21883.                                            title="TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Giraf"
  21884.                                            class="product photo product-item-photo flex items-center mx-auto mb-3 h-[381px] rounded-product-card overflow-hidden w-full "
  21885.                                            tabindex="-1">
  21886.                                            <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>
  21887.                                        </a>
  21888.                                        <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>
  21889.                                                                                            <div x-data="initWishlist()">
  21890.                                                    <button
  21891.                                                        @click="addToWishlist(8654)"
  21892.                                                        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"
  21893.                                                        type="button"
  21894.                                                        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"
  21895.                                                        data-addto="wishlist">
  21896.                                                        <span class="icon-heart text-2xl"></span>
  21897.                                                    </button>
  21898.                                                </div>
  21899.                                                                                                                                        <div x-data="initCompareOnProductList()">
  21900.                                                    <button
  21901.                                                        @click="addToCompare(8654)"
  21902.                                                        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"
  21903.                                                        type="button"
  21904.                                                        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"
  21905.                                                        data-addto="compare">
  21906.                                                        <span class="icon-balance text-2xl"></span>
  21907.                                                    </button>
  21908.                                                </div>
  21909.                                                                                    </div>
  21910.                                        <div class="product-info flex flex-col grow">
  21911.                                            <div class="mt-2 mb-1 items-center justify-start text-lala-black text-base text-left ">
  21912.                                                <a
  21913.                                                    class="product-item-link"
  21914.                                                    href="https://www.lalashops.nl/tikiri-toys-bijt-en-badspeelgoed-met-rammelaar-giraf-baby-tikiribijtbadgiraf"
  21915.                                                    :id="`slide-desc-8654-${$id('slider-id')}`">
  21916.                                                    TIKIRI TOYS | Bijt- en Badspeelgoed met Rammelaar - Giraf                                                </a>
  21917.                                            </div>
  21918.  
  21919.  
  21920.                                                                                                                                        
  21921.  
  21922.  
  21923.                                            
  21924.                                            <div class="pt-1 text-gray-900"
  21925.                                                x-defer="intersect"
  21926.                                                @update-prices-8654.window="updatePrice($event.detail);">
  21927.                                                <div class="price-box price-final_price" data-role="priceBox" data-product-id="8654" data-price-box="product-id-8654">
  21928.    <span
  21929.    x-data x-id="['product\u002Dprice\u002D8654']"    class="price-container price-final_price&#x20;tax&#x20;weee"
  21930.        >
  21931.        <span  :id="$id('product\u002Dprice\u002D8654')"                data-price-amount="19.95"
  21932.        data-price-type="finalPrice"
  21933.        class="price-wrapper "
  21934.    ><span class="price">€ 19,95</span></span>
  21935.        </span>
  21936.  
  21937. </div>                                            </div>
  21938.  
  21939.                                            <div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2
  21940.            ">
  21941.                                                                                                    <div class="add-to-cart-wrapper" x-show="hovered || !grid || isMobile" x-transition.opacity.duration.300ms>
  21942.                                                                                                                    <button
  21943.                                                                class="w-auto btn justify-center text-xl mr-auto"
  21944.                                                                :class="!grid && isMobile ? 'btn-secondary' : 'btn-primary'"
  21945.                                                                title="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf"
  21946.                                                                aria-label="In&#x20;Winkelwagen&#x20;TIKIRI&#x20;TOYS&#x20;&#x7C;&#x20;Bijt-&#x20;en&#x20;Badspeelgoed&#x20;met&#x20;Rammelaar&#x20;-&#x20;Giraf"
  21947.                                                                data-addto="cart">
  21948.                                                                <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">
  21949.  <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"/>
  21950. </svg>
  21951.                                                                <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline">
  21952.                                                                    In Winkelwagen                                                                </span>
  21953.                                                            </button>
  21954.                                                                                                            </div>
  21955.  
  21956.                                                                                            </div>
  21957.                                        </div>
  21958.                                                                                                                        </form>
  21959.                                
  21960.                </li>
  21961.                            </div>
  21962.  
  21963.        </div>
  21964.  
  21965.        <script>
  21966.            (function() {
  21967.                const swiperCssUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/css/swiper-bundle.min.css';
  21968.                const swiperJsUrl = 'https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Widgets/js/6.8.4_swiper-bundle.min.js';
  21969.  
  21970.                // Load Swiper CSS
  21971.                if (typeof window.SwiperCSS === 'undefined') {
  21972.                    const style = document.createElement("link");
  21973.                    style.rel = "stylesheet";
  21974.                    style.type = "text/css";
  21975.                    style.href = swiperCssUrl;
  21976.  
  21977.                    const insertAt = document.getElementsByTagName('link')[0];
  21978.                    if (insertAt) {
  21979.                        insertAt.parentNode.insertBefore(style, insertAt);
  21980.                    } else {
  21981.                        document.head.appendChild(style);
  21982.                    }
  21983.                    window.SwiperCSS = 'loaded';
  21984.                }
  21985.  
  21986.                function initSwiper() {
  21987.                    new Swiper('.swiper-container', {
  21988.                        loop: false,
  21989.                        slidesPerView: 1,
  21990.                        spaceBetween: 16,
  21991.                        autoplay: false,
  21992.                        navigation: {
  21993.                            nextEl: '.swiper-button-next',
  21994.                            prevEl: '.swiper-button-prev',
  21995.                        },
  21996.                        breakpoints: {
  21997.                            480: {
  21998.                                slidesPerView: 1.6,
  21999.                                spaceBetween: 16,
  22000.                            },
  22001.                            768: {
  22002.                                slidesPerView: 2.6,
  22003.                                spaceBetween: 16,
  22004.                            },
  22005.                            1024: {
  22006.                                slidesPerView: 3.6,
  22007.                                spaceBetween: 16,
  22008.                            },
  22009.                            1280: {
  22010.                                slidesPerView: 4.6,
  22011.                                spaceBetween: 16,
  22012.                            }
  22013.                        },
  22014.                    });
  22015.                }
  22016.  
  22017.                if (typeof window.Swiper === 'function') {
  22018.                    initSwiper();
  22019.                } else {
  22020.                    // Load Swiper JS
  22021.                    const scriptSource = swiperJsUrl;
  22022.                    const pendingLoadScript = Array.from(document.scripts).find(script => script.src === scriptSource);
  22023.  
  22024.                    if (pendingLoadScript) {
  22025.                        pendingLoadScript.addEventListener('load', () => initSwiper());
  22026.                        return;
  22027.                    }
  22028.  
  22029.                    const script = document.createElement('script');
  22030.                    script.src = scriptSource;
  22031.                    script.async = true;
  22032.  
  22033.                    script.addEventListener('load', () => initSwiper());
  22034.                    document.head.appendChild(script);
  22035.                }
  22036.            })();
  22037.  
  22038.            window.addEventListener("load", function() {
  22039.                if (window.innerWidth > 479) {
  22040.                    let maxHeight = 0;
  22041.  
  22042.                    // Get all slides
  22043.                    const slides = document.querySelectorAll('.product-slider .swiper-slide');
  22044.  
  22045.                    // Find the tallest slide
  22046.                    slides.forEach(slide => {
  22047.                        const slideHeight = slide.offsetHeight;
  22048.                        if (slideHeight > maxHeight) {
  22049.                            maxHeight = slideHeight;
  22050.                        }
  22051.                    });
  22052.  
  22053.                    // Set the height of all slides and the swiper-wrapper to the max height
  22054.                    slides.forEach(slide => {
  22055.                        slide.style.height = `${maxHeight}px`;
  22056.                    });
  22057.  
  22058.                    const swiperWrapper = document.querySelector('.product-slider .swiper-wrapper');
  22059.                    if (swiperWrapper) {
  22060.                        swiperWrapper.style.height = `${maxHeight}px`;
  22061.                    }
  22062.                }
  22063.            });
  22064.        </script>
  22065.    </div>
  22066. </section>
  22067. </div>
  22068. <template x-data="initAmWidgetLabels__68af003a33fac" x-init="initLabels($el)"></template>
  22069.  
  22070. <script>
  22071.    function initAmWidgetLabels__68af003a33fac() {
  22072.        return {
  22073.            initLabels($el) {
  22074.                const labels = ["","","","","","","","","","","","","","","","","","",""];
  22075.                const widgetContainer = $el?.previousElementSibling;
  22076.  
  22077.                labels.forEach((productLabel, index) => {
  22078.                    const productSelector = `li:nth-child(${index + 1})`;
  22079.                    const productContainer = widgetContainer?.querySelector(productSelector);
  22080.                    if (productContainer) {
  22081.                        const labelClass = 'am-label_68af003a33fac' + index;
  22082.                        productContainer.innerHTML += productLabel;
  22083.                        productContainer.classList.add(labelClass);
  22084.                        hyva.replaceDomElement(
  22085.                            '.' + labelClass,
  22086.                            productContainer?.outerHTML
  22087.                        );
  22088.                    }
  22089.                });
  22090.            }
  22091.        }
  22092.    }
  22093. </script>
  22094. <div class="widget-content py-4 md:py-8 xl:pt-12 xl:pb-20 relative">
  22095.    <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">
  22096.        <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">
  22097.            LalaShops, uw digitale winkelcentrum        </div>
  22098.        <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">
  22099.            <div class="relative">
  22100.                <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>
  22101.                <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>
  22102.            </div>
  22103.        </div>
  22104.        <div class="flex flex-col space-y-4 xl:space-y-8 self-start">
  22105.            <div class="text-lala-black font-light text-sm md:text-base !leading-6 mb-0">
  22106.                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>
  22107.            <a href="#" class="btn btn-primary rounded-3xl mr-auto cursor-pointer mb-auto xl:py-3 xl:px-8">
  22108.                <span>
  22109.                    Over Ons                </span>
  22110.            </a>
  22111.        </div>
  22112.    </div>
  22113. </div></div>
  22114. <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">
  22115.    <div class="container">
  22116.        <ul class="flex flex-col sm:flex-row flex-wrap py-1 justify-center xl:justify-between items-start sm:items-center gap-4">
  22117.                                                <li class="flex items-center gap-3">
  22118.                        <a href="https://www.lalashops.nl/">Privacy en Cookie Policy</a>
  22119.                    </li>
  22120.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22121.                                                                <li class="flex items-center gap-3">
  22122.                        <a href="https://www.lalashops.nl/">Bestellingen en Retouren</a>
  22123.                    </li>
  22124.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22125.                                                                <li class="flex items-center gap-3">
  22126.                        <a href="https://www.lalashops.nl/">Neem contact met ons op</a>
  22127.                    </li>
  22128.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22129.                                                                <li class="flex items-center gap-3">
  22130.                        <a href="https://www.lalashops.nl/">Zoektermen</a>
  22131.                    </li>
  22132.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22133.                                                                <li class="flex items-center gap-3">
  22134.                        <a href="https://www.lalashops.nl/">Geavanceerd zoeken</a>
  22135.                    </li>
  22136.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22137.                                                                <li class="flex items-center gap-3">
  22138.                        <a href="https://www.lalashops.nl/">Sitemap</a>
  22139.                    </li>
  22140.                    <li class="hidden sm:block"><span class="border-r border-lala-gray-light-ultra"></span></li>
  22141.                                        <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>
  22142.        </ul>
  22143.    </div>
  22144. </div></div><footer class="page-footer"><div class="footer content"><div class="flex flex-col justify-between">
  22145.    <div class="container py-8 lg:py-16 mx-auto">
  22146.        <div class="flex flex-wrap order-first gap-y-16 justify-between">
  22147.                            <div class="lg:w-3/4 w-full flex flex-wrap pr-4">
  22148.    <div class="w-full grid grid-cols-1 sm:grid-cols-3 gap-8 text-base leading-5 font-light">
  22149.        <div>
  22150.            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3>BESTEL INFORMATIE</h3>
  22151. <ul>
  22152. <li><a href="/sales/guest/form/"> Track and Trace </a></li>
  22153. <li><a href="/verzendkosten"> Betaling en verzending </a></li>
  22154. <li><a href="/bedrag-overmaken"> Bedrag overmaken </a></li>
  22155. <li><a href="/algemene-voorwaarden"> Algemene voorwaarden </a></li>
  22156. <li><a href="/privacy-policy-cookie-restriction-mode"> Privacy Policy </a></li>
  22157. </ul></div>        </div>
  22158.        <div>
  22159.            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3>BEDRIJFS INFORMATIE</h3>
  22160. <ul>
  22161. <li><a href="/klantenservice"> Klantenservice </a></li>
  22162. <li><a href="/contact_us"> Contact </a></li>
  22163. <li><a href="/bedrijfsgegevens"> Bedrijfsgegevens </a></li>
  22164. <li><a href="/over-ons"> Wie zijn wij </a></li>
  22165. <li><a href="/over-ons"> Onze Missie </a></li>
  22166. <li><a href="/over-ons"> Nieuwe Economie </a></li>
  22167. </ul></div>        </div>
  22168.        <div>
  22169.            <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3>HANDIGE LINKS</h3>
  22170. <ul>
  22171. <li><a href="/customer/account/login/"> Mijn account </a></li>
  22172. <li><a href="/catalogsearch/advanced/"> Geavanceerd zoeken </a></li>
  22173. <li><a href="/over-ons/"> Peer to Peer (P2P) netwerken </a></li>
  22174. <li><a href="/sitemap/lalashops/sitemap.xml"> Sitemap </a></li>
  22175. </ul></div>        </div>
  22176.    </div>
  22177. </div>                                                                                                                <div class="lg:w-1/4 md:w-1/2 font-light flex flex-col gap-3">
  22178.    <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>
  22179.  
  22180.    <div class="font-light mb-1">De krachten van de natuur & de kracht van technologie!</div>
  22181.    <div class="">
  22182.        Doctor Schaepmanstraat 49        <br />
  22183.        6004AD Limburg Weert    </div>
  22184.    <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>
  22185.    <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>
  22186.    <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>
  22187.    <a href="https://www.lalashops.nl/contact/" class="hover:text-lala-black">Contactformulier</a>
  22188.  
  22189.    <form
  22190.        class="form subscribe"
  22191.        action="https://www.lalashops.nl/newsletter/subscriber/new/"
  22192.        method="post"
  22193.        x-data="initNewsletterForm()"
  22194.        @submit.prevent="submitForm()"
  22195.        id="newsletter-validate-detail"
  22196.        aria-label="Abonneren&#x20;op&#x20;de&#x20;nieuwsbrief">
  22197.  
  22198.        <h3 class="mb-2 mt-4">
  22199.            Inschrijven nieuwsbrief        </h3>
  22200.  
  22201.        <div class="flex justify-center md:justify-start mt-3">
  22202.            <label for="newsletter-subscribe" class="sr-only">
  22203.                E-mail adres            </label>
  22204.            <input
  22205.                name="email"
  22206.                type="email"
  22207.                required
  22208.                id="newsletter-subscribe"
  22209.                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"
  22210.                placeholder="Voer&#x20;uw&#x20;e-mailadres&#x20;in"
  22211.                aria-describedby="footer-newsletter-heading">
  22212.            <input name="form_key" type="hidden" value="yu3GsEAG4PQjDaXJ" />                        <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">
  22213.                <span>Inschrijven</span>
  22214.            </button>
  22215.        </div>
  22216.        <div>
  22217.            <template x-if="displayErrorMessage">
  22218.                <p class="flex items-center text-red">
  22219.                    <span class="inline-block w-8 h-8 mr-3">
  22220.                        <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">
  22221.  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
  22222. <title>exclamation-circle</title></svg>
  22223.                    </span>
  22224.                    <template x-for="errorMessage in errorMessages">
  22225.                        <span x-html="errorMessage"></span>
  22226.                    </template>
  22227.                </p>
  22228.            </template>
  22229.        </div>
  22230.    </form>
  22231.    <div class="w-full">
  22232.            </div>
  22233.    <script>
  22234.        function initNewsletterForm() {
  22235.            return {
  22236.                errors: 0,
  22237.                hasCaptchaToken: 0,
  22238.                displayErrorMessage: false,
  22239.                errorMessages: [],
  22240.                setErrorMessages(messages) {
  22241.                    this.errorMessages = [messages]
  22242.                    this.displayErrorMessage = this.errorMessages.length
  22243.                },
  22244.                submitForm() {
  22245.                    // Do not rename $form, the variable is expected to be declared in the recaptcha output
  22246.                    const $form = document.querySelector('#newsletter-validate-detail');
  22247.                    
  22248.                    if (this.errors === 0) {
  22249.                        $form.submit();
  22250.                    }
  22251.                }
  22252.            }
  22253.        }
  22254.    </script>
  22255. </div>                                                                            </div>
  22256.    </div>
  22257.    <div class="container py-6 mx-auto mt-auto flex sm:flex-row flex-col">
  22258.        <small class="text-sm">
  22259.  
  22260.    <span>&copy; 2025 LaLashops.nl All Rights Reserved.</span>
  22261.  
  22262. </small>    </div>
  22263. </div><script>
  22264.    'use strict';
  22265.  
  22266.    function amBrandsPopup() {
  22267.        let cached = false;
  22268.  
  22269.        const displayError = (error) => {
  22270.            console.error(error);
  22271.            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  22272.                [{
  22273.                    type: "error",
  22274.                    text: "Er\u0020ging\u0020iets\u0020mis.\u0020Probeer\u0020opnieuw."
  22275.                }], 10000
  22276.            );
  22277.        };
  22278.  
  22279.        let letters = [
  22280.            "A","B","C","D",
  22281.            "E","F","G","H","I","J","K","L","M",
  22282.            "N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"
  22283.        ];
  22284.  
  22285.        return {
  22286.            hoverPanelActiveId: null,
  22287.            selectedLetter: null,
  22288.            items: [],
  22289.            letters: [],
  22290.            showCount: null,
  22291.            showFilter: null,
  22292.            showImages: true,
  22293.            showSearch: null,
  22294.            loading: false,
  22295.            label: 'Brands',
  22296.            isPopupEnabled: false,
  22297.            isTopMenuItemEnabled: false,
  22298.            cache: false,
  22299.            isMobile: false,
  22300.  
  22301.            initErrorMessages(errors) {
  22302.                const messages = [];
  22303.                for (let error in Object.keys(errors)) {
  22304.                    messages.push({type: 'error', text: errors[error].message});
  22305.                }
  22306.                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000);
  22307.            },
  22308.  
  22309.            chooseLetter(letter) {
  22310.                this.selectedLetter = this.selectedLetter === letter ? null : letter;
  22311.            },
  22312.  
  22313.            getQuery() {
  22314.                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                  } }"            },
  22315.  
  22316.            /**
  22317.             * Retrieve media url for given path
  22318.             *
  22319.             * @param path
  22320.             * @returns {string}
  22321.             */
  22322.            getMediaUrl(path) {
  22323.                let stringToRemove = 'index.php/';
  22324.                let baseUrl = BASE_URL.replace(stringToRemove, '');
  22325.                return path.includes(baseUrl) ? path : baseUrl + path;
  22326.            },
  22327.  
  22328.            checkIsMobileResolution() {
  22329.                this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
  22330.            },
  22331.  
  22332.            getBrandUrl(url){
  22333.                return BASE_URL + url;
  22334.            },
  22335.  
  22336.            init() {
  22337.                this.checkIsMobileResolution();
  22338.  
  22339.                this.$watch('hoverPanelActiveId', (value) => {
  22340.                    if (value === 'am-brand') {
  22341.                        this.sendRequest();
  22342.                    }
  22343.                });
  22344.            },
  22345.  
  22346.            /**
  22347.             * Get brands by letter
  22348.             *
  22349.             * @param result
  22350.             * @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}}
  22351.             */
  22352.            settingsMapper(result) {
  22353.                const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config;
  22354.                return {
  22355.                    showImages: config.show_images,
  22356.                    showCount: config.show_count,
  22357.                    showFilter: config.show_filter,
  22358.                    imageWidth: config.image_width,
  22359.                    imageHeight: config.image_height,
  22360.                    filterDisplayAll: config.filter_display_all,
  22361.                    displayAll: config.display_zero,
  22362.                    isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup,
  22363.                    label: result.data.storeConfig?.amshopby_brand_general_menu_item_label,
  22364.                    isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled,
  22365.                    brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page,
  22366.                }
  22367.            },
  22368.  
  22369.            /**
  22370.             * Send request to graphql
  22371.             *
  22372.             * @returns {Promise<any>}
  22373.             */
  22374.            async sendRequest() {
  22375.                if (this.isMobile) {
  22376.                    return false;
  22377.                }
  22378.  
  22379.                this.loading = true;
  22380.  
  22381.                try {
  22382.                    if (cached) {
  22383.                        this.loading = false;
  22384.                        return false;
  22385.                    }
  22386.  
  22387.                    const response = await fetch('https://www.lalashops.nl/graphql', {
  22388.                        method: 'POST',
  22389.                        headers: {
  22390.                            'Content-Type': 'application/json',
  22391.                            'Store': 'lalashops_webshop_sv'
  22392.                        },
  22393.                        credentials: 'include',
  22394.                        body: JSON.stringify({query: this.getQuery(), variables: {}})
  22395.                    });
  22396.                    const result = await response.json();
  22397.  
  22398.                    if (result?.errors) {
  22399.                        this.initErrorMessages(result.errors);
  22400.                        return;
  22401.                    }
  22402.  
  22403.                    const data = result.data?.ambrandlist;
  22404.                    const mapper = this.settingsMapper(result);
  22405.  
  22406.                    // Update component settings
  22407.                    Object.keys(mapper).forEach(config => {
  22408.                        this[config] = mapper[config];
  22409.                    });
  22410.  
  22411.                    if (!this.filterDisplayAll) {
  22412.                        letters = data.all_letters.split(',');
  22413.                    }
  22414.  
  22415.                    const items = data.items.map(brand => {
  22416.                        brand.image = brand.img
  22417.                            ? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null);
  22418.                        return brand;
  22419.                    });
  22420.  
  22421.                    this.letters = letters.map(letter => ({
  22422.                        letter,
  22423.                        brands: this.getLetterItems(items, letter),
  22424.                    }));
  22425.  
  22426.                    this.items = this.letters.filter(row => row.brands?.length > 0);
  22427.  
  22428.                    cached = true;
  22429.                } catch (error) {
  22430.                    displayError(error);
  22431.                } finally {
  22432.                    this.loading = false;
  22433.                }
  22434.            },
  22435.  
  22436.            /**
  22437.             * Get brands by letter
  22438.             *
  22439.             * @param items
  22440.             * @param letter
  22441.             * @returns {*}
  22442.             */
  22443.            getLetterItems(items, letter) {
  22444.                return items.filter(row => row.letter === letter);
  22445.            },
  22446.  
  22447.            convertHtml(text) {
  22448.                let textField = document.createElement("textarea");
  22449.                textField.innerHTML = text;
  22450.                return textField.value;
  22451.            }
  22452.        }
  22453.    }
  22454. </script>
  22455. </div></footer>
  22456.  
  22457.    <!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  22458.    <script>
  22459.        (function (w, d) {
  22460.            var e = d.createElement('script');
  22461.            e.type = 'text/javascript';
  22462.            e.async = true;
  22463.            e.src = (d.location.protocol == 'https:' ? 'https' : 'http') + '://custom.clerk.io/lalashopswebshop.js';
  22464.            var s = d.getElementsByTagName('script')[0];
  22465.            s.parentNode.insertBefore(e, s);
  22466.            w.__clerk_q = w.__clerk_q || [];
  22467.            w.Clerk = w.Clerk || function () {
  22468.                w.__clerk_q.push(arguments)
  22469.            };
  22470.        })(window, document);
  22471.  
  22472.        Clerk('config', {
  22473.            key: 'r6oouas4KSv35Daq7rvNn4ZfZT6VY51L',
  22474.            collect_email: true,
  22475.                        globals: {
  22476.                uenc: 'aHR0cHM6Ly93d3cubGFsYXNob3BzLm5sLw==',
  22477.                formkey: 'yu3GsEAG4PQjDaXJ',
  22478.                currency_symbol: '€',
  22479.                currency_iso: 'EUR'
  22480.            },
  22481.            formatters: {
  22482.                convert_currency: function (price) {
  22483.                    const ex_rate = parseFloat('1') ?? null;
  22484.                    if (ex_rate) {
  22485.                        return price * ex_rate;
  22486.                    }
  22487.                    return price;
  22488.                },
  22489.                convert_currency_from_iso: function (price, currency_iso) {
  22490.                    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}');
  22491.                    if (ex_rates[currency_iso] !== undefined) {
  22492.                        return price * ex_rates[currency_iso];
  22493.                    }
  22494.                    return price;
  22495.                }
  22496.            }
  22497.        });
  22498.  
  22499.        
  22500.  
  22501.  
  22502.        var collectbaskets = false;
  22503.  
  22504.        if (collectbaskets) {
  22505.  
  22506.            let open = XMLHttpRequest.prototype.open;
  22507.            XMLHttpRequest.prototype.open = function () {
  22508.                this.addEventListener("load", function () {
  22509.  
  22510.                    if (this.responseURL.includes("=cart")) {
  22511.  
  22512.                        if (this.readyState === 4 && this.status === 200) {
  22513.                            var response = JSON.parse(this.responseText);
  22514.  
  22515.                            var clerk_productids = [];
  22516.                            if (response && response.hasOwnProperty('cart') && response.cart.hasOwnProperty('items')) {
  22517.                                for (var i = 0, len = response.cart.items.length; i < len; i++) {
  22518.                                    clerk_productids.push(response.cart.items[i].product_id);
  22519.                                }
  22520.                            }
  22521.  
  22522.                            clerk_productids = clerk_productids.map(Number);
  22523.                            var clerk_last_productids = [];
  22524.                            if (localStorage.getItem('clerk_productids') !== null) {
  22525.                                clerk_last_productids = localStorage.getItem('clerk_productids').split(",");
  22526.                                clerk_last_productids = clerk_last_productids.map(Number);
  22527.                            }
  22528.                            clerk_productids = clerk_productids.sort((a, b) => a - b);
  22529.                            clerk_last_productids = clerk_last_productids.sort((a, b) => a - b);
  22530.                            if (JSON.stringify(clerk_productids) == JSON.stringify(clerk_last_productids)) {
  22531.                                // if equal - do nothing
  22532.                            } else {
  22533.                                if (JSON.stringify(clerk_productids) === "[0]") {
  22534.                                    Clerk('cart', 'set', []);
  22535.                                } else {
  22536.                                    Clerk('cart', 'set', clerk_productids);
  22537.                                }
  22538.                            }
  22539.                            localStorage.setItem("clerk_productids", clerk_productids);
  22540.                        }
  22541.                    }
  22542.                }, false);
  22543.                open.apply(this, arguments);
  22544.            };
  22545.  
  22546.        }
  22547.  
  22548.    </script>
  22549.    <!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  22550. <span
  22551.    class="clerk"
  22552.    data-template="@live-search"
  22553.    data-instant-search-suggestions="3"
  22554.    data-instant-search-categories="3"
  22555.    data-instant-search-pages="3"
  22556.        data-instant-search-pages-type="cms page"
  22557.        data-instant-search-positioning="center"
  22558.    data-instant-search="#search"></span>
  22559.    <script>
  22560.        document.addEventListener('DOMContentLoaded', function() {
  22561.            // Select all form elements matching the provided selector
  22562.            let elems = document.querySelectorAll('#search_mini_form');
  22563.  
  22564.            // Set the 'action' attribute for each form element
  22565.            elems.forEach(function(formElement) {
  22566.                formElement.setAttribute('action', 'https://www.lalashops.nl/catalogsearch/result');
  22567.            });
  22568.        });
  22569.    </script>
  22570.    <style type="text/css">
  22571.        #search_autocomplete {
  22572.            display: none !important;
  22573.        }
  22574.    </style>
  22575.  
  22576. <script>
  22577.    (() => {
  22578.        function src_default(Alpine) {
  22579.            Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
  22580.                let evaluate = evaluateLater(expression);
  22581.                let options = {
  22582.                    rootMargin: getRootMargin(modifiers),
  22583.                    threshold: getThreshhold(modifiers)
  22584.                };
  22585.                let observer = new IntersectionObserver((entries) => {
  22586.                    entries.forEach((entry) => {
  22587.                        if (entry.isIntersecting === (value === "leave"))
  22588.                            return;
  22589.                        evaluate();
  22590.                        modifiers.includes("once") && observer.disconnect();
  22591.                    });
  22592.                }, options);
  22593.                observer.observe(el);
  22594.                cleanup(() => {
  22595.                    observer.disconnect();
  22596.                });
  22597.            });
  22598.        }
  22599.        function getThreshhold(modifiers) {
  22600.            if (modifiers.includes("full"))
  22601.                return 0.99;
  22602.            if (modifiers.includes("half"))
  22603.                return 0.5;
  22604.            if (!modifiers.includes("threshold"))
  22605.                return 0;
  22606.            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
  22607.            if (threshold === "100")
  22608.                return 1;
  22609.            if (threshold === "0")
  22610.                return 0;
  22611.            return Number(`.${threshold}`);
  22612.        }
  22613.        function getLengthValue(rawValue) {
  22614.            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
  22615.            return match ? match[1] + (match[2] || "px") : void 0;
  22616.        }
  22617.        function getRootMargin(modifiers) {
  22618.            const key = "margin";
  22619.            const fallback = "0px 0px 0px 0px";
  22620.            const index = modifiers.indexOf(key);
  22621.            if (index === -1)
  22622.                return fallback;
  22623.            let values = [];
  22624.            for (let i = 1; i < 5; i++) {
  22625.                values.push(getLengthValue(modifiers[index + i] || ""));
  22626.            }
  22627.            values = values.filter((v) => v !== void 0);
  22628.            return values.length ? values.join(" ").trim() : fallback;
  22629.        }
  22630.  
  22631.        document.addEventListener("alpine:init", () => {
  22632.            window.Alpine.plugin(src_default);
  22633.        });
  22634.    })();
  22635. </script>
  22636. <script>
  22637.    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"})) {
  22638.        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
  22639.    }
  22640. </script>
  22641. <script>
  22642.    (function () {
  22643.        "use strict";
  22644.  
  22645.        const hasAlpine = new Promise(resolve => {
  22646.            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
  22647.        });
  22648.  
  22649.        const hasInteract = new Promise(resolve => {
  22650.            (events => {
  22651.                const onInteract = () => {
  22652.                    resolve();
  22653.                    events.forEach(type => window.removeEventListener(type, onInteract));
  22654.                }
  22655.                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
  22656.            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
  22657.        });
  22658.  
  22659.        const onIntersect = (el) => {
  22660.            return new Promise(resolve => {
  22661.                const observer = new IntersectionObserver(entries => {
  22662.                    for (const entry of entries) {
  22663.                        if (entry.isIntersecting) {
  22664.                            observer.disconnect()
  22665.                            resolve();
  22666.                        }
  22667.                    }
  22668.                }, {});
  22669.                observer.observe(el);
  22670.            });
  22671.        }
  22672.  
  22673.        function runComponent(el) {
  22674.            hasAlpine.then(() => {
  22675.                el.removeAttribute('x-ignore');
  22676.                queueMicrotask(() => Alpine.initTree(el));
  22677.            });
  22678.        }
  22679.  
  22680.        function initDeferredComponents() {
  22681.            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
  22682.                el.setAttribute('x-ignore', '');
  22683.                const deferUntil = (el.getAttribute('x-defer') || '').trim();
  22684.                switch (deferUntil) {
  22685.                    case 'interact':
  22686.                        hasInteract.then(() => runComponent(el));
  22687.                        break;
  22688.                    case 'intersect':
  22689.                        onIntersect(el).then(() => runComponent(el))
  22690.                        break;
  22691.                    case 'idle':
  22692.                        window.requestIdleCallback
  22693.                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
  22694.                            : setTimeout(() => runComponent(el), 4000);
  22695.                        break;
  22696.                    case 'eager':
  22697.                        runComponent(el);
  22698.                        break;
  22699.                    default:
  22700.                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
  22701.                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
  22702.                        }
  22703.                }
  22704.            });
  22705.        }
  22706.  
  22707.        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
  22708.    })()
  22709. </script>
  22710. <script>
  22711.    (() => {
  22712.        // packages/collapse/src/index.js
  22713.        function src_default(Alpine) {
  22714.            Alpine.directive("collapse", collapse);
  22715.            collapse.inline = (el, {
  22716.                modifiers
  22717.            }) => {
  22718.                if (!modifiers.includes("min"))
  22719.                    return;
  22720.                el._x_doShow = () => {};
  22721.                el._x_doHide = () => {};
  22722.            };
  22723.  
  22724.            function collapse(el, {
  22725.                modifiers
  22726.            }) {
  22727.                let duration = modifierValue(modifiers, "duration", 250) / 1e3;
  22728.                let floor = modifierValue(modifiers, "min", 0);
  22729.                let fullyHide = !modifiers.includes("min");
  22730.                if (!el._x_isShown)
  22731.                    el.style.height = `${floor}px`;
  22732.                if (!el._x_isShown && fullyHide)
  22733.                    el.hidden = true;
  22734.                if (!el._x_isShown)
  22735.                    el.style.overflow = "hidden";
  22736.                let setFunction = (el2, styles) => {
  22737.                    let revertFunction = Alpine.setStyles(el2, styles);
  22738.                    return styles.height ? () => {} : revertFunction;
  22739.                };
  22740.                let transitionStyles = {
  22741.                    transitionProperty: "height",
  22742.                    transitionDuration: `${duration}s`,
  22743.                    transitionTimingFunction: "cubic-bezier(0.4, 0.0, 0.2, 1)"
  22744.                };
  22745.                el._x_transition = {
  22746.                    in(before = () => {}, after = () => {}) {
  22747.                        if (fullyHide)
  22748.                            el.hidden = false;
  22749.                        if (fullyHide)
  22750.                            el.style.display = null;
  22751.                        let current = el.getBoundingClientRect().height;
  22752.                        el.style.height = "auto";
  22753.                        let full = el.getBoundingClientRect().height;
  22754.                        if (current === full) {
  22755.                            current = floor;
  22756.                        }
  22757.                        Alpine.transition(el, Alpine.setStyles, {
  22758.                            during: transitionStyles,
  22759.                            start: {
  22760.                                height: current + "px"
  22761.                            },
  22762.                            end: {
  22763.                                height: full + "px"
  22764.                            }
  22765.                        }, () => el._x_isShown = true, () => {
  22766.                            if (Math.abs(el.getBoundingClientRect().height - full) < 1) {
  22767.                                el.style.overflow = null;
  22768.                            }
  22769.                        });
  22770.                    },
  22771.                    out(before = () => {}, after = () => {}) {
  22772.                        let full = el.getBoundingClientRect().height;
  22773.                        Alpine.transition(el, setFunction, {
  22774.                            during: transitionStyles,
  22775.                            start: {
  22776.                                height: full + "px"
  22777.                            },
  22778.                            end: {
  22779.                                height: floor + "px"
  22780.                            }
  22781.                        }, () => el.style.overflow = "hidden", () => {
  22782.                            el._x_isShown = false;
  22783.                            if (el.style.height == `${floor}px` && fullyHide) {
  22784.                                el.style.display = "none";
  22785.                                el.hidden = true;
  22786.                            }
  22787.                        });
  22788.                    }
  22789.                };
  22790.            }
  22791.        }
  22792.  
  22793.        function modifierValue(modifiers, key, fallback) {
  22794.            if (modifiers.indexOf(key) === -1)
  22795.                return fallback;
  22796.            const rawValue = modifiers[modifiers.indexOf(key) + 1];
  22797.            if (!rawValue)
  22798.                return fallback;
  22799.            if (key === "duration") {
  22800.                let match = rawValue.match(/([0-9]+)ms/);
  22801.                if (match)
  22802.                    return match[1];
  22803.            }
  22804.            if (key === "min") {
  22805.                let match = rawValue.match(/([0-9]+)px/);
  22806.                if (match)
  22807.                    return match[1];
  22808.            }
  22809.            return rawValue;
  22810.        }
  22811.  
  22812.        // packages/collapse/builds/cdn.js
  22813.        document.addEventListener("alpine:init", () => {
  22814.            window.Alpine.plugin(src_default);
  22815.        });
  22816.    })();
  22817. </script>
  22818. <script>
  22819. // x-teleport implementation
  22820. (_ => {
  22821.    document.addEventListener('DOMContentLoaded', event => {
  22822.        // x-teleport available only for template
  22823.        if (!Alpine.version.startsWith('2')) {
  22824.            return;
  22825.        }
  22826.  
  22827.        const teleportDirective = (el, expression) => {
  22828.            let target = document.querySelector(expression)
  22829.            let clone = el.content.cloneNode(true).firstElementChild;
  22830.  
  22831.            target.appendChild(clone);
  22832.            setTimeout(() => {
  22833.                target.querySelectorAll('[x-data]')
  22834.                    .forEach(el => Alpine.initializeComponent(el));
  22835.            }, 0)
  22836.        };
  22837.  
  22838.        document.querySelectorAll('template').forEach(el => {
  22839.            if (!el.hasAttribute('x-teleport')) {
  22840.                return;
  22841.            }
  22842.  
  22843.            teleportDirective(el, el.getAttribute('x-teleport'));
  22844.        });
  22845.  
  22846.        document.querySelectorAll('[x-data]').forEach(el => {
  22847.            if (el.hasAttribute('x-init')) {
  22848.                return;
  22849.            }
  22850.  
  22851.            setTimeout(() => {
  22852.                Alpine.initializeComponent(el);
  22853.            }, 0);
  22854.        });
  22855.    });
  22856. })()
  22857. </script>
  22858.  
  22859. <script type="module"
  22860.        src="https://www.lalashops.nl/static/version1754469272/frontend/FactorBlue/lalashops-hyva/nl_NL/Hyva_Theme/js/alpine3.min.js"
  22861.        defer
  22862.        crossorigin
  22863. ></script>
  22864. <script>
  22865.    'use strict';
  22866.    function dispatchMessages(messages, hideAfter) {
  22867.        const messagesEvent = new CustomEvent("messages-loaded", {
  22868.            detail: {
  22869.                messages: messages,
  22870.                hideAfter: hideAfter
  22871.            }
  22872.        });
  22873.        window.dispatchEvent(messagesEvent);
  22874.    }
  22875.  
  22876.    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
  22877.        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
  22878.    }
  22879.  
  22880.    (function( hyva, undefined ) {
  22881.  
  22882.        hyva.initFormKey = () => {
  22883.            const inputSelector = 'input[name="form_key"]',
  22884.                formKey = hyva.getFormKey();
  22885.  
  22886.            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
  22887.                input.value = formKey
  22888.            });
  22889.        }
  22890.  
  22891.        hyva.initMessages = () => {
  22892.            try {
  22893.                const messages = hyva.getCookie('mage-messages');
  22894.                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
  22895.  
  22896.                dispatchMessages(window.mageMessages);
  22897.  
  22898.                                // empty `mage-messages` cookie
  22899.                const skipSetDomain = true;
  22900.                hyva.setCookie('mage-messages','', -1, skipSetDomain);
  22901.  
  22902.            } catch (error) {
  22903.                console.warn('Error parsing Cookie Messages:', error);
  22904.            }
  22905.        }
  22906.  
  22907.        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
  22908.        hyva.alpineInitialized(hyva.initMessages)
  22909.  
  22910.    }( window.hyva = window.hyva || {} ));
  22911. </script>
  22912. <script>
  22913.    'use strict';
  22914.    {
  22915.        const private_content_key = 'mage-cache-storage';
  22916.        const private_content_expire_key = 'mage-cache-timeout';
  22917.        const private_content_version_key = 'private_content_version';
  22918.        const section_data_ids_key = 'section_data_ids';
  22919.        const mage_cache_session_id_key = 'mage-cache-sessid';
  22920.        const last_visited_store_key = 'last_visited_store';
  22921.  
  22922.        const ttl = 3600;
  22923.  
  22924.        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
  22925.            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
  22926.        }
  22927.  
  22928.        function loadSectionData () {
  22929.            const browserStorage = hyva.getBrowserStorage();
  22930.            if (!browserStorage) {
  22931.                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  22932.                    [{
  22933.                        type: "warning",
  22934.                        text: "Please enable LocalStorage in your browser."
  22935.                    }]
  22936.                );
  22937.                return;
  22938.            }
  22939.            try {
  22940.                let isInvalid = false;
  22941.  
  22942.                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
  22943.                    isInvalid = true;
  22944.                }
  22945.                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
  22946.  
  22947.                if (!hyva.getCookie(mage_cache_session_id_key)) {
  22948.                    isInvalid = true;
  22949.                    browserStorage.removeItem(private_content_key);
  22950.                    const skipSetDomain = true;
  22951.                    const days = false;
  22952.                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
  22953.                }
  22954.  
  22955.                const cookieVersion = hyva.getCookie(private_content_version_key);
  22956.                const storageVersion = browserStorage.getItem(private_content_version_key);
  22957.  
  22958.                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
  22959.                    isInvalid = true;
  22960.                }
  22961.  
  22962.                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
  22963.                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
  22964.                    browserStorage.removeItem(private_content_key);
  22965.                }
  22966.  
  22967.                if (isInvalid && cookieVersion) {
  22968.                    fetchPrivateContent([]);
  22969.                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
  22970.                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
  22971.                    if (
  22972.                        privateContent &&
  22973.                        privateContentExpires &&
  22974.                        privateContent.cart &&
  22975.                        privateContent.customer
  22976.                    ) {
  22977.                        dispatchPrivateContent(privateContent);
  22978.                    } else {
  22979.                        fetchPrivateContent([]);
  22980.                    }
  22981.                } else {
  22982.                    if (document.getElementById('default-section-data')) {
  22983.                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
  22984.                        dispatchPrivateContent(privateContent);
  22985.                    } else {
  22986.                        dispatchPrivateContent({});
  22987.                    }
  22988.                }
  22989.  
  22990.            } catch (error) {
  22991.                console.warn('Error retrieving Private Content:', error);
  22992.            }
  22993.        }
  22994.  
  22995.        hyva.alpineInitialized(loadSectionData)
  22996.        window.addEventListener('reload-customer-section-data', loadSectionData);
  22997.  
  22998.        function dispatchPrivateContent(data) {
  22999.            const privateContentEvent = new CustomEvent("private-content-loaded", {
  23000.                detail: {
  23001.                    data: data
  23002.                }
  23003.            });
  23004.            window.dispatchEvent(privateContentEvent);
  23005.        }
  23006.  
  23007.        function fetchPrivateContent(sections) {
  23008.            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
  23009.                method: 'GET',
  23010.                headers: {
  23011.                    'Content-Type': 'application/json',
  23012.                    'X-Requested-With': 'XMLHttpRequest'
  23013.                }
  23014.            })
  23015.                .then(response => response.json())
  23016.                .then(
  23017.                    data => {
  23018.                        if (data) {
  23019.                            try {
  23020.                                const browserStorage = hyva.getBrowserStorage();
  23021.  
  23022.                                // merge new data preserving non-invalidated sections
  23023.                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
  23024.  
  23025.                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
  23026.                                    delete oldSectionData['checkout-data'];
  23027.                                }
  23028.                                const newSectionData = Object.assign(oldSectionData, data);
  23029.  
  23030.                                dispatchPrivateContent(newSectionData);
  23031.  
  23032.                                // don't persist messages, they've been dispatched already
  23033.                                if (newSectionData.messages && newSectionData.messages.messages ) {
  23034.                                    newSectionData.messages.messages = [];
  23035.                                }
  23036.  
  23037.                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
  23038.  
  23039.                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
  23040.                                browserStorage.setItem(private_content_expire_key, expiresAt);
  23041.  
  23042.                                const newCookieVersion = hyva.getCookie(private_content_version_key);
  23043.                                browserStorage.setItem(private_content_version_key, newCookieVersion);
  23044.  
  23045.                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
  23046.                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
  23047.                                hyva.setCookie(
  23048.                                    section_data_ids_key,
  23049.                                    JSON.stringify(
  23050.                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
  23051.                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
  23052.                                            return sectionDataIds;
  23053.                                        }, {})
  23054.                                    ),
  23055.                                    false,
  23056.                                    true
  23057.                                );
  23058.                            } catch (error) {
  23059.                                console.warn("Couldn't store privateContent", error);
  23060.                            }
  23061.                        }
  23062.                    }
  23063.                );
  23064.        }
  23065.    }
  23066. </script>
  23067. <script>
  23068.    (() => {
  23069.        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
  23070.    })()
  23071. </script>
  23072. <script>
  23073.    (events => {
  23074.        const dispatchUserInteractionEvent = () => {
  23075.            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
  23076.            window.dispatchEvent(new Event('init-external-scripts'))
  23077.        };
  23078.        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
  23079.    })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
  23080. </script>
  23081. <script>
  23082.    function initCompareOnProductList() {
  23083.        return {
  23084.            addToCompare(productId) {
  23085.                const formKey = hyva.getFormKey();
  23086.                const postUrl = BASE_URL + 'catalog/product_compare/add/';
  23087.  
  23088.                fetch(postUrl, {
  23089.                    "headers": {
  23090.                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  23091.                    },
  23092.                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
  23093.                    "method": "POST",
  23094.                    "mode": "cors",
  23095.                    "credentials": "include"
  23096.                }).then(function (response) {
  23097.                    if (response.redirected) {
  23098.                        window.location.href = response.url;
  23099.                    }
  23100.                }).catch(function (error) {
  23101.                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23102.                        [{
  23103.                            type: "error",
  23104.                            text: error
  23105.                        }], 5000
  23106.                    );
  23107.                });
  23108.            }
  23109.        };
  23110.    }
  23111. </script>
  23112. <script>
  23113.    function initWishlist() {
  23114.        return {
  23115.            addToWishlist(productId) {
  23116.                const formKey = hyva.getFormKey();
  23117.                const postUrl = BASE_URL + 'wishlist/index/add/';
  23118.  
  23119.                fetch(postUrl, {
  23120.                    "headers": {
  23121.                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  23122.                    },
  23123.                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
  23124.                    "method": "POST",
  23125.                    "mode": "cors",
  23126.                    "credentials": "include"
  23127.                }).then(function (response) {
  23128.                    if (response.redirected) {
  23129.                        window.location.href = response.url;
  23130.                    } else if (response.ok) {
  23131.                        return response.json();
  23132.                    } else {
  23133.                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23134.                            [{
  23135.                                type: "warning",
  23136.                                text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
  23137.                            }], 5000
  23138.                        );
  23139.                    }
  23140.                }).then(function (response) {
  23141.                    if (!response) { return }
  23142.                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23143.                        [{
  23144.                            type: (response.success) ? "success" : "error",
  23145.                            text: (response.success)
  23146.                                ? "Product\u0020is\u0020toegevoegd\u0020aan\u0020uw\u0020verlanglijst."
  23147.                                : response.error_message
  23148.                        }], 5000
  23149.                    );
  23150.                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
  23151.                    window.dispatchEvent(reloadCustomerDataEvent);
  23152.                }).catch(function (error) {
  23153.                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  23154.                        [{
  23155.                            type: "error",
  23156.                            text: error
  23157.                        }], 5000
  23158.                    );
  23159.                });
  23160.            }
  23161.        }
  23162.    }
  23163. </script>
  23164. <script>
  23165.    function initConfigurableOptions(productId, optionConfig) {
  23166.  
  23167.        function findPathParam(key) {
  23168.                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
  23169.            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
  23170.            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
  23171.            for (let i = 0; i < pathParts.length; i += 2) {
  23172.                if (pathParts[i] === key && pathParts.length > i) {
  23173.                    return pathParts[i + 1];
  23174.                }
  23175.            }
  23176.        }
  23177.  
  23178.        return {
  23179.            optionConfig,
  23180.            productId,
  23181.            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
  23182.            allowedAttributeOptions: [],
  23183.            selectedValues: [],
  23184.            init() {
  23185.                this.findAllowedAttributeOptions();
  23186.                this.$nextTick(() => {
  23187.                    if (typeof this.optionConfig.defaultValues === 'object') {
  23188.                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
  23189.                            this.changeOption(attributeId, value + '');
  23190.                        }
  23191.                    }
  23192.                });
  23193.            },
  23194.            findSimpleIndex() {
  23195.                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
  23196.            },
  23197.            calculateSimpleIndexForPartialSelection(selectedValues) {
  23198.                if (selectedValues.length === 0) return 0;
  23199.                let productIndexIds = Object.keys(this.optionConfig.index);
  23200.                Object.keys(this.optionConfig.attributes).forEach((attribute) => {
  23201.                                        const productsWithAttributeMatch = selectedValues[attribute]
  23202.                        ? productIndexIds.filter((productIndex) => {
  23203.                            return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
  23204.                        })
  23205.                        : [];
  23206.  
  23207.                                        productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
  23208.                })
  23209.                return productIndexIds[0];
  23210.            },
  23211.            calculateSimpleIndexForFullSelection(selectedValues) {
  23212.                const productIndexes = this.optionConfig.index;
  23213.                return Object.keys(productIndexes).find(productIndex => {
  23214.                    const productCandidateOptions = productIndexes[productIndex];
  23215.  
  23216.                    for (const productOption in productCandidateOptions) {
  23217.                        if (
  23218.                            ! selectedValues[productOption] ||
  23219.                            selectedValues[productOption] !== productCandidateOptions[productOption]
  23220.                        ) {
  23221.                            return false;
  23222.                        }
  23223.                    }
  23224.                    return productIndex;
  23225.                });
  23226.            },
  23227.            productIndex: 0,
  23228.            findAllowedAttributeOptions() {
  23229.                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
  23230.            },
  23231.            calculateAllowedAttributeOptions(selectedValues) {
  23232.                const allAttributes = this.optionConfig.attributes;
  23233.                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
  23234.                    return a.position - b.position
  23235.                });
  23236.  
  23237.                const newAllowedAttributeOptions = [];
  23238.  
  23239.                allAttributesSorted.forEach(attribute => {
  23240.                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
  23241.                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
  23242.                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
  23243.                        return !!option.products.find(product => {
  23244.                            return availableIndexes.includes(product);
  23245.                        })
  23246.                    });
  23247.                });
  23248.                return newAllowedAttributeOptions;
  23249.            },
  23250.            calculateAvailableProductIndexes(selectedOptions) {
  23251.                if (Object.keys(selectedOptions).length === 0) {
  23252.                                        if (Object.values(this.optionConfig.salable || {}).length) {
  23253.                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
  23254.                    }
  23255.                                        return Object.keys(this.optionConfig.index);
  23256.                }
  23257.  
  23258.                                const selectedIds = Object.keys(selectedOptions);
  23259.                if (Object.values(this.optionConfig.salable || {}).length) {
  23260.                                        const selectedOptionIndexes = selectedIds.map(attrId => {
  23261.                        const optionValue = selectedOptions[attrId];
  23262.                        return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
  23263.                    })
  23264.                                        return selectedOptionIndexes.reduce((acc, optionIndexes) => {
  23265.                        return acc.filter(index => optionIndexes.includes(index));
  23266.                    });
  23267.                } else {
  23268.                                        const productIndexes = this.optionConfig.index;
  23269.                    return Object.keys(productIndexes).filter(index => {
  23270.                                                for (const attrId of selectedIds) {
  23271.                            if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
  23272.                        }
  23273.                        return true
  23274.                    });
  23275.                }
  23276.            },
  23277.            findAttributeByOptionId(optionId) {
  23278.                for (const attributeId in this.optionConfig.attributes) {
  23279.                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
  23280.                    if (attributeOptions.find(option => option.id === optionId)) {
  23281.                        return attributeId;
  23282.                    }
  23283.                }
  23284.            },
  23285.            getAllowedAttributeOptions(attributeId) {
  23286.                return this.allowedAttributeOptions[attributeId] || []
  23287.            },
  23288.            getProductIdsForOption(option) {
  23289.                const attributeId = this.findAttributeByOptionId(option.id);
  23290.                const allOptions = this.optionConfig.attributes[attributeId];
  23291.                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
  23292.                return opt && opt.products
  23293.                    ? opt.products
  23294.                    : [];
  23295.            },
  23296.            findProductIdsForPartialSelection(optionSelection) {
  23297.                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
  23298.                    const newCandidates = this.getProductIdsForOption({id: optionId});
  23299.                    return candidates === null
  23300.                        ? newCandidates
  23301.                        : candidates.filter(productId => newCandidates.includes(productId));
  23302.                }, null);
  23303.                return candidateProducts || [];
  23304.            },
  23305.            findCheapestProductForPartialSelection(optionSelection) {
  23306.                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
  23307.                return candidateProducts.reduce((cheapest, simpleIdx) => {
  23308.                    // in the first iteration we start with simpleIdx as the currently cheapest product
  23309.                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
  23310.                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
  23311.                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
  23312.                        ? simpleIdx
  23313.                        : cheapest;
  23314.                }, 0)
  23315.            },
  23316.            findProductIdToUseForOptionPrice(option) {
  23317.                // try to find a product for a complete selection
  23318.                const attributeId = this.findAttributeByOptionId(option.id);
  23319.                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
  23320.                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
  23321.                // if there is no complete selection, use the cheapest product for the option
  23322.                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
  23323.            },
  23324.            getAttributeOptionLabel(option) {
  23325.                const optionProduct = this.findProductIdToUseForOptionPrice(option);
  23326.                if ((! optionProduct) || (optionProduct === this.productIndex)) {
  23327.                    return option.label;
  23328.                }
  23329.  
  23330.                const currentPrice = this.getOptionPriceAdjustmentBasePrice();
  23331.  
  23332.                if (this.optionConfig.optionPrices[optionProduct]) {
  23333.                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
  23334.                    if (optionPrice !== currentPrice){
  23335.                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
  23336.                    }
  23337.                }
  23338.                return option.label;
  23339.            },
  23340.            getOptionPriceAdjustmentBasePrice() {
  23341.                if (this.optionConfig.optionPrices[this.productIndex]) {
  23342.                    return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
  23343.                }
  23344.                const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
  23345.                return this.optionConfig.optionPrices[cheapestForSelection]
  23346.                    ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
  23347.                    : this.optionConfig.prices.finalPrice.amount; // default price if no option selection
  23348.            },
  23349.            clearOptionIfActive(optionId, value) {
  23350.                if (this.selectedValues[optionId] === value) {
  23351.                    this.blurLabel()
  23352.                    this.changeOption(optionId, '')
  23353.                }
  23354.            },
  23355.            removeAttrFromSelection(selectedValues, attributeId) {
  23356.                                attributeId = parseInt(attributeId);
  23357.                return selectedValues.reduce((newSelection, val, attr) => {
  23358.                    if (attr !== attributeId) {
  23359.                        newSelection[attr] = val;
  23360.                    }
  23361.                    return newSelection;
  23362.                }, []);
  23363.            },
  23364.            changeOption(attributeId, value) {
  23365.                if (value === '') {
  23366.                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
  23367.                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
  23368.                                        this.selectedValues[attributeId] = value;
  23369.                }
  23370.                this.findSimpleIndex();
  23371.                this.findAllowedAttributeOptions();
  23372.                this.updatePrices();
  23373.                this.updateGallery();
  23374.                window.dispatchEvent(
  23375.                    new CustomEvent(
  23376.                        'configurable-selection-changed',
  23377.                        {
  23378.                            detail: {
  23379.                                productId: this.productId,
  23380.                                optionId: attributeId,
  23381.                                value: value,
  23382.                                productIndex: this.productIndex,
  23383.                                selectedValues: this.selectedValues,
  23384.                                candidates: this.findProductIdsForPartialSelection(this.selectedValues),
  23385.                            }
  23386.                        }
  23387.                    )
  23388.                );
  23389.            },
  23390.            calculateIsMinimalPrice() {
  23391.                return (
  23392.                    this.selectedValues.filter(value => !!value).length <
  23393.                        Object.keys(this.optionConfig.attributes).length
  23394.                );
  23395.            },
  23396.            updatePrices() {
  23397.                const value = this.productIndex ?
  23398.                    this.optionConfig.optionPrices[this.productIndex] :
  23399.                    this.optionConfig.prices;
  23400.                window.dispatchEvent(
  23401.                    new CustomEvent(
  23402.                        "update-prices-" + this.productId,
  23403.                        {
  23404.                            detail: Object.assign(
  23405.                                value,
  23406.                                { isMinimalPrice: this.calculateIsMinimalPrice() }
  23407.                            )
  23408.                        }
  23409.                    )
  23410.                );
  23411.            },
  23412.            updateGallery () {
  23413.                if (this.productIndex) {
  23414.                    const images = this.optionConfig.images[this.productIndex];
  23415.                    images && window.dispatchEvent(new CustomEvent(
  23416.                        "update-gallery",
  23417.                        { detail: this.sortImagesByPosition(images) }
  23418.                    ));
  23419.                } else {
  23420.                    window.dispatchEvent(new Event("reset-gallery"));
  23421.                }
  23422.            },
  23423.            sortImagesByPosition(images) {
  23424.                return images.sort((x, y) => {
  23425.                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
  23426.                });
  23427.            },
  23428.            onGetCartData(data) {
  23429.                            },
  23430.            preselectCartItems(data) {
  23431.                // pre-select options based on cart data for current (quote) itemId
  23432.                const cart = data && data.cart;
  23433.                if (cart && cart.items) {
  23434.                    const cartItem = cart.items.find((item) => {
  23435.                        return (
  23436.                            item.item_id === this.itemId
  23437.                            && item.product_id === this.productId
  23438.                        )
  23439.                    });
  23440.                    if (cartItem && cartItem.options && cartItem.options.length) {
  23441.                        cartItem.options.map(option => {
  23442.                            this.changeOption(option.option_id, option.option_value);
  23443.                        })
  23444.                    }
  23445.                }
  23446.            },
  23447.            preselectQuerystringItems() {
  23448.                // pre-select option like ?size=167
  23449.                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
  23450.                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
  23451.            },
  23452.            preselectLocationHashItems() {
  23453.                // pre-select option like #144=167
  23454.                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
  23455.                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
  23456.            },
  23457.            preselectItemsBasedOnLocation(getLocationValue) {
  23458.                Object.values(this.optionConfig.attributes).map(attribute => {
  23459.                    this.changeOption(attribute.id, getLocationValue(attribute))
  23460.                });
  23461.            }
  23462.        }
  23463.    }
  23464.  
  23465. </script>
  23466. <script>
  23467.    function initSwatchOptions(swatchConfig) {
  23468.        return {
  23469.            swatchConfig,
  23470.            getAttributeSwatchData(attributeId) {
  23471.                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
  23472.                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
  23473.  
  23474.                return swatchConfig;
  23475.            },
  23476.            getAllAttributeOptions(attributeId) {
  23477.                return (
  23478.                    this.optionConfig.attributes[attributeId] &&
  23479.                    this.optionConfig.attributes[attributeId].options
  23480.                ) || []
  23481.            },
  23482.            optionIsActive(attributeId, optionId) {
  23483.                // return true if a product with this option is in stock
  23484.                return !!this.getAllowedAttributeOptions(attributeId).find(
  23485.                    option => option.id === optionId
  23486.                )
  23487.            },
  23488.            optionIsEnabled(attributeId, optionId) {
  23489.                // return true if a product with this option is enabled
  23490.                for (const productId in this.optionConfig.index) {
  23491.                    if (this.optionConfig.index[productId][attributeId] === optionId) {
  23492.                        return true;
  23493.                    }
  23494.                }
  23495.                return false;
  23496.            },
  23497.            mapSwatchTypeNumberToTypeCode(typeNumber) {
  23498.                switch ("" + typeNumber) {
  23499.                    case "1":
  23500.                        return "color"
  23501.                    case "2":
  23502.                        return "image"
  23503.                    case "3":
  23504.                        return "empty"
  23505.                    case "0":
  23506.                    default:
  23507.                        return "text"
  23508.                }
  23509.            },
  23510.            getTypeOfFirstOption(attributeId) {
  23511.                for (const optionId in this.swatchConfig[attributeId]) {
  23512.                    const option = this.swatchConfig[attributeId][optionId];
  23513.                    if (typeof option.type !== 'undefined') {
  23514.                        return this.mapSwatchTypeNumberToTypeCode(option.type);
  23515.                    }
  23516.                }
  23517.            },
  23518.            getVisualSwatchType(attributeId, targetOptionId) {
  23519.                // If a type configuration is present for the given option id, use it
  23520.                const config = this.swatchConfig[attributeId];
  23521.                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
  23522.                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
  23523.                }
  23524.  
  23525.                // Otherwise - if no config is present for the target option - use the type of the first option
  23526.                // with a type property from the attribute, thus assuming its the same type as the target option.
  23527.                // (This edge case condition can occur on single swatch products if some options are not salable)
  23528.                return this.getTypeOfFirstOption(attributeId);
  23529.            },
  23530.            getSwatchType(attributeId, optionId) {
  23531.                // Deserialize the attribute details the first time they are used
  23532.                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
  23533.                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
  23534.                }
  23535.                const type =  this.swatchConfig[attributeId] &&
  23536.                    this.swatchConfig[attributeId].details &&
  23537.                    this.swatchConfig[attributeId].details.swatch_input_type ||
  23538.                    "empty";
  23539.                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
  23540.            },
  23541.            isTextSwatch(attributeId, optionId) {
  23542.                return this.getSwatchType(attributeId, optionId) === 'text';
  23543.            },
  23544.            isVisualSwatch(attributeId, optionId) {
  23545.                const type = this.getSwatchType(attributeId, optionId);
  23546.  
  23547.                return ['image', 'color'].includes(type);
  23548.            },
  23549.            getSwatchBackgroundStyle(attributeId, optionId) {
  23550.                const config = this.getSwatchConfig(attributeId, optionId);
  23551.                const type = this.getSwatchType(attributeId, optionId);
  23552.  
  23553.                if (type === "color") {
  23554.                        return 'background-color:' + config.value;
  23555.                } else if (type === "image") {
  23556.                        return "background: #ffffff url('" + config.value + "') no-repeat center";
  23557.                } else {
  23558.                    return '';
  23559.                }
  23560.            },
  23561.            getSwatchText(attributeId, optionId) {
  23562.                const config = this.getSwatchConfig(attributeId, optionId);
  23563.                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
  23564.            },
  23565.            getOptionLabelFromOptionConfig(attributeId, optionId) {
  23566.                // Fallback if no value is present in swatchConfig data
  23567.                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
  23568.                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
  23569.                return option && option[0] && option[0].label ||'';
  23570.            },
  23571.            getSwatchConfig(attributeId, optionId) {
  23572.                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
  23573.                    ? this.swatchConfig[attributeId][optionId]
  23574.                    : false;
  23575.            },
  23576.            activeTooltipItem: false,
  23577.            tooltipPositionElement: false,
  23578.            isTooltipVisible() {
  23579.                return this.activeTooltipItem &&
  23580.                    this.getSwatchConfig(
  23581.                        this.activeTooltipItem.attribute,
  23582.                        this.activeTooltipItem.item
  23583.                    );
  23584.            },
  23585.            isFirstItemCol() {
  23586.                return this.activeTooltipItem.index === 0;
  23587.            },
  23588.            getTooltipImageStyle(attributeId, optionId) {
  23589.                const config = this.getSwatchConfig(attributeId, optionId);
  23590.                const type = this.getSwatchType(attributeId, optionId);
  23591.  
  23592.                if (type === "color") {
  23593.                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
  23594.                } else if (type === "image") {
  23595.                    return "background: #ffffff url('" + config.thumb +
  23596.                        "') center center no-repeat; width: 110px; height: 90px;";
  23597.                } else {
  23598.                    return 'display:none';
  23599.                }
  23600.            },
  23601.            getTooltipPosition() {
  23602.                return this.tooltipPositionElement ?
  23603.                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
  23604.                    `left: ${
  23605.                        this.tooltipPositionElement.offsetLeft - (
  23606.                            this.tooltipPositionElement.closest('.snap') &&
  23607.                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
  23608.                            0
  23609.                        )
  23610.                    }px;` : ''
  23611.            },
  23612.            getTooltipLabel() {
  23613.                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
  23614.            },
  23615.            focusedLabel: false,
  23616.            focusLabel(optionId) {
  23617.                this.focusedLabel = optionId;
  23618.            },
  23619.            blurLabel() {
  23620.                this.focusedLabel = false;
  23621.            },
  23622.            showSwatches: false,
  23623.            initShowSwatchesIntersect() {
  23624.                if ('IntersectionObserver' in window && !window.scrollY) {
  23625.                    let io = new IntersectionObserver(
  23626.                        entries => {
  23627.                            entries.map(entry => {
  23628.                                if (entry.isIntersecting) {
  23629.                                    this.showSwatches = true;
  23630.                                    io.unobserve(this.$root);
  23631.                                }
  23632.                            })
  23633.                        }
  23634.                    );
  23635.                    io.observe(this.$root);
  23636.                } else {
  23637.                    this.showSwatches = true
  23638.                }
  23639.            }
  23640.        }
  23641.    }
  23642. </script>
  23643.  
  23644. <script>
  23645.    'use strict';
  23646.  
  23647.    (function () {
  23648.        const modals = [];
  23649.        const excludedFromFocusTrapping = new Set();
  23650.  
  23651.        function trapFocusInNextModalWithOverlay() {
  23652.            for (let idx = modals.length -1; idx >= 0; idx--) {
  23653.                const nextOnStack = modals[idx];
  23654.                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
  23655.                if (! isOverlayDisabled(nextDialogElement)) {
  23656.                    hyva.trapFocus(nextDialogElement);
  23657.                    break;
  23658.                }
  23659.            }
  23660.        }
  23661.  
  23662.        function focusables(dialogElement) {
  23663.            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
  23664.            return Array.from(dialogElement.querySelectorAll(selector))
  23665.                .filter(el => !el.hasAttribute('disabled'));
  23666.        }
  23667.  
  23668.        function firstVisible(elements) {
  23669.            const a = Array.from(elements);
  23670.            for (let i = 0; i < a.length; i++) {
  23671.                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
  23672.            }
  23673.            return null;
  23674.        }
  23675.  
  23676.        function isInViewport(element) {
  23677.            const rect = element && element.getBoundingClientRect();
  23678.            return rect &&
  23679.                rect.top >= 0 &&
  23680.                rect.left >= 0 &&
  23681.                rect.right <= window.innerWidth &&
  23682.                rect.bottom <= window.innerHeight;
  23683.        }
  23684.  
  23685.        function setFocusAfterTransition(dialogElement, duration) {
  23686.                        const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
  23687.            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
  23688.            next: for (let candidate of candidates) {
  23689.                for (let child of nested) {
  23690.                    if (child.contains(candidate)) continue next;
  23691.                }
  23692.                setTimeout(() => candidate.focus(), 50);
  23693.                break;
  23694.            }
  23695.            window.setTimeout(() => {
  23696.                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
  23697.                    focusables(dialogElement)[0] ||
  23698.                    null;
  23699.                focusElement && isInViewport(focusElement) && focusElement.focus();
  23700.            }, Math.max(1, duration));
  23701.        }
  23702.  
  23703.        function determineTrigger($refs, dialog, trigger) {
  23704.                        if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
  23705.                return dialog.target;
  23706.            }
  23707.                        if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
  23708.                return trigger.target;
  23709.            }
  23710.                        if (typeof trigger === 'string') {
  23711.                try {
  23712.                    return $refs[trigger] || document.querySelector(trigger)
  23713.                } catch (e) {}
  23714.            }
  23715.                        if (trigger instanceof Element) {
  23716.                return trigger;
  23717.            }
  23718.  
  23719.                        return null;
  23720.        }
  23721.  
  23722.        function isOverlayDisabled(dialog) {
  23723.            return dialog && dialog.hasAttribute('x-no-overlay')
  23724.        }
  23725.  
  23726.        function areRemainingModalsWithoutOverlay(modals)
  23727.        {
  23728.            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);
  23729.  
  23730.            return overflowDisabled.length === modals.length;
  23731.        }
  23732.  
  23733.        window.hyva.modal = function(options) {
  23734.  
  23735.            const config = Object.assign({
  23736.                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
  23737.                transitionEnterStart: 'opacity-0',
  23738.                transitionEnterEnd: 'opacity-100',
  23739.                transitionLeave: 'transition ease-in duration-300',
  23740.                transitionLeaveStart: 'opacity-100',
  23741.                transitionLeaveEnd: 'opacity-0',
  23742.            }, options);
  23743.            let lastHide = 0;
  23744.  
  23745.            return {
  23746.                opened: {},
  23747.                show(dialog, trigger) {
  23748.                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
  23749.                    const name = typeof dialog === 'string' ? dialog : config.dialog;
  23750.                    const dialogElement = this.$refs[name];
  23751.                    if (! dialogElement) {
  23752.                                                return;
  23753.                    }
  23754.                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
  23755.  
  23756.                    dialogElement.scrollTop = 0;
  23757.  
  23758.                                        if (this.opened[name]) {
  23759.                        return;
  23760.                    }
  23761.  
  23762.                    if (focusTargetAfterHide) {
  23763.                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
  23764.                    }
  23765.  
  23766.                    this.opened[name] = true;
  23767.                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
  23768.                    setFocusAfterTransition(dialogElement, config.duration);
  23769.  
  23770.                    const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};
  23771.  
  23772.                    modals.push(frame);
  23773.                    if (useOverlay) {
  23774.                        document.body.classList.add('overflow-hidden');
  23775.                    }
  23776.                    return new Promise(resolve => frame.resolve = resolve);
  23777.                },
  23778.                cancel() {
  23779.                    this.hide(false);
  23780.                },
  23781.                ok() {
  23782.                    this.hide(true);
  23783.                },
  23784.                hide(value) {
  23785.                                        if (Date.now() - lastHide < config.duration) {
  23786.                        return;
  23787.                    }
  23788.                    lastHide = Date.now();
  23789.  
  23790.                    const modal = modals.pop() || {};
  23791.                    const name = modal.name;
  23792.                    this.opened[name] = false;
  23793.                    hyva.releaseFocus(modal.instance.$refs[modal.name])
  23794.                    trapFocusInNextModalWithOverlay();
  23795.  
  23796.                    const nextFocusAfterHide = modal.focusTarget;
  23797.                    nextFocusAfterHide && setTimeout(() => {
  23798.                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
  23799.                        nextFocusAfterHide.focus()
  23800.                    }, config.duration);
  23801.  
  23802.                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
  23803.                        document.body.classList.remove('overflow-hidden');
  23804.                    }
  23805.  
  23806.                    modal.resolve(value);
  23807.                },
  23808.                overlay(dialog) {
  23809.                    const name = typeof dialog === 'string' ? dialog : config.dialog;
  23810.                    return {
  23811.                        ['x-show']() {
  23812.                            return this.opened[name]
  23813.                        },
  23814.                        ['x-transition:enter']: config.transitionEnter,
  23815.                        ['x-transition:enter-start']: config.transitionEnterStart,
  23816.                        ['x-transition:enter-end']: config.transitionEnterEnd,
  23817.                        ['x-transition:leave']: config.transitionLeave,
  23818.                        ['x-transition:leave-start']: config.transitionLeaveStart,
  23819.                        ['x-transition:leave-end']: config.transitionLeaveEnd,
  23820.                        ['@hyva-modal-show.window'](event) {
  23821.                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
  23822.                        }
  23823.                    };
  23824.                }
  23825.            };
  23826.        }
  23827.  
  23828.        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]
  23829.  
  23830.        window.hyva.modal.pop = function () {
  23831.            if (modals.length > 0) {
  23832.                const modal = modals[modals.length -1];
  23833.                modal.instance.hide();
  23834.            }
  23835.        }
  23836.  
  23837.        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
  23838.            typeof selectors === 'string' || selectors instanceof String
  23839.                ? excludedFromFocusTrapping.add(selectors)
  23840.                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
  23841.        }
  23842.  
  23843.        window.hyva.modal.eventListeners = {
  23844.            keydown: event => {
  23845.                if (event.key === 'Escape') {
  23846.                    window.hyva.modal.pop();
  23847.                }
  23848.            },
  23849.                        click: event => {
  23850.                if (modals.length > 0) {
  23851.                    const modal = modals[modals.length -1];
  23852.                    const dialog = modal.instance.$refs[modal.name];
  23853.                    if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago
  23854.                        ! isOverlayDisabled(dialog) && // if dialog has overlay
  23855.                        ! dialog.contains(event.target)) { // if click is outside of dialog
  23856.                        modal.instance.hide();
  23857.                    }
  23858.                }
  23859.            }
  23860.        };
  23861.  
  23862.        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
  23863.  
  23864.        document.addEventListener('click', window.hyva.modal.eventListeners.click);
  23865.    })();
  23866. </script>
  23867.  
  23868. <script>
  23869.    'use strict';
  23870.  
  23871.    function initParentContainerProcessor() {
  23872.        const selectors = {
  23873.            labelContainer: '.amasty-label-container',
  23874.            galleryImg: '#gallery img:not(.amasty-label-image)'
  23875.        }
  23876.  
  23877.        return {
  23878.            /**
  23879.             * @param {AmlabelComponent} label
  23880.             * @return {void}
  23881.             */
  23882.            process: function (label) {
  23883.                this.moveLabelToParent(label);
  23884.                this.setParentStyles(label);
  23885.            },
  23886.  
  23887.            /**
  23888.             * @param {AmlabelComponent} label
  23889.             * @return {void}
  23890.             */
  23891.            moveLabelToParent: function (label) {
  23892.                const newParent = this.getNewParent(label);
  23893.  
  23894.                if (!newParent) {
  23895.                    return;
  23896.                }
  23897.  
  23898.                const wrapperElement = newParent.querySelector(label.wrapperClass);
  23899.                label.parent = newParent;
  23900.  
  23901.                // if same wrapper already exists - move label there
  23902.                if (wrapperElement && !wrapperElement.isSameNode(label.element)) {
  23903.                    this.insertLabelByPriority(label, wrapperElement);
  23904.                } else {
  23905.                    newParent.prepend(label.element);
  23906.                }
  23907.            },
  23908.  
  23909.            /**
  23910.             * @param {AmlabelComponent} label
  23911.             * @return {HTMLElement|null}
  23912.             */
  23913.            getNewParent: function (label) {
  23914.                // move label to container from settings
  23915.                let newParent = label.element.closest(label.config.path)
  23916.                    || this.findPreviousNodeExcludingScriptsAndDifferentLabels(label.element)?.querySelector(label.config.path)
  23917.                    || label.parent.querySelector(label.config.path);
  23918.  
  23919.                // Try to find default gallery container on product page if none of the config selectors found
  23920.                if (!newParent && label.config.move !== 1 && label.config.mode === 'prod') {
  23921.                    newParent = document.querySelector(selectors.galleryImg)?.parentElement;
  23922.                }
  23923.  
  23924.                return newParent;
  23925.            },
  23926.  
  23927.            /**
  23928.             * @param {HTMLElement} element
  23929.             * @return {HTMLElement|null}
  23930.             */
  23931.            findPreviousNodeExcludingScriptsAndDifferentLabels: function (element) {
  23932.                const previousElement = element?.previousElementSibling;
  23933.                if (!previousElement) {
  23934.                    return null;
  23935.                }
  23936.  
  23937.                if (previousElement?.tagName !== 'SCRIPT'
  23938.                    && !previousElement?.className?.includes?.('amlabel-position-wrapper')
  23939.                ) {
  23940.                    return previousElement;
  23941.                }
  23942.  
  23943.                return this.findPreviousNodeExcludingScriptsAndDifferentLabels(previousElement);
  23944.            },
  23945.  
  23946.            /**
  23947.             * @param {AmlabelComponent} label
  23948.             * @param {HTMLElement} wrapperElement
  23949.             * @return {void}
  23950.             */
  23951.            insertLabelByPriority: function (label, wrapperElement) {
  23952.                const labelContainers = wrapperElement.querySelectorAll(selectors.labelContainer);
  23953.                const currentLabelOrder = label.labelContainer.dataset.amlabelOrder;
  23954.                let insertAfterContainer = null;
  23955.  
  23956.                // find the label behind which we want to insert current one by priority
  23957.                labelContainers.forEach(labelContainer => {
  23958.                    if (labelContainer.dataset.amlabelOrder < currentLabelOrder) {
  23959.                        insertAfterContainer = labelContainer;
  23960.                    }
  23961.                });
  23962.  
  23963.                insertAfterContainer === null
  23964.                    ? wrapperElement.prepend(label.labelContainer)
  23965.                    : insertAfterContainer.after(label.labelContainer);
  23966.  
  23967.                label.element.remove();
  23968.                label.element = wrapperElement;
  23969.            },
  23970.  
  23971.            /**
  23972.             * @param {AmlabelComponent} label
  23973.             * @return {void}
  23974.             */
  23975.            setParentStyles: function (label) {
  23976.                /* required for child position absolute */
  23977.                !(label.parent.style.position === 'absolute') && (label.parent.style.position = 'relative');
  23978.                !label.parent.style.width && label.parent.classList.add('w-fit-content');
  23979.                !label.parent.style.marginLeft && label.parent.classList.add('ml-auto');
  23980.                !label.parent.style.marginRight && label.parent.classList.add('mr-auto');
  23981.            },
  23982.        }
  23983.    }
  23984. </script>
  23985. <script>
  23986.    'use strict';
  23987.  
  23988.    function initLabelItemProcessor() {
  23989.        /**
  23990.         * @typedef {Object} AmlabelComponent
  23991.         *
  23992.         * @property {HTMLElement} element Label wrapper element
  23993.         * @property {HTMLElement} parent Element where label should be placed
  23994.         * @property {boolean} initialized Is label initialized
  23995.         * @property {string} wrapperClass Dynamic class for label wrapper to place multiple labels properly by position
  23996.         * @property {HTMLElement} labelContainer Container for label text image and tooltip
  23997.         * @property {Config} config Label Configuration
  23998.         * @property {Object} parentContainerProcessor
  23999.         * @property {Object} labelItemProcessor
  24000.         */
  24001.  
  24002.        /**
  24003.         * @typedef {Object} AmLabelConfig
  24004.         *
  24005.         * @property {0|1} alignment Labels Alignment config value (0 - Horizontal| 1 - Vertical)
  24006.         * @property {number} label Label Id
  24007.         * @property {number} margin Margin between labels config value
  24008.         * @property {('cat'|'prod')} mode Label mode
  24009.         * @property {number} move
  24010.         * @property {number} order Label order
  24011.         * @property {string} path The css selector to which label should place
  24012.         * @property {string} position Label position
  24013.         * @property {string} product Product Id
  24014.         * @property {string} redirect_url
  24015.         * @property {string} size Label size
  24016.         * @property {{
  24017.         *     backgroundColor: string,
  24018.         *     color: string,
  24019.         *     content: string,
  24020.         *     status: 1|2|3
  24021.         * }} tooltip
  24022.         */
  24023.  
  24024.        return {
  24025.            /**
  24026.             * @param {AmlabelComponent} label
  24027.             * @return {void}
  24028.             */
  24029.            process: function(label) {
  24030.                this.setLabelSize(label);
  24031.                this.setLinkProps(label);
  24032.            },
  24033.  
  24034.            /**
  24035.             * @param {AmlabelComponent} label
  24036.             * @return {void}
  24037.             */
  24038.            setLabelSize: function (label) {
  24039.                if (!label.config.size) {
  24040.                    return;
  24041.                }
  24042.  
  24043.                label.labelContainer.style.width = label.parent.offsetWidth * label.config.size / 100 + 'px';
  24044.            },
  24045.  
  24046.            /**
  24047.             *
  24048.             * @param {Object} $event
  24049.             * @param {HTMLElement} tooltipNode
  24050.             */
  24051.            placeTooltip: function($event, tooltipNode) {
  24052.                const labelNode = $event.target;
  24053.                const labelNodeRect = labelNode.getBoundingClientRect();
  24054.  
  24055.                tooltipNode.style.bottom = (window.innerHeight - labelNodeRect.top)  + 'px';
  24056.                tooltipNode.style.left = (labelNodeRect.left + labelNode.offsetWidth / 2 ) + 'px';
  24057.            },
  24058.  
  24059.            /**
  24060.             * @param {AmlabelComponent} label
  24061.             * @return {void}
  24062.             */
  24063.            setLinkProps: function (label) {
  24064.                !!label.config.redirect_url && label.labelContainer.classList.add('-link', 'cursor-pointer');
  24065.            },
  24066.  
  24067.            /**
  24068.             * @param {Object} $event Click event
  24069.             * @param {string} redirectUrl
  24070.             */
  24071.            openLink: function($event, redirectUrl) {
  24072.                if (redirectUrl.length === 0) {
  24073.                    return;
  24074.                }
  24075.  
  24076.                $event.preventDefault();
  24077.                window.open(redirectUrl, '_blank');
  24078.            }
  24079.        }
  24080.    }
  24081. </script>
  24082.  
  24083. <script>
  24084.    (function () {
  24085.        'use strict';
  24086.  
  24087.        const observedEvent = 'amlabel-swatch-product-changed';
  24088.        const selectors = {
  24089.            swatchOptions: 'div[x-data^=initConfigurable][x-data*=Options]',
  24090.            addToCartFormOnListing: 'form.product_addtocart_form',
  24091.            galleryImage: '#gallery img:not(.amasty-label-image)',
  24092.            labelWrapper: '.amlabel-position-wrapper'
  24093.        }
  24094.  
  24095.        /**
  24096.         * @return {void}
  24097.         */
  24098.        const injectLabelObserver = function () {
  24099.            const swatches = document.querySelectorAll(selectors.swatchOptions);
  24100.  
  24101.            swatches.forEach(swatch => {
  24102.                const isListing = !!swatch.closest(selectors.addToCartFormOnListing);
  24103.                const injectedDispatch = `$dispatch('${observedEvent}', `
  24104.                    + `{productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: ${isListing ? 1 : 0}})`;
  24105.  
  24106.                let mutatedInitAttribute = swatch.getAttribute('x-init');
  24107.                mutatedInitAttribute += `; $watch('productIndex', (productIndex) => { ${injectedDispatch} });`;
  24108.                swatch.setAttribute('x-init', mutatedInitAttribute);
  24109.            });
  24110.        }
  24111.  
  24112.        /**
  24113.         * @param {{
  24114.         *  productIndex: number,
  24115.         *  element: HTMLElement,
  24116.         *  optionConfig: Object,
  24117.         *  isListing: 0|1
  24118.         * }} payload
  24119.         * @return {void}
  24120.         */
  24121.        const updateLabel = function ({detail: payload}) {
  24122.            const {productIndex, element, optionConfig, isListing} = payload;
  24123.  
  24124.            if (!productIndex) {
  24125.                return;
  24126.            }
  24127.  
  24128.            const reloadUrl = optionConfig.label_reload;
  24129.            const headers = {
  24130.                "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
  24131.            };
  24132.            const body = new URLSearchParams({
  24133.                product_ids: productIndex,
  24134.                in_product_list: isListing
  24135.            });
  24136.            const labelContainerSelector = isListing ? optionConfig.label_category : optionConfig.label_product;
  24137.  
  24138.            fetch(`${reloadUrl}?${body.toString()}`, {headers: headers, method: 'GET'}).then((response) => {
  24139.                if (response.ok) {
  24140.                    return response.json();
  24141.                }
  24142.            }).then((result) => {
  24143.                const labelHtml = result.labels && result.labels[productIndex];
  24144.                let labelContainer = findClosest(element, labelContainerSelector);
  24145.  
  24146.                // Try to find default gallery container on product page if none of the config selectors found
  24147.                if (labelContainer === null && isListing === 0) {
  24148.                    labelContainer = document.querySelector(selectors.galleryImage)?.parentElement;
  24149.                }
  24150.  
  24151.                if (!!labelContainer) {
  24152.                    !!labelHtml ? replaceLabels(labelContainer, labelHtml) : clearLabelWrapper(labelContainer);
  24153.                }
  24154.            }).catch((error) => {
  24155.                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
  24156.                    [{
  24157.                        type: 'error',
  24158.                        text: error
  24159.                    }],
  24160.                    5000
  24161.                );
  24162.            });
  24163.        }
  24164.  
  24165.        /**
  24166.         * We use approach from hyva.replaceDomElement method to replace labels and init components
  24167.         *
  24168.         * @param {HTMLElement} labelContainer
  24169.         * @param {string} labelHtml
  24170.         * @return {void}
  24171.         */
  24172.        function replaceLabels(labelContainer, labelHtml) {
  24173.            const parser = new DOMParser();
  24174.            const doc = parser.parseFromString(labelHtml, 'text/html');
  24175.            const nodes = doc.querySelectorAll(selectors.labelWrapper);
  24176.  
  24177.            if (!nodes) {
  24178.                return;
  24179.            }
  24180.  
  24181.            clearLabelWrapper(labelContainer);
  24182.  
  24183.            // Extract all the script tags from the new content.
  24184.            // Script tags won't execute when inserted into a dom-element directly,
  24185.            // therefore we need to inject them to the head of the document.
  24186.            const tmpScripts = doc.getElementsByTagName('script');
  24187.  
  24188.            if (tmpScripts.length > 0) {
  24189.                // Push all script tags into an array
  24190.                // (to prevent dom manipulation while iterating over dom nodes)
  24191.                const scripts = [...tmpScripts];
  24192.  
  24193.                // Iterate over all script tags and duplicate+inject each into the head
  24194.                scripts.forEach(script => {
  24195.                    let scriptNode = document.createElement('script');
  24196.                    scriptNode.innerHTML = script.innerHTML;
  24197.                    document.head.appendChild(scriptNode);
  24198.  
  24199.                    // Remove the original (non-executing) node from the page
  24200.                    script.parentNode.removeChild(script);
  24201.                });
  24202.            }
  24203.  
  24204.            labelContainer.append(...nodes);
  24205.        }
  24206.  
  24207.        /**
  24208.         * @param {HTMLElement} labelContainer
  24209.         * @return {void}
  24210.         */
  24211.        function clearLabelWrapper(labelContainer) {
  24212.            labelContainer.querySelectorAll(selectors.labelWrapper).forEach(wrapper => wrapper.remove());
  24213.        }
  24214.  
  24215.        /**
  24216.         * @param {HTMLElement} currentElement
  24217.         * @param {string} selector
  24218.         * @return {HTMLElement|null}
  24219.         */
  24220.        function findClosest(currentElement, selector) {
  24221.            // We need to limit parent searches to prevent labels from being associated with the wrong product.
  24222.            const maxDepth = 3;
  24223.            let counter = 0;
  24224.            let closest = null;
  24225.  
  24226.            while (currentElement.parentNode && closest === null && counter < maxDepth) {
  24227.                ++counter;
  24228.                currentElement = currentElement.parentNode;
  24229.                closest = currentElement.querySelector(selector);
  24230.            }
  24231.  
  24232.            return closest;
  24233.        }
  24234.  
  24235.        injectLabelObserver();
  24236.        window.addEventListener(observedEvent, updateLabel);
  24237.    })();
  24238. </script>
  24239. <script>
  24240.    (function () {
  24241.        'use strict';
  24242.  
  24243.        const selectors = {
  24244.            body: '.catalog-product-view',
  24245.            productItem: 'product-item'
  24246.        }
  24247.  
  24248.        window.addEventListener('alpine:init', () => {
  24249.            Alpine.directive('amintersect', (el, { expression }, { evaluate, cleanup }) => {
  24250.                const observer = new IntersectionObserver(entries => {
  24251.                    entries.forEach(entry => {
  24252.                        if (entry.isIntersecting) {
  24253.                            evaluate(expression);
  24254.                            observer.disconnect();
  24255.                        }
  24256.                    })
  24257.                },  { threshold: 0.5 });
  24258.  
  24259.                observer.observe(getElement());
  24260.  
  24261.                cleanup(() => {
  24262.                    observer.disconnect()
  24263.                });
  24264.  
  24265.                function getElement() {
  24266.                    return !!document.querySelector(selectors.body) ? el.parentNode : getCategoryProductBlock(el);
  24267.                }
  24268.  
  24269.                function getCategoryProductBlock(el) {
  24270.                    if (el.previousElementSibling === null) {
  24271.                        return el;
  24272.                    }
  24273.  
  24274.                    if (!el.previousElementSibling.classList.contains(selectors.productItem)) {
  24275.                        return getCategoryProductBlock(el.previousElementSibling);
  24276.                    }
  24277.  
  24278.                    return el.previousElementSibling;
  24279.                }
  24280.            });
  24281.        });
  24282.    })();
  24283. </script>
  24284. <script type="application/json" id="default-section-data">
  24285.    {"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":1756299322},"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>
  24286.  
  24287. <script>
  24288.    'use strict';
  24289.  
  24290.    function GoogleAnalytics () {
  24291.        let self = this;
  24292.        this.config = {
  24293.            isCookieRestrictionModeEnabled: 1,
  24294.            currentWebsite: 1,
  24295.            cookieName: "user_allowed_save_cookie",
  24296.            ordersTrackingData: [],
  24297.            pageTrackingData: {"optPageUrl":"","isAnonymizedIpActive":false,"accountId":"UA-41059904-1"},
  24298.        }
  24299.  
  24300.        this.initGoogleAnalytics =  function () {
  24301.  
  24302.            let allowServices = false,
  24303.                allowedCookies,
  24304.                allowedWebsites;
  24305.  
  24306.            if (self.config.isCookieRestrictionModeEnabled) {
  24307.                allowedCookies = hyva.getCookie(self.config.cookieName);
  24308.  
  24309.                if (allowedCookies !== null) {
  24310.                    allowedWebsites = JSON.parse(decodeURIComponent(allowedCookies));
  24311.  
  24312.                    if (allowedWebsites[self.config.currentWebsite] === 1) {
  24313.                        allowServices = true;
  24314.                    }
  24315.                }
  24316.            } else {
  24317.                allowServices = true;
  24318.            }
  24319.  
  24320.            if (allowServices) {
  24321.                (function (i, s, o, g, r, a, m) {
  24322.                    i.GoogleAnalyticsObject = r;
  24323.                    i[r] = i[r] || function () {
  24324.                        (i[r].q = i[r].q || []).push(arguments)
  24325.                    }, i[r].l = 1 * new Date();
  24326.                    a = s.createElement(o),
  24327.                        m = s.getElementsByTagName(o)[0];
  24328.                    a.defer = 1;
  24329.                    a.src = g;
  24330.                    m.parentNode.insertBefore(a, m)
  24331.                })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  24332.  
  24333.                // Process page info
  24334.                ga('create', self.config.pageTrackingData.accountId, 'auto');
  24335.  
  24336.                if (self.config.pageTrackingData.isAnonymizedIpActive) {
  24337.                    ga('set', 'anonymizeIp', true);
  24338.                }
  24339.  
  24340.                // Process orders data
  24341.                if (self.config.ordersTrackingData.hasOwnProperty('currency')) {
  24342.                    ga('require', 'ec', 'ec.js');
  24343.  
  24344.                    ga('set', 'currencyCode', self.config.ordersTrackingData.currency);
  24345.  
  24346.                    // Collect product data for GA
  24347.                    if (self.config.ordersTrackingData.products) {
  24348.                        self.config.ordersTrackingData.products.forEach(function (value) {
  24349.                            ga('ec:addProduct', value);
  24350.                        });
  24351.                    }
  24352.  
  24353.                    // Collect orders data for GA
  24354.                    if (self.config.ordersTrackingData.orders) {
  24355.                        self.config.ordersTrackingData.orders.forEach(function (value) {
  24356.                            ga('ec:setAction', 'purchase', value);
  24357.                        });
  24358.                    }
  24359.  
  24360.                    ga('send', 'pageview');
  24361.                } else {
  24362.                    // Process Data if not orders
  24363.                    ga('send', 'pageview' + self.config.pageTrackingData.optPageUrl);
  24364.                }
  24365.            }
  24366.        };
  24367.    }
  24368.  
  24369.    window.addEventListener("load", new GoogleAnalytics().initGoogleAnalytics);
  24370.  
  24371. </script>
  24372. </div></body>
  24373. </html>
  24374.  

Home · About · News · Docs · Terms

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