/* ==========================================================================
   Olcu secenekleri (.k-szo) -- yuzlu secim + spec listesi.

   AYRI DOSYA: theme.css / v13-fixes.css baska islerde acik; paralel yazma
   daha once o dosyalari iki kez ezdi. Kapsam yalnizca .k-szo*.

   Kural notlari:
   - Altcizgi / ayirac cizgisi / dekoratif yatay kural YOK. Ritim bosluk + hiza.
   - Hover'da yukselme, transform, golge YOK (site genelinde kaldirildi).
     Yalnizca zemin/renk degisir -- .k-chip--btn:hover ile ayni dil.
   - Tek tema. prefers-color-scheme yok.
   - Sabit renk/olcu yok; hepsi token.
   ========================================================================== */

.k-szo__axis { margin-top: var(--space-6); }
.k-szo__axis[hidden] { display: none; }

/* ⚠ Turkce'de uppercase yok: `i` -> `I` olur. Ust seviye .k-label zaten
   eyebrow; alt eksen adi cumle duzeninde kalir, hiyerarsi de boyle okunur. */
.k-szo__axname {
  margin: 0 0 var(--space-3);
  font-size: var(--size-caption);
  line-height: var(--lh-caption);
  letter-spacing: var(--ls-caption);
  color: var(--text-tertiary);
}
.k-szo__unit { color: var(--text-disabled); }

.k-szo__chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }

.k-szo__chip {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; height: var(--control-h-sm);
  padding: 0 var(--space-4);
  margin: 0; border: 0; background: transparent; cursor: pointer;
  font-family: inherit; font-size: var(--size-caption);
  letter-spacing: var(--ls-ui); font-variant-numeric: tabular-nums;
  color: var(--text-secondary);
  border-radius: var(--radius-chip);
  box-shadow: inset 0 0 0 1px var(--border-default);
  transition: var(--transition-control);
}
.k-szo__chip:hover { background: var(--control-quiet-bg); color: var(--text-primary); }

/* Secili = DURUM, dekor degil. Site genelinde aktif filtre dili ile ayni
   (.k-catnav__link.is-now / .k-chip--btn.is-now). */
.k-szo__chip[aria-pressed="true"] {
  background: var(--surface-brand); color: var(--text-inverse); box-shadow: none;
}

/* Var olmayan kombinasyon. Renk TEK BASINA anlatmiyor: cerceve tamamen kalkar,
   yani cip bir kutu olmaktan cikar -- bicim de durumu tasir. aria-disabled
   ekran okuyucuya ayrica bildirir. Gizlemek yerine devre disi: kullanici
   urunun tam olcu araligini gormeye devam eder ve cipler yer degistirmez. */
.k-szo__chip[aria-disabled="true"] {
  box-shadow: none; background: transparent; color: var(--text-disabled);
  cursor: default;
}
.k-szo__chip[aria-disabled="true"]:hover {
  background: transparent; color: var(--text-disabled);
}
.k-szo__chip[aria-pressed="true"]:hover {
  background: var(--surface-brand-hover); color: var(--text-inverse);
}
.k-szo__chip:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px var(--border-focus), var(--focus-ring);
}

/* Secilen olcunun okunmasi. Bu blogun asil kazanci: 66 cip hicbir zaman
   G x D x Y sirasini soylemiyordu; burada bir kez soyleniyor. */
.k-szo__out { margin: var(--space-7) 0 0; }
.k-szo__dims {
  display: block;
  font-size: var(--size-body-lg); line-height: var(--lh-body-lg);
  font-weight: var(--weight-medium); letter-spacing: var(--ls-normal);
  font-variant-numeric: tabular-nums; color: var(--text-primary);
}
.k-szo__legend {
  display: block; margin-top: var(--space-1);
  font-size: var(--size-caption); line-height: var(--lh-caption);
  letter-spacing: var(--ls-caption); color: var(--text-tertiary);
}

.k-szo__count {
  margin: var(--space-4) 0 0;
  font-size: var(--size-caption); line-height: var(--lh-caption);
  color: var(--text-tertiary); font-variant-numeric: tabular-nums;
}

/* Liste modu: kod on ekli varyantlar (Cage, Boost, Era-L...) ve ayrisamayan
   etiketler. Cizgi yok; kolonlar hizadan okunuyor. */
.k-szo__list {
  list-style: none; margin: var(--space-5) 0 0; padding: 0;
  display: grid; gap: var(--space-4);
}
.k-szo__row {
  display: flex; flex-wrap: wrap; align-items: baseline;
  justify-content: space-between; gap: var(--space-1) var(--space-5);
}
.k-szo__name {
  font-size: var(--size-body-sm); line-height: var(--lh-body-sm);
  color: var(--text-primary); min-width: 0;
}
.k-szo__val {
  font-size: var(--size-body-sm); line-height: var(--lh-body-sm);
  color: var(--text-secondary); font-variant-numeric: tabular-nums;
  white-space: nowrap; margin-left: auto;
}

@media (max-width: 640px) {
  /* Dar ekranda ad ve olcu alt alta; saga yaslama tek kelimelik satirlarda
     bosluga bakan bir bosluk birakiyordu (olculdu). */
  .k-szo__row { flex-direction: column; align-items: flex-start; }
  .k-szo__val { margin-left: 0; }
}

/* Urun tipi SUZGECI (2026-08-25).
   Tip cipleri MEVCUT .k-szo__chip dilini aynen kullanir -- yeni renk/olcu
   tanimlanmadi. Tip adi sayi degil kelime: tabular-nums ve 44px taban
   genisligi sayi cipleri icindi, kelimede is gormuyor. */
.k-szo__chip--t { min-width: 0; font-variant-numeric: normal; }

/* ⚠⚠ TARAYICININ [hidden] KURALI BURADA YETMEZ.
   `.k-chip`, `.k-szo__chip` ve `.k-szo__row` yazar (author) CSS'inde `display`
   tanimliyor; yazar kurali UA stil sayfasindaki `[hidden]{display:none}`
   kuralini EZER. Yani suzgec `hidden` koyar ama cip ekranda kalirdi.
   Ozgulluk zaten yeterli (.k-chip[hidden] = 0,2,0 > .k-chip = 0,1,0),
   !important gerekmiyor. sizes.css theme.css'ten SONRA yukleniyor. */
.k-chip[hidden],
.k-szo__chip[hidden],
.k-szo__row[hidden] { display: none; }