{"state":{"favoritedProducts-sorting":null,"visualPaginator-page":null,"plet":["normalna"],"_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/?plet=normalna\" 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=\"px-2 overflow-hidden mb-2\">\n\n<div\n\tclass=\"px-2 py-2\"\n\tx-data=\"rangeSlider({\n\t\t'sliderId': 'price_range_slider',\n\t\t'sliderChanged': 'price_range_slider_changed',\n\t\t'sliderLabelField': 'price_range_slider_label',\n\t\t'minValue': '3',\n\t\t'maxValue': '38',\n\t\t'stepValue': '1',\n\t\t'startValue': '3',\n\t\t'stopValue': '38',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780646632063674_756200836',\n\t\t'mode': 'both',\n\t\t\n\t})\"\n\tx-init=\"initSlider()\"\n\tdata-datalayer='{ \"action\": \"selection\", \"type\": \"Cena (Eur)\", \"filter\": { \"price_min\": 3, \"price_max\": 38 }, \"results\": 36 }'\n>\n\t<meta\n\t\titemprop=\"name\"\n\t\tcontent=\"Price\"\n\t/>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"3-38\"\n\t/>\n\n\t<div class=\"h-3\">\n\t\t<div x-ref=\"price_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=\"price_range_slider_min\" data-range-slider-value-min=\"3\" id=\"frm-productFilter-form-price_range_slider_min\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"3\" x-ref=\"price_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=\"price_range_slider_max\" data-range-slider-value-max=\"38\" id=\"frm-productFilter-form-price_range_slider_max\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"38\" x-ref=\"price_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\t\t\t</div>\n\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/?plet=normalna&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;1780646632064498_890042415&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\\/?plet=normalna&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: \"1780646632064844_860439375\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Benefit Plus - Cafaterie\", \"results\": 36 }'>\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\">36</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/?plet=normalna&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;1780646632064905_53688166&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\\/?plet=normalna&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: \"1780646632065039_1049405396\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Cafeterie Benefity\", \"results\": 36 }'>\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\">36</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/?plet=normalna&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;1780646632065089_276768237&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\\/?plet=normalna&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: \"1780646632065227_120187001\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"MúzaPay\", \"results\": 36 }'>\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\">36</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-27831\"\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/?plet=normalna&amp;akcni-nabidka=3-za-cenu-2-2-za-cenu-1-1750241129&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;1780646632065708_841666025&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akcie | 3 za cenu 2, 2 za cenu 1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;akcni-nabidka=3-za-cenu-2-2-za-cenu-1-1750241129&quot;, &quot;text&quot;: &quot;3 za cenu 2, 2 za cenu 1&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-27831\" value=\"27831\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27831\" 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: \"1780646632065851_1989973259\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"3 za cenu 2, 2 za cenu 1\", \"results\": 14 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">3 za cenu 2, 2 za cenu 1</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">14</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-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/?plet=normalna&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;1780646632065902_1959271022&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\\/?plet=normalna&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: \"1780646632066046_1735231779\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"Mimoriadne zľavy\", \"results\": 13 }'>\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\">13</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/?plet=normalna&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;1780646632066095_1873923211&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\\/?plet=normalna&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: \"1780646632066244_72966181\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"Novinky v sortimente\", \"results\": 2 }'>\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\">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 for=\"frm-productFilter-form-attribute_135-28511\"\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/?plet=normalna&amp;akcni-nabidka=opalovanie-za-vyhodne-ceny&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;1780646632066306_1544672703&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akcie | Opa\\u013eovanie za v\\u00fdhodn\\u00e9 ceny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;akcni-nabidka=opalovanie-za-vyhodne-ceny&quot;, &quot;text&quot;: &quot;Opa\\u013eovanie za v\\u00fdhodn\\u00e9 ceny&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-28511\" value=\"28511\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28511\" 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: \"1780646632066457_1548023358\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"Opaľovanie za výhodné ceny\", \"results\": 11 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Opaľovanie za výhodné ceny</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">11</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-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/nivea?plet=normalna\"\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;1780646632066898_1875756820&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\\/nivea?plet=normalna&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\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-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: \"1780646632067044_1148000197\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"NIVEA\", \"results\": 9 }'>\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\">9</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?plet=normalna\"\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;1780646632067081_684954515&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?plet=normalna&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\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-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: \"1780646632067203_1214320346\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"AVÈNE\", \"results\": 4 }'>\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\">4</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-astrid\"\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/astrid?plet=normalna\"\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;1780646632067238_1726743611&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | ASTRID&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/astrid?plet=normalna&quot;, &quot;text&quot;: &quot;ASTRID&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\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-astrid\" value=\"astrid\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"astrid\" 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: \"1780646632067355_674638893\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"ASTRID\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">ASTRID</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-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/dermedic?plet=normalna\"\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;1780646632067390_233970087&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\\/dermedic?plet=normalna&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\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-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: \"1780646632067520_264436311\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMEDIC\", \"results\": 3 }'>\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\">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-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/piz-buin?plet=normalna\"\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;1780646632067554_986745447&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\\/piz-buin?plet=normalna&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\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-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: \"1780646632067673_516448452\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"PIZ BUIN\", \"results\": 3 }'>\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\">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-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/vichy?plet=normalna\"\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;1780646632067710_1857232283&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\\/vichy?plet=normalna&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\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-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: \"1780646632067826_2010006911\" });' 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-bioderma\"\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/bioderma?plet=normalna\"\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;1780646632067859_894276933&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | BIODERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/bioderma?plet=normalna&quot;, &quot;text&quot;: &quot;BIODERMA&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\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-bioderma\" value=\"bioderma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"bioderma\" 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: \"1780646632068002_958367316\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"BIODERMA\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BIODERMA</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/daylong?plet=normalna\"\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;1780646632068036_880629104&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\\/daylong?plet=normalna&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\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-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: \"1780646632068162_1228742541\" });' 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-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/la-roche-posay?plet=normalna\"\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;1780646632068196_207436844&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\\/la-roche-posay?plet=normalna&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\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-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: \"1780646632068313_1591241758\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LA ROCHE-POSAY\", \"results\": 2 }'>\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\">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-a-derma\"\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/a-derma?plet=normalna\"\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;1780646632068346_2038234926&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | A-DERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/a-derma?plet=normalna&quot;, &quot;text&quot;: &quot;A-DERMA&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\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-a-derma\" value=\"a-derma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"a-derma\" 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: \"1780646632068460_606635774\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"A-DERMA\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">A-DERMA</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-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\t\thref=\"/opalovacie-mlieka/cerave?plet=normalna\"\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;1780646632068527_643133434&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\\/cerave?plet=normalna&quot;, &quot;text&quot;: &quot;CERAVE&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\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\" 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: \"1780646632068645_1470030985\" });' 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</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-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/eucerin?plet=normalna\"\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;1780646632068678_2090273501&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\\/eucerin?plet=normalna&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\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-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: \"1780646632068823_380562824\" });' 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': true && !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/linola?plet=normalna\"\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;1780646632068856_1658366914&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\\/linola?plet=normalna&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\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-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: \"1780646632068971_1925837677\" });' 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': 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/sebamed?plet=normalna\"\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;1780646632069004_2062161685&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\\/sebamed?plet=normalna&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\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-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: \"1780646632069117_1157199894\" });' 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-a-derma\"\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/a-derma?plet=normalna\"\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;1780646632069167_1129711543&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | A-DERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/a-derma?plet=normalna&quot;, &quot;text&quot;: &quot;A-DERMA&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\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-a-derma\" value=\"a-derma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"a-derma\" 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: \"1780646632069285_370847541\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"A-DERMA\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">A-DERMA</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-astrid\"\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/astrid?plet=normalna\"\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;1780646632069318_1912683778&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | ASTRID&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/astrid?plet=normalna&quot;, &quot;text&quot;: &quot;ASTRID&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\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-astrid\" value=\"astrid\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"astrid\" 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: \"1780646632069432_432086660\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"ASTRID\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">ASTRID</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?plet=normalna\"\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;1780646632069464_1512356121&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?plet=normalna&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\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-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: \"1780646632069594_2068452800\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"AVÈNE\", \"results\": 4 }'>\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\">4</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-bioderma\"\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/bioderma?plet=normalna\"\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;1780646632069627_2000683233&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | BIODERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/bioderma?plet=normalna&quot;, &quot;text&quot;: &quot;BIODERMA&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\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-bioderma\" value=\"bioderma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"bioderma\" 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: \"1780646632069753_1662784904\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"BIODERMA\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BIODERMA</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\t\thref=\"/opalovacie-mlieka/cerave?plet=normalna\"\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;1780646632069786_1709781697&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\\/cerave?plet=normalna&quot;, &quot;text&quot;: &quot;CERAVE&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\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\" 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: \"1780646632069928_170147762\" });' 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</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/daylong?plet=normalna\"\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;1780646632069961_794212099&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\\/daylong?plet=normalna&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\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-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: \"1780646632070087_264602919\" });' 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/dermedic?plet=normalna\"\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;1780646632070120_1373077862&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\\/dermedic?plet=normalna&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\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-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: \"1780646632070238_1831205169\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMEDIC\", \"results\": 3 }'>\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\">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-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/eucerin?plet=normalna\"\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;1780646632070270_1275836109&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\\/eucerin?plet=normalna&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\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-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: \"1780646632070384_816443460\" });' 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/la-roche-posay?plet=normalna\"\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;1780646632070420_694416974&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\\/la-roche-posay?plet=normalna&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\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-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: \"1780646632070551_1491131610\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LA ROCHE-POSAY\", \"results\": 2 }'>\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\">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-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/linola?plet=normalna\"\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;1780646632070593_469230985&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\\/linola?plet=normalna&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\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-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: \"1780646632070717_1739025954\" });' 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': true && !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/nivea?plet=normalna\"\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;1780646632070759_1654028899&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\\/nivea?plet=normalna&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\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-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: \"1780646632070883_1357885677\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"NIVEA\", \"results\": 9 }'>\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\">9</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-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/piz-buin?plet=normalna\"\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;1780646632070915_1188923229&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\\/piz-buin?plet=normalna&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\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-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: \"1780646632071041_106023093\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"PIZ BUIN\", \"results\": 3 }'>\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\">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': 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/sebamed?plet=normalna\"\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;1780646632071074_381651407&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\\/sebamed?plet=normalna&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\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-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: \"1780646632071200_599217470\" });' 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/vichy?plet=normalna\"\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;1780646632071241_43865458&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\\/vichy?plet=normalna&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\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-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: \"1780646632071364_1879335418\" });' 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-20940\"\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/?plet=normalna&amp;faktor=10-a-menej\"\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;1780646632071992_1371045419&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ochrann\\u00fd faktor | 10 a menej&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;faktor=10-a-menej&quot;, &quot;text&quot;: &quot;10 a menej&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\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_12[]\" id=\"frm-productFilter-form-attribute_12-20940\" value=\"20940\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20940\" 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: \"1780646632072141_1734031554\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"10 a menej\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">10 a menej</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_12-20941\"\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/?plet=normalna&amp;faktor=15-az-25\"\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;1780646632072179_472699738&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ochrann\\u00fd faktor | 15\\u201325&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;15\\u201325&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\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_12[]\" id=\"frm-productFilter-form-attribute_12-20941\" value=\"20941\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20941\" 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: \"1780646632072303_1543136778\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"15–25\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">15–25</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">5</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_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/?plet=normalna&amp;faktor=30-az-50\"\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;1780646632072337_1169145675&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\\/?plet=normalna&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\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_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: \"1780646632072473_393972801\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"30–49\", \"results\": 10 }'>\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\">10</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_12-20943\"\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/?plet=normalna&amp;faktor=nad-50\"\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;1780646632072519_1530557829&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ochrann\\u00fd faktor | 50 a viac&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;faktor=nad-50&quot;, &quot;text&quot;: &quot;50 a viac&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\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_12[]\" id=\"frm-productFilter-form-attribute_12-20943\" value=\"20943\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20943\" 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: \"1780646632072641_2133450033\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"50 a viac\", \"results\": 20 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">50 a viac</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">20</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-2\"\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/?vlastnost=hydratacny&amp;plet=normalna\"\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;1780646632073080_652848204&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Hydrata\\u010dn\\u00fd&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?vlastnost=hydratacny&amp;plet=normalna&quot;, &quot;text&quot;: &quot;Hydrata\\u010dn\\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\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_3[]\" id=\"frm-productFilter-form-attribute_3-2\" value=\"2\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"2\" 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: \"1780646632073215_999125842\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Hydratačný\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Hydratačný</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 for=\"frm-productFilter-form-attribute_3-23319\"\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/?vlastnost=hypoalergenny&amp;plet=normalna\"\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;1780646632073251_70675115&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Hypoalerg\\u00e9nny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?vlastnost=hypoalergenny&amp;plet=normalna&quot;, &quot;text&quot;: &quot;Hypoalerg\\u00e9nny&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\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_3[]\" id=\"frm-productFilter-form-attribute_3-23319\" value=\"23319\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23319\" 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: \"1780646632073374_1980336775\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Hypoalergénny\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Hypoalergénny</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 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/?vlastnost=vodeodolne&amp;plet=normalna\"\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;1780646632073408_561261117&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\\/?vlastnost=vodeodolne&amp;plet=normalna&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\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_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: \"1780646632073541_958322491\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Vodeodolné\", \"results\": 17 }'>\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\">17</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-23213\"\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/?plet=alergicka-na-slunko_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;1780646632073987_943208087&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Alergick\\u00e1 na slunko&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=alergicka-na-slunko_normalna&quot;, &quot;text&quot;: &quot;Alergick\\u00e1 na slunko&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-23213\" value=\"23213\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23213\" 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: \"1780646632074122_1772945858\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Alergická na slunko\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Alergická na slunko</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 for=\"frm-productFilter-form-attribute_9-23212\"\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/?plet=atopicka_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;1780646632074169_1723276589&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Atopick\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=atopicka_normalna&quot;, &quot;text&quot;: &quot;Atopick\\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-23212\" value=\"23212\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23212\" 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: \"1780646632074306_1464003004\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Atopická\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Atopická</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 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/?plet=citliva_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;1780646632074352_309046517&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\\/?plet=citliva_normalna&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: \"1780646632074474_712653738\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Citlivá\", \"results\": 29 }'>\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\">29</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\t\thref=\"/opalovacie-mlieka/?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;1780646632074531_1281240129&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\\/?plet=mastna_normalna&quot;, &quot;text&quot;: &quot;Mastn\\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-21268\" 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: \"1780646632074662_656723244\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Mastná\", \"results\": 16 }'>\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\">16</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-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\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;1780646632074696_299575675&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\\/&quot;, &quot;text&quot;: &quot;Norm\\u00e1lna&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-20880\" checked 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: \"1780646632074814_1263544303\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Normálna\", \"results\": 36 }'>\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\">36</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=\"Normálna\"\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-20882\"\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/?plet=normalna_problematicka&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;1780646632074860_259437536&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Problematick\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna_problematicka&quot;, &quot;text&quot;: &quot;Problematick\\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-20882\" value=\"20882\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20882\" 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: \"1780646632074992_704201052\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Problematická\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Problematická</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">5</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/?plet=normalna_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;1780646632075035_1365278019&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\\/?plet=normalna_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: \"1780646632075154_201221951\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Suchá\", \"results\": 16 }'>\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\">16</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/?plet=normalna_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;1780646632075206_1162247777&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\\/?plet=normalna_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: \"1780646632075336_1183020862\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Zmiešaná\", \"results\": 25 }'>\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\">25</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/?plet=normalna&amp;pre=deti\"\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;1780646632075794_1198130545&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\\/?plet=normalna&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\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_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: \"1780646632075951_2057948872\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené pre\", \"filter\": \"Deti\", \"results\": 10 }'>\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\">10</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/?plet=normalna&amp;pre=dospelych\"\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;1780646632075987_931468884&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\\/?plet=normalna&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\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_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: \"1780646632076121_106211384\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené pre\", \"filter\": \"Dospelých\", \"results\": 21 }'>\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\">21</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': '40',\n\t\t'maxValue': '300',\n\t\t'stepValue': '1',\n\t\t'startValue': '40',\n\t\t'stopValue': '300',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780646632076322_1024204631',\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\": 40, \"price_max\": 300 }, \"results\": 36 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"40-300\"\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=\"40\" 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=\"40\" 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=\"300\" 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=\"300\" 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-22360\"\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/?plet=normalna&amp;objem=40ml&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;1780646632076747_868939632&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 40 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=40ml&quot;, &quot;text&quot;: &quot;40 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-22360\" value=\"22360\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22360\" 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: \"1780646632076885_1485679407\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"40 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">40 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\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-22371\"\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/?plet=normalna&amp;objem=50ml&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;1780646632076933_631250812&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 50 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=50ml&quot;, &quot;text&quot;: &quot;50 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-22371\" value=\"22371\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22371\" 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: \"1780646632077067_122142024\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"50 ml\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">50 ml</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 for=\"frm-productFilter-form-attribute_123-22386\"\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/?plet=normalna&amp;objem=60ml&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;1780646632077114_1209476038&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 60 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=60ml&quot;, &quot;text&quot;: &quot;60 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-22386\" value=\"22386\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22386\" 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: \"1780646632077234_695605159\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"60 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">60 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\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-22413\"\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/?plet=normalna&amp;objem=80ml&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;1780646632077278_1948875831&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 80 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=80ml&quot;, &quot;text&quot;: &quot;80 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-22413\" value=\"22413\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22413\" 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: \"1780646632077397_1516861098\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"80 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">80 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\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-22435\"\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/?plet=normalna&amp;objem=100ml&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;1780646632077451_1587601877&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 100 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=100ml&quot;, &quot;text&quot;: &quot;100 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-22435\" value=\"22435\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22435\" 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: \"1780646632077591_1533661442\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"100 ml\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">100 ml</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 for=\"frm-productFilter-form-attribute_123-22468\"\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/?plet=normalna&amp;objem=150ml&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;1780646632077636_1464734290&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 150 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=150ml&quot;, &quot;text&quot;: &quot;150 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-22468\" value=\"22468\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22468\" 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: \"1780646632077765_1051877866\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"150 ml\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">150 ml</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 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/?plet=normalna&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;1780646632077809_2012766051&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\\/?plet=normalna&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: \"1780646632077926_1747766320\" });' 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\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-22491\"\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/?plet=normalna&amp;objem=200ml&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;1780646632077969_1311011768&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 200 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=200ml&quot;, &quot;text&quot;: &quot;200 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-22491\" value=\"22491\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22491\" 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: \"1780646632078087_1152238043\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"200 ml\", \"results\": 18 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">200 ml</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">18</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_123-22521\"\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/?plet=normalna&amp;objem=270ml&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;1780646632078130_427029418&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 270 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=270ml&quot;, &quot;text&quot;: &quot;270 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-22521\" value=\"22521\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22521\" 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: \"1780646632078247_1370020081\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"270 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">270 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\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-22527\"\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/?plet=normalna&amp;objem=300ml&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;1780646632078289_996971110&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 300 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;objem=300ml&quot;, &quot;text&quot;: &quot;300 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-22527\" value=\"22527\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22527\" 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: \"1780646632078406_818171704\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"300 ml\", \"results\": 4 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">300 ml</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">4</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é (na)\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-na\"\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é (na)\">\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_4-27991\"\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/?plet=normalna&amp;na=oblicej-urcene-na\"\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;1780646632078844_1608842832&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 (na) | Obli\\u010dej&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;na=oblicej-urcene-na&quot;, &quot;text&quot;: &quot;Obli\\u010dej&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\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_4[]\" id=\"frm-productFilter-form-attribute_4-27991\" value=\"27991\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27991\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_4|\" + $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: \"1780646632078979_60353224\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené (na)\", \"filter\": \"Obličej\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Obličej</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_4-20793\"\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/?plet=normalna&amp;na=telo\"\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;1780646632079015_1374797072&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 (na) | Telo&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;na=telo&quot;, &quot;text&quot;: &quot;Telo&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\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_4[]\" id=\"frm-productFilter-form-attribute_4-20793\" value=\"20793\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20793\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_4|\" + $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: \"1780646632079147_1186923076\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené (na)\", \"filter\": \"Telo\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Telo</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</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\tHmotnosť balenia (g)\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_141_range_slider',\n\t\t'sliderChanged': 'attribute_141_range_slider_changed',\n\t\t'sliderLabelField': 'attribute_141_range_slider_label',\n\t\t'minValue': '100',\n\t\t'maxValue': '100',\n\t\t'stepValue': '1',\n\t\t'startValue': '100',\n\t\t'stopValue': '100',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780646632079333_621678898',\n\t\t'mode': 'both',\n\t\t\n\t})\"\n\tx-init=\"initSlider()\"\n\tdata-datalayer='{ \"action\": \"selection\", \"type\": \"Hmotnosť balenia (g)\", \"filter\": { \"price_min\": 100, \"price_max\": 100 }, \"results\": 36 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"100-100\"\n\t/>\n\n\t<div class=\"h-3\">\n\t\t<div x-ref=\"attribute_141_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_141_range_slider_min\" data-range-slider-value-min=\"100\" id=\"frm-productFilter-form-attribute_141_range_slider_min\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"100\" x-ref=\"attribute_141_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_141_range_slider_max\" data-range-slider-value-max=\"100\" id=\"frm-productFilter-form-attribute_141_range_slider_max\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"100\" x-ref=\"attribute_141_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-hmotnost-balenia-g\"\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=\"Hmotnosť balenia (g)\">\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_141-21871\"\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/?plet=normalna&amp;hmotnost-balenia=100g\"\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;1780646632079728_1090079425&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Hmotnos\\u0165 balenia (g) | 100 g&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;hmotnost-balenia=100g&quot;, &quot;text&quot;: &quot;100 g&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\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_141[]\" id=\"frm-productFilter-form-attribute_141-21871\" value=\"21871\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21871\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_141|\" + $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: \"1780646632079876_576488213\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Hmotnosť balenia (g)\", \"filter\": \"100 g\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">100 g</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/?plet=normalna&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;1780646632080369_2108773113&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\\/?plet=normalna&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: \"1780646632080517_1452265681\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Chemický\", \"results\": 6 }'>\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\">6</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_276-28288\"\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/?plet=normalna&amp;typ-uv-filtru=kombinovany&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;1780646632080566_2117556261&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ UV filtru | Kombinovan\\u00fd&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;typ-uv-filtru=kombinovany&quot;, &quot;text&quot;: &quot;Kombinovan\\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-28288\" value=\"28288\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28288\" 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: \"1780646632080691_897549852\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Kombinovaný\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Kombinovaný</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 for=\"frm-productFilter-form-attribute_276-28285\"\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/?plet=normalna&amp;typ-uv-filtru=mineralny-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;1780646632080736_540133936&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ UV filtru | Miner\\u00e1lny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/opalovacie-mlieka\\/?plet=normalna&amp;typ-uv-filtru=mineralny-typ-UV-filtru&quot;, &quot;text&quot;: &quot;Miner\\u00e1lny&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-28285\" value=\"28285\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28285\" 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: \"1780646632080857_846298819\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Minerálny\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Minerálny</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</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_142_range_slider_changed\" id=\"frm-productFilter-form-attribute_142_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_142_range_slider_values\" id=\"frm-productFilter-form-attribute_142_range_slider_values\" value=\"24787|24792\"><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=\"22360|22371|22386|22413|22435|22468|22483|22491|22521|22527\"><input type=\"hidden\" name=\"attribute_141_range_slider_changed\" id=\"frm-productFilter-form-attribute_141_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_141_range_slider_values\" id=\"frm-productFilter-form-attribute_141_range_slider_values\" value=\"21871\"><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":[512922,509292,225824,512239,518387,287192,478856,526512,286480,247540,363416,453318,195227,307834,363560,248557,216670,526531,248543,518454,366170,467032,451983,518468,518453,512246]}}