/*
 * CategoryChips — header altindaki kategori kisayol seridi (1b mobil katmani).
 * Haplar tek satir, sigmayan yatay kaydirilir; sarmalanip seridi
 * kalinlastirmaz. Ayni desen TrustBar ve WhyUs seridinde de kullaniliyor.
 */

.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips {
  width: 100%;
  border-bottom: 1px solid var(--mh-outline-subtle);
}

.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips__row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;

  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips__row::-webkit-scrollbar {
  display: none;
}

.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips__chip {
  flex: none;
  display: inline-flex;
  align-items: center;
  padding: 0.5625rem 0.9375rem;
  border: 1px solid var(--mh-outline-variant);
  border-radius: 999px;
  background: transparent;
  color: var(--mh-on-surface-variant);
  font-family: var(--mh-font-body);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  white-space: nowrap;
  text-decoration: none;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips__chip:hover {
  border-color: var(--mh-primary);
  color: var(--mh-primary);
}

/* Ilk hap dolu: serit boyunca gozun tutunacagi bir baslangic noktasi.
 * "Aktif sayfa" DEGIL — bilesen hangi sayfada oldugunu bilmiyor, bu
 * yalnizca gorsel bir vurgu (highlightFirst ile kapatilabilir). */
.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips__chip--active {
  border-color: var(--mh-primary);
  background: var(--mh-primary);
  color: var(--mh-on-primary);
  font-weight: 500;
}

.cc_t2dowgyg_2lM9OJGCbW .mh-category-chips__chip--active:hover {
  color: var(--mh-on-primary);
  opacity: 0.9;
}

/* SADECE MOBIL. Masaustunde gizli (kullanici istegi, 2026-09-01): ustteki
 * Navbar'in kendi kategori seridi ayni isi yapiyor, haplar tekrar oluyordu.
 * 1024px, Navbar'in mobil/masaustu esigiyle ayni — haplar tam olarak
 * masaustu menusu belirdiginde kayboluyor. */
@media (min-width: 1024px) {
  .cc_t2dowgyg_2lM9OJGCbW .mh-category-chips {
    display: none;
  }
}