/* KSK GRUP — ekran boyutuna göre düzen ayarları (tüm sayfalarda en son yüklenir) */

/* 1) Geniş ekranlar: 1500 px civarındaki orijinal görünüm korunur, sayfa orantılı büyütülür.
      Böylece büyük monitörlerde kenarlarda aşırı boşluk kalmaz; düzen ve içerik aynen kalır. */
html { --ksk-z: 1; }
@media (min-width: 1640px) { html { --ksk-z: 1.08; zoom: 1.08; } }
@media (min-width: 1800px) { html { --ksk-z: 1.18; zoom: 1.18; } }
@media (min-width: 2000px) { html { --ksk-z: 1.3;  zoom: 1.3;  } }
@media (min-width: 2300px) { html { --ksk-z: 1.48; zoom: 1.48; } }
@media (min-width: 2600px) { html { --ksk-z: 1.68; zoom: 1.68; } }
/* tam ekran yüksekliğindeki alanlar büyütmeden etkilenmesin */
@media (min-width: 1640px) {
  [style*="min-height:100vh"] { min-height: calc(100vh / var(--ksk-z)) !important; }
}

/* 2) Telefon ve küçük tabletler */
@media (max-width: 820px) {
  /* "Biz Kimiz?" metni ve butonu başlıkla aynı hizada */
  .about-grid .rv[style*="padding-inline-start:29px"] { padding-inline-start: 0 !important; }

  /* Bölüm aralıkları: 120 px yerine dengeli boşluk */
  section[style*="padding:120px"], section[style*="padding:130px"],
  section[style*="padding:110px"], section[style*="padding:90px"] { padding-top: 72px !important; }
  section[style*="px 120px;"], section[style*="px 120px\""], section[style*=" 0 120px"] { padding-bottom: 72px !important; }

  /* Başlık ile metin arası */
  .about-h { margin-bottom: 22px !important; }
  #hizmetler .rv[style*="max-width:640px"] { margin-bottom: 0 !important; }
  #hizmetler [style*="margin-bottom:56px"] { margin-bottom: 32px !important; }
  .stat-row { margin-top: 56px !important; }
}

/* 3) Telefonda hizmet kartları: ekranı doldurur, kaydırarak geçilir (oklar gizlenir) */
@media (max-width: 760px) {
  #hizmetler .svc-arrow { display: none !important; }
  #hizmetler .svc-track { padding-bottom: 4px; }
  #hizmetler .svc-card { width: 78% !important; }
}
@media (max-width: 520px) {
  #hizmetler .svc-card { width: 84% !important; height: 420px !important; }
}

/* 4) Referans logo şeridi: Arapça (sağdan sola) sayfada da aynı yönde ve kaymadan akar */
.mq, .mq > div { direction: ltr; }

/* 5) Çerez tercihleri düğmesi yalnızca Google Analytics kimliği tanımlıysa görünür */
.ksk-cookie-btn { display: none !important; }
html.ksk-ga .ksk-cookie-btn { display: inline-flex !important; }

/* 6) Hakkımızda — CEO mesajı */
@media (max-width: 1000px) {
  .ceo-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .ceo-side { position: static !important; }
}
@media (max-width: 600px) {
  .ceo-card { padding: 28px 22px !important; border-radius: 20px !important; }
}