{"products":"\n        <section class=\"container\" id=\"product-list\" aria-label=\"Liste&#x20;des&#x20;produits\" tabindex=\"-1\">\n        <script>\n    function initToolbar_69ac0f84f1b9c() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"position\",\"limitDefault\":16,\"url\":\"https:\\\/\\\/www.afflelou.com\\\/lunettes-de-soleil-enfant\\\/afflelou\",\"formKey\":\"VYug7v5dylOtjPci\",\"post\":false,\"page\":\"p\"}}.productListToolbarForm || {},\n            getUrlParams: function () {\n                let decode = window.decodeURIComponent,\n                    urlPaths = this.options.url.split('?'),\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    params = {},\n                    parameters, i;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    params[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n\n                return params;\n            },\n            getCurrentLimit: function () {\n                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;\n            },\n            getCurrentPage: function () {\n                return this.getUrlParams()[this.options.page] || 1;\n            },\n            changeUrl(paramName, paramValue, defaultValue, paramDir = null) {\n                let urlPaths = this.options.url.split('?'),\n                    baseUrl = urlPaths[0],\n                    paramData = this.getUrlParams(),\n                    currentPage = this.getCurrentPage(),\n                    newPage;\n\n                delete paramData['product_list_dir'];\n                if (paramDir) {\n                    paramData['product_list_dir'] = paramDir;\n                }\n\n                \/**\n                 * calculates the page on which the first item of the current page will\n                 * be with the new limit and sets that number as the new page\n                 *\/\n                if (currentPage > 1 && paramName === this.options.limit) {\n                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) \/ paramValue) + 1;\n\n                    if (newPage > 1) {\n                        paramData[this.options.page] = newPage;\n                    } else {\n                        delete paramData[this.options.page];\n                    }\n                }\n\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).length === 0\n                        ? ''\n                        : '?' + (new URLSearchParams(paramData));\n                    location.href = baseUrl + paramData\n                }\n            }\n        }\n    }\n<\/script>\n\n                        <section x-data=\"initToolbar_69ac0f84f1b9c()\" class=\"pt-4 pb-8 md:pb-14 flex flex-col gap-6 md:gap-8\">\n                \n<div class=\"flex gap-6 md:gap-8\">\n    <h1 class=\"text-3xl md:text-4xl font-medium text-neutral-800\">\n        Lunettes de soleil enfant Afflelou    <\/h1>\n    <span class=\"ml-2 text-base text-neutral-600\">\n        (6)\n    <\/span>\n<\/div>\n                <div class=\"overflow-hidden md:overflow-visible\">\n                    <div class=\"md:flex justify-between items-center relative\">\n                        \n<div x-ref=\"tagsSwiper\" x-data=\"plpTags\" class=\"mx-0 md:-ml-5 md:pl-5 md:pr-5\n            md:before:absolute md:before:bg-gradient-to-l md:before:from-transparent md:before:left-0 md:before:w-5 md:before:h-full md:before:z-10 md:before:top-0\n            md:after:absolute md:after:bg-gradient-to-r md:after:from-transparent md:after:right-0 md:after:w-5 md:after:h-full md:after:z-10 md:after:top-0\n            overflow-visible md:overflow-hidden\">\n    <div class=\"swiper-wrapper\">\n            <\/div>\n<\/div>\n\n<script>\n    'use strict';\n    function plpTags() {\n        return {\n            swiper: {},\n            init() {\n                this.swiper = new Swiper(this.$refs.tagsSwiper, {\n                    slidesPerView: 'auto',\n                    spaceBetween: 8,\n                    freeMode: true,\n                });\n            }\n        }\n    }\n<\/script>\n                        <div class=\"shrink-0 grid grid-cols-2 items-center justify-center p-2 gap-2 bg-light-white fixed bottom-0 left-0 right-0 md:relative bg-transparent md:p-0 md:justify-start max-md:z-25\">\n                            \n<div class=\"md:dropdown z-25\" :class=\"$store.screen.isMobile ? 'dropdown-fixed' : ''\" x-data=\"{show:false}\">\n    <button type=\"button\" x-ref=\"dropdownButton\" @click=\"show = ! show\" class=\"w-full btn-icons  btn btn-dark-subtle audio:btn-audio-subtle\">\n        Trier par        <svg class=\" shrink-0\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.5303 14.5303C12.2374 14.8232 11.7626 14.8232 11.4697 14.5303L7.46967 10.5303C7.17678 10.2374 7.17678 9.76256 7.46967 9.46967C7.76256 9.17678 8.23744 9.17678 8.53033 9.46967L12 12.9393L15.4697 9.46967C15.7626 9.17678 16.2374 9.17678 16.5303 9.46967C16.8232 9.76256 16.8232 10.2374 16.5303 10.5303L12.5303 14.5303Z\" fill=\"currentColor\" \/>\n        <\/svg>\n    <\/button>\n\n    <div x-show=\"show\" x-transition.opacity class=\"fixed md:hidden top-0 bottom-0 left-0 right-0 z-25 bg-dark-40 backdrop-blur-xl\"><\/div>\n    <template x-if=\"!$store.screen.isMobile\">\n        <div class=\"dropdown-content\" x-show=\"show\" x-anchor.bottom-start.offset.8=\"$refs.dropdownButton\" x-transition.opacity x-transition:enter.duration.200ms x-cloak @click.outside=\"show = false\">\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'price',\n                    options.orderDefault,\n                    'asc'\n                )\" class=\"dropdown-item \">\n                    Prix croissant                <\/a>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'price',\n                    options.orderDefault,\n                    'desc'\n                )\" class=\"dropdown-item \">\n                    Prix d\u00e9croissant                <\/a>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'position',\n                    options.orderDefault,\n                    ''\n                )\" class=\"dropdown-item \">\n                    Pertinence                <\/a>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'name',\n                    options.orderDefault,\n                    ''\n                )\" class=\"dropdown-item \">\n                    Nom du produit                <\/a>\n                    <\/div>\n\n    <\/template>\n    <template x-if=\"$store.screen.isMobile\">\n        <div class=\"rounded-md shadow-2xl fixed md:absolute left-0 max-md:right-0 max-md:bottom-0 md:top-[calc(100%+8px)] z-50 min-w-full\" x-show=\"show\" x-transition:enter=\"transition ease-out duration-300\" x-transition:enter-start=\"translate-y-full\" x-transition:enter-end=\"translate-y-0\" x-transition:leave=\"transition ease-in duration-300\" x-transition:leave-start=\"translate-y-0\" x-transition:leave-end=\"translate-y-full\" x-cloak @click.outside=\"show = false\">\n            <div class=\"font-medium text-lg text-neutral-800 px-6 py-4 bg-light-white border-b border-neutral-200 rounded-t-3xl flex justify-between items-center\">\n                Trier par                <button type=\"button\" @click=\"show = false\" class=\" btn btn-dark-ghost btn-only-icon\">\n                    <svg class=\" shrink-0\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.99469 7.9047C8.70179 7.6118 8.22692 7.6118 7.93403 7.9047C7.64113 8.19759 7.64113 8.67246 7.93403 8.96536L10.9392 11.9706L7.93403 14.9758C7.64114 15.2687 7.64114 15.7435 7.93403 16.0364C8.22693 16.3293 8.7018 16.3293 8.99469 16.0364L11.9999 13.0312L15.0051 16.0364C15.298 16.3293 15.7729 16.3293 16.0658 16.0364C16.3586 15.7435 16.3586 15.2687 16.0658 14.9758L13.0606 11.9706L16.0658 8.96536C16.3587 8.67246 16.3587 8.19759 16.0658 7.9047C15.7729 7.6118 15.298 7.6118 15.0051 7.9047L11.9999 10.9099L8.99469 7.9047Z\" fill=\"currentColor\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'price',\n                    options.orderDefault,\n                    'asc'\n                )\" class=\"dropdown-item \">\n                    Prix croissant                <\/a>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'price',\n                    options.orderDefault,\n                    'desc'\n                )\" class=\"dropdown-item \">\n                    Prix d\u00e9croissant                <\/a>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'position',\n                    options.orderDefault,\n                    ''\n                )\" class=\"dropdown-item \">\n                    Pertinence                <\/a>\n                                            <a @click=\"changeUrl(\n                    'product_list_order',\n                    'name',\n                    options.orderDefault,\n                    ''\n                )\" class=\"dropdown-item \">\n                    Nom du produit                <\/a>\n                    <\/div>\n    <\/template>\n<\/div>\n                            \n<button type=\"button\" x-data x-init=\"$store.asideBlocs.addAside('filter')\"\n        @click=\"$store.asideBlocs.toggleAside('filter')\"\n        class=\"w-full btn btn-dark audio:btn-audio btn-icons\"\n>\n    Filtrer    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.37143 7.42857C5.37143 6.29244 6.29244 5.37143 7.42857 5.37143C8.5647 5.37143 9.48571 6.29244 9.48571 7.42857C9.48571 8.5647 8.5647 9.48571 7.42857 9.48571C6.29244 9.48571 5.37143 8.5647 5.37143 7.42857ZM10.7886 6.74286C10.4709 5.17789 9.08729 4 7.42857 4C5.53502 4 4 5.53502 4 7.42857C4 9.32212 5.53502 10.8571 7.42857 10.8571C9.08729 10.8571 10.4709 9.67925 10.7886 8.11429H19.3143C19.693 8.11429 20 7.80728 20 7.42857C20 7.04986 19.693 6.74286 19.3143 6.74286H10.7886ZM4.68571 15.8857C4.307 15.8857 4 16.1927 4 16.5714C4 16.9501 4.307 17.2571 4.68571 17.2571H13.2114C13.5291 18.8221 14.9127 20 16.5714 20C18.465 20 20 18.465 20 16.5714C20 14.6779 18.465 13.1429 16.5714 13.1429C14.9127 13.1429 13.5291 14.3207 13.2114 15.8857H4.68571ZM16.5714 18.6286C15.4353 18.6286 14.5143 17.7076 14.5143 16.5714C14.5143 15.4353 15.4353 14.5143 16.5714 14.5143C17.7076 14.5143 18.6286 15.4353 18.6286 16.5714C18.6286 17.7076 17.7076 18.6286 16.5714 18.6286Z\" fill=\"currentColor\"\/>\n<title>settings<\/title><\/svg>\n<\/button>\n                            <script>\n    function initFilterButtons() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"position\",\"limitDefault\":16,\"url\":\"https:\\\/\\\/www.afflelou.com\\\/lunettes-de-soleil-enfant\\\/afflelou\",\"formKey\":\"VYug7v5dylOtjPci\",\"post\":false}}.productListToolbarForm || {},\n            getUrlParams: function () {\n                let decode = window.decodeURIComponent,\n                    urlPaths = this.options.url.split('?'),\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    params = {},\n                    parameters, i;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    params[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n\n                return params;\n            },\n            getCurrentLimit: function () {\n                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;\n            },\n            getCurrentPage: function () {\n                return this.getUrlParams()[this.options.page] || 1;\n            },\n            changeUrl(filters) {\n                let urlPaths = this.options.url.split('?'),\n                    baseUrl = urlPaths[0],\n                    paramData = {};\n\n                filters.forEach(\n                    (filter) => {\n                        if (paramData[filter.type]) {\n                            const values = paramData[filter.type].split(',');\n                            if (!values.includes(filter.value)) {\n                                values.push(filter.value);\n                                paramData[filter.type] = values.join(',');\n                            }\n                        } else {\n                            paramData[filter.type] = filter.value;\n                        }\n                    }\n                );\n\n                \/\/ Set price range attribute only if we have made an action on it\n                if ( Alpine.store('filter').hasPriceFilter){\n                    paramData['price'] = this.getPriceRange();\n                }\n\n                if (this.options.post) {\n                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});\n                } else {\n                    paramData = Object.keys(paramData).length === 0\n                        ? ''\n                        : '?' + (new URLSearchParams(paramData));\n                    location.href = baseUrl + paramData\n                }\n            },\n            getPriceRange() {\n                let min, max;\n                let range = document.getElementById('price-range');\n                let inputs = range.getElementsByTagName('INPUT');\n\n                min = inputs[0].value;\n                max = inputs[1].value;\n\n                return min + '-' + max;\n            }\n        }\n    }\n<\/script>\n<div x-data=\"initFilterButtons()\" class=\"fixed right-0 z-30 inset-y-0 max-w-full\">\n    <div x-cloak x-transition.opacity x-show=\"$store.asideBlocs.asides.find(aside => aside.name === 'filter')?.open\" class=\"fixed inset-0 w-full h-full bg-dark-40 backdrop-blur-xl\"><\/div>\n    <div x-cloak x-transition:enter=\"transition ease-out duration-300\" x-transition:enter-start=\"translate-x-full\" x-transition:enter-end=\"translate-x-0\" x-transition:leave=\"transition ease-in duration-300\" x-transition:leave-start=\"translate-x-0\" x-transition:leave-end=\"translate-x-full\" x-show=\"$store.asideBlocs.asides.find(aside => aside.name === 'filter')?.open\" class=\"h-full relative bg-light-white overflow-auto w-screen md:max-w-screen-sm flex flex-col\" @click.outside=\"$store.asideBlocs.closeAside('filter')\">\n        \n    <div class=\"p-4 md:px-10 md:py-6 font-medium text-2xl flex justify-between items-center\">\n        Filtrer        <button type=\"button\" @click=\"$store.asideBlocs.closeAside('filter')\" class=\"max-md:btn-size-sm btn btn-dark-ghost  btn-only-icon\">\n            <svg class=\" shrink-0\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.99469 7.9047C8.70179 7.6118 8.22692 7.6118 7.93403 7.9047C7.64113 8.19759 7.64113 8.67246 7.93403 8.96536L10.9392 11.9706L7.93403 14.9758C7.64114 15.2687 7.64114 15.7435 7.93403 16.0364C8.22693 16.3293 8.7018 16.3293 8.99469 16.0364L11.9999 13.0312L15.0051 16.0364C15.298 16.3293 15.7729 16.3293 16.0658 16.0364C16.3586 15.7435 16.3586 15.2687 16.0658 14.9758L13.0606 11.9706L16.0658 8.96536C16.3587 8.67246 16.3587 8.19759 16.0658 7.9047C15.7729 7.6118 15.298 7.6118 15.0051 7.9047L11.9999 10.9099L8.99469 7.9047Z\" fill=\"currentColor\" \/>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <div class=\"px-4 md:px-10 overflow-auto flex-1 border-t border-b border-neutral-200\">\n        <script>\n    document.addEventListener('DOMContentLoaded', function() {\n            });\n<\/script>\n<div x-cloak=\"\" x-show=\"$store.filter.filters && $store.filter.filters.length > 0\" class=\"text-neutral-800\" x-collapse>\n    <div class=\"py-6 border-b border-neutral-200 flex flex-col gap-4\">\n        <div class=\"flex justify-between items-center\">\n            <div class=\"text-neutral-800 text-xl font-semibold\">Filtres appliqu\u00e9s (<span x-text=\"$store.filter.filters.length\"><\/span>)<\/div>\n            <a class=\"is-underlined text-lg\" href=\"#\" @click=\"$store.filter.clearFilters()\">Tout effacer<\/a>\n        <\/div>\n        <div class=\"flex gap-2 flex-wrap\">\n            <template x-if=\"$store.filter.filters && $store.filter.filters.length > 0\">\n                <template x-for=\"filter in $store.filter.filters\">\n                    <button @click=\"$store.filter.toggleFilter(filter.type,filter.name,filter.value,filter.label)\" class=\"btn btn-size-sm btn-icons btn-dark-subtle\">\n                        <span x-text=\"filter.name +' : '+ filter.label\"><\/span>\n                        <svg class=\" shrink-0\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.99469 7.9047C8.70179 7.6118 8.22692 7.6118 7.93403 7.9047C7.64113 8.19759 7.64113 8.67246 7.93403 8.96536L10.9392 11.9706L7.93403 14.9758C7.64114 15.2687 7.64114 15.7435 7.93403 16.0364C8.22693 16.3293 8.7018 16.3293 8.99469 16.0364L11.9999 13.0312L15.0051 16.0364C15.298 16.3293 15.7729 16.3293 16.0658 16.0364C16.3586 15.7435 16.3586 15.2687 16.0658 14.9758L13.0606 11.9706L16.0658 8.96536C16.3587 8.67246 16.3587 8.19759 16.0658 7.9047C15.7729 7.6118 15.298 7.6118 15.0051 7.9047L11.9999 10.9099L8.99469 7.9047Z\" fill=\"currentColor\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/template>\n            <\/template>\n        <\/div>\n    <\/div>\n<\/div>\n                                                                    <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"price\"\n                            >\n                                Prix                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div id=\"price-range\" class=\"pb-4 md:pb-3\">\n    <div x-data=\"rangeSlider\" x-init=\"init(20, 60, 20, 60)\">\n        <div class=\"relative select-none touch-none mx-6 my-3 md:mx-0 h-0.5 bg-neutral-300\" x-ref=\"slider\">\n            <div class=\"absolute bg-dark-black h-full w-full\" :style=\"'width:' + getWidth() + '; left:' + getMinPos()\"><\/div>\n            <div class=\"absolute -ml-2 top-1\/2 -translate-y-1\/2 cursor-pointer rounded-full border-2 border-dark-black bg-light-white w-6 h-6 z-30 hover:bg-neutral-200\" @touchstart=\"dragFrom=true\" @mousedown=\"dragFrom=true\" :style=\"'left:' + getFromPos()\"><\/div>\n            <div class=\"absolute -ml-2 top-1\/2 -translate-y-1\/2 cursor-pointer rounded-full border-2 border-dark-black bg-light-white w-6 h-6 z-30 hover:bg-neutral-200\" @touchstart=\"dragTo=true\" @mousedown=\"dragTo=true\" :style=\"'left:' + getToPos()\"><\/div>\n        <\/div>\n        <div class=\"pt-2 flex justify-between select-none mt-2\">\n            <label class=\"flex gap-1 justify-center items-center py-2 px-3 border border-neutral-300 cursor-text focus-within:ring-4 focus-within:ring-blue-200 rounded-md\">\n                <div x-data=\"{value:from}\" class=\"relative h-full\">\n                    <input class=\"text-center border-0 p-0 w-full absolute top-0 left-0 bg-transparent focus:border-none focus:ring-0\" x-model=\"value\" type=\"text\" name=\"from\" x-effect=\"value=Math.min(from, to)\" @keyup.enter=\"triggerChange(value,'from')\" @blur=\"triggerChange(value,'from')\">\n                    <span class=\"invisible block w-auto overflow-auto text-nowrap min-w-6 h-full\" x-text=\"value\"><\/span>\n                <\/div>\n                <span>EUR<\/span>\n            <\/label>\n            <label class=\"flex gap-1 justify-center items-center py-2 px-3 border border-neutral-300 cursor-text focus-within:ring-4 focus-within:ring-blue-200 rounded-md\">\n                <div x-data=\"{value:to}\" class=\"relative h-full\">\n                    <input class=\"text-center border-0 p-0 w-full absolute top-0 left-0 bg-transparent focus:border-none focus:ring-0\" x-model=\"value\" type=\"text\" name=\"from\" x-effect=\"value=Math.max(from, to)\" @keyup.enter=\"triggerChange(value,'to')\" @blur=\"triggerChange(value,'to')\">\n                    <span class=\"invisible block w-auto overflow-auto text-nowrap min-w-6 h-full\" x-text=\"value\"><\/span>\n                <\/div>\n                <span>EUR<\/span>\n            <\/label>\n        <\/div>\n    <\/div>\n\n    <script>\n        function rangeSlider() {\n            return {\n                \/\/ slider start value\n                min: 20,\n                \/\/ slider end value\n                max: 60,\n                \/\/ range start\n                from: 20,\n                \/\/ range end\n                to: 60,\n                \/\/ flag if mouse is clicked or screen is touched\n                dragFrom: false,\n                dragTo: false,\n                \/\/ call on x-init\n                init: function(min, max, from, to) {\n                    \/\/ register mouse\/touche move events to window\n                    window.addEventListener(\"mousemove\", (e) => {\n                        this.drag(e)\n                    });\n                    window.addEventListener(\"touchmove\", (e) => {\n                        this.drag(e)\n                    });\n                    window.addEventListener(\"mouseup\", this.dragEnd.bind(this));\n                    window.addEventListener(\"touchend\", this.dragEnd.bind(this));\n                    \/\/ set values\n                    this.min = min || this.min;\n                    this.max = max || this.max;\n                    this.from = from || this.from;\n                    this.to = to || this.to;\n                },\n                triggerChange(value, type = 'from') {\n                    value = parseInt(value);\n                    if (isNaN(value)) {\n                        const {\n                            from,\n                            to\n                        } = this;\n                        this.from = this.to = 0;\n                        this.from = from;\n                        this.to = to;\n                        return;\n                    }\n                    if (this.from > this.to && value < this.max && value > this.min) {\n                        this[type === 'to' ? 'from' : 'to'] = this[type];\n                        this[type] = value;\n                        return;\n                    }\n                    if (type === 'to') {\n                        this.to = 0;\n                        this.to = Math.min(this.max, value < this.from ? this.from : value);\n                        if (value < this.from) {\n                            this.from = value < this.min ? this.min : value;\n                        }\n                    } else {\n                        this.from = 0;\n                        this.from = Math.max(this.min, value > this.to ? this.to : value);\n                        if (value > this.to) {\n                            this.to = value > this.max ? this.max : value;\n                        }\n                    }\n                    this.setPriceFilterAsUsed();\n                    return value;\n                },\n                getFromPos: function() {\n                    \/\/ return relative slider position for 'from' value\n                    return ((this.from - this.min) \/ (this.max - this.min) * 100) + '%'\n                },\n                getToPos: function() {\n                    \/\/ return relative slider position for 'to' value\n                    return ((this.to - this.min) \/ (this.max - this.min) * 100) + '%'\n                },\n                getWidth: function() {\n                    \/\/ return relative width between 'from' and 'to' value\n                    return ((Math.max(this.to, this.from) - Math.min(this.to, this.from)) \/ (this.max - this.min) * 100) + '%'\n                },\n                getMinPos: function() {\n                    \/\/ return the smallest of 'from' or 'to' value\n                    if (this.from < this.to) {\n                        return this.getFromPos();\n                    }\n                    return this.getToPos();\n                },\n                drag: function($event) {\n                    if (!this.dragFrom && !this.dragTo) {\n                        return;\n                    }\n                    \/\/ get touch\/mouse x-coordinate\n                    let x;\n                    const rect = this.$refs.slider.getBoundingClientRect();\n                    if ($event.type === 'touchmove') {\n                        x = $event.changedTouches[0].clientX - rect.left + this.$refs.slider.offsetLeft;\n                    } else {\n                        x = $event.clientX - rect.left + this.$refs.slider.offsetLeft; \/\/x position within the element.\n                    }\n                    \/\/ calculate the value relative to the mouse\/touch x-position on the document\n                    let pos = Math.round((this.max - this.min) * (x - this.$refs.slider.offsetLeft) \/ this.$refs.slider.clientWidth) + this.min;\n                    \/\/console.log($event);\n                    \/\/ stay in range\n                    pos = pos > this.max ? this.max : pos;\n                    pos = pos < this.min ? this.min : pos;\n                    if (this.dragFrom) {\n                        this.from = pos;\n                    }\n                    if (this.dragTo) {\n                        this.to = pos;\n                    }\n                    this.setPriceFilterAsUsed();\n                },\n                dragEnd: function() {\n                    this.dragFrom = false;\n                    this.dragTo = false;\n                },\n                setPriceFilterAsUsed : function () {\n                    Alpine.store('filter').hasPriceFilter = true;\n                }\n            }\n        }\n    <\/script>\n\n<\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"model_code\"\n                            >\n                                Mod\u00e8le                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '6445'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '6445',\n                        'FELIZ'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>FELIZ<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '16906'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '16906',\n                        'LAURIAN'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>LAURIAN<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '16918'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '16918',\n                        'LIO'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>LIO<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '18265'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '18265',\n                        'PAZ'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>PAZ<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '21391'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '21391',\n                        'VALME'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>VALME<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '35110'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '35110',\n                        'LOLA'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>LOLA<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"brand\"\n                            >\n                                Marque                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'brand',\n                    '2192'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'brand',\n                        'Marque',\n                        '2192',\n                        'AFFLELOU'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>AFFLELOU<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"front_material\"\n                            >\n                                Mati\u00e8res                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'front_material',\n                    '2774'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'front_material',\n                        'Mati\\u00E8res',\n                        '2774',\n                        'Ac\\u00E9tate'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Ac\u00e9tate<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'front_material',\n                    '2864'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'front_material',\n                        'Mati\\u00E8res',\n                        '2864',\n                        'Inject\\u00E9'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Inject\u00e9<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"gender\"\n                            >\n                                Genre                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'gender',\n                    '2453'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'gender',\n                        'Genre',\n                        '2453',\n                        'Enfant'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Enfant<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"style\"\n                            >\n                                Styles                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'style',\n                    '2777'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'style',\n                        'Styles',\n                        '2777',\n                        'Essentiel'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Essentiel<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'style',\n                    '2924'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'style',\n                        'Styles',\n                        '2924',\n                        'Sport'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Sport<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'style',\n                    '2930'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'style',\n                        'Styles',\n                        '2930',\n                        'Tendance'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Tendance<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"shape\"\n                            >\n                                Forme                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2483'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2483',\n                        'Carr\\u00E9e'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Carr\u00e9e<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2909'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2909',\n                        'Coeur'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Coeur<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2510'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2510',\n                        'Masque'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Masque<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2522'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2522',\n                        'Octogonale'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Octogonale<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2516'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2516',\n                        'Ovale'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Ovale<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2519'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2519',\n                        'Pantos'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Pantos<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"color\"\n                            >\n                                Couleur                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            <script>\n    function initLayeredSwatch_color() {\n        return {\n            getSwatchType(typeNumber) {\n                switch (\"\" + typeNumber) {\n                    case '1':\n                        return \"color\"\n                    case '2':\n                        return \"image\"\n                    case '0':\n                    default:\n                        return \"text\"\n                }\n            },\n            getSwatchBackgroundStyle(type, value, image) {\n                if (this.getSwatchType(type) === \"color\") {\n                    return 'background-color:' + value;\n                } else if (this.getSwatchType(type) === \"image\") {\n                    return \"background: #ffffff url('\" + image + \"') no-repeat center\";\n                } else {\n                    return '';\n                }\n            },\n            activeTooltipItem: false,\n            tooltipPositionElement: false,\n            isTooltipVisible() {\n                return this.activeTooltipItem\n            },\n            isFirstItemCol() {\n                const left = this.tooltipPositionElement.offsetLeft;\n                const leftParent = this.tooltipPositionElement.parentNode.offsetLeft;\n                const width = this.tooltipPositionElement.offsetWidth;\n                return left - leftParent < width;\n            },\n            getTooltipImageStyle() {\n                const type = this.activeTooltipItem.type;\n\n                if (this.getSwatchType(type) === \"color\") {\n                    return 'background-color:' + this.activeTooltipItem.value + '; width: 110px; height: 90px;';\n                } else if (this.getSwatchType(type) === \"image\") {\n                    return \"background: #ffffff url('\" + this.activeTooltipItem.thumb +\n                        \"') center center no-repeat; width: 110px; height: 90px;\";\n                } else {\n                    return 'display:none';\n                }\n            },\n            getTooltipPosition() {\n                return this.tooltipPositionElement ?\n                    (\n                        `top: ${this.tooltipPositionElement.offsetTop}px;` +\n                        `left: ${this.tooltipPositionElement.offsetLeft}px;`\n                    ) : ''\n            },\n            getTooltipLabel() {\n                return this.activeTooltipItem.label || ''\n            },\n            isVisualSwatch() {\n                return this.getSwatchType(this.activeTooltipItem.type) !== 'text'\n            }\n        }\n    }\n<\/script>\n\n<div class=\"swatch-attribute swatch-layered color\"\n     x-data=\"initLayeredSwatch_color()\"\n>\n    <div class=\"swatch-attribute-options clearfix\">\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3385',\n                    'Bleu'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Bleu\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#0000ff',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u00230000ff',\n                            type: '1',\n                            id: '3385',\n                            label: 'Bleu',\n                            thumb: '',\n                            value: '\\u00230000ff'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3421',\n                    'Ecaille'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Ecaille\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#e69200',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023e69200',\n                            type: '1',\n                            id: '3421',\n                            label: 'Ecaille',\n                            thumb: '',\n                            value: '\\u0023e69200'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3292',\n                    'Noir'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Noir\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#000000',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023000000',\n                            type: '1',\n                            id: '3292',\n                            label: 'Noir',\n                            thumb: '',\n                            value: '\\u0023000000'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3442',\n                    'Rose'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Rose\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#e178a9',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023e178a9',\n                            type: '1',\n                            id: '3442',\n                            label: 'Rose',\n                            thumb: '',\n                            value: '\\u0023e178a9'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3646',\n                    'Rouge'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Rouge\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#d62d2d',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023d62d2d',\n                            type: '1',\n                            id: '3646',\n                            label: 'Rouge',\n                            thumb: '',\n                            value: '\\u0023d62d2d'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3568',\n                    'Vert'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Vert\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#7ddb5e',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u00237ddb5e',\n                            type: '1',\n                            id: '3568',\n                            label: 'Vert',\n                            thumb: '',\n                            value: '\\u00237ddb5e'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '15562',\n                    'Orange'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Orange\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#ff7300',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023ff7300',\n                            type: '1',\n                            id: '15562',\n                            label: 'Orange',\n                            thumb: '',\n                            value: '\\u0023ff7300'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n            <\/div>\n            <template x-if=\"isTooltipVisible()\">\n    <div class=\"absolute pointer-events-none select-none\"\n         :style=\"getTooltipPosition()\"\n    >\n        <div class=\"shadow-lg\">\n            <div class=\"absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black\n                    transform -translate-x-1\/2 -translate-y-full bg-white rounded-lg shadow-lg text-center\"\n                 :class=\"{'-translate-x-5' : isFirstItemCol()}\"\n            >\n            <template x-if=\"isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)\">\n                <div class=\"inline-block border shadow-sm border-container\"\n                     :style=\"getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)\"\n                ><\/div>\n            <\/template>\n                <span class=\"mx-2 text-lg font-semibold whitespace-nowrap subtitle\"\n                      x-html=\"getTooltipLabel()\"\n                ><\/span>\n            <\/div>\n            <svg class=\"absolute z-10 w-8 h-8 text-white transform -translate-x-1\/5\n                    -translate-y-8 fill-current stroke-current\"\n                 width=\"12\"\n                 height=\"12\"\n            >\n                <rect x=\"12\" y=\"-12\" width=\"12\" height=\"12\" transform=\"rotate(45)\" class=\"shadow-xl\" \/>\n            <\/svg>\n        <\/div>\n    <\/div>\n<\/template>\n    <\/div>\n\n                        <\/div>\n                    <\/div>\n                                                                    \n    <\/div>\n    <div class=\"p-2 md:px-10 md:py-6\">\n        <div class=\"flex items-center justify-between\">\n            <button type=\"button\" @click=\"$store.filter.clearFilters()\" class=\"max-md:btn-size-md btn btn-dark-ghost btn-size-lg cursor-pointer\">\n                Tout supprimer            <\/button>\n            <a @click=\"changeUrl($store.filter.filters)\" href=\"#\" class=\"max-md:btn-size-md btn btn-dark btn-size-lg cursor-pointer\">\n                Voir les produits            <\/a>\n        <\/div>\n    <\/div>\n\n    <\/div>\n<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n                                            <div class=\"products wrapper mode-grid products-grid\">\n            <ul\n                role=\"list\"\n                class=\"grid grid-cols-2 md:grid-cols-6 gap-x-2 gap-y-14 md:gap-x-4 md:gap-y-12\"\n            >\n                            <li class=\"col-span-2 md:col-span-3\">\n                                                                <div class=\"slider-product-item flex flex-col w-full\"\n     x-data=\"{\n         siblingsOpen: false,\n         hasOptions: true,\n         hasMultipleSiblings: true,\n         isProductGroupedOrBundle: false,\n         activeSiblingImage: '',\n         currentURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-to01-5019-ecaille.html',\n         activeURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-to01-5019-ecaille.html',\n         sliderTheme: '',\n         options: {},\n         currentPromoLabel: null,\n         currentPromoLabelClass: '',\n         promoLabels: [],\n\n         updatePromoLabel(childId) {\n             const label = this.promoLabels[childId];\n             if (label) {\n                 this.currentPromoLabel = Math.abs(parseInt(label));\n                 const percentage = this.currentPromoLabel;\n                 if (percentage >= 50) {\n                     this.currentPromoLabelClass = 'bg-brand-600 text-white';\n                 } else if (percentage >= 40) {\n                     this.currentPromoLabelClass = 'bg-brand-500 text-white';\n                 } else if (percentage >= 30) {\n                     this.currentPromoLabelClass = 'bg-brand-400 text-brand-900';\n                 } else if (percentage >= 20) {\n                     this.currentPromoLabelClass = 'bg-brand-300 text-brand-900';\n                 } else {\n                     this.currentPromoLabelClass = 'bg-brand-200 text-brand-900';\n                 }\n            } else {\n                this.currentPromoLabel = null;\n                this.currentPromoLabelClass = '';\n            }\n         },\n\n         shouldShowContent() {\n             if (!this.hasMultipleSiblings && this.isProductGroupedOrBundle) {\n                 return true;\n             }\n             return (!this.siblingsOpen && this.hasOptions) || !this.hasOptions;\n         },\n\n         resetActiveSibling() {\n            if (this.activeURL === this.currentURL) {\n                this.activeSiblingImage = '';\n                this.activeURL = this.currentURL;\n            }\n         },\n\n         init() {\n            const promoLabels = this.promoLabels;\n\n            const bestChildId = Object.keys(promoLabels).reduce((bestId, currentId) => {\n                const currentLabel = parseFloat(promoLabels[currentId]) || 0;\n                const bestLabel = parseFloat(promoLabels[bestId]) || 0;\n                return currentLabel > bestLabel ? currentId : bestId;\n            }, Object.keys(promoLabels)[0]);\n\n            if (bestChildId) {\n                this.updatePromoLabel(bestChildId);\n            }\n         }\n     }\"\n     x-init=\"sliderTheme = sliderTheme ?? ''\"\n>\n        <form method=\"post\"\n          action=\"https:\/\/www.afflelou.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/92155\/\"\n          class=\"product_addtocart_form\"\n            >\n        <input name=\"form_key\" type=\"hidden\" value=\"VYug7v5dylOtjPci\" \/>        <input type=\"hidden\" name=\"product\" value=\"92155\"\/>\n                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-to01-5019-ecaille.html\"\n           :href=\"activeURL\"\n           title=\"AFFLELOU&#x20;LOLA\"\n           class=\"block relative aspect-square bg-gray-100 rounded-lg group after:!h-0 noAbsolute after:hidden href-92155 aff-plp-ecommerce-tracking\"\n           tabindex=\"-1\"\n           data-aff-tracking-event-category=\"\"\n           data-aff-tracking-event-name=\"select_item\"\n           data-aff-tracking-action=\"select_item\"\n           data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LOLA-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LOLA&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Coeur&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;N&quot;&#x7D;&#x5D;&#x7D;\"\n        >\n            <div class=\"relative flex items-center justify-center w-full h-full\">\n                                                                                    <picture class=\"w-full h-full absolute inset-0 rounded-lg\"\n        x-data=\"{\n            src: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n            defaultSrc: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n        }\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"470\"\n                height=\"470\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"320\"\n                height=\"320\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <img class=\"w-full h-full object-cover absolute inset-0 rounded-lg\"\n         :src=\"src\"\n         src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                        loading=\"eager\"\n                        fetchpriority=\"high\"\n                        width=\"320\"\n        height=\"320\"\n        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n    \/>\n<\/picture>\n    <div x-cloak class=\"absolute flex top-4 md:top-6 right-4 gap-8 z-[25]\">\n        <template x-if=\"currentPromoLabel\">\n                <span class=\"flex justify-center items-center font-semibold text-lg md:text-xl md:w-[75px] h-8 md:h-11 rounded-xl px-2 py-4\"\n                      :class=\"currentPromoLabelClass\"\n                      x-text=\"'-' + currentPromoLabel + '%'\">\n                <\/span>\n        <\/template>\n    <\/div>\n                                                    <div x-data=\"{\n        isInitial: false,\n        isHovered: false,\n     }\" @mouseover=\"isHovered = true; isInitial = true\"\n     @mouseleave=\"isHovered = false;\" class=\"z-20 h-full w-full\">\n   <template x-if=\"isInitial\">\n      <picture class=\"w-full h-full rounded-lg aspect-square object-cover\">\n                    <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_threequarter_vsctntsmxqdjyqnp.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_threequarter_vsctntsmxqdjyqnp.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"470\"\n                    height=\"470\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_threequarter_vsctntsmxqdjyqnp.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"320\"\n                    height=\"320\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_threequarter_vsctntsmxqdjyqnp.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n                <img\n           src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_threequarter_vsctntsmxqdjyqnp.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n           class=\"w-full h-full rounded-lg aspect-square object-cover transition-opacity duration-200 ease-in-out\"\n           :class=\"{ 'opacity-100': isHovered, 'opacity-0': !isHovered }\"\n           width=\"320\"\n           height=\"320\"\n           loading=\"lazy\"\n           alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n           title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n           x-show=\"!activeSiblingImage\"           decoding=\"async\"\n           fetchpriority=\"low\"\n        \/>\n      <\/picture>\n   <\/template>\n<\/div>\n                \n                                                    <div x-cloak x-show=\"activeSiblingImage\" class=\"w-full h-full absolute bg-gray-100\">\n                        <img x-data=\"{\n                                isLoaded: false,\n                            }\"\n                            :src=\"activeSiblingImage\"\n                            class=\"w-full absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 transition-opacity duration-300 ease-in-out\"\n                            alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n                            title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n                            loading=\"lazy\"\n                            height=\"800\"\n                            width=\"800\"\n                            @load=\"isLoaded = true\"\n                            :class=\"{ 'opacity-100': (isLoaded), 'opacity-0': !isLoaded }\"\n                        \/>\n                    <\/div>\n                            <\/div>\n            <div class=\"absolute bottom-4 right-1\/2 flex space-x-4 translate-x-2\/4 z-20\">\n                                                                            <\/div>\n        <\/a>\n        <div class=\"px-2 pt-6\">\n            <div class=\"relative\">\n                <div @mouseenter=\"siblingsOpen = true; $dispatch('hoverItem', { productId: 92155 })\"\n                     @mouseleave=\"siblingsOpen = false\"\n                     class=\"relative min-h-[100px]\"\n                >\n                                        <div x-show=\"!siblingsOpen\"\n                         x-transition.opacity.duration.200ms\n                         class=\"absolute inset-0\">\n                                                <p x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"text-xxs font-semibold text-neutral-500 uppercase slider-title-color\"\n                               :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                            >\n                                                                    Nouveaut\u00e9 -\n                                                                AFFLELOU                            <\/p>\n                            <a x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"slider-text-color flex w-fit font-semibold pt-0.5 transition-colors duration-200 href-92155 aff-plp-ecommerce-tracking\"\n                               :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\"\n                               href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-to01-5019-ecaille.html\"\n                               :href=\"activeURL\"\n                               :id=\"`slide-desc-92155-${$id('slider-id')}`\"\n                               data-aff-tracking-event-name=\"select_item\"\n                               data-aff-tracking-action=\"select_item\"\n                               data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LOLA-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LOLA&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Coeur&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;N&quot;&#x7D;&#x5D;&#x7D;\"\n                            >\n                                <h2 class=\"line-clamp-3\">AFFLELOU LOLA<\/h2>\n                            <\/a>\n                                                            <h2 x-show=\"shouldShowContent()\"\n                                    x-transition.opacity.duration.200ms\n                                    class=\"text-xs pt-1 slider-title-color\"\n                                    :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    Lunettes de soleil                                <\/h2>\n                                                                                                                    <p x-show=\"shouldShowContent()\"\n                                   x-transition.opacity.duration.200ms\n                                   class=\"text-xs pt-2 slider-title-color\"\n                                   :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    4 couleurs disponibles                                <\/p>\n                                                                                                                                                                                                                                                        <\/div>\n\n                                                                <template x-if=\"siblingsOpen\">\n                            <div class=\"absolute inset-0 z-10 flex items-center w-full h-full space-x-2 overflow-x-auto\"\n                                @mouseleave=\"resetActiveSibling()\"\n                            >\n                                                                                                                                                                                        <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-to01-5019-ecaille.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-to01-5019-ecaille.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Ecaille\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629488076\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LOLA\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Coeur\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":125,\"threshold_reached\":\"N\",\"virtual_try\":\"N\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488076_lola_front_1vcv92dnce2vhre2.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;TO01&#x20;5019\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;TO01&#x20;5019\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488090_lola_front_16dyfznsrmxsnles.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-rd01-5019-rouge.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-rd01-5019-rouge.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Rouge\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629488090\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LOLA\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Coeur\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":65,\"threshold_reached\":\"N\",\"virtual_try\":\"N\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488090_lola_front_16dyfznsrmxsnles.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;RD01&#x20;5019\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;RD01&#x20;5019\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488069_lola_front_ishlzuo5hgeoigvu.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-pk01-5019-rose.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-pk01-5019-rose.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Rose\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629488069\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LOLA\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Coeur\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":125,\"threshold_reached\":\"N\",\"virtual_try\":\"N\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488069_lola_front_ishlzuo5hgeoigvu.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;PK01&#x20;5019\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;PK01&#x20;5019\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488083_lola_front_xk7xrs8fsjgalgtb.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-bk01-5019-noir.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lola-lola-bk01-5019-noir.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Noir\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629488083\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LOLA\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Coeur\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":60,\"threshold_reached\":\"N\",\"virtual_try\":\"N\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629488083_lola_front_xk7xrs8fsjgalgtb.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LOLA&#x20;LOLA&#x20;BK01&#x20;5019\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                <\/div>\n                        <\/template>\n                                        <\/div>\n                <\/div>\n                                                    <div class=\"pt-3\"\n                         x-data=\"initPriceBox()\"\n                         x-defer=\"intersect\"\n                         @update-prices-92155.window=\"updatePrice($event.detail);\">\n                        <span class=\"slider-price-adaptive slider-text-color\" :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\">\n                            <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"92155\" data-price-box=\"product-id-92155\"><div class=\"uppercase text-neutral-500 text-xxs\">\n    Prix Maximum<\/div>\n<span class=\"normal-price text-neutral-800\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D92155']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D92155')\"                data-price-amount=\"29\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">29,00\u00a0\u20ac<\/span><\/span>\n        <\/span>\n<\/span>\n\n\n<\/div>                        <\/span>\n                <\/div>\n                                <div class=\"mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 \">\n                                        <div class=\"flex flex-wrap gap-2\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/form>\n            <\/div>\n                                    <\/li>\n                            <li class=\"col-span-2 md:col-span-3\">\n                                                                <div class=\"slider-product-item flex flex-col w-full\"\n     x-data=\"{\n         siblingsOpen: false,\n         hasOptions: true,\n         hasMultipleSiblings: true,\n         isProductGroupedOrBundle: false,\n         activeSiblingImage: '',\n         currentURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-or01-4718-orange.html',\n         activeURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-or01-4718-orange.html',\n         sliderTheme: '',\n         options: {},\n         currentPromoLabel: null,\n         currentPromoLabelClass: '',\n         promoLabels: [],\n\n         updatePromoLabel(childId) {\n             const label = this.promoLabels[childId];\n             if (label) {\n                 this.currentPromoLabel = Math.abs(parseInt(label));\n                 const percentage = this.currentPromoLabel;\n                 if (percentage >= 50) {\n                     this.currentPromoLabelClass = 'bg-brand-600 text-white';\n                 } else if (percentage >= 40) {\n                     this.currentPromoLabelClass = 'bg-brand-500 text-white';\n                 } else if (percentage >= 30) {\n                     this.currentPromoLabelClass = 'bg-brand-400 text-brand-900';\n                 } else if (percentage >= 20) {\n                     this.currentPromoLabelClass = 'bg-brand-300 text-brand-900';\n                 } else {\n                     this.currentPromoLabelClass = 'bg-brand-200 text-brand-900';\n                 }\n            } else {\n                this.currentPromoLabel = null;\n                this.currentPromoLabelClass = '';\n            }\n         },\n\n         shouldShowContent() {\n             if (!this.hasMultipleSiblings && this.isProductGroupedOrBundle) {\n                 return true;\n             }\n             return (!this.siblingsOpen && this.hasOptions) || !this.hasOptions;\n         },\n\n         resetActiveSibling() {\n            if (this.activeURL === this.currentURL) {\n                this.activeSiblingImage = '';\n                this.activeURL = this.currentURL;\n            }\n         },\n\n         init() {\n            const promoLabels = this.promoLabels;\n\n            const bestChildId = Object.keys(promoLabels).reduce((bestId, currentId) => {\n                const currentLabel = parseFloat(promoLabels[currentId]) || 0;\n                const bestLabel = parseFloat(promoLabels[bestId]) || 0;\n                return currentLabel > bestLabel ? currentId : bestId;\n            }, Object.keys(promoLabels)[0]);\n\n            if (bestChildId) {\n                this.updatePromoLabel(bestChildId);\n            }\n         }\n     }\"\n     x-init=\"sliderTheme = sliderTheme ?? ''\"\n>\n        <form method=\"post\"\n          action=\"https:\/\/www.afflelou.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/68509\/\"\n          class=\"product_addtocart_form\"\n            >\n        <input name=\"form_key\" type=\"hidden\" value=\"VYug7v5dylOtjPci\" \/>        <input type=\"hidden\" name=\"product\" value=\"68509\"\/>\n                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-or01-4718-orange.html\"\n           :href=\"activeURL\"\n           title=\"AFFLELOU&#x20;VALME\"\n           class=\"block relative aspect-square bg-gray-100 rounded-lg group after:!h-0 noAbsolute after:hidden href-68509 aff-plp-ecommerce-tracking\"\n           tabindex=\"-1\"\n           data-aff-tracking-event-category=\"\"\n           data-aff-tracking-event-name=\"select_item\"\n           data-aff-tracking-action=\"select_item\"\n           data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;VALME-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;VALME&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Carr&#x5C;u00e9e&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n        >\n            <div class=\"relative flex items-center justify-center w-full h-full\">\n                                                                                    <picture class=\"w-full h-full absolute inset-0 rounded-lg\"\n        x-data=\"{\n            src: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n            defaultSrc: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n        }\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"470\"\n                height=\"470\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"320\"\n                height=\"320\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <img class=\"w-full h-full object-cover absolute inset-0 rounded-lg\"\n         :src=\"src\"\n         src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                        loading=\"eager\"\n                        fetchpriority=\"high\"\n                        width=\"320\"\n        height=\"320\"\n        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n    \/>\n<\/picture>\n    <div x-cloak class=\"absolute flex top-4 md:top-6 right-4 gap-8 z-[25]\">\n        <template x-if=\"currentPromoLabel\">\n                <span class=\"flex justify-center items-center font-semibold text-lg md:text-xl md:w-[75px] h-8 md:h-11 rounded-xl px-2 py-4\"\n                      :class=\"currentPromoLabelClass\"\n                      x-text=\"'-' + currentPromoLabel + '%'\">\n                <\/span>\n        <\/template>\n    <\/div>\n                                                    <div x-data=\"{\n        isInitial: false,\n        isHovered: false,\n     }\" @mouseover=\"isHovered = true; isInitial = true\"\n     @mouseleave=\"isHovered = false;\" class=\"z-20 h-full w-full\">\n   <template x-if=\"isInitial\">\n      <picture class=\"w-full h-full rounded-lg aspect-square object-cover\">\n                    <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_threequarter_xvpmqas7vyqzdfz9.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_threequarter_xvpmqas7vyqzdfz9.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"470\"\n                    height=\"470\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_threequarter_xvpmqas7vyqzdfz9.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"320\"\n                    height=\"320\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_threequarter_xvpmqas7vyqzdfz9.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n                <img\n           src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_threequarter_xvpmqas7vyqzdfz9.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n           class=\"w-full h-full rounded-lg aspect-square object-cover transition-opacity duration-200 ease-in-out\"\n           :class=\"{ 'opacity-100': isHovered, 'opacity-0': !isHovered }\"\n           width=\"320\"\n           height=\"320\"\n           loading=\"lazy\"\n           alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n           title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n           x-show=\"!activeSiblingImage\"           decoding=\"async\"\n           fetchpriority=\"low\"\n        \/>\n      <\/picture>\n   <\/template>\n<\/div>\n                \n                                                    <div x-cloak x-show=\"activeSiblingImage\" class=\"w-full h-full absolute bg-gray-100\">\n                        <img x-data=\"{\n                                isLoaded: false,\n                            }\"\n                            :src=\"activeSiblingImage\"\n                            class=\"w-full absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 transition-opacity duration-300 ease-in-out\"\n                            alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n                            title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n                            loading=\"lazy\"\n                            height=\"800\"\n                            width=\"800\"\n                            @load=\"isLoaded = true\"\n                            :class=\"{ 'opacity-100': (isLoaded), 'opacity-0': !isLoaded }\"\n                        \/>\n                    <\/div>\n                            <\/div>\n            <div class=\"absolute bottom-4 right-1\/2 flex space-x-4 translate-x-2\/4 z-20\">\n                                                    <button\n                        id=\"product-vto-68509\"\n                        x-cloak\n                        type=\"button\"\n                        class=\"btn-dark-ghost btn btn-size-sm btn-only-icon p-4 aff-plp-gaevent-tracking\"\n                        x-data=\"{\n                            openVtoModal($event) {\n                                $event.preventDefault();\n                                let productSku = $event.currentTarget.dataset.productSku;\n                                window.openMyDialog();\n                                saveSku(productSku);\n                                checkConsent();\n                            }\n                        }\"\n                        @click.stop=\"openVtoModal($event)\"\n                        aria-haspopup=\"dialog\"\n                        data-aff-tracking-action=\"virtual_try\"\n                        data-aff-tracking-item=\"&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;VALME-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;VALME&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Carr&#x5C;u00e9e&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;\"\n                        data-product-sku=\"7630629464667\"\n                    >\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 4.25C3.87665 4.25 1.75 6.37665 1.75 9V15C1.75 17.6234 3.87665 19.75 6.5 19.75H12.5C14.7589 19.75 16.6495 18.1732 17.1312 16.0603L19.8501 17.1478C20.9996 17.6076 22.25 16.7611 22.25 15.523V12V8.47706C22.25 7.239 20.9996 6.39242 19.8501 6.85223L17.1312 7.93976C16.6495 5.82679 14.7589 4.25 12.5 4.25H6.5ZM17.25 9.5078L20.4072 8.24494C20.5714 8.17925 20.75 8.30019 20.75 8.47706V12V15.523C20.75 15.6999 20.5714 15.8208 20.4072 15.7551L17.25 14.4923V9.5078ZM15.75 9.33854V14.6615V15C15.75 16.7949 14.2949 18.25 12.5 18.25H6.5C4.70507 18.25 3.25 16.7949 3.25 15V9C3.25 7.20507 4.70507 5.75 6.5 5.75H12.5C14.2949 5.75 15.75 7.20507 15.75 9V9.33854Z\" fill=\"currentColor\"\/>\n<title>camera<\/title><\/svg>\n                    <\/button>\n                                                            <\/div>\n        <\/a>\n        <div class=\"px-2 pt-6\">\n            <div class=\"relative\">\n                <div @mouseenter=\"siblingsOpen = true; $dispatch('hoverItem', { productId: 68509 })\"\n                     @mouseleave=\"siblingsOpen = false\"\n                     class=\"relative min-h-[100px]\"\n                >\n                                        <div x-show=\"!siblingsOpen\"\n                         x-transition.opacity.duration.200ms\n                         class=\"absolute inset-0\">\n                                                <p x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"text-xxs font-semibold text-neutral-500 uppercase slider-title-color\"\n                               :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                            >\n                                                                AFFLELOU                            <\/p>\n                            <a x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"slider-text-color flex w-fit font-semibold pt-0.5 transition-colors duration-200 href-68509 aff-plp-ecommerce-tracking\"\n                               :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\"\n                               href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-or01-4718-orange.html\"\n                               :href=\"activeURL\"\n                               :id=\"`slide-desc-68509-${$id('slider-id')}`\"\n                               data-aff-tracking-event-name=\"select_item\"\n                               data-aff-tracking-action=\"select_item\"\n                               data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;VALME-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;VALME&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Carr&#x5C;u00e9e&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n                            >\n                                <h2 class=\"line-clamp-3\">AFFLELOU VALME<\/h2>\n                            <\/a>\n                                                            <h2 x-show=\"shouldShowContent()\"\n                                    x-transition.opacity.duration.200ms\n                                    class=\"text-xs pt-1 slider-title-color\"\n                                    :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    Lunettes de soleil                                <\/h2>\n                                                                                                                    <p x-show=\"shouldShowContent()\"\n                                   x-transition.opacity.duration.200ms\n                                   class=\"text-xs pt-2 slider-title-color\"\n                                   :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    5 couleurs disponibles                                <\/p>\n                                                                                                                                                                                                                                                        <\/div>\n\n                                                                <template x-if=\"siblingsOpen\">\n                            <div class=\"absolute inset-0 z-10 flex items-center w-full h-full space-x-2 overflow-x-auto\"\n                                @mouseleave=\"resetActiveSibling()\"\n                            >\n                                                                                                                                                                                        <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-or01-4718-orange.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-or01-4718-orange.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Orange\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464667\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU VALME\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Carr\\u00e9e\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":46,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464667_valme_front_baxxfwldvc4puehp.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;OR01&#x20;4718\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;OR01&#x20;4718\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464650_valme_front_nhyaoi9vnpfqs6da.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-gr01-4718-vert.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-gr01-4718-vert.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Vert\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464650\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU VALME\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Carr\\u00e9e\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":165,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464650_valme_front_nhyaoi9vnpfqs6da.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;GR01&#x20;4718\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;GR01&#x20;4718\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464674_valme_front_yx2ofg39a1o38qhw.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-to01-4718-ecaille.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-to01-4718-ecaille.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Ecaille\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464674\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU VALME\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Carr\\u00e9e\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":173,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464674_valme_front_yx2ofg39a1o38qhw.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;TO01&#x20;4718\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;TO01&#x20;4718\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472200_valme_front_d4wtac895o2coahr.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-bk01-4518-noir.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-bk01-4518-noir.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Noir\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472200\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU VALME\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Carr\\u00e9e\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":785,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472200_valme_front_d4wtac895o2coahr.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BK01&#x20;4518\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472224_valme_front_umx0upf6tuol24yg.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-bl01-4518-bleu.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/valme-valme-bl01-4518-bleu.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Bleu\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472224\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU VALME\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Carr\\u00e9e\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":547,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472224_valme_front_umx0upf6tuol24yg.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BL01&#x20;4518\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;VALME&#x20;VALME&#x20;BL01&#x20;4518\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                <\/div>\n                        <\/template>\n                                        <\/div>\n                <\/div>\n                                                    <div class=\"pt-3\"\n                         x-data=\"initPriceBox()\"\n                         x-defer=\"intersect\"\n                         @update-prices-68509.window=\"updatePrice($event.detail);\">\n                        <span class=\"slider-price-adaptive slider-text-color\" :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\">\n                            <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"68509\" data-price-box=\"product-id-68509\"><div class=\"uppercase text-neutral-500 text-xxs\">\n    Prix Maximum<\/div>\n<span class=\"normal-price text-neutral-800\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D68509']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D68509')\"                data-price-amount=\"29\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">29,00\u00a0\u20ac<\/span><\/span>\n        <\/span>\n<\/span>\n\n\n<\/div>                        <\/span>\n                <\/div>\n                                <div class=\"mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 \">\n                                        <div class=\"flex flex-wrap gap-2\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/form>\n            <\/div>\n                                    <\/li>\n                            <li class=\"col-span-1 md:col-span-2\">\n                                                                <div class=\"slider-product-item flex flex-col w-full\"\n     x-data=\"{\n         siblingsOpen: false,\n         hasOptions: true,\n         hasMultipleSiblings: true,\n         isProductGroupedOrBundle: false,\n         activeSiblingImage: '',\n         currentURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-to01-4517-ecaille.html',\n         activeURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-to01-4517-ecaille.html',\n         sliderTheme: '',\n         options: {},\n         currentPromoLabel: null,\n         currentPromoLabelClass: '',\n         promoLabels: [],\n\n         updatePromoLabel(childId) {\n             const label = this.promoLabels[childId];\n             if (label) {\n                 this.currentPromoLabel = Math.abs(parseInt(label));\n                 const percentage = this.currentPromoLabel;\n                 if (percentage >= 50) {\n                     this.currentPromoLabelClass = 'bg-brand-600 text-white';\n                 } else if (percentage >= 40) {\n                     this.currentPromoLabelClass = 'bg-brand-500 text-white';\n                 } else if (percentage >= 30) {\n                     this.currentPromoLabelClass = 'bg-brand-400 text-brand-900';\n                 } else if (percentage >= 20) {\n                     this.currentPromoLabelClass = 'bg-brand-300 text-brand-900';\n                 } else {\n                     this.currentPromoLabelClass = 'bg-brand-200 text-brand-900';\n                 }\n            } else {\n                this.currentPromoLabel = null;\n                this.currentPromoLabelClass = '';\n            }\n         },\n\n         shouldShowContent() {\n             if (!this.hasMultipleSiblings && this.isProductGroupedOrBundle) {\n                 return true;\n             }\n             return (!this.siblingsOpen && this.hasOptions) || !this.hasOptions;\n         },\n\n         resetActiveSibling() {\n            if (this.activeURL === this.currentURL) {\n                this.activeSiblingImage = '';\n                this.activeURL = this.currentURL;\n            }\n         },\n\n         init() {\n            const promoLabels = this.promoLabels;\n\n            const bestChildId = Object.keys(promoLabels).reduce((bestId, currentId) => {\n                const currentLabel = parseFloat(promoLabels[currentId]) || 0;\n                const bestLabel = parseFloat(promoLabels[bestId]) || 0;\n                return currentLabel > bestLabel ? currentId : bestId;\n            }, Object.keys(promoLabels)[0]);\n\n            if (bestChildId) {\n                this.updatePromoLabel(bestChildId);\n            }\n         }\n     }\"\n     x-init=\"sliderTheme = sliderTheme ?? ''\"\n>\n        <form method=\"post\"\n          action=\"https:\/\/www.afflelou.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/68287\/\"\n          class=\"product_addtocart_form\"\n            >\n        <input name=\"form_key\" type=\"hidden\" value=\"DuL20LwxshUJPOCl\" \/>        <input type=\"hidden\" name=\"product\" value=\"68287\"\/>\n                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-to01-4517-ecaille.html\"\n           :href=\"activeURL\"\n           title=\"AFFLELOU&#x20;PAZ\"\n           class=\"block relative aspect-square bg-gray-100 rounded-lg group after:!h-0 noAbsolute after:hidden href-68287 aff-plp-ecommerce-tracking\"\n           tabindex=\"-1\"\n           data-aff-tracking-event-category=\"\"\n           data-aff-tracking-event-name=\"select_item\"\n           data-aff-tracking-action=\"select_item\"\n           data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Rose&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;PAZ-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;PAZ&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Octogonale&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n        >\n            <div class=\"relative flex items-center justify-center w-full h-full\">\n                                                                                    <picture class=\"w-full h-full absolute inset-0 rounded-lg\"\n        x-data=\"{\n            src: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n            defaultSrc: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n        }\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"470\"\n                height=\"470\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"320\"\n                height=\"320\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <img class=\"w-full h-full object-cover absolute inset-0 rounded-lg\"\n         :src=\"src\"\n         src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                            loading=\"lazy\"\n                width=\"320\"\n        height=\"320\"\n        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n    \/>\n<\/picture>\n    <div x-cloak class=\"absolute flex top-4 md:top-6 right-4 gap-8 z-[25]\">\n        <template x-if=\"currentPromoLabel\">\n                <span class=\"flex justify-center items-center font-semibold text-lg md:text-xl md:w-[75px] h-8 md:h-11 rounded-xl px-2 py-4\"\n                      :class=\"currentPromoLabelClass\"\n                      x-text=\"'-' + currentPromoLabel + '%'\">\n                <\/span>\n        <\/template>\n    <\/div>\n                                                    <div x-data=\"{\n        isInitial: false,\n        isHovered: false,\n     }\" @mouseover=\"isHovered = true; isInitial = true\"\n     @mouseleave=\"isHovered = false;\" class=\"z-20 h-full w-full\">\n   <template x-if=\"isInitial\">\n      <picture class=\"w-full h-full rounded-lg aspect-square object-cover\">\n                    <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_threequarter_j2ydxhbjrn8i5keu.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_threequarter_j2ydxhbjrn8i5keu.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"470\"\n                    height=\"470\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_threequarter_j2ydxhbjrn8i5keu.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"320\"\n                    height=\"320\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_threequarter_j2ydxhbjrn8i5keu.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n                <img\n           src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_threequarter_j2ydxhbjrn8i5keu.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n           class=\"w-full h-full rounded-lg aspect-square object-cover transition-opacity duration-200 ease-in-out\"\n           :class=\"{ 'opacity-100': isHovered, 'opacity-0': !isHovered }\"\n           width=\"320\"\n           height=\"320\"\n           loading=\"lazy\"\n           alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n           title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n           x-show=\"!activeSiblingImage\"           decoding=\"async\"\n           fetchpriority=\"low\"\n        \/>\n      <\/picture>\n   <\/template>\n<\/div>\n                \n                                                    <div x-cloak x-show=\"activeSiblingImage\" class=\"w-full h-full absolute bg-gray-100\">\n                        <img x-data=\"{\n                                isLoaded: false,\n                            }\"\n                            :src=\"activeSiblingImage\"\n                            class=\"w-full absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 transition-opacity duration-300 ease-in-out\"\n                            alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n                            title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n                            loading=\"lazy\"\n                            height=\"800\"\n                            width=\"800\"\n                            @load=\"isLoaded = true\"\n                            :class=\"{ 'opacity-100': (isLoaded), 'opacity-0': !isLoaded }\"\n                        \/>\n                    <\/div>\n                            <\/div>\n            <div class=\"absolute bottom-4 right-1\/2 flex space-x-4 translate-x-2\/4 z-20\">\n                                                    <button\n                        id=\"product-vto-68287\"\n                        x-cloak\n                        type=\"button\"\n                        class=\"btn-dark-ghost btn btn-size-sm btn-only-icon p-4 aff-plp-gaevent-tracking\"\n                        x-data=\"{\n                            openVtoModal($event) {\n                                $event.preventDefault();\n                                let productSku = $event.currentTarget.dataset.productSku;\n                                window.openMyDialog();\n                                saveSku(productSku);\n                                checkConsent();\n                            }\n                        }\"\n                        @click.stop=\"openVtoModal($event)\"\n                        aria-haspopup=\"dialog\"\n                        data-aff-tracking-action=\"virtual_try\"\n                        data-aff-tracking-item=\"&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Rose&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;PAZ-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;PAZ&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Octogonale&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;\"\n                        data-product-sku=\"7630036472248\"\n                    >\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 4.25C3.87665 4.25 1.75 6.37665 1.75 9V15C1.75 17.6234 3.87665 19.75 6.5 19.75H12.5C14.7589 19.75 16.6495 18.1732 17.1312 16.0603L19.8501 17.1478C20.9996 17.6076 22.25 16.7611 22.25 15.523V12V8.47706C22.25 7.239 20.9996 6.39242 19.8501 6.85223L17.1312 7.93976C16.6495 5.82679 14.7589 4.25 12.5 4.25H6.5ZM17.25 9.5078L20.4072 8.24494C20.5714 8.17925 20.75 8.30019 20.75 8.47706V12V15.523C20.75 15.6999 20.5714 15.8208 20.4072 15.7551L17.25 14.4923V9.5078ZM15.75 9.33854V14.6615V15C15.75 16.7949 14.2949 18.25 12.5 18.25H6.5C4.70507 18.25 3.25 16.7949 3.25 15V9C3.25 7.20507 4.70507 5.75 6.5 5.75H12.5C14.2949 5.75 15.75 7.20507 15.75 9V9.33854Z\" fill=\"currentColor\"\/>\n<title>camera<\/title><\/svg>\n                    <\/button>\n                                                            <\/div>\n        <\/a>\n        <div class=\"px-2 pt-6\">\n            <div class=\"relative\">\n                <div @mouseenter=\"siblingsOpen = true; $dispatch('hoverItem', { productId: 68287 })\"\n                     @mouseleave=\"siblingsOpen = false\"\n                     class=\"relative min-h-[100px]\"\n                >\n                                        <div x-show=\"!siblingsOpen\"\n                         x-transition.opacity.duration.200ms\n                         class=\"absolute inset-0\">\n                                                <p x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"text-xxs font-semibold text-neutral-500 uppercase slider-title-color\"\n                               :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                            >\n                                                                AFFLELOU                            <\/p>\n                            <a x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"slider-text-color flex w-fit font-semibold pt-0.5 transition-colors duration-200 href-68287 aff-plp-ecommerce-tracking\"\n                               :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\"\n                               href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-to01-4517-ecaille.html\"\n                               :href=\"activeURL\"\n                               :id=\"`slide-desc-68287-${$id('slider-id')}`\"\n                               data-aff-tracking-event-name=\"select_item\"\n                               data-aff-tracking-action=\"select_item\"\n                               data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Rose&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;PAZ-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;PAZ&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Octogonale&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n                            >\n                                <h2 class=\"line-clamp-3\">AFFLELOU PAZ<\/h2>\n                            <\/a>\n                                                            <h2 x-show=\"shouldShowContent()\"\n                                    x-transition.opacity.duration.200ms\n                                    class=\"text-xs pt-1 slider-title-color\"\n                                    :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    Lunettes de soleil                                <\/h2>\n                                                                                                                    <p x-show=\"shouldShowContent()\"\n                                   x-transition.opacity.duration.200ms\n                                   class=\"text-xs pt-2 slider-title-color\"\n                                   :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    2 couleurs disponibles                                <\/p>\n                                                                                                                                                                                                                                                        <\/div>\n\n                                                                <template x-if=\"siblingsOpen\">\n                            <div class=\"absolute inset-0 z-10 flex items-center w-full h-full space-x-2 overflow-x-auto\"\n                                @mouseleave=\"resetActiveSibling()\"\n                            >\n                                                                                                                                                                                        <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-to01-4517-ecaille.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-to01-4517-ecaille.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Ecaille\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472248\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU PAZ\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Octogonale\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":839,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472248_paz_front_ias5v6njcv3uyolw.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;TO01&#x20;4517\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;TO01&#x20;4517\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472231_paz_front_m0eliuy4v3ic9ap3.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-pk01-4517-rose.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/paz-paz-pk01-4517-rose.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Rose\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472231\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU PAZ\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Octogonale\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":646,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472231_paz_front_m0eliuy4v3ic9ap3.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;PAZ&#x20;PAZ&#x20;PK01&#x20;4517\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                <\/div>\n                        <\/template>\n                                        <\/div>\n                <\/div>\n                                                    <div class=\"pt-3\"\n                         x-data=\"initPriceBox()\"\n                         x-defer=\"intersect\"\n                         @update-prices-68287.window=\"updatePrice($event.detail);\">\n                        <span class=\"slider-price-adaptive slider-text-color\" :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\">\n                            <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"68287\" data-price-box=\"product-id-68287\"><div class=\"uppercase text-neutral-500 text-xxs\">\n    Prix Maximum<\/div>\n<span class=\"normal-price text-neutral-800\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D68287']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D68287')\"                data-price-amount=\"29\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">29,00\u00a0\u20ac<\/span><\/span>\n        <\/span>\n<\/span>\n\n\n<\/div>                        <\/span>\n                <\/div>\n                                <div class=\"mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 \">\n                                        <div class=\"flex flex-wrap gap-2\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/form>\n            <\/div>\n                                    <\/li>\n                            <li class=\"col-span-1 md:col-span-2\">\n                                                                <div class=\"slider-product-item flex flex-col w-full\"\n     x-data=\"{\n         siblingsOpen: false,\n         hasOptions: true,\n         hasMultipleSiblings: true,\n         isProductGroupedOrBundle: false,\n         activeSiblingImage: '',\n         currentURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-tord-4519-rouge.html',\n         activeURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-tord-4519-rouge.html',\n         sliderTheme: '',\n         options: {},\n         currentPromoLabel: null,\n         currentPromoLabelClass: '',\n         promoLabels: [],\n\n         updatePromoLabel(childId) {\n             const label = this.promoLabels[childId];\n             if (label) {\n                 this.currentPromoLabel = Math.abs(parseInt(label));\n                 const percentage = this.currentPromoLabel;\n                 if (percentage >= 50) {\n                     this.currentPromoLabelClass = 'bg-brand-600 text-white';\n                 } else if (percentage >= 40) {\n                     this.currentPromoLabelClass = 'bg-brand-500 text-white';\n                 } else if (percentage >= 30) {\n                     this.currentPromoLabelClass = 'bg-brand-400 text-brand-900';\n                 } else if (percentage >= 20) {\n                     this.currentPromoLabelClass = 'bg-brand-300 text-brand-900';\n                 } else {\n                     this.currentPromoLabelClass = 'bg-brand-200 text-brand-900';\n                 }\n            } else {\n                this.currentPromoLabel = null;\n                this.currentPromoLabelClass = '';\n            }\n         },\n\n         shouldShowContent() {\n             if (!this.hasMultipleSiblings && this.isProductGroupedOrBundle) {\n                 return true;\n             }\n             return (!this.siblingsOpen && this.hasOptions) || !this.hasOptions;\n         },\n\n         resetActiveSibling() {\n            if (this.activeURL === this.currentURL) {\n                this.activeSiblingImage = '';\n                this.activeURL = this.currentURL;\n            }\n         },\n\n         init() {\n            const promoLabels = this.promoLabels;\n\n            const bestChildId = Object.keys(promoLabels).reduce((bestId, currentId) => {\n                const currentLabel = parseFloat(promoLabels[currentId]) || 0;\n                const bestLabel = parseFloat(promoLabels[bestId]) || 0;\n                return currentLabel > bestLabel ? currentId : bestId;\n            }, Object.keys(promoLabels)[0]);\n\n            if (bestChildId) {\n                this.updatePromoLabel(bestChildId);\n            }\n         }\n     }\"\n     x-init=\"sliderTheme = sliderTheme ?? ''\"\n>\n        <form method=\"post\"\n          action=\"https:\/\/www.afflelou.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/68227\/\"\n          class=\"product_addtocart_form\"\n            >\n        <input name=\"form_key\" type=\"hidden\" value=\"VYug7v5dylOtjPci\" \/>        <input type=\"hidden\" name=\"product\" value=\"68227\"\/>\n                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-tord-4519-rouge.html\"\n           :href=\"activeURL\"\n           title=\"AFFLELOU&#x20;LIO\"\n           class=\"block relative aspect-square bg-gray-100 rounded-lg group after:!h-0 noAbsolute after:hidden href-68227 aff-plp-ecommerce-tracking\"\n           tabindex=\"-1\"\n           data-aff-tracking-event-category=\"\"\n           data-aff-tracking-event-name=\"select_item\"\n           data-aff-tracking-action=\"select_item\"\n           data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Bleu&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LIO-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LIO&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Ovale&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n        >\n            <div class=\"relative flex items-center justify-center w-full h-full\">\n                                                                                    <picture class=\"w-full h-full absolute inset-0 rounded-lg\"\n        x-data=\"{\n            src: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n            defaultSrc: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n        }\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"470\"\n                height=\"470\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"320\"\n                height=\"320\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <img class=\"w-full h-full object-cover absolute inset-0 rounded-lg\"\n         :src=\"src\"\n         src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                            loading=\"lazy\"\n                width=\"320\"\n        height=\"320\"\n        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n    \/>\n<\/picture>\n    <div x-cloak class=\"absolute flex top-4 md:top-6 right-4 gap-8 z-[25]\">\n        <template x-if=\"currentPromoLabel\">\n                <span class=\"flex justify-center items-center font-semibold text-lg md:text-xl md:w-[75px] h-8 md:h-11 rounded-xl px-2 py-4\"\n                      :class=\"currentPromoLabelClass\"\n                      x-text=\"'-' + currentPromoLabel + '%'\">\n                <\/span>\n        <\/template>\n    <\/div>\n                                                    <div x-data=\"{\n        isInitial: false,\n        isHovered: false,\n     }\" @mouseover=\"isHovered = true; isInitial = true\"\n     @mouseleave=\"isHovered = false;\" class=\"z-20 h-full w-full\">\n   <template x-if=\"isInitial\">\n      <picture class=\"w-full h-full rounded-lg aspect-square object-cover\">\n                    <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_threequarter_3hyaj1u8nxnxhsvy.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"470\"\n                    height=\"470\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_threequarter_3hyaj1u8nxnxhsvy.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"320\"\n                    height=\"320\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_threequarter_3hyaj1u8nxnxhsvy.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n                <img\n           src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_threequarter_3hyaj1u8nxnxhsvy.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n           class=\"w-full h-full rounded-lg aspect-square object-cover transition-opacity duration-200 ease-in-out\"\n           :class=\"{ 'opacity-100': isHovered, 'opacity-0': !isHovered }\"\n           width=\"320\"\n           height=\"320\"\n           loading=\"lazy\"\n           alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n           title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n           x-show=\"!activeSiblingImage\"           decoding=\"async\"\n           fetchpriority=\"low\"\n        \/>\n      <\/picture>\n   <\/template>\n<\/div>\n                \n                                                    <div x-cloak x-show=\"activeSiblingImage\" class=\"w-full h-full absolute bg-gray-100\">\n                        <img x-data=\"{\n                                isLoaded: false,\n                            }\"\n                            :src=\"activeSiblingImage\"\n                            class=\"w-full absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 transition-opacity duration-300 ease-in-out\"\n                            alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n                            title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n                            loading=\"lazy\"\n                            height=\"800\"\n                            width=\"800\"\n                            @load=\"isLoaded = true\"\n                            :class=\"{ 'opacity-100': (isLoaded), 'opacity-0': !isLoaded }\"\n                        \/>\n                    <\/div>\n                            <\/div>\n            <div class=\"absolute bottom-4 right-1\/2 flex space-x-4 translate-x-2\/4 z-20\">\n                                                    <button\n                        id=\"product-vto-68227\"\n                        x-cloak\n                        type=\"button\"\n                        class=\"btn-dark-ghost btn btn-size-sm btn-only-icon p-4 aff-plp-gaevent-tracking\"\n                        x-data=\"{\n                            openVtoModal($event) {\n                                $event.preventDefault();\n                                let productSku = $event.currentTarget.dataset.productSku;\n                                window.openMyDialog();\n                                saveSku(productSku);\n                                checkConsent();\n                            }\n                        }\"\n                        @click.stop=\"openVtoModal($event)\"\n                        aria-haspopup=\"dialog\"\n                        data-aff-tracking-action=\"virtual_try\"\n                        data-aff-tracking-item=\"&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Bleu&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LIO-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LIO&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Ovale&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;\"\n                        data-product-sku=\"7630629464643\"\n                    >\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 4.25C3.87665 4.25 1.75 6.37665 1.75 9V15C1.75 17.6234 3.87665 19.75 6.5 19.75H12.5C14.7589 19.75 16.6495 18.1732 17.1312 16.0603L19.8501 17.1478C20.9996 17.6076 22.25 16.7611 22.25 15.523V12V8.47706C22.25 7.239 20.9996 6.39242 19.8501 6.85223L17.1312 7.93976C16.6495 5.82679 14.7589 4.25 12.5 4.25H6.5ZM17.25 9.5078L20.4072 8.24494C20.5714 8.17925 20.75 8.30019 20.75 8.47706V12V15.523C20.75 15.6999 20.5714 15.8208 20.4072 15.7551L17.25 14.4923V9.5078ZM15.75 9.33854V14.6615V15C15.75 16.7949 14.2949 18.25 12.5 18.25H6.5C4.70507 18.25 3.25 16.7949 3.25 15V9C3.25 7.20507 4.70507 5.75 6.5 5.75H12.5C14.2949 5.75 15.75 7.20507 15.75 9V9.33854Z\" fill=\"currentColor\"\/>\n<title>camera<\/title><\/svg>\n                    <\/button>\n                                                            <\/div>\n        <\/a>\n        <div class=\"px-2 pt-6\">\n            <div class=\"relative\">\n                <div @mouseenter=\"siblingsOpen = true; $dispatch('hoverItem', { productId: 68227 })\"\n                     @mouseleave=\"siblingsOpen = false\"\n                     class=\"relative min-h-[100px]\"\n                >\n                                        <div x-show=\"!siblingsOpen\"\n                         x-transition.opacity.duration.200ms\n                         class=\"absolute inset-0\">\n                                                <p x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"text-xxs font-semibold text-neutral-500 uppercase slider-title-color\"\n                               :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                            >\n                                                                AFFLELOU                            <\/p>\n                            <a x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"slider-text-color flex w-fit font-semibold pt-0.5 transition-colors duration-200 href-68227 aff-plp-ecommerce-tracking\"\n                               :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\"\n                               href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-tord-4519-rouge.html\"\n                               :href=\"activeURL\"\n                               :id=\"`slide-desc-68227-${$id('slider-id')}`\"\n                               data-aff-tracking-event-name=\"select_item\"\n                               data-aff-tracking-action=\"select_item\"\n                               data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Bleu&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LIO-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LIO&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Ovale&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n                            >\n                                <h2 class=\"line-clamp-3\">AFFLELOU LIO<\/h2>\n                            <\/a>\n                                                            <h2 x-show=\"shouldShowContent()\"\n                                    x-transition.opacity.duration.200ms\n                                    class=\"text-xs pt-1 slider-title-color\"\n                                    :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    Lunettes de soleil                                <\/h2>\n                                                                                                                    <p x-show=\"shouldShowContent()\"\n                                   x-transition.opacity.duration.200ms\n                                   class=\"text-xs pt-2 slider-title-color\"\n                                   :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    4 couleurs disponibles                                <\/p>\n                                                                                                                                                                                                                                                        <\/div>\n\n                                                                <template x-if=\"siblingsOpen\">\n                            <div class=\"absolute inset-0 z-10 flex items-center w-full h-full space-x-2 overflow-x-auto\"\n                                @mouseleave=\"resetActiveSibling()\"\n                            >\n                                                                                                                                                                                        <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-tord-4519-rouge.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-tord-4519-rouge.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Rouge\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464643\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LIO\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Ovale\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":2,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464643_lio_front_2qy4djlthglwlrds.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;TORD&#x20;4519\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;TORD&#x20;4519\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464629_lio_front_8lhklwzmjt8tp2io.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-togr-4519-ecaille.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-togr-4519-ecaille.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Ecaille\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464629\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LIO\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Ovale\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":515,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464629_lio_front_8lhklwzmjt8tp2io.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;TOGR&#x20;4519\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;TOGR&#x20;4519\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472149_lio_front_ltfhndvvtx3rpkql.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-bl01-4219-bleu.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-bl01-4219-bleu.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Bleu\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472149\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LIO\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Ovale\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":458,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472149_lio_front_ltfhndvvtx3rpkql.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;BL01&#x20;4219\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472163_lio_front_whafjvdjlze6ofhp.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-to01-4219-ecaille.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/lio-lio-to01-4219-ecaille.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Ecaille\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472163\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU LIO\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Ovale\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":958,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472163_lio_front_whafjvdjlze6ofhp.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;TO01&#x20;4219\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LIO&#x20;LIO&#x20;TO01&#x20;4219\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                <\/div>\n                        <\/template>\n                                        <\/div>\n                <\/div>\n                                                    <div class=\"pt-3\"\n                         x-data=\"initPriceBox()\"\n                         x-defer=\"intersect\"\n                         @update-prices-68227.window=\"updatePrice($event.detail);\">\n                        <span class=\"slider-price-adaptive slider-text-color\" :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\">\n                            <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"68227\" data-price-box=\"product-id-68227\"><div class=\"uppercase text-neutral-500 text-xxs\">\n    Prix Maximum<\/div>\n<span class=\"normal-price text-neutral-800\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D68227']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D68227')\"                data-price-amount=\"29\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">29,00\u00a0\u20ac<\/span><\/span>\n        <\/span>\n<\/span>\n\n\n<\/div>                        <\/span>\n                <\/div>\n                                <div class=\"mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 \">\n                                        <div class=\"flex flex-wrap gap-2\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/form>\n            <\/div>\n                                    <\/li>\n                            <li class=\"col-span-1 md:col-span-2\">\n                                                                <div class=\"slider-product-item flex flex-col w-full\"\n     x-data=\"{\n         siblingsOpen: false,\n         hasOptions: true,\n         hasMultipleSiblings: true,\n         isProductGroupedOrBundle: false,\n         activeSiblingImage: '',\n         currentURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-rd01-12700-rouge.html',\n         activeURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-rd01-12700-rouge.html',\n         sliderTheme: '',\n         options: {},\n         currentPromoLabel: null,\n         currentPromoLabelClass: '',\n         promoLabels: [],\n\n         updatePromoLabel(childId) {\n             const label = this.promoLabels[childId];\n             if (label) {\n                 this.currentPromoLabel = Math.abs(parseInt(label));\n                 const percentage = this.currentPromoLabel;\n                 if (percentage >= 50) {\n                     this.currentPromoLabelClass = 'bg-brand-600 text-white';\n                 } else if (percentage >= 40) {\n                     this.currentPromoLabelClass = 'bg-brand-500 text-white';\n                 } else if (percentage >= 30) {\n                     this.currentPromoLabelClass = 'bg-brand-400 text-brand-900';\n                 } else if (percentage >= 20) {\n                     this.currentPromoLabelClass = 'bg-brand-300 text-brand-900';\n                 } else {\n                     this.currentPromoLabelClass = 'bg-brand-200 text-brand-900';\n                 }\n            } else {\n                this.currentPromoLabel = null;\n                this.currentPromoLabelClass = '';\n            }\n         },\n\n         shouldShowContent() {\n             if (!this.hasMultipleSiblings && this.isProductGroupedOrBundle) {\n                 return true;\n             }\n             return (!this.siblingsOpen && this.hasOptions) || !this.hasOptions;\n         },\n\n         resetActiveSibling() {\n            if (this.activeURL === this.currentURL) {\n                this.activeSiblingImage = '';\n                this.activeURL = this.currentURL;\n            }\n         },\n\n         init() {\n            const promoLabels = this.promoLabels;\n\n            const bestChildId = Object.keys(promoLabels).reduce((bestId, currentId) => {\n                const currentLabel = parseFloat(promoLabels[currentId]) || 0;\n                const bestLabel = parseFloat(promoLabels[bestId]) || 0;\n                return currentLabel > bestLabel ? currentId : bestId;\n            }, Object.keys(promoLabels)[0]);\n\n            if (bestChildId) {\n                this.updatePromoLabel(bestChildId);\n            }\n         }\n     }\"\n     x-init=\"sliderTheme = sliderTheme ?? ''\"\n>\n        <form method=\"post\"\n          action=\"https:\/\/www.afflelou.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/68221\/\"\n          class=\"product_addtocart_form\"\n            >\n        <input name=\"form_key\" type=\"hidden\" value=\"0RhHa4ouwvGnstwp\" \/>        <input type=\"hidden\" name=\"product\" value=\"68221\"\/>\n                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-rd01-12700-rouge.html\"\n           :href=\"activeURL\"\n           title=\"AFFLELOU&#x20;LAURIAN&#x20;POLARIZED\"\n           class=\"block relative aspect-square bg-gray-100 rounded-lg group after:!h-0 noAbsolute after:hidden href-68221 aff-plp-ecommerce-tracking\"\n           tabindex=\"-1\"\n           data-aff-tracking-event-category=\"\"\n           data-aff-tracking-event-name=\"select_item\"\n           data-aff-tracking-action=\"select_item\"\n           data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;59,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;afflelou_sun_pola&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Bleu&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LAURIAN-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Ac&#x5C;u00e9tate&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Masque&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;59,&quot;price&quot;&#x3A;59,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n        >\n            <div class=\"relative flex items-center justify-center w-full h-full\">\n                                                                                    <picture class=\"w-full h-full absolute inset-0 rounded-lg\"\n        x-data=\"{\n            src: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n            defaultSrc: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n        }\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"470\"\n                height=\"470\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"320\"\n                height=\"320\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <img class=\"w-full h-full object-cover absolute inset-0 rounded-lg\"\n         :src=\"src\"\n         src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                            loading=\"lazy\"\n                width=\"320\"\n        height=\"320\"\n        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n    \/>\n<\/picture>\n    <div x-cloak class=\"absolute flex top-4 md:top-6 right-4 gap-8 z-[25]\">\n        <template x-if=\"currentPromoLabel\">\n                <span class=\"flex justify-center items-center font-semibold text-lg md:text-xl md:w-[75px] h-8 md:h-11 rounded-xl px-2 py-4\"\n                      :class=\"currentPromoLabelClass\"\n                      x-text=\"'-' + currentPromoLabel + '%'\">\n                <\/span>\n        <\/template>\n    <\/div>\n                                                    <div x-data=\"{\n        isInitial: false,\n        isHovered: false,\n     }\" @mouseover=\"isHovered = true; isInitial = true\"\n     @mouseleave=\"isHovered = false;\" class=\"z-20 h-full w-full\">\n   <template x-if=\"isInitial\">\n      <picture class=\"w-full h-full rounded-lg aspect-square object-cover\">\n                    <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_threequarter_gx8qpmxowrlpj5fm.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1024px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_threequarter_gx8qpmxowrlpj5fm.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"470\"\n                    height=\"470\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1024px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_threequarter_gx8qpmxowrlpj5fm.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"320\"\n                    height=\"320\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_threequarter_gx8qpmxowrlpj5fm.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n                <img\n           src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_threequarter_gx8qpmxowrlpj5fm.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n           class=\"w-full h-full rounded-lg aspect-square object-cover transition-opacity duration-200 ease-in-out\"\n           :class=\"{ 'opacity-100': isHovered, 'opacity-0': !isHovered }\"\n           width=\"320\"\n           height=\"320\"\n           loading=\"lazy\"\n           alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n           title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n           x-show=\"!activeSiblingImage\"           decoding=\"async\"\n           fetchpriority=\"low\"\n        \/>\n      <\/picture>\n   <\/template>\n<\/div>\n                \n                                                    <div x-cloak x-show=\"activeSiblingImage\" class=\"w-full h-full absolute bg-gray-100\">\n                        <img x-data=\"{\n                                isLoaded: false,\n                            }\"\n                            :src=\"activeSiblingImage\"\n                            class=\"w-full absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 transition-opacity duration-300 ease-in-out\"\n                            alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n                            title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n                            loading=\"lazy\"\n                            height=\"800\"\n                            width=\"800\"\n                            @load=\"isLoaded = true\"\n                            :class=\"{ 'opacity-100': (isLoaded), 'opacity-0': !isLoaded }\"\n                        \/>\n                    <\/div>\n                            <\/div>\n            <div class=\"absolute bottom-4 right-1\/2 flex space-x-4 translate-x-2\/4 z-20\">\n                                                    <button\n                        id=\"product-vto-68221\"\n                        x-cloak\n                        type=\"button\"\n                        class=\"btn-dark-ghost btn btn-size-sm btn-only-icon p-4 aff-plp-gaevent-tracking\"\n                        x-data=\"{\n                            openVtoModal($event) {\n                                $event.preventDefault();\n                                let productSku = $event.currentTarget.dataset.productSku;\n                                window.openMyDialog();\n                                saveSku(productSku);\n                                checkConsent();\n                            }\n                        }\"\n                        @click.stop=\"openVtoModal($event)\"\n                        aria-haspopup=\"dialog\"\n                        data-aff-tracking-action=\"virtual_try\"\n                        data-aff-tracking-item=\"&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;afflelou_sun_pola&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Bleu&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LAURIAN-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Ac&#x5C;u00e9tate&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Masque&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;59,&quot;price&quot;&#x3A;59,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;\"\n                        data-product-sku=\"7630629417601\"\n                    >\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 4.25C3.87665 4.25 1.75 6.37665 1.75 9V15C1.75 17.6234 3.87665 19.75 6.5 19.75H12.5C14.7589 19.75 16.6495 18.1732 17.1312 16.0603L19.8501 17.1478C20.9996 17.6076 22.25 16.7611 22.25 15.523V12V8.47706C22.25 7.239 20.9996 6.39242 19.8501 6.85223L17.1312 7.93976C16.6495 5.82679 14.7589 4.25 12.5 4.25H6.5ZM17.25 9.5078L20.4072 8.24494C20.5714 8.17925 20.75 8.30019 20.75 8.47706V12V15.523C20.75 15.6999 20.5714 15.8208 20.4072 15.7551L17.25 14.4923V9.5078ZM15.75 9.33854V14.6615V15C15.75 16.7949 14.2949 18.25 12.5 18.25H6.5C4.70507 18.25 3.25 16.7949 3.25 15V9C3.25 7.20507 4.70507 5.75 6.5 5.75H12.5C14.2949 5.75 15.75 7.20507 15.75 9V9.33854Z\" fill=\"currentColor\"\/>\n<title>camera<\/title><\/svg>\n                    <\/button>\n                                                            <\/div>\n        <\/a>\n        <div class=\"px-2 pt-6\">\n            <div class=\"relative\">\n                <div @mouseenter=\"siblingsOpen = true; $dispatch('hoverItem', { productId: 68221 })\"\n                     @mouseleave=\"siblingsOpen = false\"\n                     class=\"relative min-h-[100px]\"\n                >\n                                        <div x-show=\"!siblingsOpen\"\n                         x-transition.opacity.duration.200ms\n                         class=\"absolute inset-0\">\n                                                <p x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"text-xxs font-semibold text-neutral-500 uppercase slider-title-color\"\n                               :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                            >\n                                                                AFFLELOU                            <\/p>\n                            <a x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"slider-text-color flex w-fit font-semibold pt-0.5 transition-colors duration-200 href-68221 aff-plp-ecommerce-tracking\"\n                               :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\"\n                               href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-rd01-12700-rouge.html\"\n                               :href=\"activeURL\"\n                               :id=\"`slide-desc-68221-${$id('slider-id')}`\"\n                               data-aff-tracking-event-name=\"select_item\"\n                               data-aff-tracking-action=\"select_item\"\n                               data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;59,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;afflelou_sun_pola&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Bleu&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;LAURIAN-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Ac&#x5C;u00e9tate&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Masque&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;59,&quot;price&quot;&#x3A;59,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n                            >\n                                <h2 class=\"line-clamp-3\">AFFLELOU LAURIAN POLARIZED<\/h2>\n                            <\/a>\n                                                            <h2 x-show=\"shouldShowContent()\"\n                                    x-transition.opacity.duration.200ms\n                                    class=\"text-xs pt-1 slider-title-color\"\n                                    :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    Lunettes de soleil                                <\/h2>\n                                                                                                                    <p x-show=\"shouldShowContent()\"\n                                   x-transition.opacity.duration.200ms\n                                   class=\"text-xs pt-2 slider-title-color\"\n                                   :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    2 couleurs disponibles                                <\/p>\n                                                                                                                                                                                                                                                        <\/div>\n\n                                                                <template x-if=\"siblingsOpen\">\n                            <div class=\"absolute inset-0 z-10 flex items-center w-full h-full space-x-2 overflow-x-auto\"\n                                @mouseleave=\"resetActiveSibling()\"\n                            >\n                                                                                                                                                                                        <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-rd01-12700-rouge.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-rd01-12700-rouge.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/afflelou_sun_pola\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Rouge\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629417601\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Ac\\u00e9tate\",\"item_name\":\"AFFLELOU LAURIAN POLARIZED\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Masque\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":59,\"price\":59,\"quantity\":274,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417601_laurian_front_tfwyewxnyxeuhlfw.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;RD01&#x20;12700\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;RD01&#x20;12700\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417595_laurian_front_otbcsoc5filj0fmp.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-bl01-12700-bleu.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/laurian-polarized-laurian-bl01-12700-bleu.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/afflelou_sun_pola\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Bleu\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629417595\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Ac\\u00e9tate\",\"item_name\":\"AFFLELOU LAURIAN POLARIZED\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Masque\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":59,\"price\":59,\"quantity\":539,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629417595_laurian_front_otbcsoc5filj0fmp.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;LAURIAN&#x20;POLARIZED&#x20;LAURIAN&#x20;BL01&#x20;12700\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                <\/div>\n                        <\/template>\n                                        <\/div>\n                <\/div>\n                                                    <div class=\"pt-3\"\n                         x-data=\"initPriceBox()\"\n                         x-defer=\"intersect\"\n                         @update-prices-68221.window=\"updatePrice($event.detail);\">\n                        <span class=\"slider-price-adaptive slider-text-color\" :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\">\n                            <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"68221\" data-price-box=\"product-id-68221\"><div class=\"uppercase text-neutral-500 text-xxs\">\n    Prix Maximum<\/div>\n<span class=\"normal-price text-neutral-800\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D68221']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D68221')\"                data-price-amount=\"59\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">59,00\u00a0\u20ac<\/span><\/span>\n        <\/span>\n<\/span>\n\n\n<\/div>                        <\/span>\n                <\/div>\n                                <div class=\"mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 \">\n                                        <div class=\"flex flex-wrap gap-2\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/form>\n            <\/div>\n                                    <\/li>\n                            <li class=\"col-span-1 md:col-span-2\">\n                                                                <div class=\"slider-product-item flex flex-col w-full\"\n     x-data=\"{\n         siblingsOpen: false,\n         hasOptions: true,\n         hasMultipleSiblings: true,\n         isProductGroupedOrBundle: false,\n         activeSiblingImage: '',\n         currentURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-pk01-4717-rose.html',\n         activeURL: 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-pk01-4717-rose.html',\n         sliderTheme: '',\n         options: {},\n         currentPromoLabel: null,\n         currentPromoLabelClass: '',\n         promoLabels: [],\n\n         updatePromoLabel(childId) {\n             const label = this.promoLabels[childId];\n             if (label) {\n                 this.currentPromoLabel = Math.abs(parseInt(label));\n                 const percentage = this.currentPromoLabel;\n                 if (percentage >= 50) {\n                     this.currentPromoLabelClass = 'bg-brand-600 text-white';\n                 } else if (percentage >= 40) {\n                     this.currentPromoLabelClass = 'bg-brand-500 text-white';\n                 } else if (percentage >= 30) {\n                     this.currentPromoLabelClass = 'bg-brand-400 text-brand-900';\n                 } else if (percentage >= 20) {\n                     this.currentPromoLabelClass = 'bg-brand-300 text-brand-900';\n                 } else {\n                     this.currentPromoLabelClass = 'bg-brand-200 text-brand-900';\n                 }\n            } else {\n                this.currentPromoLabel = null;\n                this.currentPromoLabelClass = '';\n            }\n         },\n\n         shouldShowContent() {\n             if (!this.hasMultipleSiblings && this.isProductGroupedOrBundle) {\n                 return true;\n             }\n             return (!this.siblingsOpen && this.hasOptions) || !this.hasOptions;\n         },\n\n         resetActiveSibling() {\n            if (this.activeURL === this.currentURL) {\n                this.activeSiblingImage = '';\n                this.activeURL = this.currentURL;\n            }\n         },\n\n         init() {\n            const promoLabels = this.promoLabels;\n\n            const bestChildId = Object.keys(promoLabels).reduce((bestId, currentId) => {\n                const currentLabel = parseFloat(promoLabels[currentId]) || 0;\n                const bestLabel = parseFloat(promoLabels[bestId]) || 0;\n                return currentLabel > bestLabel ? currentId : bestId;\n            }, Object.keys(promoLabels)[0]);\n\n            if (bestChildId) {\n                this.updatePromoLabel(bestChildId);\n            }\n         }\n     }\"\n     x-init=\"sliderTheme = sliderTheme ?? ''\"\n>\n        <form method=\"post\"\n          action=\"https:\/\/www.afflelou.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/68161\/\"\n          class=\"product_addtocart_form\"\n            >\n        <input name=\"form_key\" type=\"hidden\" value=\"BRKqShw35PdBY1Oa\" \/>        <input type=\"hidden\" name=\"product\" value=\"68161\"\/>\n                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-pk01-4717-rose.html\"\n           :href=\"activeURL\"\n           title=\"AFFLELOU&#x20;FELIZ\"\n           class=\"block relative aspect-square bg-gray-100 rounded-lg group after:!h-0 noAbsolute after:hidden href-68161 aff-plp-ecommerce-tracking\"\n           tabindex=\"-1\"\n           data-aff-tracking-event-category=\"\"\n           data-aff-tracking-event-name=\"select_item\"\n           data-aff-tracking-action=\"select_item\"\n           data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;FELIZ-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;FELIZ&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Pantos&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n        >\n            <div class=\"relative flex items-center justify-center w-full h-full\">\n                                                                                    <picture class=\"w-full h-full absolute inset-0 rounded-lg\"\n        x-data=\"{\n            src: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n            defaultSrc: 'https&#x3A;&#x2F;&#x2F;www.afflelou.com&#x2F;media&#x2F;catalog&#x2F;product&#x2F;f&#x2F;i&#x2F;fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png&#x3F;width&#x3D;700&amp;height&#x3D;700&amp;canvas&#x3D;700,700&amp;optimize&#x3D;high&amp;bg-color&#x3D;243,244,246&amp;fit&#x3D;bounds&amp;format&#x3D;jpeg',\n        }\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"470\"\n                height=\"470\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"320\"\n                height=\"320\">\n        <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                width=\"700\"\n                height=\"700\">\n        <img class=\"w-full h-full object-cover absolute inset-0 rounded-lg\"\n         :src=\"src\"\n         src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                            loading=\"lazy\"\n                width=\"320\"\n        height=\"320\"\n        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n    \/>\n<\/picture>\n    <div x-cloak class=\"absolute flex top-4 md:top-6 right-4 gap-8 z-[25]\">\n        <template x-if=\"currentPromoLabel\">\n                <span class=\"flex justify-center items-center font-semibold text-lg md:text-xl md:w-[75px] h-8 md:h-11 rounded-xl px-2 py-4\"\n                      :class=\"currentPromoLabelClass\"\n                      x-text=\"'-' + currentPromoLabel + '%'\">\n                <\/span>\n        <\/template>\n    <\/div>\n                                                    <div x-data=\"{\n        isInitial: false,\n        isHovered: false,\n     }\" @mouseover=\"isHovered = true; isInitial = true\"\n     @mouseleave=\"isHovered = false;\" class=\"z-20 h-full w-full\">\n   <template x-if=\"isInitial\">\n      <picture class=\"w-full h-full rounded-lg aspect-square object-cover\">\n                    <source media=\"&#x28;min-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_threequarter_ipxpb2vqbb2d9nhr.png?width=470&amp;height=470&amp;canvas=470,470&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"470\"\n                    height=\"470\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;768px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;1280px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_threequarter_ipxpb2vqbb2d9nhr.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"320\"\n                    height=\"320\">\n            <source media=\"&#x28;min-width&#x3A;&#x20;468px&#x29;&#x20;and&#x20;&#x28;max-width&#x3A;&#x20;768px&#x29;\"\n                    srcset=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_threequarter_ipxpb2vqbb2d9nhr.png?width=700&amp;height=700&amp;canvas=700,700&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n                    width=\"700\"\n                    height=\"700\">\n                <img\n           src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_threequarter_ipxpb2vqbb2d9nhr.png?width=320&amp;height=320&amp;canvas=320,320&amp;optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;format=jpeg\"\n           class=\"w-full h-full rounded-lg aspect-square object-cover transition-opacity duration-200 ease-in-out\"\n           :class=\"{ 'opacity-100': isHovered, 'opacity-0': !isHovered }\"\n           width=\"320\"\n           height=\"320\"\n           loading=\"lazy\"\n           alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n           title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n           x-show=\"!activeSiblingImage\"           decoding=\"async\"\n           fetchpriority=\"low\"\n        \/>\n      <\/picture>\n   <\/template>\n<\/div>\n                \n                                                    <div x-cloak x-show=\"activeSiblingImage\" class=\"w-full h-full absolute bg-gray-100\">\n                        <img x-data=\"{\n                                isLoaded: false,\n                            }\"\n                            :src=\"activeSiblingImage\"\n                            class=\"w-full absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 transition-opacity duration-300 ease-in-out\"\n                            alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n                            title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n                            loading=\"lazy\"\n                            height=\"800\"\n                            width=\"800\"\n                            @load=\"isLoaded = true\"\n                            :class=\"{ 'opacity-100': (isLoaded), 'opacity-0': !isLoaded }\"\n                        \/>\n                    <\/div>\n                            <\/div>\n            <div class=\"absolute bottom-4 right-1\/2 flex space-x-4 translate-x-2\/4 z-20\">\n                                                    <button\n                        id=\"product-vto-68161\"\n                        x-cloak\n                        type=\"button\"\n                        class=\"btn-dark-ghost btn btn-size-sm btn-only-icon p-4 aff-plp-gaevent-tracking\"\n                        x-data=\"{\n                            openVtoModal($event) {\n                                $event.preventDefault();\n                                let productSku = $event.currentTarget.dataset.productSku;\n                                window.openMyDialog();\n                                saveSku(productSku);\n                                checkConsent();\n                            }\n                        }\"\n                        @click.stop=\"openVtoModal($event)\"\n                        aria-haspopup=\"dialog\"\n                        data-aff-tracking-action=\"virtual_try\"\n                        data-aff-tracking-item=\"&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;FELIZ-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;FELIZ&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Pantos&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;\"\n                        data-product-sku=\"7630629464698\"\n                    >\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.5 4.25C3.87665 4.25 1.75 6.37665 1.75 9V15C1.75 17.6234 3.87665 19.75 6.5 19.75H12.5C14.7589 19.75 16.6495 18.1732 17.1312 16.0603L19.8501 17.1478C20.9996 17.6076 22.25 16.7611 22.25 15.523V12V8.47706C22.25 7.239 20.9996 6.39242 19.8501 6.85223L17.1312 7.93976C16.6495 5.82679 14.7589 4.25 12.5 4.25H6.5ZM17.25 9.5078L20.4072 8.24494C20.5714 8.17925 20.75 8.30019 20.75 8.47706V12V15.523C20.75 15.6999 20.5714 15.8208 20.4072 15.7551L17.25 14.4923V9.5078ZM15.75 9.33854V14.6615V15C15.75 16.7949 14.2949 18.25 12.5 18.25H6.5C4.70507 18.25 3.25 16.7949 3.25 15V9C3.25 7.20507 4.70507 5.75 6.5 5.75H12.5C14.2949 5.75 15.75 7.20507 15.75 9V9.33854Z\" fill=\"currentColor\"\/>\n<title>camera<\/title><\/svg>\n                    <\/button>\n                                                            <\/div>\n        <\/a>\n        <div class=\"px-2 pt-6\">\n            <div class=\"relative\">\n                <div @mouseenter=\"siblingsOpen = true; $dispatch('hoverItem', { productId: 68161 })\"\n                     @mouseleave=\"siblingsOpen = false\"\n                     class=\"relative min-h-[100px]\"\n                >\n                                        <div x-show=\"!siblingsOpen\"\n                         x-transition.opacity.duration.200ms\n                         class=\"absolute inset-0\">\n                                                <p x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"text-xxs font-semibold text-neutral-500 uppercase slider-title-color\"\n                               :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                            >\n                                                                AFFLELOU                            <\/p>\n                            <a x-show=\"shouldShowContent()\"\n                               x-transition.opacity.duration.200ms\n                               class=\"slider-text-color flex w-fit font-semibold pt-0.5 transition-colors duration-200 href-68161 aff-plp-ecommerce-tracking\"\n                               :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\"\n                               href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-pk01-4717-rose.html\"\n                               :href=\"activeURL\"\n                               :id=\"`slide-desc-68161-${$id('slider-id')}`\"\n                               data-aff-tracking-event-name=\"select_item\"\n                               data-aff-tracking-action=\"select_item\"\n                               data-aff-tracking-ecommerce-item=\"&#x7B;&quot;currency&quot;&#x3A;&quot;EUR&quot;,&quot;value&quot;&#x3A;29,&quot;items&quot;&#x3A;&#x5B;&#x7B;&quot;availability&quot;&#x3A;&quot;Y&quot;,&quot;clip_included&quot;&#x3A;0,&quot;discount_amount&quot;&#x3A;0,&quot;discount_percentage&quot;&#x3A;&quot;&quot;,&quot;existing_discount&quot;&#x3A;0,&quot;existing_threshold&quot;&#x3A;&quot;N&quot;,&quot;item_brand&quot;&#x3A;&quot;AFFLELOU&quot;,&quot;item_category&quot;&#x3A;&quot;monture_solaire&#x5C;&#x2F;tchin_tchin_sol&#x5C;&#x2F;enfant&quot;,&quot;item_collection&quot;&#x3A;&quot;&quot;,&quot;item_color&quot;&#x3A;&quot;Noir&quot;,&quot;item_gender&quot;&#x3A;&quot;Enfant&quot;,&quot;item_id&quot;&#x3A;&quot;FELIZ-configurable&quot;,&quot;item_location&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;item_material&quot;&#x3A;&quot;Inject&#x5C;u00e9&quot;,&quot;item_name&quot;&#x3A;&quot;AFFLELOU&#x20;FELIZ&quot;,&quot;item_offer&quot;&#x3A;&quot;null&quot;,&quot;item_rate&quot;&#x3A;&quot;&quot;,&quot;item_shape&quot;&#x3A;&quot;Pantos&quot;,&quot;item_sun_protection&quot;&#x3A;&quot;Cat.3&quot;,&quot;item_visual&quot;&#x3A;&quot;&quot;,&quot;list_name&quot;&#x3A;&quot;catalog_sunglasses&quot;,&quot;original_price&quot;&#x3A;29,&quot;price&quot;&#x3A;29,&quot;quantity&quot;&#x3A;0,&quot;threshold_reached&quot;&#x3A;&quot;N&quot;,&quot;virtual_try&quot;&#x3A;&quot;Y&quot;&#x7D;&#x5D;&#x7D;\"\n                            >\n                                <h2 class=\"line-clamp-3\">AFFLELOU FELIZ<\/h2>\n                            <\/a>\n                                                            <h2 x-show=\"shouldShowContent()\"\n                                    x-transition.opacity.duration.200ms\n                                    class=\"text-xs pt-1 slider-title-color\"\n                                    :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    Lunettes de soleil                                <\/h2>\n                                                                                                                    <p x-show=\"shouldShowContent()\"\n                                   x-transition.opacity.duration.200ms\n                                   class=\"text-xs pt-2 slider-title-color\"\n                                   :class=\"{'text-neutral-300': sliderTheme === 'dark', 'text-neutral-500': sliderTheme !== 'dark'}\"\n                                >\n                                    4 couleurs disponibles                                <\/p>\n                                                                                                                                                                                                                                                        <\/div>\n\n                                                                <template x-if=\"siblingsOpen\">\n                            <div class=\"absolute inset-0 z-10 flex items-center w-full h-full space-x-2 overflow-x-auto\"\n                                @mouseleave=\"resetActiveSibling()\"\n                            >\n                                                                                                                                                                                        <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-pk01-4717-rose.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-pk01-4717-rose.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Rose\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464698\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU FELIZ\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Pantos\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":83,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464698_feliz_front_zglevd1dtw0mulkc.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;PK01&#x20;4717\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;PK01&#x20;4717\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464681_feliz_front_wfjkc21ppldwd7ma.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-blrd-4717-bleu.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-blrd-4717-bleu.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Bleu\",\"item_gender\":\"Enfant\",\"item_id\":\"7630629464681\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU FELIZ\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Pantos\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":180,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630629464681_feliz_front_wfjkc21ppldwd7ma.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BLRD&#x20;4717\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BLRD&#x20;4717\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472170_feliz_front_12uq3nfweaieblrd.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-bk01-4517-noir.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-bk01-4517-noir.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Noir\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472170\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU FELIZ\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Pantos\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":436,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472170_feliz_front_12uq3nfweaieblrd.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;BK01&#x20;4517\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                                                                                                                                            <div class=\"group w-14 h-14\"\n                                                @mouseenter=\"activeSiblingImage = 'https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472194_feliz_front_ne4jzweurinkm2bc.png?optimize=high&amp;bg-color=243,244,246&amp;fit=bounds&amp;height=700&amp;width=700&amp;canvas=700:700&amp;format=jpeg'; activeURL = 'https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-topu-4517-ecaille.html'\"\n                                        >\n                                            <a href=\"https:\/\/www.afflelou.com\/lunettes-de-soleil-enfant\/afflelou\/feliz-feliz-topu-4517-ecaille.html\"\n                                            class=\"btn p-0 w-14 h-14 border-2 border-neutral-200 rounded object-cover group-hover:border-neutral-400 transition-all duration-200 aff-plp-ecommerce-tracking\"\n                                            data-aff-tracking-event-name=\"select_item\"\n                                            data-aff-tracking-action=\"select_item\"\n                                            data-aff-tracking-ecommerce-item=\"{\"availability\":\"Y\",\"clip_included\":0,\"discount_amount\":0,\"discount_percentage\":\"\",\"existing_discount\":0,\"existing_threshold\":\"N\",\"item_brand\":\"AFFLELOU\",\"item_category\":\"monture_solaire\\\/tchin_tchin_sol\\\/enfant\",\"item_collection\":\"\",\"item_color\":\"Ecaille\",\"item_gender\":\"Enfant\",\"item_id\":\"7630036472194\",\"item_location\":\"catalog_sunglasses\",\"item_material\":\"Inject\\u00e9\",\"item_name\":\"AFFLELOU FELIZ\",\"item_offer\":\"null\",\"item_rate\":\"\",\"item_shape\":\"Pantos\",\"item_sun_protection\":\"Cat.3\",\"item_visual\":\"\",\"list_name\":\"catalog_sunglasses\",\"original_price\":29,\"price\":29,\"quantity\":420,\"threshold_reached\":\"N\",\"virtual_try\":\"Y\"}\"\n                                            >\n                                                <img src=\"https:\/\/www.afflelou.com\/media\/catalog\/product\/f\/i\/fit_aa_07630036472194_feliz_front_ne4jzweurinkm2bc.png?optimize=high&amp;bg-color=255,255,255&amp;fit=bounds&amp;height=60&amp;width=60&amp;canvas=60:60&amp;format=jpeg\"\n                                                        class=\"w-full rounded\"\n                                                        alt=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;TOPU&#x20;4517\"\n                                                        title=\"Lunettes&#x20;de&#x20;soleil&#x20;AFFLELOU&#x20;FELIZ&#x20;FELIZ&#x20;TOPU&#x20;4517\"\n                                                        loading=\"lazy\"\n                                                \/>\n                                            <\/a>\n                                        <\/div>\n                                                                                                <\/div>\n                        <\/template>\n                                        <\/div>\n                <\/div>\n                                                    <div class=\"pt-3\"\n                         x-data=\"initPriceBox()\"\n                         x-defer=\"intersect\"\n                         @update-prices-68161.window=\"updatePrice($event.detail);\">\n                        <span class=\"slider-price-adaptive slider-text-color\" :class=\"{'text-white': sliderTheme === 'dark', 'text-neutral-800': sliderTheme !== 'dark'}\">\n                            <div class=\"price-box price-final_price\" data-role=\"priceBox\" data-product-id=\"68161\" data-price-box=\"product-id-68161\"><div class=\"uppercase text-neutral-500 text-xxs\">\n    Prix Maximum<\/div>\n<span class=\"normal-price text-neutral-800\">\n    <span\n    x-data x-id=\"['product\\u002Dprice\\u002D68161']\"    class=\"price-container price-final_price&#x20;tax&#x20;weee\"\n        >\n        <span  :id=\"$id('product\\u002Dprice\\u002D68161')\"                data-price-amount=\"29\"\n        data-price-type=\"finalPrice\"\n        class=\"price-wrapper \"\n    ><span class=\"price\">29,00\u00a0\u20ac<\/span><\/span>\n        <\/span>\n<\/span>\n\n\n<\/div>                        <\/span>\n                <\/div>\n                                <div class=\"mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 \">\n                                        <div class=\"flex flex-wrap gap-2\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n                <\/form>\n            <\/div>\n                                    <\/li>\n                        <\/ul>\n        <\/div>\n        <script>\n    function initToolbar_69ac0f861459d() {\n        return {\n            options: {\"productListToolbarForm\":{\"mode\":\"product_list_mode\",\"direction\":\"product_list_dir\",\"order\":\"product_list_order\",\"limit\":\"product_list_limit\",\"modeDefault\":\"grid\",\"directionDefault\":\"asc\",\"orderDefault\":\"position\",\"limitDefault\":16,\"url\":\"https:\\\/\\\/www.afflelou.com\\\/lunettes-de-soleil-enfant\\\/afflelou\",\"formKey\":\"VYug7v5dylOtjPci\",\"post\":false,\"page\":\"p\"}}.productListToolbarForm || {},\n            getUrlParams: function () {\n                let decode = window.decodeURIComponent,\n                    urlPaths = this.options.url.split('?'),\n                    urlParams = urlPaths[1] ? urlPaths[1].split('&') : [],\n                    params = {},\n                    parameters, i;\n\n                for (i = 0; i < urlParams.length; i++) {\n                    parameters = urlParams[i].split('=');\n                    params[decode(parameters[0])] = parameters[1] !== undefined ?\n                        decode(parameters[1].replace(\/\\+\/g, '%20')) :\n                        '';\n                }\n\n                return params;\n            },\n            getCurrentLimit: function () {\n                return this.getUrlParams()[this.options.limit] || this.options.limitDefault;\n            },\n            getCurrentPage: function () {\n                return this.getUrlParams()[this.options.page] || 1;\n            },\n            changeUrl(paramName, paramValue, defaultValue, paramDir = null) {\n                let urlPaths = this.options.url.split('?'),\n                    baseUrl = urlPaths[0],\n                    paramData = this.getUrlParams(),\n                    currentPage = this.getCurrentPage(),\n                    newPage;\n\n                delete paramData['product_list_dir'];\n                if (paramDir) {\n                    paramData['product_list_dir'] = paramDir;\n                }\n\n                \/**\n                 * calculates the page on which the first item of the current page will\n                 * be with the new limit and sets that number as the new page\n                 *\/\n                if (currentPage > 1 && paramName === this.options.limit) {\n                    newPage = Math.floor(this.getCurrentLimit() * (currentPage - 1) \/ paramValue) + 1;\n\n                    if (newPage > 1) {\n                        paramData[this.options.page] = newPage;\n                    } else {\n                        delete paramData[this.options.page];\n                    }\n                }\n\n                paramData[paramName] = paramValue;\n\n                if (this.options.post) {\n                    hyva.postForm({action: baseUrl, data: paramData, skipUenc: true});\n                } else {\n                    if (paramValue === defaultValue.toString()) {\n                        delete paramData[paramName];\n                    }\n                    paramData = Object.keys(paramData).length === 0\n                        ? ''\n                        : '?' + (new URLSearchParams(paramData));\n                    location.href = baseUrl + paramData\n                }\n            }\n        }\n    }\n<\/script>\n\n            <script>\n    function initPager() {\n        return {\n            changeLimit(url) {\n                document.location.href = url;\n            }\n        }\n    }\n<\/script>\n    <div x-data=\"initPager\" class=\"init-pager flex max-md:flex-col items-center justify-center\">\n        \n            \n        \n            <\/div>\n        <\/section>\n","navigation":"\n    <div class=\"p-4 md:px-10 md:py-6 font-medium text-2xl flex justify-between items-center\">\n        Filtrer        <button type=\"button\" @click=\"$store.asideBlocs.closeAside('filter')\" class=\"max-md:btn-size-sm btn btn-dark-ghost  btn-only-icon\">\n            <svg class=\" shrink-0\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.99469 7.9047C8.70179 7.6118 8.22692 7.6118 7.93403 7.9047C7.64113 8.19759 7.64113 8.67246 7.93403 8.96536L10.9392 11.9706L7.93403 14.9758C7.64114 15.2687 7.64114 15.7435 7.93403 16.0364C8.22693 16.3293 8.7018 16.3293 8.99469 16.0364L11.9999 13.0312L15.0051 16.0364C15.298 16.3293 15.7729 16.3293 16.0658 16.0364C16.3586 15.7435 16.3586 15.2687 16.0658 14.9758L13.0606 11.9706L16.0658 8.96536C16.3587 8.67246 16.3587 8.19759 16.0658 7.9047C15.7729 7.6118 15.298 7.6118 15.0051 7.9047L11.9999 10.9099L8.99469 7.9047Z\" fill=\"currentColor\" \/>\n            <\/svg>\n        <\/button>\n    <\/div>\n    <div class=\"px-4 md:px-10 overflow-auto flex-1 border-t border-b border-neutral-200\">\n        <script>\n    document.addEventListener('DOMContentLoaded', function() {\n            });\n<\/script>\n<div x-cloak=\"\" x-show=\"$store.filter.filters && $store.filter.filters.length > 0\" class=\"text-neutral-800\" x-collapse>\n    <div class=\"py-6 border-b border-neutral-200 flex flex-col gap-4\">\n        <div class=\"flex justify-between items-center\">\n            <div class=\"text-neutral-800 text-xl font-semibold\">Filtres appliqu\u00e9s (<span x-text=\"$store.filter.filters.length\"><\/span>)<\/div>\n            <a class=\"is-underlined text-lg\" href=\"#\" @click=\"$store.filter.clearFilters()\">Tout effacer<\/a>\n        <\/div>\n        <div class=\"flex gap-2 flex-wrap\">\n            <template x-if=\"$store.filter.filters && $store.filter.filters.length > 0\">\n                <template x-for=\"filter in $store.filter.filters\">\n                    <button @click=\"$store.filter.toggleFilter(filter.type,filter.name,filter.value,filter.label)\" class=\"btn btn-size-sm btn-icons btn-dark-subtle\">\n                        <span x-text=\"filter.name +' : '+ filter.label\"><\/span>\n                        <svg class=\" shrink-0\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.99469 7.9047C8.70179 7.6118 8.22692 7.6118 7.93403 7.9047C7.64113 8.19759 7.64113 8.67246 7.93403 8.96536L10.9392 11.9706L7.93403 14.9758C7.64114 15.2687 7.64114 15.7435 7.93403 16.0364C8.22693 16.3293 8.7018 16.3293 8.99469 16.0364L11.9999 13.0312L15.0051 16.0364C15.298 16.3293 15.7729 16.3293 16.0658 16.0364C16.3586 15.7435 16.3586 15.2687 16.0658 14.9758L13.0606 11.9706L16.0658 8.96536C16.3587 8.67246 16.3587 8.19759 16.0658 7.9047C15.7729 7.6118 15.298 7.6118 15.0051 7.9047L11.9999 10.9099L8.99469 7.9047Z\" fill=\"currentColor\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/template>\n            <\/template>\n        <\/div>\n    <\/div>\n<\/div>\n                                                                    <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"price\"\n                            >\n                                Prix                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div id=\"price-range\" class=\"pb-4 md:pb-3\">\n    <div x-data=\"rangeSlider\" x-init=\"init(20, 60, 20, 60)\">\n        <div class=\"relative select-none touch-none mx-6 my-3 md:mx-0 h-0.5 bg-neutral-300\" x-ref=\"slider\">\n            <div class=\"absolute bg-dark-black h-full w-full\" :style=\"'width:' + getWidth() + '; left:' + getMinPos()\"><\/div>\n            <div class=\"absolute -ml-2 top-1\/2 -translate-y-1\/2 cursor-pointer rounded-full border-2 border-dark-black bg-light-white w-6 h-6 z-30 hover:bg-neutral-200\" @touchstart=\"dragFrom=true\" @mousedown=\"dragFrom=true\" :style=\"'left:' + getFromPos()\"><\/div>\n            <div class=\"absolute -ml-2 top-1\/2 -translate-y-1\/2 cursor-pointer rounded-full border-2 border-dark-black bg-light-white w-6 h-6 z-30 hover:bg-neutral-200\" @touchstart=\"dragTo=true\" @mousedown=\"dragTo=true\" :style=\"'left:' + getToPos()\"><\/div>\n        <\/div>\n        <div class=\"pt-2 flex justify-between select-none mt-2\">\n            <label class=\"flex gap-1 justify-center items-center py-2 px-3 border border-neutral-300 cursor-text focus-within:ring-4 focus-within:ring-blue-200 rounded-md\">\n                <div x-data=\"{value:from}\" class=\"relative h-full\">\n                    <input class=\"text-center border-0 p-0 w-full absolute top-0 left-0 bg-transparent focus:border-none focus:ring-0\" x-model=\"value\" type=\"text\" name=\"from\" x-effect=\"value=Math.min(from, to)\" @keyup.enter=\"triggerChange(value,'from')\" @blur=\"triggerChange(value,'from')\">\n                    <span class=\"invisible block w-auto overflow-auto text-nowrap min-w-6 h-full\" x-text=\"value\"><\/span>\n                <\/div>\n                <span>EUR<\/span>\n            <\/label>\n            <label class=\"flex gap-1 justify-center items-center py-2 px-3 border border-neutral-300 cursor-text focus-within:ring-4 focus-within:ring-blue-200 rounded-md\">\n                <div x-data=\"{value:to}\" class=\"relative h-full\">\n                    <input class=\"text-center border-0 p-0 w-full absolute top-0 left-0 bg-transparent focus:border-none focus:ring-0\" x-model=\"value\" type=\"text\" name=\"from\" x-effect=\"value=Math.max(from, to)\" @keyup.enter=\"triggerChange(value,'to')\" @blur=\"triggerChange(value,'to')\">\n                    <span class=\"invisible block w-auto overflow-auto text-nowrap min-w-6 h-full\" x-text=\"value\"><\/span>\n                <\/div>\n                <span>EUR<\/span>\n            <\/label>\n        <\/div>\n    <\/div>\n\n    <script>\n        function rangeSlider() {\n            return {\n                \/\/ slider start value\n                min: 20,\n                \/\/ slider end value\n                max: 60,\n                \/\/ range start\n                from: 20,\n                \/\/ range end\n                to: 60,\n                \/\/ flag if mouse is clicked or screen is touched\n                dragFrom: false,\n                dragTo: false,\n                \/\/ call on x-init\n                init: function(min, max, from, to) {\n                    \/\/ register mouse\/touche move events to window\n                    window.addEventListener(\"mousemove\", (e) => {\n                        this.drag(e)\n                    });\n                    window.addEventListener(\"touchmove\", (e) => {\n                        this.drag(e)\n                    });\n                    window.addEventListener(\"mouseup\", this.dragEnd.bind(this));\n                    window.addEventListener(\"touchend\", this.dragEnd.bind(this));\n                    \/\/ set values\n                    this.min = min || this.min;\n                    this.max = max || this.max;\n                    this.from = from || this.from;\n                    this.to = to || this.to;\n                },\n                triggerChange(value, type = 'from') {\n                    value = parseInt(value);\n                    if (isNaN(value)) {\n                        const {\n                            from,\n                            to\n                        } = this;\n                        this.from = this.to = 0;\n                        this.from = from;\n                        this.to = to;\n                        return;\n                    }\n                    if (this.from > this.to && value < this.max && value > this.min) {\n                        this[type === 'to' ? 'from' : 'to'] = this[type];\n                        this[type] = value;\n                        return;\n                    }\n                    if (type === 'to') {\n                        this.to = 0;\n                        this.to = Math.min(this.max, value < this.from ? this.from : value);\n                        if (value < this.from) {\n                            this.from = value < this.min ? this.min : value;\n                        }\n                    } else {\n                        this.from = 0;\n                        this.from = Math.max(this.min, value > this.to ? this.to : value);\n                        if (value > this.to) {\n                            this.to = value > this.max ? this.max : value;\n                        }\n                    }\n                    this.setPriceFilterAsUsed();\n                    return value;\n                },\n                getFromPos: function() {\n                    \/\/ return relative slider position for 'from' value\n                    return ((this.from - this.min) \/ (this.max - this.min) * 100) + '%'\n                },\n                getToPos: function() {\n                    \/\/ return relative slider position for 'to' value\n                    return ((this.to - this.min) \/ (this.max - this.min) * 100) + '%'\n                },\n                getWidth: function() {\n                    \/\/ return relative width between 'from' and 'to' value\n                    return ((Math.max(this.to, this.from) - Math.min(this.to, this.from)) \/ (this.max - this.min) * 100) + '%'\n                },\n                getMinPos: function() {\n                    \/\/ return the smallest of 'from' or 'to' value\n                    if (this.from < this.to) {\n                        return this.getFromPos();\n                    }\n                    return this.getToPos();\n                },\n                drag: function($event) {\n                    if (!this.dragFrom && !this.dragTo) {\n                        return;\n                    }\n                    \/\/ get touch\/mouse x-coordinate\n                    let x;\n                    const rect = this.$refs.slider.getBoundingClientRect();\n                    if ($event.type === 'touchmove') {\n                        x = $event.changedTouches[0].clientX - rect.left + this.$refs.slider.offsetLeft;\n                    } else {\n                        x = $event.clientX - rect.left + this.$refs.slider.offsetLeft; \/\/x position within the element.\n                    }\n                    \/\/ calculate the value relative to the mouse\/touch x-position on the document\n                    let pos = Math.round((this.max - this.min) * (x - this.$refs.slider.offsetLeft) \/ this.$refs.slider.clientWidth) + this.min;\n                    \/\/console.log($event);\n                    \/\/ stay in range\n                    pos = pos > this.max ? this.max : pos;\n                    pos = pos < this.min ? this.min : pos;\n                    if (this.dragFrom) {\n                        this.from = pos;\n                    }\n                    if (this.dragTo) {\n                        this.to = pos;\n                    }\n                    this.setPriceFilterAsUsed();\n                },\n                dragEnd: function() {\n                    this.dragFrom = false;\n                    this.dragTo = false;\n                },\n                setPriceFilterAsUsed : function () {\n                    Alpine.store('filter').hasPriceFilter = true;\n                }\n            }\n        }\n    <\/script>\n\n<\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"model_code\"\n                            >\n                                Mod\u00e8le                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '6445'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '6445',\n                        'FELIZ'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>FELIZ<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '16906'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '16906',\n                        'LAURIAN'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>LAURIAN<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '16918'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '16918',\n                        'LIO'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>LIO<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '18265'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '18265',\n                        'PAZ'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>PAZ<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '21391'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '21391',\n                        'VALME'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>VALME<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'model_code',\n                    '35110'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'model_code',\n                        'Mod\\u00E8le',\n                        '35110',\n                        'LOLA'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>LOLA<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"brand\"\n                            >\n                                Marque                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'brand',\n                    '2192'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'brand',\n                        'Marque',\n                        '2192',\n                        'AFFLELOU'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>AFFLELOU<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"front_material\"\n                            >\n                                Mati\u00e8res                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'front_material',\n                    '2774'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'front_material',\n                        'Mati\\u00E8res',\n                        '2774',\n                        'Ac\\u00E9tate'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Ac\u00e9tate<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'front_material',\n                    '2864'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'front_material',\n                        'Mati\\u00E8res',\n                        '2864',\n                        'Inject\\u00E9'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Inject\u00e9<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"gender\"\n                            >\n                                Genre                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'gender',\n                    '2453'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'gender',\n                        'Genre',\n                        '2453',\n                        'Enfant'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Enfant<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"style\"\n                            >\n                                Styles                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'style',\n                    '2777'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'style',\n                        'Styles',\n                        '2777',\n                        'Essentiel'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Essentiel<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'style',\n                    '2924'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'style',\n                        'Styles',\n                        '2924',\n                        'Sport'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Sport<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'style',\n                    '2930'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'style',\n                        'Styles',\n                        '2930',\n                        'Tendance'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Tendance<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"shape\"\n                            >\n                                Forme                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            \n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 pb-4 md:pb-3\">\n                        <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2483'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2483',\n                        'Carr\\u00E9e'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Carr\u00e9e<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2909'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2909',\n                        'Coeur'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Coeur<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2510'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2510',\n                        'Masque'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Masque<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2522'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2522',\n                        'Octogonale'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Octogonale<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2516'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2516',\n                        'Ovale'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Ovale<\/span>\n            <\/label>\n                                <label class=\"selection-control-label selection-control-size-md\">\n                <input :checked=\"$store.filter.getFilter(\n                    'shape',\n                    '2519'\n                    )\"\n                    @click=\"$store.filter.toggleFilter(\n                        'shape',\n                        'Forme',\n                        '2519',\n                        'Pantos'\n                    )\"\n                    type=\"checkbox\"\n                >\n                <span>Pantos<\/span>\n            <\/label>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                                                                                                                                                                                                <div x-data=\"{ expanded: false }\" class=\"border-b border-neutral-200 md:pb-3 text-neutral-800\">\n                        <h2 class=\"font-medium py-4 md:pt-6 md:pb-3 text-base md:text-xl\">\n                            <button type=\"button\"\n                                    @click=\"expanded = !expanded \"\n                                    class=\"flex justify-between items-center w-full\"\n                                    id=\"color\"\n                            >\n                                Couleur                                <span :class=\"expanded ? 'rotate-180' : ''\" class=\"transform transition-transform duration-300\">\n                                <\/span>\n                            <\/button>\n                        <\/h2>\n                        <div x-cloak x-show=\"expanded\" x-collapse>\n                            <script>\n    function initLayeredSwatch_color() {\n        return {\n            getSwatchType(typeNumber) {\n                switch (\"\" + typeNumber) {\n                    case '1':\n                        return \"color\"\n                    case '2':\n                        return \"image\"\n                    case '0':\n                    default:\n                        return \"text\"\n                }\n            },\n            getSwatchBackgroundStyle(type, value, image) {\n                if (this.getSwatchType(type) === \"color\") {\n                    return 'background-color:' + value;\n                } else if (this.getSwatchType(type) === \"image\") {\n                    return \"background: #ffffff url('\" + image + \"') no-repeat center\";\n                } else {\n                    return '';\n                }\n            },\n            activeTooltipItem: false,\n            tooltipPositionElement: false,\n            isTooltipVisible() {\n                return this.activeTooltipItem\n            },\n            isFirstItemCol() {\n                const left = this.tooltipPositionElement.offsetLeft;\n                const leftParent = this.tooltipPositionElement.parentNode.offsetLeft;\n                const width = this.tooltipPositionElement.offsetWidth;\n                return left - leftParent < width;\n            },\n            getTooltipImageStyle() {\n                const type = this.activeTooltipItem.type;\n\n                if (this.getSwatchType(type) === \"color\") {\n                    return 'background-color:' + this.activeTooltipItem.value + '; width: 110px; height: 90px;';\n                } else if (this.getSwatchType(type) === \"image\") {\n                    return \"background: #ffffff url('\" + this.activeTooltipItem.thumb +\n                        \"') center center no-repeat; width: 110px; height: 90px;\";\n                } else {\n                    return 'display:none';\n                }\n            },\n            getTooltipPosition() {\n                return this.tooltipPositionElement ?\n                    (\n                        `top: ${this.tooltipPositionElement.offsetTop}px;` +\n                        `left: ${this.tooltipPositionElement.offsetLeft}px;`\n                    ) : ''\n            },\n            getTooltipLabel() {\n                return this.activeTooltipItem.label || ''\n            },\n            isVisualSwatch() {\n                return this.getSwatchType(this.activeTooltipItem.type) !== 'text'\n            }\n        }\n    }\n<\/script>\n\n<div class=\"swatch-attribute swatch-layered color\"\n     x-data=\"initLayeredSwatch_color()\"\n>\n    <div class=\"swatch-attribute-options clearfix\">\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3385',\n                    'Bleu'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Bleu\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#0000ff',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u00230000ff',\n                            type: '1',\n                            id: '3385',\n                            label: 'Bleu',\n                            thumb: '',\n                            value: '\\u00230000ff'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3421',\n                    'Ecaille'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Ecaille\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#e69200',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023e69200',\n                            type: '1',\n                            id: '3421',\n                            label: 'Ecaille',\n                            thumb: '',\n                            value: '\\u0023e69200'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3292',\n                    'Noir'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Noir\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#000000',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023000000',\n                            type: '1',\n                            id: '3292',\n                            label: 'Noir',\n                            thumb: '',\n                            value: '\\u0023000000'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3442',\n                    'Rose'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Rose\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#e178a9',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023e178a9',\n                            type: '1',\n                            id: '3442',\n                            label: 'Rose',\n                            thumb: '',\n                            value: '\\u0023e178a9'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3646',\n                    'Rouge'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Rouge\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#d62d2d',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023d62d2d',\n                            type: '1',\n                            id: '3646',\n                            label: 'Rouge',\n                            thumb: '',\n                            value: '\\u0023d62d2d'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '3568',\n                    'Vert'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Vert\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#7ddb5e',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u00237ddb5e',\n                            type: '1',\n                            id: '3568',\n                            label: 'Vert',\n                            thumb: '',\n                            value: '\\u00237ddb5e'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n                                <a @click=\"$store.filter.toggleFilter(\n                    'color',\n                    'Couleur',\n                    '15562',\n                    'Orange'\n               )\"\n               rel=\"nofollow\"\n               aria-label=\"Filtre&#x20;Couleur&#x20;Orange\"\n               class=\"swatch-option-link-layered swatch-option cursor-pointer bg-container-lighter shadow-sm relative select-none border-container-darker\"\n               :class=\"{ 'w-6 h-6' : getSwatchType('1') !== 'text' }\"\n                                  :style=\"getSwatchBackgroundStyle(\n                        '1',\n                        '#ff7300',\n                        ''\n                    )\"\n                                                                                                \n                    @mouseenter.self=\"activeTooltipItem = {\n                            attribute: '\\u0023ff7300',\n                            type: '1',\n                            id: '15562',\n                            label: 'Orange',\n                            thumb: '',\n                            value: '\\u0023ff7300'\n                        }; tooltipPositionElement = $event.target;\"\n                    @mouseleave.self=\"activeTooltipItem = false\"\n                            >\n                            <\/a>\n            <\/div>\n            <template x-if=\"isTooltipVisible()\">\n    <div class=\"absolute pointer-events-none select-none\"\n         :style=\"getTooltipPosition()\"\n    >\n        <div class=\"shadow-lg\">\n            <div class=\"absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black\n                    transform -translate-x-1\/2 -translate-y-full bg-white rounded-lg shadow-lg text-center\"\n                 :class=\"{'-translate-x-5' : isFirstItemCol()}\"\n            >\n            <template x-if=\"isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)\">\n                <div class=\"inline-block border shadow-sm border-container\"\n                     :style=\"getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)\"\n                ><\/div>\n            <\/template>\n                <span class=\"mx-2 text-lg font-semibold whitespace-nowrap subtitle\"\n                      x-html=\"getTooltipLabel()\"\n                ><\/span>\n            <\/div>\n            <svg class=\"absolute z-10 w-8 h-8 text-white transform -translate-x-1\/5\n                    -translate-y-8 fill-current stroke-current\"\n                 width=\"12\"\n                 height=\"12\"\n            >\n                <rect x=\"12\" y=\"-12\" width=\"12\" height=\"12\" transform=\"rotate(45)\" class=\"shadow-xl\" \/>\n            <\/svg>\n        <\/div>\n    <\/div>\n<\/template>\n    <\/div>\n\n                        <\/div>\n                    <\/div>\n                                                                    \n    <\/div>\n    <div class=\"p-2 md:px-10 md:py-6\">\n        <div class=\"flex items-center justify-between\">\n            <button type=\"button\" @click=\"$store.filter.clearFilters()\" class=\"max-md:btn-size-md btn btn-dark-ghost btn-size-lg cursor-pointer\">\n                Tout supprimer            <\/button>\n            <a @click=\"changeUrl($store.filter.filters)\" href=\"#\" class=\"max-md:btn-size-md btn btn-dark btn-size-lg cursor-pointer\">\n                Voir les produits            <\/a>\n        <\/div>\n    <\/div>\n\n"}