/* İş Ortakları — sayfaya özel ölçüler.
   Orijinal (saytec.eu/services-9, 1440 px): sayfa zemini #F2F2F2 (footer dâhil). Fotoğraf 807×593 (x=80, y=184);
   beyaz kart 807×637 (x=553, y=272; fotoğrafın 334 px üstüne biner), metin x=621 (iç boşluk 68), başlık 56/500
   (iki satır, 57 px), metin 15 px / 22 px satır. Logo kutuları 3 sütun × 307×223, aralık 21 (yatay) / 24 (dikey),
   980 ızgarasının solunda (x=230), y=952'den başlar; altta 52 px. Mobil: fotoğraf tam genişlik, metin beyaz
   zeminde, logolar tek sütun. */

body.sayfa-is-ortaklari .site-footer { background: var(--c-grey-bg); }
.io-intro, .io-logos { background: var(--c-grey-bg); }

/* Fotoğraf + üstüne binen kart (genişlik: %100 − 160 px; fotoğraf ve kart %63,05) */
.io-intro { padding: 40px 80px 44px; }
.io-intro__in { display: grid; grid-template-columns: 36.953% 26.094% 36.953%; grid-template-rows: 88px auto; }
.io-intro__media { grid-column: 1 / 3; grid-row: 1 / 3; align-self: start; }
.io-intro__media img { width: 100%; height: auto; }
.io-intro__card { position: relative; z-index: 1; grid-column: 2 / 4; grid-row: 2; padding: 39px 66px 63px 68px; background: #fff; }
.io-title { font-size: 56px; line-height: 1.02; font-weight: 500; color: var(--c-text); }
.io-text { margin-top: 27px; font-size: 15px; line-height: 1.47; color: var(--c-text); }
.io-text > * + * { margin-top: 1.47em; }

/* Logo kutuları */
.io-logos { padding: 0 0 52px; }
.io-grid { display: grid; grid-template-columns: repeat(3, 307px); gap: 24px 21px; list-style: none; margin: 0; padding: 0; }
.io-tile { height: 223px; background: #fff; }
.io-tile > a, .io-tile__box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 12px; }
.io-tile img { max-width: 100%; height: auto; }
.io-tile > a:hover img { opacity: .82; }
.io-tile > a:focus-visible { outline-offset: -4px; }
.io-tile__cap { margin-top: 5px; font-size: 27px; line-height: 1.3; font-weight: 400; color: var(--c-text); text-align: center; }
html[lang="tr"] .io-tile__cap { font-size: 21px; } /* "Anahtar Teslim Veri Merkezi" kutuya tek satırda sığsın */

@media (max-width: 1239px) {
  .io-intro { padding-left: 24px; padding-right: 24px; }
  .io-title { font-size: 48px; }
  .io-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 999px) {
  .io-intro { padding: 0; background: #fff; }
  .io-intro__in { grid-template-columns: 1fr; grid-template-rows: auto; }
  .io-intro__media, .io-intro__card { grid-column: 1; grid-row: auto; }
  .io-intro__media img { aspect-ratio: 390 / 243 !important; }
  .io-intro__card { padding: 36px 32px 64px; }
  .io-title { font-size: 40px; line-height: 1.1; }
  .io-text { margin-top: 22px; }
  .io-logos { padding: 50px 0 52px; }
  .io-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .io-tile { height: auto; min-height: 180px; }
}
@media (max-width: 750px) {
  .io-intro__card { padding: 30px 24px 60px; }
  .io-title { font-size: 32px; line-height: 1.15; }
  .io-text { margin-top: 20px; font-size: 17px; line-height: 1.55; }
  .io-text > * + * { margin-top: 1.55em; }
  .io-logos { padding: 54px 0 60px; }
  .io-grid { grid-template-columns: 1fr; gap: 12px; }
  .io-tile { min-height: 120px; }
  .io-tile > a, .io-tile__box { padding: 20px 16px; }
  .io-tile__cap { font-size: 23px; }
}