/* ==================================================================
   perf-cls.css  —  PageSpeed: Düzen Kayması (CLS) önleyici kurallar
   ------------------------------------------------------------------
   Amaç: görseller ve slider yüklenirken sayfanın "zıplamasını" önlemek.
   Tasarımı DEĞİŞTİRMEZ; yalnızca boşluğu önceden ayırır.
   En son yüklenir (header.php).
================================================================== */

/* --- Slider alanı: owl-carousel başlamadan önce yüksekliği ayır --- */
.slider-area,
.slider-active{
  min-height: 475px;
}
.slider-active .single-slide{ min-height: 475px; }

/* --- Görseller doğal en/boy oranını korusun (width/height attr'leri ile) --- */
img{ max-width: 100%; }

/* --- Statik bannerlar (dataf 3'lü / datag 2'li) boşluğu rezerve etsin --- */
.li-static-banner img,
.li-banner-area img,
.single-banner img{
  width: 100%;
  height: auto;
  display: block;
}

/* --- Blog kapak görselleri --- */
.li-blog-thumb img,
.blog-thumb img,
img.img-full{
  width: 100%;
  height: auto;
}

/* --- Yazı tipi yüklenirken metin kaymasını yumuşat --- */
body{ font-display: swap; }

/* --- Resimlerde geç yükleme sırasında içerik atlamasını azalt --- */
img[loading="lazy"]{ background: #f3f7fa; }