/* fixhaber2026 — yerleşim iskeleti */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-4);
}

@media (min-width: 768px) {
  .container { padding-inline: var(--space-5); }
}

/* 12 kolon grid — lg ve üzeri */
.grid { display: grid; gap: var(--grid-gap); }

.grid-main {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: 1fr;
}
/* Grid item'lar içerik genişliğine göre track'i büyütmesin (yatay taşma önlemi) */
.grid-main > *, .grid > *, .cards-2 > *, .cards-3 > *, .cards-4 > * { min-width: 0; }
@media (min-width: 1024px) {
  .grid-main { grid-template-columns: 2fr 1fr; } /* 8+4 */
}

/* Kart ızgaraları */
.cards-2, .cards-3, .cards-4 { display: grid; gap: var(--grid-gap); grid-template-columns: 1fr; }
@media (min-width: 600px) {
  .cards-2 { grid-template-columns: repeat(2, 1fr); }
  .cards-3 { grid-template-columns: repeat(2, 1fr); }
  .cards-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .cards-3 { grid-template-columns: repeat(3, 1fr); }
  .cards-4 { grid-template-columns: repeat(4, 1fr); }
}

/* Yatay kaydırma şeridi (mobil ikincil manşetler, kısa videolar) */
.scroll-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min(72%, 300px);
  gap: var(--space-3);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: var(--space-2);
  -webkit-overflow-scrolling: touch;
}
.scroll-row > * { scroll-snap-align: start; }
@media (min-width: 768px) {
  .scroll-row { grid-auto-columns: 260px; }
}

/* Bölüm aralıkları */
.section { margin-block: var(--space-7); }
.section-tight { margin-block: var(--space-5); }

/* Sayfa başlığı bandı (kategori, arama, arşiv…) */
.page-head {
  background: var(--color-surface-alt);
  border-bottom: var(--rule);
  padding-block: var(--space-6) var(--space-5);
  margin-bottom: var(--space-6);
}
.page-head h1 {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  letter-spacing: var(--tracking-tight);
}
.page-head .lead { color: var(--color-text-muted); margin-top: var(--space-2); max-width: 70ch; font-size: var(--text-sm); }

/* Reklam rezerv alanları — CLS önleme: yükseklik her zaman ayrılır */
.ad-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface-alt);
  border: var(--rule);
  color: var(--color-text-muted);
  font-size: 0.625rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  overflow: hidden;
}
.ad-970 { min-height: 90px; }
.ad-728 { min-height: 90px; max-width: 728px; margin-inline: auto; }
.ad-300 { min-height: 250px; }
.ad-inline { min-height: 120px; margin-block: var(--space-5); }
@media (max-width: 767px) {
  .ad-970, .ad-728 { min-height: 60px; }
}

/* Ana içerik alt boşluğu */
.site-main { min-height: 60vh; padding-bottom: var(--space-7); }