/* === pplx filter-icons 2026-10-12: icon chips for the filter sidebar (stage 2) === */
html body aside.filters .filters__dropDownBtn::before {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; color: #ff2d78; display: inline-block; width: 18px; text-align: center;
}
html body aside.filters .filters__dropDownBtn[data-target="online"]::before { content: "\f012"; }
html body aside.filters .filters__dropDownBtn[data-target="gender"]::before { content: "\f228"; }
html body aside.filters .filters__dropDownBtn[data-target="age"]::before { content: "\f1fd"; }
html body aside.filters .filters__dropDownBtn[data-target="tags"]::before { content: "\f292"; }
html body aside.filters .filters__dropDownBtn[data-target="ethnicity"]::before { content: "\f57d"; }
html body aside.filters .filters__dropDownBtn[data-target="hair"]::before { content: "\f0c4"; }
html body aside.filters .filters__dropDownBtn[data-target="sites"]::before { content: "\f0ac"; }
html body aside.filters .filters__dropDownBtn[data-target="sortOrder"]::before { content: "\f160"; }
html body aside.filters ul.filters__dropDownList.active { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 12px 14px; }
html body aside.filters ul.filters__dropDownList .filters__dropDownListItem { margin: 0; padding: 0; width: auto; list-style: none; }
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; min-height: 32px; border-radius: 999px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(168,85,247,.25); color: #d9cdef; font-size: 12px; font-weight: 600;
  text-decoration: none; transition: .18s;
}
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink:hover { border-color: #ff2d78; color: #fff; background: rgba(255,45,120,.14); }
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink--active {
  background: linear-gradient(90deg, #ff2d78, #a855f7); border-color: transparent; color: #fff;
}
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink i { font-size: 10px; }
/* sort list keeps the plain stacked layout */
html body aside.filters ul[data-filter="sortOrder"].active { flex-direction: column; flex-wrap: nowrap; }
html body aside.filters ul[data-filter="sortOrder"] a.filers__dropDownLink { border-radius: 10px; width: 100%; }
/* icon-only chips */
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink[data-ic] { width: 38px; height: 38px; min-height: 38px; padding: 0; justify-content: center; font-size: 0; position: relative; }
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink[data-ic] i { font-size: 0; display: none; }
html body aside.filters ul.filters__dropDownList a.filers__dropDownLink[data-ic]::before { font-family: "Font Awesome 6 Free", "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; line-height: 1; }
html body aside.filters a[data-ic="female"]::before { content: "\f221"; }
html body aside.filters a[data-ic="male"]::before { content: "\f222"; }
html body aside.filters a[data-ic="couple"]::before { content: "\f228"; }
html body aside.filters a[data-ic="trans"]::before { content: "\f225"; }
html body aside.filters a[data-ic="live"]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #1fd36b; box-shadow: 0 0 8px #1fd36b; }
html body aside.filters a[data-ic="off"]::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #6d6480; }
html body aside.filters a[data-ic="hair"]::before { content: ""; width: 18px; height: 18px; border-radius: 50%; background: var(--sw); border: 1px solid rgba(255,255,255,.35); }
html body aside.filters a.filers__dropDownLink--active[data-ic]::before { color: #fff; }
html body aside.filters a.filers__dropDownLink--active[data-ic="hair"]::before { box-shadow: 0 0 0 2px #fff; }
/* === end pplx filter-icons === */