Purpose
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 (60)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'hydro-boost'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|hydro-boost"
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"
>
Hydro Boost (16)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'clear-defend'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|clear-defend"
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"
>
Clear & Defend (8)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'retinol-boost'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|retinol-boost"
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"
>
Retinol Boost (7)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'rokam'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|rokam"
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"
>
Hands (6)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'intense-repair'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|intense-repair"
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"
>
Intense Repair (5)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'kermenim'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|kermenim"
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 (5)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'collagen-bank'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|collagen-bank"
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"
>
Collagen Bank (4)
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 (4)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'curcuma-clear'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|curcuma-clear"
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"
>
Curcuma Clear (2)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'clear-radiant'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|clear-radiant"
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"
>
Clear & Radiant (2)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['groupFilter', 'lupam'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="groupFilter|lupam"
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 (1)
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 (52)
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 (5)
o.removeAttribute('data-selected')); $el.setAttribute('data-selected', ''); queueAction('$set', ['categoryFilter', 'medical_devices'], { key: $el.dataset.filterKey, multi: false })"
aria-pressed="false"
data-filter-key="categoryFilter|medical_devices"
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"
>
Medical Devices (2)
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 (1)