{"state":{"favoritedProducts-sorting":null,"visualPaginator-page":null,"forma":["krem"],"_filtersPossibleParams":{"possibleParamsBefore":{"21":"akcni-nabidka","11":"druh","25":"druh-kosmetiky","14":"faktor","13":"forma","20":"hmotnost-baleni","2":"categories","3":"categories","5":"combination_of_discount","7":"benefits","12":"neobsahuje","8":"recent","18":"objem","15":"obsahuje-slozku","19":"plet-pokozka","17":"pocet","9":"pro","1":"average_rating","0":"available","6":"discounted","24":"typ-uv-filtru","22":"urcene-na","10":"vek-uzivani","16":"vekove-skupiny","23":"vlastnost","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=\"/dermokosmetika-opalovaci-kremy/?forma=krem\" 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 (Kč)\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': '205',\n\t\t'maxValue': '2389',\n\t\t'stepValue': '1',\n\t\t'startValue': '205',\n\t\t'stopValue': '2389',\n\t\t'currency': 'CZK',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1777780154168806_617439559',\n\t\t'mode': 'both',\n\t\t\n\t})\"\n\tx-init=\"initSlider()\"\n\tdata-datalayer='{ \"action\": \"selection\", \"type\": \"Cena (Kč)\", \"filter\": { \"price_min\": 205, \"price_max\": 2389 }, \"results\": 41 }'\n>\n\t<meta\n\t\titemprop=\"name\"\n\t\tcontent=\"Price\"\n\t/>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"205-2389\"\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=\"205\" id=\"frm-productFilter-form-price_range_slider_min\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí být celé číslo.\"}]' value=\"205\" 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ální 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=\"2389\" id=\"frm-productFilter-form-price_range_slider_max\" required data-nette-rules='[{\"op\":\":filled\",\"msg\":\"This field is required.\"},{\"op\":\":integer\",\"msg\":\"Hodnota musí být celé číslo.\"}]' value=\"2389\" 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ální 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\tLze platit benefity\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-lze-platit-benefity\"\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=\"Lze platit benefity\">\n\t\t<template x-if=\"!showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-Benefit Plus - Cafeterie\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Benefit%2BPlus%2B-%2BCafeterie&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;1777780154169717_432903433&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Benefit Plus - Cafeterie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Benefit%2BPlus%2B-%2BCafeterie&quot;, &quot;text&quot;: &quot;Benefit Plus - Cafeterie&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 - Cafeterie\" value=\"Benefit Plus - Cafeterie\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Benefit Plus - Cafeterie\" 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: \"1777780154170082_1675754913\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Benefit Plus - Cafeterie\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Benefit Plus - Cafeterie</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Benefit plus e-stravenka\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Benefit%2Bplus%2Be-stravenka&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;1777780154170146_1159306643&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Benefit plus e-stravenka&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Benefit%2Bplus%2Be-stravenka&quot;, &quot;text&quot;: &quot;Benefit plus e-stravenka&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 e-stravenka\" value=\"Benefit plus e-stravenka\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Benefit plus e-stravenka\" 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: \"1777780154170288_1224377533\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Benefit plus e-stravenka\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">Benefit plus e-stravenka</span> <span class=\"ml-auto text-13px text-gray-400\">0</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 a.s.\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Cafeterie%2BBenefity%2Ba.s.&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;1777780154170338_1677375588&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Cafeterie Benefity a.s.&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Cafeterie%2BBenefity%2Ba.s.&quot;, &quot;text&quot;: &quot;Cafeterie Benefity a.s.&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 a.s.\" value=\"Cafeterie Benefity a.s.\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Cafeterie Benefity a.s.\" 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: \"1777780154170502_63320688\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Cafeterie Benefity a.s.\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Cafeterie Benefity a.s.</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Benefits Card\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BBenefits%2BCard&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;1777780154170569_1108389889&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Benefits Card&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BBenefits%2BCard&quot;, &quot;text&quot;: &quot;Edenred Benefits Card&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-Edenred Benefits Card\" value=\"Edenred Benefits Card\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Benefits Card\" 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: \"1777780154170756_812120085\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Benefits Card\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Edenred Benefits Card</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Cafeterie\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BCafeterie&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;1777780154170825_1098122296&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Cafeterie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BCafeterie&quot;, &quot;text&quot;: &quot;Edenred Cafeterie&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-Edenred Cafeterie\" value=\"Edenred Cafeterie\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Cafeterie\" 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: \"1777780154171018_900687152\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Cafeterie\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Edenred Cafeterie</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Card FKSP\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BCard%2BFKSP&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;1777780154171099_98859330&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Card FKSP&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BCard%2BFKSP&quot;, &quot;text&quot;: &quot;Edenred Card FKSP&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-Edenred Card FKSP\" value=\"Edenred Card FKSP\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Card FKSP\" 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: \"1777780154171300_1117179052\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Card FKSP\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Edenred Card FKSP</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Ticket Restaurant\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BTicket%2BRestaurant&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;1777780154171369_533348543&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Ticket Restaurant&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BTicket%2BRestaurant&quot;, &quot;text&quot;: &quot;Edenred Ticket Restaurant&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-Edenred Ticket Restaurant\" value=\"Edenred Ticket Restaurant\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Ticket Restaurant\" 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: \"1777780154171577_1462189929\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Ticket Restaurant\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">Edenred Ticket Restaurant</span> <span class=\"ml-auto text-13px text-gray-400\">0</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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=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;1777780154171654_1394763427&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | M\\u00fazaPay&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=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: \"1777780154171857_1914908472\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"MúzaPay\", \"results\": 41 }'>\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\">41</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-Pluxee Flexi / Multi Pass Card\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Pluxee%2BFlexi%2B%252F%2BMulti%2BPass%2BCard&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;1777780154171936_564701355&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Pluxee Flexi \\/ Multi Pass Card&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Pluxee%2BFlexi%2B%252F%2BMulti%2BPass%2BCard&quot;, &quot;text&quot;: &quot;Pluxee Flexi \\/ Multi Pass Card&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-Pluxee Flexi / Multi Pass Card\" value=\"Pluxee Flexi / Multi Pass Card\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Pluxee Flexi / Multi Pass Card\" 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: \"1777780154172131_887126837\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Pluxee Flexi / Multi Pass Card\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Pluxee Flexi / Multi Pass Card</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Pluxee Gastro Pass Card\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Pluxee%2BGastro%2BPass%2BCard&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;1777780154172205_839185298&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Pluxee Gastro Pass Card&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Pluxee%2BGastro%2BPass%2BCard&quot;, &quot;text&quot;: &quot;Pluxee Gastro Pass Card&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-Pluxee Gastro Pass Card\" value=\"Pluxee Gastro Pass Card\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Pluxee Gastro Pass Card\" 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: \"1777780154172393_316510519\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Pluxee Gastro Pass Card\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">Pluxee Gastro Pass Card</span> <span class=\"ml-auto text-13px text-gray-400\">0</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-UP eBenefity\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=UP%2BeBenefity&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;1777780154172460_1305899552&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | UP eBenefity&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=UP%2BeBenefity&quot;, &quot;text&quot;: &quot;UP eBenefity&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-UP eBenefity\" value=\"UP eBenefity\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"UP eBenefity\" 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: \"1777780154172599_478236046\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"UP eBenefity\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">UP eBenefity</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-UP eStravenka\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=UP%2BeStravenka&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;1777780154172648_1241798424&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | UP eStravenka&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=UP%2BeStravenka&quot;, &quot;text&quot;: &quot;UP eStravenka&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-UP eStravenka\" value=\"UP eStravenka\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"UP eStravenka\" 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: \"1777780154172778_1629688991\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"UP eStravenka\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">UP eStravenka</span> <span class=\"ml-auto text-13px text-gray-400\">0</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\t\t<template x-if=\"showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-Benefit Plus - Cafeterie\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Benefit%2BPlus%2B-%2BCafeterie&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;1777780154172850_1664711104&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Benefit Plus - Cafeterie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Benefit%2BPlus%2B-%2BCafeterie&quot;, &quot;text&quot;: &quot;Benefit Plus - Cafeterie&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 - Cafeterie\" value=\"Benefit Plus - Cafeterie\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Benefit Plus - Cafeterie\" 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: \"1777780154172987_1267531097\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Benefit Plus - Cafeterie\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Benefit Plus - Cafeterie</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Benefit plus e-stravenka\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Benefit%2Bplus%2Be-stravenka&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;1777780154173036_1826358651&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Benefit plus e-stravenka&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Benefit%2Bplus%2Be-stravenka&quot;, &quot;text&quot;: &quot;Benefit plus e-stravenka&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 e-stravenka\" value=\"Benefit plus e-stravenka\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Benefit plus e-stravenka\" 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: \"1777780154173165_1692539001\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Benefit plus e-stravenka\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">Benefit plus e-stravenka</span> <span class=\"ml-auto text-13px text-gray-400\">0</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 a.s.\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Cafeterie%2BBenefity%2Ba.s.&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;1777780154173212_1670736335&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Cafeterie Benefity a.s.&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Cafeterie%2BBenefity%2Ba.s.&quot;, &quot;text&quot;: &quot;Cafeterie Benefity a.s.&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 a.s.\" value=\"Cafeterie Benefity a.s.\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Cafeterie Benefity a.s.\" 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: \"1777780154173341_104464707\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Cafeterie Benefity a.s.\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Cafeterie Benefity a.s.</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Benefits Card\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BBenefits%2BCard&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;1777780154173387_1268928266&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Benefits Card&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BBenefits%2BCard&quot;, &quot;text&quot;: &quot;Edenred Benefits Card&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-Edenred Benefits Card\" value=\"Edenred Benefits Card\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Benefits Card\" 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: \"1777780154173550_2099665722\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Benefits Card\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Edenred Benefits Card</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Cafeterie\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BCafeterie&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;1777780154173608_2007650853&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Cafeterie&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BCafeterie&quot;, &quot;text&quot;: &quot;Edenred Cafeterie&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-Edenred Cafeterie\" value=\"Edenred Cafeterie\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Cafeterie\" 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: \"1777780154173746_462850567\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Cafeterie\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Edenred Cafeterie</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Card FKSP\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BCard%2BFKSP&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;1777780154173794_454501454&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Card FKSP&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BCard%2BFKSP&quot;, &quot;text&quot;: &quot;Edenred Card FKSP&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-Edenred Card FKSP\" value=\"Edenred Card FKSP\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Card FKSP\" 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: \"1777780154173921_1330883260\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Card FKSP\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Edenred Card FKSP</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Edenred Ticket Restaurant\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Edenred%2BTicket%2BRestaurant&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;1777780154173969_374200027&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Edenred Ticket Restaurant&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Edenred%2BTicket%2BRestaurant&quot;, &quot;text&quot;: &quot;Edenred Ticket Restaurant&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-Edenred Ticket Restaurant\" value=\"Edenred Ticket Restaurant\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Edenred Ticket Restaurant\" 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: \"1777780154174127_1041436922\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Edenred Ticket Restaurant\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">Edenred Ticket Restaurant</span> <span class=\"ml-auto text-13px text-gray-400\">0</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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=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;1777780154174178_2009590212&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | M\\u00fazaPay&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=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: \"1777780154174316_2107201548\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"MúzaPay\", \"results\": 41 }'>\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\">41</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-Pluxee Flexi / Multi Pass Card\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Pluxee%2BFlexi%2B%252F%2BMulti%2BPass%2BCard&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;1777780154174375_1416441212&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Pluxee Flexi \\/ Multi Pass Card&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Pluxee%2BFlexi%2B%252F%2BMulti%2BPass%2BCard&quot;, &quot;text&quot;: &quot;Pluxee Flexi \\/ Multi Pass Card&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-Pluxee Flexi / Multi Pass Card\" value=\"Pluxee Flexi / Multi Pass Card\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Pluxee Flexi / Multi Pass Card\" 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: \"1777780154174526_1222015715\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Pluxee Flexi / Multi Pass Card\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Pluxee Flexi / Multi Pass Card</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</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-Pluxee Gastro Pass Card\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=Pluxee%2BGastro%2BPass%2BCard&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;1777780154174575_1831270723&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | Pluxee Gastro Pass Card&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=Pluxee%2BGastro%2BPass%2BCard&quot;, &quot;text&quot;: &quot;Pluxee Gastro Pass Card&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-Pluxee Gastro Pass Card\" value=\"Pluxee Gastro Pass Card\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"Pluxee Gastro Pass Card\" 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: \"1777780154174707_420812969\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"Pluxee Gastro Pass Card\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">Pluxee Gastro Pass Card</span> <span class=\"ml-auto text-13px text-gray-400\">0</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-UP eBenefity\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=UP%2BeBenefity&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;1777780154174753_1187704217&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | UP eBenefity&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=UP%2BeBenefity&quot;, &quot;text&quot;: &quot;UP eBenefity&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-UP eBenefity\" value=\"UP eBenefity\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"UP eBenefity\" 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: \"1777780154174881_91359165\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"UP eBenefity\", \"results\": 41 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">UP eBenefity</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">41</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-benefits-UP eStravenka\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;lze-platit-benefity=UP%2BeStravenka&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;1777780154174928_694672638&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Lze platit benefity | UP eStravenka&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;lze-platit-benefity=UP%2BeStravenka&quot;, &quot;text&quot;: &quot;UP eStravenka&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-UP eStravenka\" value=\"UP eStravenka\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"UP eStravenka\" 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: \"1777780154175059_865719029\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Lze platit benefity\", \"filter\": \"UP eStravenka\", \"results\": 0 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"text-gray-400\">UP eStravenka</span> <span class=\"ml-auto text-13px text-gray-400\">0</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\n</div>\n<div\n\tclass=\"h-1 relative w-full bottom-3 shadow-[inset_0_-5px_10px_-12px_black]\"\n></div>\n<button\n\tclass=\"flex items-center justify-start block w-full px-2 pb-4 text-sm focus:outline-none tap-highlight-transparent\"\n\trel=\"nofollow noopener\"\n\ttype=\"button\"\n\t@click=\"showMore ? closeFilter() : showMore = true; showAlphabetically = !showAlphabetically\"\n\tdata-test=\"filter-show-more\"\n>\n\t<span\n\t\tclass=\"transform\"\n\t\t:class=\"[showMore ? '-rotate-90' : 'rotate-90']\"\n\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative flex-shrink-0 w-3 h-3 ml-2 mr-2 text-gray-500 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t</span>\n\n\t<span\n\t\tclass=\"flex-grow text-left\"\n\t\t:class=\"[showMore ? '' : 'block']\"\n\t\tx-text=\"showMore ? 'Zobrazit méně' : 'Zobrazit vše'\"\n\t></span>\n</button>\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\tAkce\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-akce\"\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=\"Akce\">\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-26604\"\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=\"/dermokosmetika-opalovaci-kremy/?akcni-nabidka=cenovy-trhak&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;1777780154175739_1517838250&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akce | Cenov\\u00fd trh\\u00e1k&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?akcni-nabidka=cenovy-trhak&amp;forma=krem&quot;, &quot;text&quot;: &quot;Cenov\\u00fd trh\\u00e1k&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-26604\" value=\"26604\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"26604\" 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: \"1777780154175892_697061234\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akce\", \"filter\": \"Cenový trhák\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Cenový trhák</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_135-26608\"\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=\"/dermokosmetika-opalovaci-kremy/?akcni-nabidka=darek-zdarma&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;1777780154175945_1814501120&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akce | D\\u00e1rek zdarma&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?akcni-nabidka=darek-zdarma&amp;forma=krem&quot;, &quot;text&quot;: &quot;D\\u00e1rek zdarma&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-26608\" value=\"26608\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"26608\" 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: \"1777780154176080_836205695\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akce\", \"filter\": \"Dárek zdarma\", \"results\": 4 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Dárek zdarma</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_135-26607\"\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=\"/dermokosmetika-opalovaci-kremy/?akcni-nabidka=mimoradne-slevy&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;1777780154176128_149965618&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akce | Mimo\\u0159\\u00e1dn\\u00e9 slevy&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?akcni-nabidka=mimoradne-slevy&amp;forma=krem&quot;, &quot;text&quot;: &quot;Mimo\\u0159\\u00e1dn\\u00e9 slevy&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-26607\" value=\"26607\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"26607\" 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: \"1777780154176259_434731188\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akce\", \"filter\": \"Mimořádné slevy\", \"results\": 9 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Mimořádné slevy</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">9</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_135-27365\"\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=\"/dermokosmetika-opalovaci-kremy/?akcni-nabidka=novinka-na-lekarna-cz&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;1777780154176338_534686768&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Akce | Novinka na L\\u00e9k\\u00e1rna.cz&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?akcni-nabidka=novinka-na-lekarna-cz&amp;forma=krem&quot;, &quot;text&quot;: &quot;Novinka na L\\u00e9k\\u00e1rna.cz&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-27365\" value=\"27365\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27365\" 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: \"1777780154176491_510462570\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Akce\", \"filter\": \"Novinka na Lékárna.cz\", \"results\": 4 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Novinka na Lékárna.cz</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\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=\"Vyhledat značku\"\n\t\t\t\t\t\t\t\tcontenteditable=\"true\"\n\t\t\t\t\t\t\t\t:class=\"[showMore ? 'block' : 'hidden']\"\n\t\t\t\t\t\t\t\t@input.debounce.200=\"doFilter($refs.filterInput)\"\n\t\t\t\t\t\t\t\tdata-test=\"filter-search-input\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div x-ref=\"filterList\">\n\n\n<div id=\"snippet-productFilter-filter-list-brand\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Brand\">\n\t\t<template x-if=\"!showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-bioderma\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/bioderma?forma=krem\"\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;1777780154177014_814047982&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | BIODERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/bioderma?forma=krem&quot;, &quot;text&quot;: &quot;BIODERMA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-bioderma\" value=\"bioderma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"bioderma\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154177166_206359174\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"BIODERMA\", \"results\": 8 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BIODERMA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-la roche-posay\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/la-roche-posay?forma=krem\"\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;1777780154177211_950756960&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | LA ROCHE-POSAY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/la-roche-posay?forma=krem&quot;, &quot;text&quot;: &quot;LA ROCHE-POSAY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-la roche-posay\" value=\"la roche-posay\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"la roche-posay\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154177341_2108191604\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LA ROCHE-POSAY\", \"results\": 8 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">LA ROCHE-POSAY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-institut esthederm\"\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=\"/dermokosmetika-opalovaci-kremy/institut-esthederm?forma=krem\"\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;1777780154177378_1258587659&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | INSTITUT ESTHEDERM&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/institut-esthederm?forma=krem&quot;, &quot;text&quot;: &quot;INSTITUT ESTHEDERM&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-institut esthederm\" value=\"institut esthederm\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"institut esthederm\" 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: \"1777780154177517_1333986588\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"INSTITUT ESTHEDERM\", \"results\": 6 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">INSTITUT ESTHEDERM</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">6</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-eucerin\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/eucerin?forma=krem\"\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;1777780154177555_486895296&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | EUCERIN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/eucerin?forma=krem&quot;, &quot;text&quot;: &quot;EUCERIN&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-eucerin\" value=\"eucerin\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"eucerin\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154177681_1327829020\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"EUCERIN\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">EUCERIN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-vichy\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/vichy?forma=krem\"\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;1777780154177719_104758028&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | VICHY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/vichy?forma=krem&quot;, &quot;text&quot;: &quot;VICHY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-vichy\" value=\"vichy\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"vichy\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154177843_224458059\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"VICHY\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">VICHY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-a-derma\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/a-derma?forma=krem\"\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;1777780154177877_548549312&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | A-DERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/a-derma?forma=krem&quot;, &quot;text&quot;: &quot;A-DERMA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-a-derma\" value=\"a-derma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"a-derma\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154178001_1130863884\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"A-DERMA\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">A-DERMA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-biotter\"\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=\"/dermokosmetika-opalovaci-kremy/biotter?forma=krem\"\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;1777780154178035_1997103122&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | BIOTTER&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/biotter?forma=krem&quot;, &quot;text&quot;: &quot;BIOTTER&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-biotter\" value=\"biotter\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"biotter\" 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: \"1777780154178162_1770061407\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"BIOTTER\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BIOTTER</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-dermedic\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/dermedic?forma=krem\"\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;1777780154178197_2050214135&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DERMEDIC&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/dermedic?forma=krem&quot;, &quot;text&quot;: &quot;DERMEDIC&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-dermedic\" value=\"dermedic\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"dermedic\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154178320_857860774\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMEDIC\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DERMEDIC</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-cerave\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/cerave?forma=krem\"\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;1777780154178355_737905916&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | CERAVE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/cerave?forma=krem&quot;, &quot;text&quot;: &quot;CERAVE&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-cerave\" value=\"cerave\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"cerave\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154178492_718705987\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"CERAVE\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">CERAVE</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-daylong\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/daylong?forma=krem\"\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;1777780154178527_582803800&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DAYLONG&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/daylong?forma=krem&quot;, &quot;text&quot;: &quot;DAYLONG&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-daylong\" value=\"daylong\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"daylong\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154178653_1867370597\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DAYLONG\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DAYLONG</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-rilastil\"\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=\"/dermokosmetika-opalovaci-kremy/rilastil?forma=krem\"\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;1777780154178687_1747079516&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | RILASTIL&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/rilastil?forma=krem&quot;, &quot;text&quot;: &quot;RILASTIL&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-rilastil\" value=\"rilastil\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"rilastil\" 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: \"1777780154178811_2031789742\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"RILASTIL\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">RILASTIL</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\t\t<template x-if=\"showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-a-derma\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/a-derma?forma=krem\"\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;1777780154178865_147732945&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | A-DERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/a-derma?forma=krem&quot;, &quot;text&quot;: &quot;A-DERMA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-a-derma\" value=\"a-derma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"a-derma\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154178991_322912239\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"A-DERMA\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">A-DERMA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-bioderma\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/bioderma?forma=krem\"\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;1777780154179026_905452940&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | BIODERMA&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/bioderma?forma=krem&quot;, &quot;text&quot;: &quot;BIODERMA&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-bioderma\" value=\"bioderma\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"bioderma\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154179150_1364183392\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"BIODERMA\", \"results\": 8 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BIODERMA</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-biotter\"\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=\"/dermokosmetika-opalovaci-kremy/biotter?forma=krem\"\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;1777780154179184_625985798&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | BIOTTER&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/biotter?forma=krem&quot;, &quot;text&quot;: &quot;BIOTTER&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-biotter\" value=\"biotter\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"biotter\" 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: \"1777780154179307_730551206\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"BIOTTER\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BIOTTER</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-cerave\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/cerave?forma=krem\"\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;1777780154179340_92310032&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | CERAVE&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/cerave?forma=krem&quot;, &quot;text&quot;: &quot;CERAVE&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-cerave\" value=\"cerave\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"cerave\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154179480_320654384\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"CERAVE\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">CERAVE</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-daylong\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/daylong?forma=krem\"\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;1777780154179515_565355845&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DAYLONG&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/daylong?forma=krem&quot;, &quot;text&quot;: &quot;DAYLONG&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-daylong\" value=\"daylong\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"daylong\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154179642_2070921875\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DAYLONG\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DAYLONG</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-dermedic\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/dermedic?forma=krem\"\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;1777780154179676_1348958408&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | DERMEDIC&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/dermedic?forma=krem&quot;, &quot;text&quot;: &quot;DERMEDIC&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-dermedic\" value=\"dermedic\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"dermedic\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154179798_1251126631\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"DERMEDIC\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">DERMEDIC</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-eucerin\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/eucerin?forma=krem\"\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;1777780154179830_329395035&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | EUCERIN&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/eucerin?forma=krem&quot;, &quot;text&quot;: &quot;EUCERIN&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-eucerin\" value=\"eucerin\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"eucerin\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154179952_1585168019\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"EUCERIN\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">EUCERIN</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-institut esthederm\"\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=\"/dermokosmetika-opalovaci-kremy/institut-esthederm?forma=krem\"\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;1777780154179987_1817353800&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | INSTITUT ESTHEDERM&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/institut-esthederm?forma=krem&quot;, &quot;text&quot;: &quot;INSTITUT ESTHEDERM&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-institut esthederm\" value=\"institut esthederm\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"institut esthederm\" 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: \"1777780154180150_1210860736\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"INSTITUT ESTHEDERM\", \"results\": 6 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">INSTITUT ESTHEDERM</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">6</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-la roche-posay\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/la-roche-posay?forma=krem\"\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;1777780154180187_1033468814&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | LA ROCHE-POSAY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/la-roche-posay?forma=krem&quot;, &quot;text&quot;: &quot;LA ROCHE-POSAY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-la roche-posay\" value=\"la roche-posay\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"la roche-posay\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154180343_530969483\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"LA ROCHE-POSAY\", \"results\": 8 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">LA ROCHE-POSAY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-rilastil\"\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=\"/dermokosmetika-opalovaci-kremy/rilastil?forma=krem\"\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;1777780154180377_954469995&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | RILASTIL&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/rilastil?forma=krem&quot;, &quot;text&quot;: &quot;RILASTIL&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-rilastil\" value=\"rilastil\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"rilastil\" 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: \"1777780154180544_1936582555\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"RILASTIL\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">RILASTIL</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label data-test=\"filter-brand-item\" for=\"frm-productFilter-form-brand-vichy\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/vichy?forma=krem\"\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;1777780154180580_29153928&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Brand | VICHY&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/vichy?forma=krem&quot;, &quot;text&quot;: &quot;VICHY&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"brand[]\" id=\"frm-productFilter-form-brand-vichy\" value=\"vichy\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"vichy\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"brand|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154180705_1377104297\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Brand\", \"filter\": \"VICHY\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">VICHY</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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\t\t</template>\n\n</div>\n<div\n\tclass=\"h-1 relative w-full bottom-3 shadow-[inset_0_-5px_10px_-12px_black]\"\n></div>\n<button\n\tclass=\"flex items-center justify-start block w-full px-2 pb-4 text-sm focus:outline-none tap-highlight-transparent\"\n\trel=\"nofollow noopener\"\n\ttype=\"button\"\n\t@click=\"showMore ? closeFilter() : showMore = true; showAlphabetically = !showAlphabetically\"\n\tdata-test=\"filter-show-more\"\n>\n\t<span\n\t\tclass=\"transform\"\n\t\t:class=\"[showMore ? '-rotate-90' : 'rotate-90']\"\n\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative flex-shrink-0 w-3 h-3 ml-2 mr-2 text-gray-500 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t</span>\n\n\t<span\n\t\tclass=\"flex-grow text-left\"\n\t\t:class=\"[showMore ? '' : 'block']\"\n\t\tx-text=\"showMore ? 'Zobrazit méně' : 'Zobrazit vše'\"\n\t></span>\n</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\n\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tUrčeno pro\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-urceno-pro\"\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čeno pro\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_15-21\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;pro=deti\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154181353_1989984073&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010deno pro | D\\u011bti&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;pro=deti&quot;, &quot;text&quot;: &quot;D\\u011bti&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_15[]\" id=\"frm-productFilter-form-attribute_15-21\" value=\"21\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_15|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154181521_2063454461\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určeno pro\", \"filter\": \"Děti\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Děti</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_15-23902\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;pro=dospele\"\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;1777780154181564_281642997&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ur\\u010deno pro | Dosp\\u011bl\\u00e9&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;pro=dospele&quot;, &quot;text&quot;: &quot;Dosp\\u011bl\\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_15[]\" id=\"frm-productFilter-form-attribute_15-23902\" value=\"23902\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23902\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_15|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154181698_687260185\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Určeno pro\", \"filter\": \"Dospělé\", \"results\": 32 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Dospělé</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">32</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\tNeobsahuje\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-neobsahuje\"\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=\"Neobsahuje\">\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_5-23677\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;neobsahuje=parabeny\"\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;1777780154182142_1067786651&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Neobsahuje | Parabeny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;neobsahuje=parabeny&quot;, &quot;text&quot;: &quot;Parabeny&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_5[]\" id=\"frm-productFilter-form-attribute_5-23677\" value=\"23677\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23677\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_5|\" + $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: \"1777780154182290_136843504\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Neobsahuje\", \"filter\": \"Parabeny\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Parabeny</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_5-23225\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;neobsahuje=parfem\"\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;1777780154182329_2003800995&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Neobsahuje | Parf\\u00e9m&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;neobsahuje=parfem&quot;, &quot;text&quot;: &quot;Parf\\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_5[]\" id=\"frm-productFilter-form-attribute_5-23225\" value=\"23225\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23225\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_5|\" + $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: \"1777780154182474_197409865\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Neobsahuje\", \"filter\": \"Parfém\", \"results\": 6 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Parfém</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">6</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\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\">\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-20075\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=emulze_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;1777780154182953_415552306&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Emulze&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=emulze_krem&quot;, &quot;text&quot;: &quot;Emulze&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-20075\" value=\"20075\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20075\" 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: \"1777780154183102_165267880\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Emulze\", \"results\": 7 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Emulze</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_6-23238\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=fluid_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;1777780154183154_635668386&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Fluid&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=fluid_krem&quot;, &quot;text&quot;: &quot;Fluid&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-23238\" value=\"23238\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23238\" 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: \"1777780154183286_264027113\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Fluid\", \"results\": 29 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Fluid</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">29</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_6-20840\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=gel_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;1777780154183334_1017566548&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Gel&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=gel_krem&quot;, &quot;text&quot;: &quot;Gel&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-20840\" value=\"20840\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20840\" 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: \"1777780154183478_1734134736\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Gel\", \"results\": 7 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Gel</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_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\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;1777780154183515_102280762&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;\\/dermokosmetika-opalovaci-kremy\\/&quot;, &quot;text&quot;: &quot;Kr\\u00e9m&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_6[]\" id=\"frm-productFilter-form-attribute_6-23068\" checked 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: \"1777780154183645_1440591350\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Krém\", \"results\": 41 }'>\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\">41</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=\"Krém\"\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_6-20184\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem_mleka&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;1777780154183693_2122405064&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Ml\\u00e9ka&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem_mleka&quot;, &quot;text&quot;: &quot;Ml\\u00e9ka&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-20184\" value=\"20184\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20184\" 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: \"1777780154183821_1775797630\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Mléka\", \"results\": 5 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Mléka</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_6-23164\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem_olej&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;1777780154183868_1996562272&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Olej&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem_olej&quot;, &quot;text&quot;: &quot;Olej&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-23164\" value=\"23164\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23164\" 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: \"1777780154183995_1666785269\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Olej\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Olej</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_6-20860\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem_sprej&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;1777780154184041_1966834492&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Forma v\\u00fdrobku | Sprej&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem_sprej&quot;, &quot;text&quot;: &quot;Sprej&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-20860\" value=\"20860\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20860\" 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: \"1777780154184168_202978488\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Forma výrobku\", \"filter\": \"Sprej\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Sprej</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\tOchranný faktor\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-ochranny-faktor\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Ochranný faktor\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_12-20941\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?faktor=15-az-25&amp;forma=krem\"\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;1777780154184656_945919724&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;\\/dermokosmetika-opalovaci-kremy\\/?faktor=15-az-25&amp;forma=krem&quot;, &quot;text&quot;: &quot;15\\u201325&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-20941\" value=\"20941\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20941\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_12|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154184806_1740540283\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"15–25\", \"results\": 1 }'>\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\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_12-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=\"/dermokosmetika-opalovaci-kremy/?faktor=30-az-50&amp;forma=krem\"\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;1777780154184843_808221113&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;\\/dermokosmetika-opalovaci-kremy\\/?faktor=30-az-50&amp;forma=krem&quot;, &quot;text&quot;: &quot;30\\u201349&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-20942\" value=\"20942\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20942\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_12|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154184975_889071760\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"30–49\", \"results\": 4 }'>\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\">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_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=\"/dermokosmetika-opalovaci-kremy/?faktor=nad-50&amp;forma=krem\"\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;1777780154185012_949962991&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ochrann\\u00fd faktor | 50 a v\\u00edce&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?faktor=nad-50&amp;forma=krem&quot;, &quot;text&quot;: &quot;50 a v\\u00edce&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-20943\" value=\"20943\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20943\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_12|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154185139_2134601359\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"50 a více\", \"results\": 33 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">50 a více</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">33</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-28320\"\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=\"/dermokosmetika-opalovaci-kremy/?faktor=100-ochranny-faktor&amp;forma=krem\"\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;1777780154185175_1527938002&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Ochrann\\u00fd faktor | 100&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?faktor=100-ochranny-faktor&amp;forma=krem&quot;, &quot;text&quot;: &quot;100&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_12[]\" id=\"frm-productFilter-form-attribute_12-28320\" value=\"28320\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28320\" 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: \"1777780154185300_893277274\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Ochranný faktor\", \"filter\": \"100\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">100</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 slož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-slozku\"\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 složku\">\n\t\t<template x-if=\"!showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_109-24696\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=glycerol\"\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;1777780154185804_190039957&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Glycerol&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=glycerol&quot;, &quot;text&quot;: &quot;Glycerol&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_109[]\" id=\"frm-productFilter-form-attribute_109-24696\" value=\"24696\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24696\" 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: \"1777780154185956_205422266\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Glycerol\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Glycerol</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_109-27619\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=aha-kyseliny\"\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;1777780154185996_127844978&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | AHA kyseliny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=aha-kyseliny&quot;, &quot;text&quot;: &quot;AHA kyseliny&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_109[]\" id=\"frm-productFilter-form-attribute_109-27619\" value=\"27619\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27619\" 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: \"1777780154186128_1064588548\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"AHA kyseliny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">AHA kyseliny</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-20020\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=aminokyseliny\"\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;1777780154186167_1626610940&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Aminokyseliny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=aminokyseliny&quot;, &quot;text&quot;: &quot;Aminokyseliny&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_109[]\" id=\"frm-productFilter-form-attribute_109-20020\" value=\"20020\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20020\" 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: \"1777780154186296_1901905685\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Aminokyseliny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Aminokyseliny</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-27620\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=bha-kyseliny\"\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;1777780154186331_1105633065&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | BHA kyseliny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=bha-kyseliny&quot;, &quot;text&quot;: &quot;BHA kyseliny&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_109[]\" id=\"frm-productFilter-form-attribute_109-27620\" value=\"27620\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27620\" 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: \"1777780154186470_775908198\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"BHA kyseliny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BHA kyseliny</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-20049\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=creatin-kreatin\"\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;1777780154186510_973317620&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Creatin (kreatin)&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=creatin-kreatin&quot;, &quot;text&quot;: &quot;Creatin (kreatin)&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_109[]\" id=\"frm-productFilter-form-attribute_109-20049\" value=\"20049\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20049\" 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: \"1777780154186661_1882264623\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Creatin (kreatin)\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Creatin (kreatin)</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-27263\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=fenoxyethanol\"\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;1777780154186705_1367646485&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Fenoxyethanol&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=fenoxyethanol&quot;, &quot;text&quot;: &quot;Fenoxyethanol&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_109[]\" id=\"frm-productFilter-form-attribute_109-27263\" value=\"27263\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27263\" 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: \"1777780154186876_1458631767\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Fenoxyethanol\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Fenoxyethanol</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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=kyselina-hyaluronova\"\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;1777780154186915_2043156421&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Kyselina hyaluronov\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=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\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_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: \"1777780154187051_601287668\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje slož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\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-24308\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=ryze\"\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;1777780154187088_403028032&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | R\\u00fd\\u017ee&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=ryze&quot;, &quot;text&quot;: &quot;R\\u00fd\\u017ee&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_109[]\" id=\"frm-productFilter-form-attribute_109-24308\" value=\"24308\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24308\" 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: \"1777780154187216_435412155\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Rýže\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Rýže</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-24740\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=vitamin-e\"\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;1777780154187252_1712348504&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Vitam\\u00edn E&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=vitamin-e&quot;, &quot;text&quot;: &quot;Vitam\\u00edn E&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_109[]\" id=\"frm-productFilter-form-attribute_109-24740\" value=\"24740\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24740\" 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: \"1777780154187383_2086516903\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Vitamín E\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vitamín E</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-23339\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=vitaminy\"\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;1777780154187431_582114961&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Vitam\\u00edny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=vitaminy&quot;, &quot;text&quot;: &quot;Vitam\\u00edny&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_109[]\" id=\"frm-productFilter-form-attribute_109-23339\" value=\"23339\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23339\" 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: \"1777780154187560_1245437112\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Vitamíny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vitamíny</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_109-24414\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=xylitol\"\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;1777780154187595_660949416&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Xylitol&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=xylitol&quot;, &quot;text&quot;: &quot;Xylitol&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_109[]\" id=\"frm-productFilter-form-attribute_109-24414\" value=\"24414\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24414\" 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: \"1777780154187723_1517177932\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Xylitol\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Xylitol</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\t\t<template x-if=\"showAlphabetically\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_109-27619\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=aha-kyseliny\"\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;1777780154187777_1729769645&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | AHA kyseliny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=aha-kyseliny&quot;, &quot;text&quot;: &quot;AHA kyseliny&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_109[]\" id=\"frm-productFilter-form-attribute_109-27619\" value=\"27619\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27619\" 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: \"1777780154187909_828563090\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"AHA kyseliny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">AHA kyseliny</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-20020\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=aminokyseliny\"\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;1777780154187952_2056437863&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Aminokyseliny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=aminokyseliny&quot;, &quot;text&quot;: &quot;Aminokyseliny&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_109[]\" id=\"frm-productFilter-form-attribute_109-20020\" value=\"20020\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20020\" 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: \"1777780154188082_296068218\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Aminokyseliny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Aminokyseliny</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-27620\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=bha-kyseliny\"\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;1777780154188116_1047957039&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | BHA kyseliny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=bha-kyseliny&quot;, &quot;text&quot;: &quot;BHA kyseliny&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_109[]\" id=\"frm-productFilter-form-attribute_109-27620\" value=\"27620\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27620\" 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: \"1777780154188241_1470766754\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"BHA kyseliny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">BHA kyseliny</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-20049\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=creatin-kreatin\"\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;1777780154188277_444306372&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Creatin (kreatin)&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=creatin-kreatin&quot;, &quot;text&quot;: &quot;Creatin (kreatin)&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_109[]\" id=\"frm-productFilter-form-attribute_109-20049\" value=\"20049\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20049\" 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: \"1777780154188465_1105546660\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Creatin (kreatin)\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Creatin (kreatin)</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-27263\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=fenoxyethanol\"\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;1777780154188512_879257160&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Fenoxyethanol&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=fenoxyethanol&quot;, &quot;text&quot;: &quot;Fenoxyethanol&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_109[]\" id=\"frm-productFilter-form-attribute_109-27263\" value=\"27263\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"27263\" 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: \"1777780154188651_1946692012\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Fenoxyethanol\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Fenoxyethanol</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-24696\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=glycerol\"\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;1777780154188686_832580986&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Glycerol&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=glycerol&quot;, &quot;text&quot;: &quot;Glycerol&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_109[]\" id=\"frm-productFilter-form-attribute_109-24696\" value=\"24696\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24696\" 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: \"1777780154188811_1505686066\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Glycerol\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Glycerol</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=kyselina-hyaluronova\"\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;1777780154188847_632512746&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Kyselina hyaluronov\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=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\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_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: \"1777780154188973_426809715\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje slož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\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-24308\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=ryze\"\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;1777780154189006_900094769&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | R\\u00fd\\u017ee&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=ryze&quot;, &quot;text&quot;: &quot;R\\u00fd\\u017ee&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_109[]\" id=\"frm-productFilter-form-attribute_109-24308\" value=\"24308\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24308\" 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: \"1777780154189133_887125916\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Rýže\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Rýže</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-24740\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=vitamin-e\"\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;1777780154189166_1005826586&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Vitam\\u00edn E&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=vitamin-e&quot;, &quot;text&quot;: &quot;Vitam\\u00edn E&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_109[]\" id=\"frm-productFilter-form-attribute_109-24740\" value=\"24740\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24740\" 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: \"1777780154189291_821900102\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Vitamín E\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vitamín E</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-23339\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=vitaminy\"\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;1777780154189326_990978378&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Vitam\\u00edny&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=vitaminy&quot;, &quot;text&quot;: &quot;Vitam\\u00edny&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_109[]\" id=\"frm-productFilter-form-attribute_109-23339\" value=\"23339\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23339\" 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: \"1777780154189465_569977271\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Vitamíny\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Vitamíny</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': true && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_109-24414\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;obsahuje-slozku=xylitol\"\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;1777780154189500_1159522023&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Obsahuje slo\\u017eku | Xylitol&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;obsahuje-slozku=xylitol&quot;, &quot;text&quot;: &quot;Xylitol&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_109[]\" id=\"frm-productFilter-form-attribute_109-24414\" value=\"24414\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"24414\" 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: \"1777780154189627_1443220484\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Obsahuje složku\", \"filter\": \"Xylitol\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Xylitol</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">1</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n\t\t</template>\n\n</div>\n<div\n\tclass=\"h-1 relative w-full bottom-3 shadow-[inset_0_-5px_10px_-12px_black]\"\n></div>\n<button\n\tclass=\"flex items-center justify-start block w-full px-2 pb-4 text-sm focus:outline-none tap-highlight-transparent\"\n\trel=\"nofollow noopener\"\n\ttype=\"button\"\n\t@click=\"showMore ? closeFilter() : showMore = true; showAlphabetically = !showAlphabetically\"\n\tdata-test=\"filter-show-more\"\n>\n\t<span\n\t\tclass=\"transform\"\n\t\t:class=\"[showMore ? '-rotate-90' : 'rotate-90']\"\n\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative flex-shrink-0 w-3 h-3 ml-2 mr-2 text-gray-500 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t</span>\n\n\t<span\n\t\tclass=\"flex-grow text-left\"\n\t\t:class=\"[showMore ? '' : 'block']\"\n\t\tx-text=\"showMore ? 'Zobrazit méně' : 'Zobrazit vše'\"\n\t></span>\n</button>\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': '30',\n\t\t'maxValue': '200',\n\t\t'stepValue': '1',\n\t\t'startValue': '30',\n\t\t'stopValue': '200',\n\t\t'currency': 'CZK',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1777780154190009_1158502757',\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\": 30, \"price_max\": 200 }, \"results\": 41 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"30-200\"\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=\"30\" 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í být celé číslo.\"}]' value=\"30\" 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ální 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=\"200\" 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í být celé číslo.\"}]' value=\"200\" 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ální 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-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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&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;1777780154190489_1240378541&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;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&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: \"1777780154190643_1263209975\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"30 ml\", \"results\": 1 }'>\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\">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-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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&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;1777780154190694_720887763&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;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&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: \"1777780154190830_1518761281\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"40 ml\", \"results\": 8 }'>\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\">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_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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&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;1777780154190879_511624048&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;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&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: \"1777780154191014_1046996104\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"50 ml\", \"results\": 19 }'>\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\">19</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_123-22435\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;objem=100ml&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154191062_1328756710&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 100 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;objem=100ml&quot;, &quot;text&quot;: &quot;100 ml&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_123[]\" id=\"frm-productFilter-form-attribute_123-22435\" value=\"22435\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22435\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_123|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154191207_1902265716\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"100 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">100 ml</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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-22455\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;objem=125ml&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;1777780154191253_954562886&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 125 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;objem=125ml&quot;, &quot;text&quot;: &quot;125 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-22455\" value=\"22455\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22455\" 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: \"1777780154191425_1041277714\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"125 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">125 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-22468\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;objem=150ml&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154191478_2041539153&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 150 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;objem=150ml&quot;, &quot;text&quot;: &quot;150 ml&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_123[]\" id=\"frm-productFilter-form-attribute_123-22468\" value=\"22468\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22468\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_123|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154191615_2000130793\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"150 ml\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">150 ml</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_123-22491\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;objem=200ml&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154191662_1571231426&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Objem (ml) | 200 ml&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;objem=200ml&quot;, &quot;text&quot;: &quot;200 ml&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_123[]\" id=\"frm-productFilter-form-attribute_123-22491\" value=\"22491\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"22491\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_123|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154191795_1559735996\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Objem (ml)\", \"filter\": \"200 ml\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">200 ml</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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, pokožky\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-pokozky\"\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, pokožky\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-23213\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;plet-pokozka=alergicka-na-slunce\"\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;1777780154192346_1276798150&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti, poko\\u017eky | Alergick\\u00e1 na slunce&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;plet-pokozka=alergicka-na-slunce&quot;, &quot;text&quot;: &quot;Alergick\\u00e1 na slunce&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-23213\" value=\"23213\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23213\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154192556_1391849114\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti, pokožky\", \"filter\": \"Alergická na slunce\", \"results\": 7 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Alergická na slunce</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_9-23212\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;plet-pokozka=atopicka\"\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;1777780154192607_52101876&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti, poko\\u017eky | Atopick\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;plet-pokozka=atopicka&quot;, &quot;text&quot;: &quot;Atopick\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\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-23212\" value=\"23212\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23212\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154192758_1156719001\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti, pokožky\", \"filter\": \"Atopická\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Atopická</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_9-20882\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;plet-pokozka=problematicka\"\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;1777780154192797_1446504387&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ pleti, poko\\u017eky | Problematick\\u00e1&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;plet-pokozka=problematicka&quot;, &quot;text&quot;: &quot;Problematick\\u00e1&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\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-20882\" value=\"20882\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20882\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_9|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154192944_934125560\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ pleti, pokožky\", \"filter\": \"Problematická\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Problematická</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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\tHmotnost balení (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': '8',\n\t\t'maxValue': '50',\n\t\t'stepValue': '1',\n\t\t'startValue': '8',\n\t\t'stopValue': '50',\n\t\t'currency': 'CZK',\n\t\t'formId': 'frm-productFilter-form-vertical',\n\t\t'najaDispatch': 'filter-sidebar',\n\t\t'eventId': '1777780154193163_1136789013',\n\t\t'mode': 'both',\n\t\t\n\t})\"\n\tx-init=\"initSlider()\"\n\tdata-datalayer='{ \"action\": \"selection\", \"type\": \"Hmotnost balení (g)\", \"filter\": { \"price_min\": 8, \"price_max\": 50 }, \"results\": 41 }'\n>\n\t<meta\n\t\titemprop=\"actionOption\"\n\t\tcontent=\"8-50\"\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=\"8\" 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í být celé číslo.\"}]' value=\"8\" 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ální 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=\"50\" 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í být celé číslo.\"}]' value=\"50\" 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ální 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-baleni-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=\"Hmotnost balení (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-21706\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;hmotnost-baleni=8g\"\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;1777780154193610_68735177&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Hmotnost balen\\u00ed (g) | 8 g&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;hmotnost-baleni=8g&quot;, &quot;text&quot;: &quot;8 g&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_141[]\" id=\"frm-productFilter-form-attribute_141-21706\" value=\"21706\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21706\" 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: \"1777780154193769_905454873\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Hmotnost balení (g)\", \"filter\": \"8 g\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">8 g</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_141-21714\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;hmotnost-baleni=9g\"\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;1777780154193815_210559052&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Hmotnost balen\\u00ed (g) | 9 g&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;hmotnost-baleni=9g&quot;, &quot;text&quot;: &quot;9 g&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_141[]\" id=\"frm-productFilter-form-attribute_141-21714\" value=\"21714\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21714\" 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: \"1777780154193953_1625910789\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Hmotnost balení (g)\", \"filter\": \"9 g\", \"results\": 2 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">9 g</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">2</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;hmotnost-baleni=15g\"\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;1777780154193990_1654205758&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Hmotnost balen\\u00ed (g) | 15 g&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;hmotnost-baleni=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\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_141[]\" id=\"frm-productFilter-form-attribute_141-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: \"1777780154194121_1923181841\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Hmotnost balení (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\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-21821\"\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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;hmotnost-baleni=50g\"\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;1777780154194157_853371457&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Hmotnost balen\\u00ed (g) | 50 g&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;hmotnost-baleni=50g&quot;, &quot;text&quot;: &quot;50 g&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_141[]\" id=\"frm-productFilter-form-attribute_141-21821\" value=\"21821\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"21821\" 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: \"1777780154194287_1017868934\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Hmotnost balení (g)\", \"filter\": \"50 g\", \"results\": 3 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">50 g</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\tKlíčová vlastnost\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-klicova-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=\"Klíčová vlastnost\">\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-23319\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;vlastnost=hypoalergenni\"\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;1777780154194759_1464434988&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Kl\\u00ed\\u010dov\\u00e1 vlastnost | Hypoalergenn\\u00ed&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;vlastnost=hypoalergenni&quot;, &quot;text&quot;: &quot;Hypoalergenn\\u00ed&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-23319\" value=\"23319\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"23319\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_3|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154194911_161613155\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Klíčová vlastnost\", \"filter\": \"Hypoalergenní\", \"results\": 6 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Hypoalergenní</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">6</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_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=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;vlastnost=tonovaci\"\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;1777780154194954_1445100386&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Kl\\u00ed\\u010dov\\u00e1 vlastnost | T\\u00f3novac\\u00ed&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;vlastnost=tonovaci&quot;, &quot;text&quot;: &quot;T\\u00f3novac\\u00ed&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: \"1777780154195097_1121071814\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Klíčová vlastnost\", \"filter\": \"Tónovací\", \"results\": 7 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Tónovací</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_3-20601\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;vlastnost=vodeodolne\"\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;1777780154195135_1921428617&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Kl\\u00ed\\u010dov\\u00e1 vlastnost | Vod\\u011bodoln\\u00e9&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;vlastnost=vodeodolne&quot;, &quot;text&quot;: &quot;Vod\\u011bodoln\\u00e9&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_3[]\" id=\"frm-productFilter-form-attribute_3-20601\" value=\"20601\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"20601\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_3|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154195266_52153089\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Klíčová vlastnost\", \"filter\": \"Voděodolné\", \"results\": 11 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Voděodolné</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">11</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\t\t</ul>\n</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n\t\t\t\n\t<div\n\t\tclass=\"mt-1 bg-gray-100 rounded-lg \"\n\t\tx-data=\"{\n\t\t\topened: true,\n\t\t\tshowMore: false,\n\t\t\tshowAlphabetically: false,\n\t\t\tcloseFilter() {\n\t\t\t\t$root.querySelector('.scroll-root').scrollTop = 0;\n\t\t\t\t$nextTick(() => {\n\t\t\t\t\tthis.showMore = false;\n\t\t\t\t\t\n\t\t\t});\n\t\t} }\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center pr-2 text-sm font-semibold leading-4 tracking-tight rounded-lg cursor-pointer xl:text-base xl:leading-4 text-gray-900\"\n\t\t\t:class=\"[opened ? 'text-gray-900' : 'text-gray-500 hover:bg-gray-200 hover:bg-opacity-50']\"\n\t\t\t@click=\"opened = !opened\"\n\t\t>\n\t\t\t<span class=\"flex-auto flex items-center px-4 py-4 relative\">\n\t\t\t\tTyp UV filtru\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tclass=\"relative block p-2 -my-1 rounded-lg\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t\trole=\"button\"\n\t\t\t\t@keydown.enter=\"opened = !opened\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclass=\"relative block transform\"\n\t\t\t\t\tx-cloak=\"hidden\"\n\t\t\t\t\t:class=\"[opened ? '-rotate-90 text-green-500' : 'rotate-90 text-gray-400']\"\n\t\t\t\t>\n<svg\n\tviewBox=\"0 0 100 100\" class=\"relative shrink-0 w-3 h-3 transform fill-current\"\n\txmlns=\"http://www.w3.org/2000/svg\"\n\t\n>\n<path d=\"m78.12 50-45 45-11.24-11.25 33.74-33.75-33.74-33.75 11.24-11.25z\"></path>\n</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t\t<div class=\"mb-2 transition-all duration-150 ease-in-out overflow-hidden\"\n\t\t\t\n\t\t\t\t:class=\"[opened ? 'block' : 'hidden']\"\n\t\t\t\n\t\t>\n\t\t\t<div class=\"toggled-sibling toggle-hidden\">\n\n\n<div id=\"snippet-productFilter-filter-list-typ-uv-filtru\"\n\tclass=\"mb-2 px-4 transition-all duration-150 ease-in-out scroll-root relative\"\n\titemprop=\"instrument\" itemscope itemtype=\"https://schema.org/ChooseAction\"\n\t:class=\"[showMore ? 'overflow-x-auto max-h-96' : 'overflow-hidden']\"\n\t\n>\n\t<meta itemprop=\"name\" content=\"Typ UV filtru\">\n\t\t<ul class=\"flex flex-wrap w-full px-2 lg:px-0 pb-2\">\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_276-28287\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;typ-uv-filtru=chemicky-typ-UV-filtru&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154195743_168594133&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ UV filtru | Chemick\\u00fd&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;typ-uv-filtru=chemicky-typ-UV-filtru&quot;, &quot;text&quot;: &quot;Chemick\\u00fd&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_276[]\" id=\"frm-productFilter-form-attribute_276-28287\" value=\"28287\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28287\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_276|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154195899_698672929\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Chemický\", \"results\": 11 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Chemický</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">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 for=\"frm-productFilter-form-attribute_276-28288\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;typ-uv-filtru=kombinovany&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154195952_1213893089&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ UV filtru | Kombinovan\\u00fd&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;typ-uv-filtru=kombinovany&quot;, &quot;text&quot;: &quot;Kombinovan\\u00fd&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_276[]\" id=\"frm-productFilter-form-attribute_276-28288\" value=\"28288\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28288\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_276|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154196095_1604815280\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Kombinovaný\", \"results\": 12 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Kombinovaný</span> <span class=\"ml-auto text-13px text-gray-600 mt-1\">12</span>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</label>\n\t\t\t\t</li>\n\n\t\t\t\t\n\t\t\t\t<li\n\t\t\t\t\tclass=\"relative block w-full\"\n\t\t\t\t\t:class=\"{ 'hidden': false && !showMore }\"\n\t\t\t\t>\n\t\t\t\t\t<label for=\"frm-productFilter-form-attribute_276-28285\"\n\t\t\t\t\t\tclass=\"filtr-list-label relative block cursor-pointer group\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"absolute inset-0 z-10\"></span>\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\thref=\"/dermokosmetika-opalovaci-kremy/?forma=krem&amp;typ-uv-filtru=mineralni-typ-UV-filtru&amp;idx=ni\"\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tclass=\"flex items-start z-0 relative pointer-events-none group-hover:text-green-500\"\n\t\t\t\t\t\t\t@click=\"checked = ! checked; $dispatch('gtm-click', { gtmData: event.currentTarget.dataset.datalayer });\"\n\t\t\t\t\t\t\tdata-datalayer='&#123;&quot;event&quot;: &quot;click&quot;, &quot;event_id&quot;: &quot;1777780154196144_1056709067&quot;, &quot;click&quot;: &#123;&quot;name&quot;: &quot;Typ UV filtru | Miner\\u00e1ln\\u00ed&quot;, &quot;type&quot;: &quot;Link&quot;, &quot;area&quot;: &quot;Filter&quot;, &quot;url&quot;: &quot;\\/dermokosmetika-opalovaci-kremy\\/?forma=krem&amp;typ-uv-filtru=mineralni-typ-UV-filtru&quot;, &quot;text&quot;: &quot;Miner\\u00e1ln\\u00ed&quot;}, &quot;_clear&quot;: true}\n'\n\t\t\t\t\t\t\tx-data=\"&#123; checked: false }\"\n\t\t\t\t\t\t\trel=\"nofollow\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"attribute_276[]\" id=\"frm-productFilter-form-attribute_276-28285\" value=\"28285\" class=\"text-lightgreen-500 form-checkbox pointer-events-none mr-1 mt-1\" data-field-id=\"28285\" x-on:change='$dispatch(\"filter-sidebar\", {showMore: showMore, listAndScroll: \"attribute_276|\" + $el.closest(&#39;.scroll-root&#39;).scrollTop, najaForm: \"frm-productFilter-form-vertical\"}); $dispatch(\"gtm-filters-update\", { gtmData: event.currentTarget.dataset.datalayer, additionalData: { \"action\": checked ? \"selection\" : \"deletion\" }, eventId: \"1777780154196277_360341699\" });' x-bind:checked=\"checked\" data-datalayer='{ \"type\": \"Typ UV filtru\", \"filter\": \"Minerální\", \"results\": 1 }'>\n\n\n\t\t\t\t\t\t\t<span class=\"\">Minerální</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_142_range_slider_changed\" id=\"frm-productFilter-form-attribute_142_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_142_range_slider_values\" id=\"frm-productFilter-form-attribute_142_range_slider_values\" value=\"24787\"><input type=\"hidden\" name=\"attribute_18_range_slider_changed\" id=\"frm-productFilter-form-attribute_18_range_slider_changed\" value=\"\"><input type=\"hidden\" name=\"attribute_18_range_slider_values\" id=\"frm-productFilter-form-attribute_18_range_slider_values\" value=\"23563\"><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=\"22341|22360|22371|22435|22455|22468|22491\"><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=\"21706|21714|21741|21821\"><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":[477091,527347,493620,356442,370715,471678,475715,527283,496595,513893,453989,352904,504727,166180,479100,498243,479102,462988,479142,288096,479157,462989,76016,476451,381438,517724,370714]}}