/* ============================================================================
   HİZMET SAYFALARI — MODEL NUMARASI TABLOSU  ·  /css/hizmet-model-tablo.css  ·  2026-09-29
   ----------------------------------------------------------------------------
   NE YAPAR
   MacBook Air / MacBook Pro hizmet sayfalarındaki "Model numaraları" tablosunu
   (A-kodu, yıl, çip, ekran, klavye, SSD, batarya kodu) okunur hâle getirir.
   Dar ekranda tablo kendi kabında yatay kayar; sayfa yatay taşmaz.
   NEDEN
   Kullanıcı 29 Eyl: model numaralarının (A1466, A2337 …) sayfalarda ayrıntılı
   yer alması — müşteriler cihazın alt kapağındaki kodla arıyor.
   KAPSAM
   Yalnız .model-tablo-kap ve .model-tablo. Renkler hizmet-hizalama.css'in --kt-
   jetonlarından (koyu tema kendiliğinden); sabit renk yok, animasyon yok.
   GERİ ALMA (tek satır)
   Sayfalardaki <link ... hizmet-model-tablo.css> satırını sil; tablo tarayıcının
   varsayılan görünümüyle okunur kalır.
   ========================================================================== */
.model-tablo-kap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 22px 0 6px;
  border: 1px solid var(--kt-cizgi);
  border-radius: var(--kt-r-m);
  background: var(--kt-yuzey-1);
}
.model-tablo {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  font-size: .95rem;
  line-height: 1.45;
}
.model-tablo caption {
  caption-side: top;
  text-align: left;
  padding: 14px 16px 6px;
  color: var(--kt-sis);
  font-size: .86rem;
}
.model-tablo th,
.model-tablo td {
  padding: 11px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--kt-cizgi);
  color: var(--kt-murekkep);
}
.model-tablo thead th {
  background: var(--kt-yuzey-2);
  font-weight: 600;
  white-space: nowrap;
}
.model-tablo tbody tr:last-child td { border-bottom: 0; }
.model-tablo tbody tr:nth-child(even) td { background: var(--kt-yuzey-2); }
.model-tablo .kod {
  white-space: nowrap;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--kt-aksan-600);
}
.model-tablo .soluk { color: var(--kt-sis); }
.model-not {
  margin-top: 10px;
  color: var(--kt-sis);
  font-size: .9rem;
}