/* ──────────────────────────────────────────────────────────────────────────
   PLP SUZGECLERI (.k-facet) — r205
   Gorunum dili SIRALAMA cipiyle AYNI (theme.css 13. blok kurali):
   kontrol = CERCEVELI + zeminsiz, AKTIF durum = BORDO dolgu.
   ⚠ Suzgecin kendi kutusu/paneli YOK. Kategori seridi zaten dolu krem bir
     yuzey; ucuncu bir yuzey eklemek arac cubugunu ucuncu bir katmana bolerdi.
   ⚠ Ayirac cizgi YOK -- tema ayirac kullanmiyor, hiyerarsi punto/ton/yakinlik.
   ────────────────────────────────────────────────────────────────────────── */

.k-facet.is-now > summary {
  background: var(--surface-brand);
  color: var(--text-inverse);
  box-shadow: none;
}
.k-facet.is-now > summary .k-sort__label,
.k-facet.is-now > summary .k-sort__now { color: inherit; }

/* ⚠ Liste UZUN olabilir (Koltuklar'da 10+ tip): ekrani tasirmasin diye
   kendi icinde kayar. Sabit yukseklik verilmedi, kisa listede kutu buyumez. */
.k-facet__list { min-width: 236px; max-height: 60vh; overflow-y: auto; }
.k-facet__list a {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--space-5);
}
.k-facet__n {
  font-size: var(--size-caption); color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}
.k-facet__list a[aria-current="true"] .k-facet__n { color: inherit; }

/* Secili suzgecler: her biri TEK BASINA kaldirilabilir.
   ⚠ Bunlar gezinme degil DURUM -> bordo dolgu (kategori cipiyle ayni ayrim). */
.k-facetsel {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--space-3); margin-top: var(--space-5);
}
.k-facetsel__chip {
  display: inline-flex; align-items: center; gap: var(--space-3);
  height: var(--control-h-sm); padding: 0 var(--space-5);
  border-radius: var(--radius-chip); font-size: var(--size-body-sm);
  background: var(--surface-brand); color: var(--text-inverse);
  transition: opacity var(--duration-fast) var(--ease-standard);
}
.k-facetsel__chip:hover { color: var(--text-inverse); opacity: .86; }
.k-facetsel__x { font-size: 1.15em; line-height: 1; opacity: .75; }
.k-facetsel__clr { font-size: var(--size-caption); color: var(--text-tertiary); }
.k-facetsel__clr:hover { color: var(--text-primary); }

/* ⚠ Dokunma hedefi 44x44 (site geneli kural, bkz. sizes.css).
   `height` sabit oldugu icin YALNIZCA min-height vermek yetmez. */
@media (pointer: coarse) {
  .k-facet__list a { min-height: 44px; }
  .k-facetsel__chip { height: auto; min-height: 44px; }
}

/* ⚠⚠ TELEFONDA PANEL EKRANDAN TASIYORDU. Olculdu (430 px, /kategori/koltuklar/):
   "Olcu" acilir listesinin sag kenari 521 px, ekran 430 px -- ikinci cip
   cubugun sagina dustugu icin `left: 0` onu ekran disina itiyordu. Birinci
   cip ("Tip") sigdigi icin sorun ilk bakista gorunmuyordu.
   Cozum konumlandirma capasini degistirmek: panel artik KENDI cipine degil
   ARAC CUBUGUNA gore hizalanip iki kenara da yapisiyor. Boylece kacinci cip
   oldugu fark etmiyor.
   ⚠ Yalnizca .k-facet icin: "Sirala" (.k-sort) kendi bagiminda kaliyor. */
@media (max-width: 767px) {
  .k-arch-tools { position: relative; }
  .k-facet { position: static; }
  .k-facet > .k-sort__list {
    left: 0; right: 0; width: auto; min-width: 0;
    max-height: 52vh;
  }
}