{"state":{"favoritedProducts-sorting":null,"visualPaginator-page":null,"brand":["cerave"],"plet":["mastna"],"_filtersPossibleParams":{"possibleParamsBefore":{"9":"druh","10":"vlastnost","11":"forma","12":"vekove-skupiny","13":"plet","14":"faktor","15":"pre","16":"pocet","17":"obsahuje-zlozku","18":"vek-uzivanie-od","19":"objem","20":"na","21":"akcni-nabidka","22":"hmotnost-balenia","23":"typ-uv-filtru","0":"available","1":"average_rating","7":"benefits","2":"categories","3":"categories","5":"combination_of_discount","6":"discounted","8":"recent","4":"sale"},"possibleParamsAfter":["max_price","min_price"],"possibleParamUrl":"brand"}},"snippets":{"snippet--productFilter":"\n<div id=\"snippet-productFilter-filters\"\n\tclass=\"vertical\"\n>\n\t<div>\n\n\n\n<form action=\"/opalovacie-mlieka/cerave?plet=mastna\" method=\"post\" class=\"filtr ajax\" id=\"frm-productFilter-form-vertical\">\n\t<div\n\t\tclass=\"mb-2\"\n\t\tx-data=\"najaSubmitForm()\"\n\t\t@filter-sidebar.window=\"if ($event.detail.listAndScroll != undefined && $event.detail.showMore === true) { document.querySelector('input[name=last_used_checkbox_list_and_scroll]').value = $event.detail.listAndScroll; } submitForm($event.detail.najaForm); $dispatch('show-page-loading');\"\n\t>\n\t\t<div\n\t\t\tclass=\"mt-1 bg-gray-100 rounded-lg\"\n\t\t\tx-data=\"{ opened: true }\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"price-slider\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t\t\t@click=\"opened = !opened\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex-auto block px-4 py-4\">\n\t\t\t\t\t\tCena (Eur)\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\t>\n\t\t\t\t\t\t<div class=\"mb-2 pb-2 transition-all duration-150 ease-in-out overflow-hidden text-center flex flex-wrap items-center justify-center tracking-tighter\">\n\t\t\t\t\t\t\t<div class=\"bg-gray-50 w-20 md:w-16 lg:w-20 border rounded rounded-lg\">\n\t\t\t\t\t\t\t\t23\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tMožné platiť benefitmi\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-mozne-platit-benefitmi\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Možné platiť benefitmi\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-Benefit Plus - Cafaterie\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;mozno-platit-benefitmi=Benefit%2BPlus%2B-%2BCafaterie&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907654062_1723947789&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Mo\\u017en\\u00e9 plati\\u0165 benefitmi | Benefit Plus - Cafaterie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;mozno-platit-benefitmi=Benefit%2BPlus%2B-%2BCafaterie&quot;, &quot;text&quot;: &quot;Benefit Plus - Cafaterie&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"benefits[]\" id=\"frm-productFilter-form-benefits-Benefit Plus - Cafaterie\" value=\"Benefit Plus - Cafaterie\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Benefit Plus - Cafaterie\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"benefits|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907654418_644623916\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Benefit Plus - Cafaterie\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Benefit Plus - Cafaterie</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-Cafeterie Benefity\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;mozno-platit-benefitmi=Cafeterie%2BBenefity&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907654495_728856860&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Mo\\u017en\\u00e9 plati\\u0165 benefitmi | Cafeterie Benefity&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;mozno-platit-benefitmi=Cafeterie%2BBenefity&quot;, &quot;text&quot;: &quot;Cafeterie Benefity&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"benefits[]\" id=\"frm-productFilter-form-benefits-Cafeterie Benefity\" value=\"Cafeterie Benefity\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Cafeterie Benefity\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"benefits|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907654637_394021577\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Cafeterie Benefity\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Cafeterie Benefity</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-MúzaPay\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;mozno-platit-benefitmi=M%25C3%25BAzaPay&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907654690_1267611741&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Mo\\u017en\\u00e9 plati\\u0165 benefitmi | M\\u00fazaPay&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;mozno-platit-benefitmi=M%25C3%25BAzaPay&quot;, &quot;text&quot;: &quot;M\\u00fazaPay&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"benefits[]\" id=\"frm-productFilter-form-benefits-MúzaPay\" value=\"MúzaPay\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"MúzaPay\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"benefits|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907654821_1728910424\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"MúzaPay\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">MúzaPay</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tAkcie\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-akcie\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Akcie\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_135-26587\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;akcni-nabidka=mimoriadne-zlavy-sk&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907655291_189700483&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akcie | Mimoriadne z\\u013eavy&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;akcni-nabidka=mimoriadne-zlavy-sk&quot;, &quot;text&quot;: &quot;Mimoriadne z\\u013eavy&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_135[]\" id=\"frm-productFilter-form-attribute_135-26587\" value=\"26587\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"26587\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_135|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907655440_2112109182\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"Mimoriadne zľavy\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Mimoriadne zľavy</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_135-28518\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;akcni-nabidka=novinky-v-sortimente&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907655506_1643849296&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akcie | Novinky v sortimente&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;akcni-nabidka=novinky-v-sortimente&quot;, &quot;text&quot;: &quot;Novinky v sortimente&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_135[]\" id=\"frm-productFilter-form-attribute_135-28518\" value=\"28518\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28518\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_135|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907655678_223117990\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"Novinky v sortimente\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Novinky v sortimente</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t\t\t<div\n\t\t\t\tclass=\"mt-1 bg-gray-100 rounded-lg\"\n\t\t\t\tx-data=\"{ opened: 'true', showAlphabetically: false }\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t\t\t@click=\"opened = !opened\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex-auto block px-4 py-4\">\n\t\t\t\t\t\tZnačka\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tx-data=\"filterItems({ showMore: false })\"\n\t\t\t\t\t\tx-init=\"init()\"\n\t\t\t\t\t\tdata-test=\"filter-list\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"px-2\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tx-ref=\"filterInput\"\n\t\t\t\t\t\t\t\tclass=\"flex bg-white w-full mb-4 p-2 h-7 min-h-full border rounded-md border-gray-500 text-gray-500\"\n\t\t\t\t\t\t\t\tplaceholder=\"Vyhľadať značku\"\n\t\t\t\t\t\t\t\tcontenteditable=\"true\"\n\t\t\t\t\t\t\t\t:class=\"[showMore ? 'block' : 'hidden']\"\n\t\t\t\t\t\t\t\t@input.debounce.200=\"doFilter($refs.filterInput)\"\n\t\t\t\t\t\t\t\tdata-test=\"filter-search-input\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div x-ref=\"filterList\">\n\n\n<div id=\"snippet-productFilter-filter-list-brand\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Brand\">\n\t\t<template x-if=\"!showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-cerave\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907656325_137481889&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | CERAVE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=mastna&quot;, &quot;text&quot;: &quot;CERAVE&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: true }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-cerave\" checked value=\"cerave\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"cerave\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907656486_1918756833\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"CERAVE\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">CERAVE</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t\t<meta\n\t\t\t\t\t\titemprop=\"actionOption\"\n\t\t\t\t\t\tcontent=\"CERAVE\"\n\t\t\t\t\t>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-vichy\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_vichy?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907656543_680571846&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | VICHY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_vichy?plet=mastna&quot;, &quot;text&quot;: &quot;VICHY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-vichy\" value=\"vichy\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"vichy\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907656721_1605413063\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"VICHY\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">VICHY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">3</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-avène\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/avene_cerave?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907656799_994485335&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | AV\\u00c8NE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/avene_cerave?plet=mastna&quot;, &quot;text&quot;: &quot;AV\\u00c8NE&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-avène\" value=\"avène\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"avène\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907656970_1108310445\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"AVÈNE\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">AVÈNE</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-daylong\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_daylong?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907657024_970366454&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DAYLONG&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_daylong?plet=mastna&quot;, &quot;text&quot;: &quot;DAYLONG&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-daylong\" value=\"daylong\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"daylong\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907657154_920977972\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DAYLONG\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DAYLONG</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-nivea\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_nivea?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907657207_201801001&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | NIVEA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_nivea?plet=mastna&quot;, &quot;text&quot;: &quot;NIVEA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-nivea\" value=\"nivea\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"nivea\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907657389_1125608432\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"NIVEA\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">NIVEA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-dermedic\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_dermedic?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907657474_865681391&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DERMEDIC&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_dermedic?plet=mastna&quot;, &quot;text&quot;: &quot;DERMEDIC&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-dermedic\" value=\"dermedic\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"dermedic\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907657643_2142903253\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMEDIC\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DERMEDIC</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-eucerin\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_eucerin?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907657696_1565492832&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | EUCERIN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_eucerin?plet=mastna&quot;, &quot;text&quot;: &quot;EUCERIN&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-eucerin\" value=\"eucerin\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"eucerin\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907657823_616383287\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"EUCERIN\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">EUCERIN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-la roche-posay\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_la-roche-posay?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907657870_371574875&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | LA ROCHE-POSAY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_la-roche-posay?plet=mastna&quot;, &quot;text&quot;: &quot;LA ROCHE-POSAY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-la roche-posay\" value=\"la roche-posay\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"la roche-posay\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907657994_606915702\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LA ROCHE-POSAY\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">LA ROCHE-POSAY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-linola\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_linola?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907658040_1218371787&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | LINOLA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_linola?plet=mastna&quot;, &quot;text&quot;: &quot;LINOLA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-linola\" value=\"linola\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"linola\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907658216_2001094870\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LINOLA\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">LINOLA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-piz buin\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_piz-buin?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907658292_556173644&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | PIZ BUIN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_piz-buin?plet=mastna&quot;, &quot;text&quot;: &quot;PIZ BUIN&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-piz buin\" value=\"piz buin\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"piz buin\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907658465_306359911\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"PIZ BUIN\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">PIZ BUIN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-sebamed\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_sebamed?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907658517_179187724&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | SEBAMED&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_sebamed?plet=mastna&quot;, &quot;text&quot;: &quot;SEBAMED&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-sebamed\" value=\"sebamed\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"sebamed\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907658688_1228898479\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"SEBAMED\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">SEBAMED</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\t\t<template x-if=\"showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-avène\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/avene_cerave?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907658800_532158855&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | AV\\u00c8NE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/avene_cerave?plet=mastna&quot;, &quot;text&quot;: &quot;AV\\u00c8NE&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-avène\" value=\"avène\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"avène\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907658962_1693532645\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"AVÈNE\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">AVÈNE</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-cerave\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907659110_749186388&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | CERAVE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=mastna&quot;, &quot;text&quot;: &quot;CERAVE&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: true }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-cerave\" checked value=\"cerave\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"cerave\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907659251_637099592\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"CERAVE\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">CERAVE</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t\t<meta\n\t\t\t\t\t\titemprop=\"actionOption\"\n\t\t\t\t\t\tcontent=\"CERAVE\"\n\t\t\t\t\t>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-daylong\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_daylong?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907659299_297701295&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DAYLONG&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_daylong?plet=mastna&quot;, &quot;text&quot;: &quot;DAYLONG&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-daylong\" value=\"daylong\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"daylong\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907659440_1835781241\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DAYLONG\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DAYLONG</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-dermedic\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_dermedic?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907659506_1408168501&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DERMEDIC&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_dermedic?plet=mastna&quot;, &quot;text&quot;: &quot;DERMEDIC&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-dermedic\" value=\"dermedic\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"dermedic\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907659631_1662798933\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMEDIC\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DERMEDIC</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-eucerin\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_eucerin?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907659676_382980744&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | EUCERIN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_eucerin?plet=mastna&quot;, &quot;text&quot;: &quot;EUCERIN&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-eucerin\" value=\"eucerin\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"eucerin\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907659807_1978115566\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"EUCERIN\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">EUCERIN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-la roche-posay\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_la-roche-posay?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907659853_346929895&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | LA ROCHE-POSAY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_la-roche-posay?plet=mastna&quot;, &quot;text&quot;: &quot;LA ROCHE-POSAY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-la roche-posay\" value=\"la roche-posay\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"la roche-posay\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907659976_1820831853\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LA ROCHE-POSAY\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">LA ROCHE-POSAY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-linola\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_linola?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907660021_1373605029&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | LINOLA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_linola?plet=mastna&quot;, &quot;text&quot;: &quot;LINOLA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-linola\" value=\"linola\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"linola\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907660159_1766190172\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LINOLA\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">LINOLA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-nivea\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_nivea?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907660313_350633246&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | NIVEA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_nivea?plet=mastna&quot;, &quot;text&quot;: &quot;NIVEA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-nivea\" value=\"nivea\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"nivea\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907660455_215586309\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"NIVEA\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">NIVEA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-piz buin\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_piz-buin?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907660504_1502357965&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | PIZ BUIN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_piz-buin?plet=mastna&quot;, &quot;text&quot;: &quot;PIZ BUIN&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-piz buin\" value=\"piz buin\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"piz buin\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907660633_301707311\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"PIZ BUIN\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">PIZ BUIN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-sebamed\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_sebamed?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907660679_1758470671&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | SEBAMED&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_sebamed?plet=mastna&quot;, &quot;text&quot;: &quot;SEBAMED&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-sebamed\" value=\"sebamed\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"sebamed\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907660801_1999386576\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"SEBAMED\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">SEBAMED</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-vichy\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave_vichy?plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907660847_260567221&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | VICHY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave_vichy?plet=mastna&quot;, &quot;text&quot;: &quot;VICHY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-vichy\" value=\"vichy\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"vichy\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907660968_3924625\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"VICHY\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">VICHY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">3</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\n</div>\n<div\n\tclass=\"h-1 relative w-full bottom-3 shadow-[inset_0_-5px_10px_-12px_black]\"\n></div>\n<button\n\tclass=\"flex items-center justify-start block w-full px-2 pb-4 text-sm focus:outline-none tap-highlight-transparent\"\n\trel=\"nofollow noopener\"\n\ttype=\"button\"\n\t@click=\"showMore ? closeFilter() : showMore = true; showAlphabetically = !showAlphabetically\"\n\tdata-test=\"filter-show-more\"\n>\n\t<span\n\t\tclass=\"transform\"\n\t\t:class=\"[showMore ? '-rotate-90' : 'rotate-90']\"\n\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative flex-shrink-0 w-3 h-3 ml-2 mr-2 text-gray-500 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t</span>\n\n\t<span\n\t\tclass=\"flex-grow text-left\"\n\t\t:class=\"[showMore ? '' : 'block']\"\n\t\tx-text=\"showMore ? 'Zobraziť menej' : 'Zobraziť vše'\"\n\t></span>\n</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\n\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tOchranný faktor\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-ochranny-faktor\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Ochranný faktor\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_12-20942\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;faktor=30-az-50&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907661591_300193014&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ochrann\\u00fd faktor | 30\\u201349&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;faktor=30-az-50&quot;, &quot;text&quot;: &quot;30\\u201349&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-20942\" value=\"20942\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20942\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_12|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907661738_1891252932\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"30–49\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">30–49</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tKľúčová vlastnosť\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-klucova-vlastnost\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Kľúčová vlastnosť\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_3-20601\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?vlastnost=vodeodolne&amp;plet=mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907662206_77694069&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Vodeodoln\\u00e9&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?vlastnost=vodeodolne&amp;plet=mastna&quot;, &quot;text&quot;: &quot;Vodeodoln\\u00e9&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-20601\" value=\"20601\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20601\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_3|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907662352_966428074\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Vodeodolné\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vodeodolné</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tTyp pleti\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling\">\n\n\n<div id=\"snippet-productFilter-filter-list-typ-pleti\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Typ pleti\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20879\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=citliva_mastna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907662821_625072374&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Citliv\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=citliva_mastna&quot;, &quot;text&quot;: &quot;Citliv\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-20879\" value=\"20879\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20879\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907662971_1143618271\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Citlivá\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Citlivá</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-21268\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907663030_1593450220&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Mastn\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave&quot;, &quot;text&quot;: &quot;Mastn\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: true }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-21268\" checked value=\"21268\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21268\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907663226_796519005\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Mastná\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Mastná</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t\t<meta\n\t\t\t\t\t\titemprop=\"actionOption\"\n\t\t\t\t\t\tcontent=\"Mastná\"\n\t\t\t\t\t>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20880\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna_normalna&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907663303_706355786&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Norm\\u00e1lna&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna_normalna&quot;, &quot;text&quot;: &quot;Norm\\u00e1lna&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-20880\" value=\"20880\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20880\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907663508_555190726\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Normálna\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Normálna</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20884\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna_sucha&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907663580_1353347510&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Such\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna_sucha&quot;, &quot;text&quot;: &quot;Such\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-20884\" value=\"20884\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20884\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907663749_346548405\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Suchá\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Suchá</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20883\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna_zmiesana&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907663801_709376699&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Zmie\\u0161an\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna_zmiesana&quot;, &quot;text&quot;: &quot;Zmie\\u0161an\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-20883\" value=\"20883\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20883\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907663929_6546694\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Zmiešaná\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Zmiešaná</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tUrčené pre\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-urcene-pre\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Určené pre\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_15-21\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;pre=deti&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907664534_1184324352&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 pre | Deti&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;pre=deti&quot;, &quot;text&quot;: &quot;Deti&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_15[]\" id=\"frm-productFilter-form-attribute_15-21\" value=\"21\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_15|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907664709_1762281429\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené pre\", \"filter\": \"Deti\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Deti</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_15-23902\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;pre=dospelych&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907664781_979030286&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 pre | Dospel\\u00fdch&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;pre=dospelych&quot;, &quot;text&quot;: &quot;Dospel\\u00fdch&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_15[]\" id=\"frm-productFilter-form-attribute_15-23902\" value=\"23902\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23902\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_15|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907664984_1470469889\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené pre\", \"filter\": \"Dospelých\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Dospelých</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tObjem (ml)\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t\t<div\n\t\t\t\tclass=\"px-2 overflow-hidden mb-2\"\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t>\n\n<div\n\tclass=\"px-2 py-2\"\n\tx-data=\"rangeSlider({\n\t\t'sliderId': 'attribute_123_range_slider',\n\t\t'sliderChanged': 'attribute_123_range_slider_changed',\n\t\t'sliderLabelField': 'attribute_123_range_slider_label',\n\t\t'minValue': '177',\n\t\t'maxValue': '177',\n\t\t'stepValue': '1',\n\t\t'startValue': '177',\n\t\t'stopValue': '177',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780596907665233_1577378766',\n\t\t'mode': 'both',\n\t\t\n\t})\"\n\tx-init=\"initSlider()\"\n\tdata-datalayer='{ \"action\": \"selection\", \"type\": \"Objem (ml)\", \"filter\": { \"price_min\": 177, \"price_max\": 177 }, \"results\": 1 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"177-177\"\n\t/>\n\n\t<div class=\"h-3\">\n\t\t<div x-ref=\"attribute_123_range_slider\"></div>\n\t</div>\n\t<div class=\"flex items-center justify-between mt-4\">\n\t\t\n\t\t<label class=\"w-20 md:w-16 lg:w-20\" x-show=\"mode === 'both'\">\n\t\t\t<input type=\"number\" name=\"attribute_123_range_slider_min\" data-range-slider-value-min=\"177\" id=\"frm-productFilter-form-attribute_123_range_slider_min\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"177\" x-ref=\"attribute_123_range_slider-minValue\" class=\"w-full h-8 px-0 text-sm tracking-tight text-center form-input tabular-nums\" aria-label=\"Minimálna hodnota\">\n\t\t</label>\n\n\n\t\t<div class=\"w-4 border-t-2 border-gray-200\" x-show=\"mode === 'both'\"></div>\n\n\t\t\n\t\t<label class=\"w-20 md:w-16 lg:w-20\" x-show=\"mode === 'both'\">\n\t\t\t<input type=\"number\" name=\"attribute_123_range_slider_max\" data-range-slider-value-max=\"177\" id=\"frm-productFilter-form-attribute_123_range_slider_max\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"177\" x-ref=\"attribute_123_range_slider-maxValue\" class=\"w-full h-8 px-0 text-sm tracking-tight text-center form-input tabular-nums\" aria-label=\"Maximálna hodnota\">\n\t\t</label>\n\t</div>\n</div>\n\t\t\t</div>\n\t\t<div class=\"hidden mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-objem-ml\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Objem (ml)\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_123-22483\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;objem=177ml&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907665701_150979242&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 177 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;objem=177ml&quot;, &quot;text&quot;: &quot;177 ml&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_123[]\" id=\"frm-productFilter-form-attribute_123-22483\" value=\"22483\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22483\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_123|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907665874_1340953512\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"177 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">177 ml</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tTyp UV filtru\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-typ-uv-filtru\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Typ UV filtru\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_276-28287\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/opalovacie-mlieka/cerave?plet=mastna&amp;typ-uv-filtru=chemicky-typ-UV-filtru&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780596907666441_1130177682&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ UV filtru | Chemick\\u00fd&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/cerave?plet=mastna&amp;typ-uv-filtru=chemicky-typ-UV-filtru&quot;, &quot;text&quot;: &quot;Chemick\\u00fd&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_276[]\" id=\"frm-productFilter-form-attribute_276-28287\" value=\"28287\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28287\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_276|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780596907666673_279198348\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Chemický\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Chemický</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t</div>\n<input type=\"hidden\" name=\"price_range_slider_changed\" id=\"frm-productFilter-form-price_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_123_range_slider_changed\" id=\"frm-productFilter-form-attribute_123_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_123_range_slider_values\" id=\"frm-productFilter-form-attribute_123_range_slider_values\" value=\"22483\"><input type=\"hidden\" name=\"last_used_checkbox_list_and_scroll\" value=\"\"><input type=\"hidden\" name=\"_do\" value=\"productFilter-form-submit\"></form>\n\n\n\t</div>\n</div>\n\n\t\t\t\t\t\t"},"gtm":{"productId":[526531]}}