/* ============================================================
   Bize Ulaşın — Figma 2151:10336 (1440x2348). Mobil karşılığı yok.

     0     kahraman        1440x678 (#041E42 %47)
     404   başlık bloğu
     682   Ofisler         1440x600 · 2 kart 612x388
     1282  Fabrikalar      1440x646 · 3 kart 400x414 (zemin #9BCBEB %6)
     1928  footer
   ============================================================ */
.ilehero { position: relative; height: 678px; overflow: hidden; }
.ilehero .bg-media { position: absolute; inset: 0; }
.ilehero .bg-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ilehero .bg-media::after { content: ""; position: absolute; inset: 0; background: rgba(4, 30, 66, .47); }
.ilehero__inner { position: relative; padding-top: 404px; }
.ilehero__title { margin: 0 0 18px; font-weight: 600; font-size: 32px; line-height: 39.01px; color: #fff; }
.ilehero__sub { margin: 0; font-weight: 500; font-size: 20px; line-height: 24.38px; color: #fff; }

/* Bölüm başlığı — Figma: 1248x58, altında 1px lacivert çizgi */
.ilesec__head {
  display: flex; align-items: center; min-height: 58px; padding-left: 10px;
  margin: 0 0 47px; border-bottom: 1px solid var(--color-navy);
  font-weight: 500; font-size: 24px; line-height: 38px; color: var(--color-navy);
}

.ileoffices { padding: 58px 0 61px; }              /* 678 -> 736, kart 1221 -> 1282 */
.ileplants { padding: 54px 0 56px; background: rgba(155, 203, 235, .06); }  /* 1282 -> 1336 */

.ilerow { display: flex; gap: 24px; }
.ilecard { display: flex; flex-direction: column; gap: 8px; padding-bottom: 8px; }
.ilecard__img { display: block; width: 100%; height: 209px; object-fit: cover; }
.ilecard__body { padding: 10px 24px; }
.ilecard__name {
  display: block; margin-bottom: 10px;
  font-weight: 500; font-size: 20px; line-height: 24.38px; color: var(--color-navy);
}
.ilecard__list { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ilecard__list li { display: flex; align-items: flex-start; gap: 11px; }
.ilecard__list svg { flex: 0 0 16px; width: 16px; height: 20px; margin-top: 1px; color: var(--color-navy); }
.ilecard__list span { font-weight: 400; font-size: 16px; line-height: 19.5px; color: var(--color-navy); }
.ilecard__list a { color: inherit; text-decoration: none; }
.ilecard__list a:hover { text-decoration: underline; }
.ilecard__pair { display: flex; gap: 40px; flex-wrap: wrap; }

/* Ofis kartı — Figma: 612x388, zemin #F0F0F0.
   Metin genişlikleri tasarımdan: adres 488, fabrika kartında 344 —
   sınırlamazsak satır sayısı değişip kart yüksekliği kayıyor. */
.ileoffices .ilecard { flex: 0 0 612px; background: #F0F0F0; }
.ileoffices .ilecard__list span { max-width: 488px; }
/* Fabrika kartı — Figma: 400x414, zemin #D0DAE9 */
.ileplants .ilecard { flex: 0 0 400px; background: #D0DAE9; }
.ileplants .ilecard__body { padding: 10px 16px; }
.ileplants .ilecard__name { max-width: 314px; margin-bottom: 14px; }
.ileplants .ilecard__list span { max-width: 344px; }
.ileplants .ilecard { gap: 1px; }
.ileplants .ilesec__head { margin-bottom: 57px; }

/* ---------- Mobil ----------
   Figma'da bu sayfanın mobil çerçevesi YOK. Diğer mobil sayfaların
   ölçülerinden türetildi: kahraman 438, kartlar 358 tek sütun.
   --------------------------- */
@media (max-width: 767px) {
  .ilehero { height: 438px; }
  .ilehero__inner { padding-top: 251px; }
  .ilehero__title { margin-bottom: 16px; font-size: 18px; line-height: 21.94px; }
  .ilehero__sub { font-weight: 400; font-size: 16px; line-height: 19.5px; }

  .ilesec__head {
    min-height: 44px; margin-bottom: 24px; padding-left: 0;
    font-size: 20px; line-height: 24.38px;
  }
  .ileoffices { padding: 32px 0; }
  .ileplants { padding: 32px 0; }
  .ileplants .ilesec__head { margin-bottom: 24px; }

  .ilerow { flex-direction: column; gap: 16px; }
  .ileoffices .ilecard, .ileplants .ilecard { flex: 0 0 auto; width: 100%; }
  .ilecard__img { height: 209px; }
  .ilecard__body { padding: 12px 16px 16px; }
  .ilecard__name { font-size: 18px; line-height: 21.94px; }
  .ilecard__list span { font-size: 15px; line-height: 19.5px; }
  .ileoffices .ilecard__list span,
  .ileplants .ilecard__list span,
  .ileplants .ilecard__name { max-width: none; }
  .ilecard__pair { gap: 16px; }
}

/* Tablet / ara genişlikler (768-1439) — Figma'da tasarlanmadı.
   Ofis kartları 612, fabrika kartları 400 sabit; sarmalı yapıldı. */
@media (min-width: 768px) and (max-width: 1439px) {
  .ilerow { flex-wrap: wrap; }
  .ileoffices .ilecard { flex: 1 1 340px; }
  .ileplants .ilecard { flex: 1 1 260px; }
  .ileoffices .ilecard__list span,
  .ileplants .ilecard__list span,
  .ileplants .ilecard__name { max-width: none; }
  .ilecard__pair { gap: 16px; }
}