/* CLS (Cumulative Layout Shift) azaltma — Core Web Vitals */

/* Yükleniyor ekranı CLS ve LCP'yi bozuyor — gizle */
.preloader {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Çerez çubuğu: body padding eklemek tüm sayfayı kaydırıyordu */
body.has-fitamine-cookie-bar {
  padding-bottom: 0 !important;
}

/* Ana sayfa hero slider — owl başlamadan önce alan rezerve et */
.home-compact-slider .f-slider-one:not(.owl-loaded) {
  min-height: clamp(520px, 78vh, 820px);
}

/* Owl carousel JS yüklenene kadar alan rezerve et */
.fitamine-home-blog-carousel:not(.owl-loaded),
.client-review-slider:not(.owl-loaded),
.f-slider-one:not(.owl-loaded) {
  min-height: 380px;
}

@media (min-width: 768px) {
  .fitamine-home-blog-carousel:not(.owl-loaded) {
    min-height: 420px;
  }
}

/* Blog detay — kapak görseli alanı (1100×733) */
.blog-detail.detail-page .blog-post .blog-image figure {
  aspect-ratio: 1100 / 733;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #111;
}

.blog-detail.detail-page .blog-post .blog-image figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Blog içeriğindeki görseller — boyut yoksa bile alan ayır */
.blog-detail.detail-page .blog_icerik img,
.blog-detail.detail-page .blog-detail-html img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #111;
}

.blog-detail.detail-page .blog_icerik img[width][height],
.blog-detail.detail-page .blog-detail-html img[width][height] {
  aspect-ratio: auto;
  object-fit: contain;
}

/* Blog sidebar küçük kapaklar */
.blog-detail.detail-page .sidebar .box.recent-posts ul li img {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}