Type
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', ''], { key: $el.dataset.filterKey, multi: false })"
data-selected aria-pressed="true"
data-filter-key="groupFilter|"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
All (76)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'skin_face'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|skin_face"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Face (22)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'spf_50'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|spf_50"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
SPF 50+ (16)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'skin_body'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|skin_body"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Body (8)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'concern_dry'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|concern_dry"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Dry skin (7)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'cleansing'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|cleansing"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Cleansing (4)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'skin_lips'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|skin_lips"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Lips (2)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'intimate_hygiene'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|intimate_hygiene"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Intimate hygiene (2)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'baby_skin'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|baby_skin"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Baby's skin (2)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'other'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|other"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Other products (13)
Category
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', ''], { key: $el.dataset.filterKey, multi: false })"
data-selected aria-pressed="true"
data-filter-key="categoryFilter|"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
All categories
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', 'skin_care'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="categoryFilter|skin_care"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Skin Care (47)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', 'sun_care'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="categoryFilter|sun_care"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Sun Care (17)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', 'baby_care'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="categoryFilter|baby_care"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Baby Care (6)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', 'hair_care'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="categoryFilter|hair_care"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Hair Care (4)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', 'adult_care'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="categoryFilter|adult_care"
class="group w-full flex items-center gap-3 px-3 py-3 rounded-xl transition-colors text-left data-[selected]:bg-slate-50 hover:bg-slate-50 cursor-pointer"
>
Hygiene products (2)