{"state":{"favoritedProducts-sorting":null,"visualPaginator-page":null,"faktor":["15-az-25"],"_filtersPossibleParams":{"possibleParamsBefore":{"9":"etapy-materstva","10":"druh","11":"vlastnost","12":"forma","13":"plet","14":"faktor","15":"pre","16":"pocet","17":"obsahuje-zlozku","18":"vek-uzivanie-od","19":"barva","20":"objem","21":"na","22":"akcni-nabidka","23":"hmotnost-balenia","24":"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=\"/kozmetika-na-tvar/?faktor=15-az-25\" 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': '44',\n\t\t'stepValue': '1',\n\t\t'startValue': '3',\n\t\t'stopValue': '44',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780589535055225_590450360',\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\": 44 }, \"results\": 44 }'\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-44\"\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=\"44\" 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=\"44\" 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=\"/kozmetika-na-tvar/?faktor=15-az-25&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;1780589535056068_2102022280&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25&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: \"1780589535056411_417633876\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Benefit Plus - Cafaterie\", \"results\": 44 }'>\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\">44</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=\"/kozmetika-na-tvar/?faktor=15-az-25&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;1780589535056486_71651346&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25&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: \"1780589535056626_1935435457\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Cafeterie Benefity\", \"results\": 44 }'>\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\">44</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=\"/kozmetika-na-tvar/?faktor=15-az-25&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;1780589535056676_1922674680&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25&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: \"1780589535056803_582290681\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"MúzaPay\", \"results\": 9 }'>\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\">9</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\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<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-clinique\"\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=\"/kozmetika-na-tvar/clinique?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;1780589535057253_1660635878&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | CLINIQUE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/clinique?faktor=15-az-25&quot;, &quot;text&quot;: &quot;CLINIQUE&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-clinique\" value=\"clinique\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"clinique\" 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: \"1780589535057392_1696211079\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"CLINIQUE\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">CLINIQUE</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 data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-erborian\"\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=\"/kozmetika-na-tvar/erborian?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;1780589535057431_1177426759&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | ERBORIAN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/erborian?faktor=15-az-25&quot;, &quot;text&quot;: &quot;ERBORIAN&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-erborian\" value=\"erborian\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"erborian\" 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: \"1780589535057567_1768757923\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"ERBORIAN\", \"results\": 8 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">ERBORIAN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">8</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-eveline\"\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=\"/kozmetika-na-tvar/eveline?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;1780589535057602_1921955655&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | EVELINE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/eveline?faktor=15-az-25&quot;, &quot;text&quot;: &quot;EVELINE&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-eveline\" value=\"eveline\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"eveline\" 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: \"1780589535057723_649088379\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"EVELINE\", \"results\": 4 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">EVELINE</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-max factor\"\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=\"/kozmetika-na-tvar/max-factor?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;1780589535057757_1941361297&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | MAX FACTOR&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/max-factor?faktor=15-az-25&quot;, &quot;text&quot;: &quot;MAX FACTOR&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-max factor\" value=\"max factor\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"max factor\" 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: \"1780589535057876_972139125\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"MAX FACTOR\", \"results\": 11 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">MAX FACTOR</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\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-maybelline\"\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=\"/kozmetika-na-tvar/maybelline?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;1780589535057909_1308538388&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | MAYBELLINE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/maybelline?faktor=15-az-25&quot;, &quot;text&quot;: &quot;MAYBELLINE&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-maybelline\" value=\"maybelline\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"maybelline\" 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: \"1780589535058028_2042161418\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"MAYBELLINE\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">MAYBELLINE</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-rimmel london\"\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=\"/kozmetika-na-tvar/rimmel-london?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;1780589535058061_2036042099&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | RIMMEL LONDON&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/rimmel-london?faktor=15-az-25&quot;, &quot;text&quot;: &quot;RIMMEL LONDON&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-rimmel london\" value=\"rimmel london\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"rimmel london\" 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: \"1780589535058177_2131817579\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"RIMMEL LONDON\", \"results\": 10 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">RIMMEL LONDON</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 data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-ziaja\"\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=\"/kozmetika-na-tvar/ziaja?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;1780589535058210_66707808&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | ZIAJA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/ziaja?faktor=15-az-25&quot;, &quot;text&quot;: &quot;ZIAJA&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-ziaja\" value=\"ziaja\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"ziaja\" 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: \"1780589535058326_176840701\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"ZIAJA\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">ZIAJA</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\t\t</ul>\n</div>\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\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-20446\"\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=\"/kozmetika-na-tvar/?vlastnost=dekorativne&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;1780589535058811_750533415&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Dekorat\\u00edvne&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?vlastnost=dekorativne&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Dekorat\\u00edvne&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-20446\" value=\"20446\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20446\" 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: \"1780589535058953_1051139073\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Dekoratívne\", \"results\": 16 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Dekoratívne</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_3-20447\"\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=\"/kozmetika-na-tvar/?vlastnost=denne&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;1780589535058990_1994514353&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Denn\\u00e9&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?vlastnost=denne&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Denn\\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-20447\" value=\"20447\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20447\" 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: \"1780589535059115_1587214529\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Denné\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Denné</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_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=\"/kozmetika-na-tvar/?vlastnost=hydratacny&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;1780589535059149_589836592&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;\\/kozmetika-na-tvar\\/?vlastnost=hydratacny&amp;faktor=15-az-25&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: \"1780589535059270_1185673650\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Hydratačný\", \"results\": 16 }'>\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\">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_3-20482\"\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=\"/kozmetika-na-tvar/?vlastnost=krycie&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;1780589535059303_1489666368&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Krycie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?vlastnost=krycie&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Krycie&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-20482\" value=\"20482\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20482\" 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: \"1780589535059422_124651209\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Krycie\", \"results\": 4 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Krycie</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 for=\"frm-productFilter-form-attribute_3-6\"\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=\"/kozmetika-na-tvar/?vlastnost=rozjasnujuce&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;1780589535059467_1354825083&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Rozjas\\u0148uj\\u00face&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?vlastnost=rozjasnujuce&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Rozjas\\u0148uj\\u00face&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-6\" value=\"6\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"6\" 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: \"1780589535059589_1274600866\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Rozjasňujúce\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Rozjasňujúce</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_3-23334\"\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=\"/kozmetika-na-tvar/?vlastnost=tonovacie&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;1780589535059622_353382586&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | T\\u00f3novacie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?vlastnost=tonovacie&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;T\\u00f3novacie&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-23334\" value=\"23334\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23334\" 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: \"1780589535059740_43251087\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Tónovacie\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Tónovacie</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\tForma výrobku\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-forma-vyrobku\"\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=\"Forma výrobku\">\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_6-23068\"\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=\"/kozmetika-na-tvar/?forma=krem&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;1780589535060190_272444527&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Kr\\u00e9m&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?forma=krem&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Kr\\u00e9m&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_6[]\" id=\"frm-productFilter-form-attribute_6-23068\" value=\"23068\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23068\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_6|\" + $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: \"1780589535060329_1433270503\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Krém\", \"results\": 21 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Krém</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\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 toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-typ-pleti\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Typ pleti\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20879\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/kozmetika-na-tvar/?plet=citliva&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;1780589535060838_1621575788&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;\\/kozmetika-na-tvar\\/?plet=citliva&amp;faktor=15-az-25&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\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-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: \"1780589535060974_1783251933\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Citlivá\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Citlivá</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20880\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/kozmetika-na-tvar/?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;1780589535061010_1987779009&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;\\/kozmetika-na-tvar\\/?plet=normalna&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Norm\\u00e1lna&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\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\" 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: \"1780589535061132_1822182179\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Normálna\", \"results\": 4 }'>\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\">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 for=\"frm-productFilter-form-attribute_9-23\"\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=\"/kozmetika-na-tvar/?plet=normalna-a-sucha&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;1780589535061166_951122060&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Norm\\u00e1lna a such\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?plet=normalna-a-sucha&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Norm\\u00e1lna a 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\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-23\" value=\"23\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23\" 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: \"1780589535061287_215630976\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Normálna a suchá\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Normálna a suchá</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-22\"\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=\"/kozmetika-na-tvar/?plet=normalna-a-zmiesana&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;1780589535061321_172081703&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Norm\\u00e1lna a zmie\\u0161an\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?plet=normalna-a-zmiesana&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;Norm\\u00e1lna a 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\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-22\" value=\"22\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22\" 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: \"1780589535061451_424883512\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Normálna a zmiešaná\", \"results\": 8 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Normálna a zmiešaná</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">8</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=\"/kozmetika-na-tvar/?plet=sucha&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;1780589535061485_2010770838&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;\\/kozmetika-na-tvar\\/?plet=sucha&amp;faktor=15-az-25&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\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-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: \"1780589535061604_3101566\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Suchá\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Suchá</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-24\"\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=\"/kozmetika-na-tvar/?plet=vsetky-typy-pleti&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;1780589535061637_628321460&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | V\\u0161etky typy pleti&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?plet=vsetky-typy-pleti&amp;faktor=15-az-25&quot;, &quot;text&quot;: &quot;V\\u0161etky typy pleti&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_9[]\" id=\"frm-productFilter-form-attribute_9-24\" value=\"24\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24\" 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: \"1780589535061755_293136342\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Všetky typy pleti\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Všetky typy pleti</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-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=\"/kozmetika-na-tvar/?plet=zmiesana&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;1780589535061788_276998860&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;\\/kozmetika-na-tvar\\/?plet=zmiesana&amp;faktor=15-az-25&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\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-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: \"1780589535061906_2084996678\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Zmiešaná\", \"results\": 3 }'>\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\">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\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\">\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=\"/kozmetika-na-tvar/?faktor=10-a-menej_15-az-25&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;1780589535062335_1267603404&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;\\/kozmetika-na-tvar\\/?faktor=10-a-menej_15-az-25&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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-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: \"1780589535062482_2065936462\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"10 a menej\", \"results\": 5 }'>\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\">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-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\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;1780589535062518_926742632&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;\\/kozmetika-na-tvar\\/&quot;, &quot;text&quot;: &quot;15\\u201325&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_12[]\" id=\"frm-productFilter-form-attribute_12-20941\" checked 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: \"1780589535062640_1918307747\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"15–25\", \"results\": 44 }'>\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\">44</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=\"15–25\"\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_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=\"/kozmetika-na-tvar/?faktor=15-az-25_30-az-50&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780589535062691_1812190693&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25_30-az-50&quot;, &quot;text&quot;: &quot;30\\u201349&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-20942\" value=\"20942\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20942\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_12|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780589535062812_1460664877\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"30–49\", \"results\": 7 }'>\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\">7</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=\"/kozmetika-na-tvar/?faktor=15-az-25_nad-50&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780589535062855_105070772&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25_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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-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: \"1780589535062974_1549308835\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"50 a viac\", \"results\": 5 }'>\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\">5</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-13\"\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=\"/kozmetika-na-tvar/?faktor=15-az-25&amp;pre=zeny\"\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;1780589535063382_312391282&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 pre | \\u017deny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?faktor=15-az-25&amp;pre=zeny&quot;, &quot;text&quot;: &quot;\\u017deny&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-13\" value=\"13\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"13\" 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: \"1780589535063529_1110921292\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené pre\", \"filter\": \"Ženy\", \"results\": 36 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Ženy</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\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': '15',\n\t\t'maxValue': '60',\n\t\t'stepValue': '1',\n\t\t'startValue': '15',\n\t\t'stopValue': '60',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780589535063717_857984191',\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\": 15, \"price_max\": 60 }, \"results\": 44 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"15-60\"\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=\"15\" 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=\"15\" 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=\"60\" 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=\"60\" 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-22311\"\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=\"/kozmetika-na-tvar/?faktor=15-az-25&amp;objem=15ml&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;1780589535064150_1151658647&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 15 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?faktor=15-az-25&amp;objem=15ml&quot;, &quot;text&quot;: &quot;15 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-22311\" value=\"22311\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22311\" 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: \"1780589535064291_1955453069\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"15 ml\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">15 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-22341\"\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=\"/kozmetika-na-tvar/?faktor=15-az-25&amp;objem=30ml&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;1780589535064338_645940154&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 30 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?faktor=15-az-25&amp;objem=30ml&quot;, &quot;text&quot;: &quot;30 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-22341\" value=\"22341\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22341\" 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: \"1780589535064491_935867037\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"30 ml\", \"results\": 13 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">30 ml</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_123-22349\"\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=\"/kozmetika-na-tvar/?faktor=15-az-25&amp;objem=35ml&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;1780589535064537_1279656866&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 35 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?faktor=15-az-25&amp;objem=35ml&quot;, &quot;text&quot;: &quot;35 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-22349\" value=\"22349\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22349\" 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: \"1780589535064668_1431727102\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"35 ml\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">35 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-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=\"/kozmetika-na-tvar/?faktor=15-az-25&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;1780589535064712_835706743&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25&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: \"1780589535064831_390776603\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"40 ml\", \"results\": 3 }'>\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\">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-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=\"/kozmetika-na-tvar/?faktor=15-az-25&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;1780589535064874_1223242703&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25&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: \"1780589535064993_1351883200\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"50 ml\", \"results\": 1 }'>\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\">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-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=\"/kozmetika-na-tvar/?faktor=15-az-25&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;1780589535065035_105038111&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;\\/kozmetika-na-tvar\\/?faktor=15-az-25&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: \"1780589535065153_1802559553\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"60 ml\", \"results\": 4 }'>\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\">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-20787\"\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=\"/kozmetika-na-tvar/?faktor=15-az-25&amp;na=starnutie-pokozky\"\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;1780589535065575_100184997&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 (na) | Starnutie poko\\u017eky&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/kozmetika-na-tvar\\/?faktor=15-az-25&amp;na=starnutie-pokozky&quot;, &quot;text&quot;: &quot;Starnutie poko\\u017eky&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-20787\" value=\"20787\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20787\" 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: \"1780589535065712_396939267\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené (na)\", \"filter\": \"Starnutie pokožky\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Starnutie pokožky</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t</div>\n<input type=\"hidden\" name=\"price_range_slider_changed\" id=\"frm-productFilter-form-price_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_123_range_slider_changed\" id=\"frm-productFilter-form-attribute_123_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_123_range_slider_values\" id=\"frm-productFilter-form-attribute_123_range_slider_values\" value=\"22311|22341|22349|22360|22371|22386\"><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":[512025,512026,278532,264635,264403,512020,495117,495116,495118,506393,495114,506414,495126,495124,505974,505983,505978,505975,495123,506401,505976,505977,505980,505981]}}