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

/* Görsel çerçeve — fotoğraf gelene kadar zarif bir yer tutucu */
.figure {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: linear-gradient(150deg, var(--navy-800), var(--navy-600));
  aspect-ratio: 4 / 3;
}

.figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Sertifika görseli — A4 dikey oran, kırpılmadan gösterilir.
   .figure varsayılanı 4/3 + object-fit:cover; belge kırpılırsa okunmaz olur.
   <a> olarak kullanıldığı için display:block gerekiyor. */
.figure--belge {
  display: block;
  aspect-ratio: 1 / 1.414;
  background: var(--paper-2);
}

.figure--belge img {
  object-fit: contain;
}

/* Üyelik kartları (Belgeler ve üyelikler ızgarası) — logo YA DA ikon.
   Kutu sabit yükseklikli ve ALTA yaslı: logonun boyu ikondan farklı olsa da
   üç kartın <h3>'ü aynı hizaya gelir. Logo kutuya sığacak kadar küçülür,
   oranı korunur; inline-start'a yaslanır (RTL'de sağa).
   4.5rem (72 px) ÖLÇÜLDÜ (2026-09-24, 1280/1024/768/390 px × EN/TR/AR):
   kutu üç kartta 72 px, üç <h3>'ün karta göre konumu aynı (fark 0 px),
   yatay taşma 0. Logo 1280/768/390'da IBAC 241.7×72, MEBAA 216×72; 1024'te
   kart içeriği 233.6 px'e daraldığı için IBAC genişliğe göre 233.5×69.6'ya
   iner (taşma 0, oran korunur). AR'de logo ve ikon kutunun sağ kenarında
   (inline-start uzaklığı 0). İkon (54 px) kutunun ALTINA yaslı durur. */
.card__medya {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  block-size: 4.5rem;
  margin-block-end: 1.5rem;
}

/* main.css .card__icon'un alt boşluğu (1.5rem) burada kutuya taşındı.
   Ölçüldü (1280 px): bu kural yokken ikon kutunun altına değil 24 px
   yukarısına oturuyor ve 54 + 24 = 78 px, 72 px'lik kutunun ÜSTÜNDEN 6 px
   taşıyordu — logolarla alt hizası bozulur. Kuralla ikonun alt uzaklığı 0,
   margin-block-end'i 0px; kutununki 24px. */
.card__medya .card__icon {
  margin-block-end: 0;
}

.card__logo {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: 100%;
  max-block-size: 100%;
  object-fit: contain;
}