/* ===== Xomage blog listesi ===== */

/*
 * "Web Blog" (11:997, 1920x3076) frame'inden:
 *   turkuaz başlık bandı 119-319 → ayrı section (XomagePageHero)
 *   ilk kart satırı y=419 → banttan sonra 100px üst boşluk
 *   kartlar x=176 / 720 / 1264, hepsi 480 geniş → kolon arası 64px
 *   satır arası 1205-1139 = 66 ≈ 64 (tasarım sapması, 64'e yuvarlandı)
 *   son kart satırı 1884'te bitiyor, sayfalama ~1992 → 108px boşluk
 *   footer 2212'de başlıyor → alt boşluk 108px
 * Mobil ("Mobil Blog" 82:665, 900 geniş): tek kolon; tipografi ana sayfada
 * kurulmuş basamaklamadan (bkz. global.css .xomage-text-card-excerpt).
 */

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__inner {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__empty {
  margin: 0;
  color: var(--xomage-ink);
  text-align: center;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

@media (min-width: 640px) {
  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }

  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__pagination {
    margin-top: 4rem;
  }
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__inner {
    padding-top: 6.25rem;
    padding-bottom: 6.75rem;
  }

  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__grid {
    grid-template-columns: repeat(var(--xomage-blog-cols, 3), minmax(0, 1fr));
    gap: 4rem;
  }

  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list__pagination {
    margin-top: 6.75rem;
  }
}

/* ===== Science (Blog) - referans 1440px: 1240px kap, 3 sutun, 55px/30px bosluk, 1.5:1 gorsel ===== */
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list--science { background: var(--kombos-white); }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list--science .xomage-blog-list__inner.xomage-container { width: min(80rem, 87%); max-width: none; margin-inline: auto; padding: 2.6875rem 0; }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list--science .xomage-blog-list__grid { grid-template-columns: minmax(0, 1fr); gap: 2.375rem; }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science { min-width: 0; box-shadow: none; border-radius: 0; background: transparent; }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__link { display: block; color: var(--xomage-science-ink); text-decoration: none; }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__media { aspect-ratio: 1.5 / 1; overflow: hidden; border-radius: 0.5rem; background: var(--xomage-science-blog-media); }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__link:hover .xomage-blog-card__image { transform: scale(1.03); }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__label { margin: 1.4375rem 0 0.75rem; color: var(--xomage-science-blog-label); }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__title { margin: 0; color: var(--xomage-science-ink); transition: color 0.4s; }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__link:hover .xomage-blog-card__title { color: var(--xomage-science-blog-hover); }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__excerpt { margin: 0.9375rem 0 0; color: var(--xomage-science-blog-excerpt); }
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card--science .xomage-blog-card__more { display: flex; width: fit-content; margin-top: 0.9375rem; }
@media (min-width: 761px) {
  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list--science .xomage-blog-list__inner.xomage-container { padding: 5.375rem 0; }
  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list--science .xomage-blog-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3.4375rem 1.875rem; }
}
@media (min-width: 1051px) {
  .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-list--science .xomage-blog-list__grid { grid-template-columns: repeat(var(--xomage-blog-cols, 3), minmax(0, 1fr)); }
}

/* ===== Xomage blog kartı ===== */

/*
 * "Web Blog" (11:997) frame'inden, 1920 tasarım genişliği:
 *   kart 480 geniş, beyaz, radius 16, gölge 0 0 20px rgba(0,0,0,.08)
 *   kapak görseli kartın tam genişliği, 480x280 → 12/7
 *   içerik iç boşluğu 24px (başlık x=200, kart x=176)
 *   başlık 26/32 SemiBold #006673, iki satıra kırpılı
 *   özet 18/32 Regular #262626, altı satıra kırpılı ("..." tasarımda da var)
 *   alt bant 480x64 #63c1c2, metin sağa dayalı, 20px beyaz
 *
 * Tasarımdaki kart dikdörtgeni 720px; alt bant 615'te bitiyor ve altında 41px
 * beyaz kalıyor. Sayfa zemini de beyaz olduğu için bu boşluk görünmüyor —
 * bilinçli sapma: kart yüksekliği içeriğe bırakıldı, 720 zorlanmadı.
 */

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
  background: var(--kombos-white);
  box-shadow: 0 0 20px rgb(0 0 0 / 8%);
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__media {
  aspect-ratio: 12 / 7;
  overflow: hidden;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__title {
  margin: 0;
  color: var(--xomage-link);
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__title-link {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__title-link:hover {
  text-decoration: underline;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__excerpt {
  margin: 0;
  color: var(--xomage-ink);
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Alt bant: tasarımda 64px sabit yükseklik, metin sağa dayalı */
.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__cta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 4rem;
  padding: 0.5rem 1.5rem;
  background: var(--xomage-teal);
  color: var(--kombos-white);
  text-decoration: none;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__cta:hover {
  text-decoration: underline;
}

.cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__cta:focus-visible, .cc_mfkw8zzp_2K6h6HXXPg .xomage-blog-card__title-link:focus-visible {
  outline: 2px solid var(--xomage-link);
  outline-offset: 2px;
}