/* =======================
   DESKTOP FIX — Başlık solda, görseller sağda (mobil düzeni gibi)
   Üstte tek görsel + altta iki görsel, çakışma yok, hover yok
   ======================= */

@media (min-width:1024px){

  /* 1) Başlık BLOĞU: tüm bölümlerde solda sabit */
  .terminal .terminal__copy,
  .terminal.terminal--alt .terminal__copy{
    grid-column: 1 / 6 !important;   /* solda 5 sütun */
    grid-row: 1 !important;
    text-align: left !important;
  }

  /* 2) ÜSTTE TEK görsel: başlığın sağı, genişlik sabit */
  .terminal .terminal__wrap > .terminal__photo--right{
    grid-column: 7 / 13 !important;  /* sağ blok */
    grid-row: 1 !important;
    justify-self: end !important;
  }

  /* 3) ALTTA İKİLİ: üst görselle aynı sağ blokta, eşit boşluk */
  .terminal .terminal__cluster{
    grid-column: 7 / 13 !important;  /* aynı sağ blok */
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(16px, 2vw, 28px) !important;
    align-items: start !important;
  }
  .terminal .terminal__cluster > .terminal__photo--left{  justify-self: start !important; }
  .terminal .terminal__cluster > .terminal__photo--right,
  .terminal .terminal__cluster > .terminal__photo--cluster-right{ justify-self: end !important; }

  /* 4) Boyutlar: hücre dışına taşma olmasın, hover/animasyon yok */
  .terminal .terminal__photo,
  .terminal .terminal__photo *{ transition: none !important; }

  /* Üstte tek görsel */
  .terminal .terminal__wrap > .terminal__photo--right img{
    width: min(520px, 95%) !important;   /* güvenli tavan */
    max-width: 100% !important;
    transform: none !important;
  }

  /* Alttaki iki görsel */
  .terminal .terminal__cluster .terminal__photo img{
    width: min(420px, 95%) !important;
    max-width: 100% !important;
    transform: none !important;
  }

  /* Figcaption üstte, nefes payı */
  .terminal .terminal__photo figcaption{
    margin: 0 0 8px !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* İsteğe bağlı: 1440px+ ekranlarda biraz daha nefes */
@media (min-width:1440px){
  .terminal .terminal__wrap > .terminal__photo--right img{ width: min(580px, 95%) !important; }
  .terminal .terminal__cluster .terminal__photo img{ width: min(460px, 95%) !important; }
}



/* ==== Terminal #1 — Desktop hizalama + başlık boyutu ==== */
@media (min-width:1024px){
  /* Aynı satırda dikey merkez hizala */
  #terminal .terminal__wrap{ align-items: center !important; }

  /* Sol metin bloğunu biraz aşağı indir (isteğe göre arttır/azalt) */
  #terminal .terminal__copy{
    align-self: center !important;
    margin-top: 16px; /* örn. 0–40px arası oynatabilirsin */
  }

  /* Başlığı büyüt (sol ana başlık) */
  #terminal .terminal__title{
    font-size: clamp(44px, 4.4vw, 68px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    margin-bottom: 10px;
  }

  /* Alt başlık okunurluk */
  #terminal .terminal__sub{
    font-size: clamp(18px, 1.6vw, 24px);
  }
}

/* ==== Tüm terminal bölümleri (masaüstü) ==== */
@media (min-width:1024px){
  /* Sağ görselle aynı satırda, dikey merkez hizala */
  .terminal .terminal__wrap{
    align-items: center !important;
  }

  /* Sol metin bloğu: hafif aşağı al */
  .terminal .terminal__copy{
    align-self: center !important;
    margin-top: 16px; /* gerekirse 0–40px arası oynat */
  }

  /* SOL ANA BAŞLIK: tüm bölümlerde büyüt */
  .terminal .terminal__title,
  .terminal h2,
  .terminal .h2-default{
    font-size: clamp(44px, 4.4vw, 68px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    margin-bottom: 10px;
  }

  /* Alt başlık (opsiyonel) */
  .terminal .terminal__sub,
  .terminal .txt-medium{
    font-size: clamp(18px, 1.6vw, 24px) !important;
  }
}