/* ═══════════════════════════════════════════════════════════════
   CategoryChips — kategori çip satırı (brief §5.1.6): mobilde tek
   satır yatay kaydırma, ≥768px sarmalı satır. Çip stili Chip
   primitifinden gelir (@import).
   ═══════════════════════════════════════════════════════════════ */

/* Alt-bileşen CSS'i dist'e YALNIZ buradaki @import'larla ulaşır (D-22). */
/* Imported from: ../../sub-components/Chip/styles.css */
/* Chip — hap biçimli filtre çipi (brief §4.3). */

.cc_aEBpe1wkQX_s9a5CQ3cly .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-height: 2.5rem;
  padding: 0 1rem;
  border: 1px solid var(--cizgi-kontrol);
  border-radius: var(--r-hap);
  background: transparent;
  color: var(--murekkep);
  font-family: var(--font-body);
  font-size: var(--text-small);
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition:
    border-color var(--sure-hizli) var(--gecis),
    background-color var(--sure-hizli) var(--gecis),
    color var(--sure-hizli) var(--gecis);
}

.cc_aEBpe1wkQX_s9a5CQ3cly .chip:hover:not(.chip--secili) {
  border-color: var(--murekkep);
}

/* Dokunmatikte 44px hedef (§2.1 başparmak erişimi) — fare/iz sürücüde
 * 40px görsel yükseklik kalır (hap oranı bozulmasın diye). */
@media (pointer: coarse) {
  .cc_aEBpe1wkQX_s9a5CQ3cly .chip {
    min-height: 2.75rem;
  }
}

.cc_aEBpe1wkQX_s9a5CQ3cly .chip--secili {
  background: var(--aktif-zemin);
  border-color: var(--salamura);
  color: var(--salamura);
  font-weight: 600;
}

/* Sonuç adedi: rengi kalıttan alan daha hafif sonek. */
.cc_aEBpe1wkQX_s9a5CQ3cly .chip__adet {
  font-weight: 400;
  color: inherit;
}

/* Gezinme biçimi (<a href>): bağlantı süslemesi hap içinde yaşamaz. */
.cc_aEBpe1wkQX_s9a5CQ3cly a.chip {
  text-decoration: none;
}

/* End import: ../../sub-components/Chip/styles.css */

.cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri {
  width: 100%;
  color: var(--murekkep);
}

.cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri__icerik {
  padding-top: var(--bolum-dikey);
  padding-bottom: var(--bolum-dikey);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri__baslik {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h2);
  line-height: 1.15;
  font-weight: 600;
}

/* Mobil: tek satır, yatay kaydırma (başparmakla süpürme). */
.cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri__satir {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--space-xs);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* Odak halkası kaydırma kutusunda kırpılmasın. */
  padding-block: 0.25rem;
}

.cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri__yuva {
  flex: 0 0 auto;
}

/* "Tümü" çipi salamura vurgulu — satırın kalıcı çıkışı. */
.cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri__tumu {
  border-color: var(--salamura);
  color: var(--salamura);
  font-weight: 600;
}

/* ===== ≥768px: sarmalı satır, kaydırma yok ===== */
@media (min-width: 768px) {
  .cc_aEBpe1wkQX_s9a5CQ3cly .kategori-cipleri__satir {
    flex-wrap: wrap;
    overflow-x: visible;
  }
}