{"state":{"favoritedProducts-sorting":null,"visualPaginator-page":null,"brand":["nivea"],"vlastnost":["spevnujuce"],"_filtersPossibleParams":{"possibleParamsBefore":{"9":"druh","10":"vlastnost","11":"forma","12":"vekove-skupiny","13":"plet","14":"faktor","15":"pre","16":"pocet","17":"obsahuje-zlozku","18":"vek-uzivanie-od","19":"podanie","20":"objem","21":"na","22":"akcni-nabidka","23":"hmotnost-balenia","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=\"/ocne-kremy/nivea?vlastnost=spevnujuce\" method=\"post\" class=\"filtr ajax\" id=\"frm-productFilter-form-vertical\">\n\t<div\n\t\tclass=\"mb-2\"\n\t\tx-data=\"najaSubmitForm()\"\n\t\t@filter-sidebar.window=\"if ($event.detail.listAndScroll != undefined && $event.detail.showMore === true) { document.querySelector('input[name=last_used_checkbox_list_and_scroll]').value = $event.detail.listAndScroll; } submitForm($event.detail.najaForm); $dispatch('show-page-loading');\"\n\t>\n\t\t<div\n\t\t\tclass=\"mt-1 bg-gray-100 rounded-lg\"\n\t\t\tx-data=\"{ opened: true }\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"price-slider\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t\t\t@click=\"opened = !opened\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex-auto block px-4 py-4\">\n\t\t\t\t\t\tCena (Eur)\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\t>\n\t\t\t\t\t\t<div class=\"mb-2 pb-2 transition-all duration-150 ease-in-out overflow-hidden text-center flex flex-wrap items-center justify-center tracking-tighter\">\n\t\t\t\t\t\t\t<div class=\"bg-gray-50 w-20 md:w-16 lg:w-20 border rounded rounded-lg\">\n\t\t\t\t\t\t\t\t18\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tMožné platiť benefitmi\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-mozne-platit-benefitmi\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Možné platiť benefitmi\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-Benefit Plus - Cafaterie\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/ocne-kremy/nivea?vlastnost=spevnujuce&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;1780582067095578_1801051659&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;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&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: \"1780582067095976_301178669\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Benefit Plus - Cafaterie\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Benefit Plus - Cafaterie</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-Cafeterie Benefity\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/ocne-kremy/nivea?vlastnost=spevnujuce&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;1780582067096052_2088443788&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;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&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: \"1780582067096194_1525201768\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"Cafeterie Benefity\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Cafeterie Benefity</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-MúzaPay\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/ocne-kremy/nivea?vlastnost=spevnujuce&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;1780582067096244_1328479119&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;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&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: \"1780582067096386_1665608639\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Možné platiť benefitmi\", \"filter\": \"MúzaPay\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">MúzaPay</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tAkcie\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-akcie\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Akcie\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_135-27831\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;akcni-nabidka=3-za-cenu-2-2-za-cenu-1-1750241129&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1780582067096895_616380221&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akcie | 3 za cenu 2, 2 za cenu 1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;akcni-nabidka=3-za-cenu-2-2-za-cenu-1-1750241129&quot;, &quot;text&quot;: &quot;3 za cenu 2, 2 za cenu 1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_135[]\" id=\"frm-productFilter-form-attribute_135-27831\" value=\"27831\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27831\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_135|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780582067097043_1825569987\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akcie\", \"filter\": \"3 za cenu 2, 2 za cenu 1\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">3 za cenu 2, 2 za cenu 1</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\n\t\t\t<div\n\t\t\t\tclass=\"mt-1 bg-gray-100 rounded-lg\"\n\t\t\t\tx-data=\"{ opened: 'true', showAlphabetically: false }\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t\t\t@click=\"opened = !opened\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"flex-auto block px-4 py-4\">\n\t\t\t\t\t\tZnačka\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tx-data=\"filterItems({ showMore: false })\"\n\t\t\t\t\t\tx-init=\"init()\"\n\t\t\t\t\t\tdata-test=\"filter-list\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"px-2\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\tx-ref=\"filterInput\"\n\t\t\t\t\t\t\t\tclass=\"flex bg-white w-full mb-4 p-2 h-7 min-h-full border rounded-md border-gray-500 text-gray-500\"\n\t\t\t\t\t\t\t\tplaceholder=\"Vyhľadať značku\"\n\t\t\t\t\t\t\t\tcontenteditable=\"true\"\n\t\t\t\t\t\t\t\t:class=\"[showMore ? 'block' : 'hidden']\"\n\t\t\t\t\t\t\t\t@input.debounce.200=\"doFilter($refs.filterInput)\"\n\t\t\t\t\t\t\t\tdata-test=\"filter-search-input\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div x-ref=\"filterList\">\n\n\n<div id=\"snippet-productFilter-filter-list-brand\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Brand\">\n\t\t<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-dermacol\"\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=\"/ocne-kremy/dermacol_nivea?vlastnost=spevnujuce&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;1780582067097527_1194982104&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DERMACOL&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/dermacol_nivea?vlastnost=spevnujuce&quot;, &quot;text&quot;: &quot;DERMACOL&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-dermacol\" value=\"dermacol\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"dermacol\" 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: \"1780582067097668_742204844\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMACOL\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DERMACOL</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-nivea\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\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;1780582067097706_820590910&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | NIVEA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/?vlastnost=spevnujuce&quot;, &quot;text&quot;: &quot;NIVEA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: true }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-nivea\" checked value=\"nivea\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"nivea\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780582067097830_1507846042\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"NIVEA\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">NIVEA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t\t<meta\n\t\t\t\t\t\titemprop=\"actionOption\"\n\t\t\t\t\t\tcontent=\"NIVEA\"\n\t\t\t\t\t>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-renovality\"\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=\"/ocne-kremy/nivea_renovality?vlastnost=spevnujuce&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;1780582067097880_894937667&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | RENOVALITY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea_renovality?vlastnost=spevnujuce&quot;, &quot;text&quot;: &quot;RENOVALITY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-renovality\" value=\"renovality\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"renovality\" 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: \"1780582067098014_1955252446\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"RENOVALITY\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">RENOVALITY</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\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\">\n\n\n<div id=\"snippet-productFilter-filter-list-klucova-vlastnost\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Kľúčová vlastnosť\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_3-2\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/ocne-kremy/nivea?vlastnost=hydratacny_spevnujuce&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;1780582067098501_588166759&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;\\/ocne-kremy\\/nivea?vlastnost=hydratacny_spevnujuce&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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-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: \"1780582067098653_330614104\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Hydratačný\", \"results\": 1 }'>\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\">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-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=\"/ocne-kremy/nivea?vlastnost=rozjasnujuce_spevnujuce&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;1780582067098702_841598899&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;\\/ocne-kremy\\/nivea?vlastnost=rozjasnujuce_spevnujuce&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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-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: \"1780582067098840_725506850\" });' 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-10\"\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;1780582067098875_307282151&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Spev\\u0148uj\\u00face&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea&quot;, &quot;text&quot;: &quot;Spev\\u0148uj\\u00face&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_3[]\" id=\"frm-productFilter-form-attribute_3-10\" checked value=\"10\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"10\" 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: \"1780582067099018_326971151\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Spevňujúce\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Spevň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\t<meta\n\t\t\t\t\t\titemprop=\"actionOption\"\n\t\t\t\t\t\tcontent=\"Spevňujúce\"\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_3-23542\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce_vyhladzujuce&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;1780582067099066_6574483&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Vyhladzuj\\u00face&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce_vyhladzujuce&quot;, &quot;text&quot;: &quot;Vyhladzuj\\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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-23542\" value=\"23542\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23542\" 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: \"1780582067099189_1324331566\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Vyhladzujúce\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vyhladzujú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-8\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce_vyzivujuce&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;1780582067099267_118835773&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;K\\u013e\\u00fa\\u010dov\\u00e1 vlastnos\\u0165 | Vy\\u017eivuj\\u00face&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce_vyzivujuce&quot;, &quot;text&quot;: &quot;Vy\\u017eivuj\\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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-8\" value=\"8\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"8\" 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: \"1780582067099432_1132433062\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Kľúčová vlastnosť\", \"filter\": \"Vyživujúce\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vyživujú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\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;forma=krem&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;1780582067099941_1811515851&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;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;forma=krem&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\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_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: \"1780582067100106_476717183\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Krém\", \"results\": 1 }'>\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\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tTyp pleti\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling 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-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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;plet=vsetky-typy-pleti&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;1780582067100606_2106032226&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;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;plet=vsetky-typy-pleti&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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-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: \"1780582067100746_184648030\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Všetky typy pleti\", \"results\": 1 }'>\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\">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-20886\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;plet=zrela&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;1780582067100805_1243093392&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti | Zrel\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;plet=zrela&quot;, &quot;text&quot;: &quot;Zrel\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_9[]\" id=\"frm-productFilter-form-attribute_9-20886\" value=\"20886\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20886\" 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: \"1780582067100934_483639387\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti\", \"filter\": \"Zrelá\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Zrelá</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tUrčené pre\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-urcene-pre\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Určené pre\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_15-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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;pre=zeny&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;1780582067101382_199328758&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;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&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\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_15[]\" id=\"frm-productFilter-form-attribute_15-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: \"1780582067101537_366061231\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené pre\", \"filter\": \"Ženy\", \"results\": 1 }'>\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\">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\tObsahuje zložku\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-obsahuje-zlozku\"\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=\"Obsahuje zložku\">\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_109-23628\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;obsahuje-zlozku=kofein&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;1780582067102018_38767077&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje zlo\\u017eku | Kofe\\u00edn&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;obsahuje-zlozku=kofein&quot;, &quot;text&quot;: &quot;Kofe\\u00edn&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_109[]\" id=\"frm-productFilter-form-attribute_109-23628\" value=\"23628\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23628\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_109|\" + $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: \"1780582067102159_1702864041\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje zložku\", \"filter\": \"Kofeín\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Kofeín</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_109-23849\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;obsahuje-zlozku=kyselina-hyaluronova&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;1780582067102219_1641824006&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje zlo\\u017eku | Kyselina hyaluronov\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;obsahuje-zlozku=kyselina-hyaluronova&quot;, &quot;text&quot;: &quot;Kyselina hyaluronov\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_109[]\" id=\"frm-productFilter-form-attribute_109-23849\" value=\"23849\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23849\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_109|\" + $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: \"1780582067102356_162394596\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje zložku\", \"filter\": \"Kyselina hyaluronová\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Kyselina hyaluronová</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tUrčené (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-20718\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;na=ocne-okolie&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;1780582067102816_2117093382&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010den\\u00e9 (na) | O\\u010dn\\u00e9 okolie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;na=ocne-okolie&quot;, &quot;text&quot;: &quot;O\\u010dn\\u00e9 okolie&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_4[]\" id=\"frm-productFilter-form-attribute_4-20718\" value=\"20718\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20718\" 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: \"1780582067102966_2039139765\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určené (na)\", \"filter\": \"Očné okolie\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Očné okolie</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\tHmotnosť balenia (g)\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t\t<div\n\t\t\t\tclass=\"px-2 overflow-hidden mb-2\"\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t>\n\n<div\n\tclass=\"px-2 py-2\"\n\tx-data=\"rangeSlider({\n\t\t'sliderId': 'attribute_141_range_slider',\n\t\t'sliderChanged': 'attribute_141_range_slider_changed',\n\t\t'sliderLabelField': 'attribute_141_range_slider_label',\n\t\t'minValue': '15',\n\t\t'maxValue': '15',\n\t\t'stepValue': '1',\n\t\t'startValue': '15',\n\t\t'stopValue': '15',\n\t\t'currency': 'EUR',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1780582067103188_9128913',\n\t\t'mode': 'both',\n\t\t\n\t})\"\n\tx-init=\"initSlider()\"\n\tdata-datalayer='{ \"action\": \"selection\", \"type\": \"Hmotnosť balenia (g)\", \"filter\": { \"price_min\": 15, \"price_max\": 15 }, \"results\": 1 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"15-15\"\n\t/>\n\n\t<div class=\"h-3\">\n\t\t<div x-ref=\"attribute_141_range_slider\"></div>\n\t</div>\n\t<div class=\"flex items-center justify-between mt-4\">\n\t\t\n\t\t<label class=\"w-20 md:w-16 lg:w-20\" x-show=\"mode === 'both'\">\n\t\t\t<input type=\"number\" name=\"attribute_141_range_slider_min\" data-range-slider-value-min=\"15\" id=\"frm-productFilter-form-attribute_141_range_slider_min\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"15\" x-ref=\"attribute_141_range_slider-minValue\" class=\"w-full h-8 px-0 text-sm tracking-tight text-center form-input tabular-nums\" aria-label=\"Minimálna hodnota\">\n\t\t</label>\n\n\n\t\t<div class=\"w-4 border-t-2 border-gray-200\" x-show=\"mode === 'both'\"></div>\n\n\t\t\n\t\t<label class=\"w-20 md:w-16 lg:w-20\" x-show=\"mode === 'both'\">\n\t\t\t<input type=\"number\" name=\"attribute_141_range_slider_max\" data-range-slider-value-max=\"15\" id=\"frm-productFilter-form-attribute_141_range_slider_max\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí byť celé číslo.\"}]' value=\"15\" x-ref=\"attribute_141_range_slider-maxValue\" class=\"w-full h-8 px-0 text-sm tracking-tight text-center form-input tabular-nums\" aria-label=\"Maximálna hodnota\">\n\t\t</label>\n\t</div>\n</div>\n\t\t\t</div>\n\t\t<div class=\"hidden mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-hmotnost-balenia-g\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Hmotnosť balenia (g)\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_141-21741\"\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=\"/ocne-kremy/nivea?vlastnost=spevnujuce&amp;hmotnost-balenia=15g&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;1780582067103668_93221541&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Hmotnos\\u0165 balenia (g) | 15 g&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/ocne-kremy\\/nivea?vlastnost=spevnujuce&amp;hmotnost-balenia=15g&quot;, &quot;text&quot;: &quot;15 g&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\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_141[]\" id=\"frm-productFilter-form-attribute_141-21741\" value=\"21741\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21741\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_141|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1780582067103821_757524240\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Hmotnosť balenia (g)\", \"filter\": \"15 g\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">15 g</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\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_141_range_slider_changed\" id=\"frm-productFilter-form-attribute_141_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_141_range_slider_values\" id=\"frm-productFilter-form-attribute_141_range_slider_values\" value=\"21741\"><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":[481522]}}