/* ==========================================================================
   GAZALI AVIATION — kiralama-ozel-jet.css
   Yalniz /kiralama-ozel-jet sayfasinda eslesen kurallar.
   Ortak katman main.css'tedir; bu dosya ONUN USTUNE biner.
   ========================================================================== */

/* --------------------------------------------------------------------------
   24. Jet tip kataloğu — kiralama-ozel-jet.php
   --------------------------------------------------------------------------
   71 uçak `jetler` tablosundan basılır. Süzgeç için AYRI JS YOK:
   envanter modülünün (initEnvanter) data-* sözleşmesi yeniden kullanılıyor
   — [data-envanter] / [data-ucak] / [data-env-*]. Sayfada tek modül olduğu
   için çakışma yok.
   Görseller şeffaf zeminli WebP; kart zemini açık ki uçak siluet gibi dursun.
   -------------------------------------------------------------------------- */

.jet {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.jet:hover {
  border-color: var(--line-strong);
  box-shadow: var(--shadow-sm);
}

/* ⚠ Görsel kutusu SABİT YÜKSEKLİK olmalı, aspect-ratio DEĞİL.
   Kaynak görsellerde 51 farklı en/boy oranı var (3.09:1 ile 1.25:1 arası):
   Challenger 300 1120x375, Challenger 3500 1120x896. Oranla kurulduğunda
   her kartın görsel alanı farklı yükseklikte çıkıyor, ızgara satırı en uzun
   karta göre uzuyor ve kartlar hizasız duruyordu. */
.jet__gorsel {
  /* Yükseklik tek yerden: img'nin sınırı da buradan hesaplanıyor. */
  --jet-gorsel-h: 160px;

  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--jet-gorsel-h);
  margin-bottom: 1rem;
  padding: 0.5rem;
  overflow: hidden; /* emniyet ağı */
  background: linear-gradient(160deg, var(--paper), var(--paper-2));
  border-radius: var(--radius-sm);
}

/* ⚠ Burada YÜZDE yükseklik kullanma: height:100% ve max-height:100% ikisi de
   ortalanmış esnek/ızgara öğesinde çözümlenmedi, görsel oranını koruyup
   kutudan taştı (Challenger 3500'de +79 px, başlığın üstüne bindi).
   calc() piksel değişkeni her zaman çözümlenir.

   Görsel kutuyu TAM DOLDURUR, uçak içine object-fit ile oturur: 51 farklı
   en/boy oranı var, contain hepsini bozmadan sığdırır ve asla taşırmaz. */
.jet__gorsel img {
  width: 100%;
  height: calc(var(--jet-gorsel-h) - 1rem);
  object-fit: contain;
  object-position: center;
}

.jet__uretici {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-700);
}

.jet h3 {
  margin: 0.2rem 0 0.75rem;
  font-size: var(--step-1);
  /* "Boeing (model bazında değişir)" iki satır, "Challenger 350" tek satır.
     İki satırlık yer ayrılırsa künye tüm kartlarda aynı hizada başlar. */
  min-height: 2.6em;
  line-height: 1.3;
}

.jet__spec {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem 1rem;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}

.jet__spec > div {
  display: grid;
  gap: 1px;
}

.jet__spec dt {
  font-size: 0.625rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--slate-500);
}

.jet__spec dd {
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}

/* ---- 768 ve altı ---- */
@media (max-width: 768px) {

  .jet__gorsel {
    --jet-gorsel-h: 140px;
  }
}