/* ═══════════ REHBER — gerçek blog kartları (Q) ═══════════
   Kartlar kenarlıksız: görsel + metin. Beyaz kart + ince çerçeve
   ritmini tekrarlamaz (B).
   ════════════════════════════════════════════════════════ */

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guides {
  width: 100%;
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guides__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 clamp(16px, 5vw, 80px);
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guides__all-link {
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guides__grid {
  /* Mobilde yatay snapa dönüyor; içsel genişlik sayfaya sızmasın (bkz. od-rev). */
  max-width: 100%;
  overflow-x: clip;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guides__item { display: flex; }
.cc_kKHOfYr6vG_fHyAUFYk6p .od-guides__item > * { width: 100%; }

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide {
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-decoration: none;
  color: inherit;
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__media {
  display: block;
  /* Blog küçük görseli 3:2 — oran kapla korunur, kaynak bozulmaz (Y). */
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 14px;
  background: var(--color-surface-alt);
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  display: block;
  transition: transform 300ms ease;
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide:hover .od-guide__media img { transform: scale(1.03); }

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-surface-alt), var(--color-accent-soft));
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__body { display: block; }

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__cat {
  display: block;
  margin-bottom: 6px;
  font-family: var(--font-label);
  font-size: var(--text-label);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__title {
  margin: 0 0 8px;
  font-family: var(--font-body);
  font-size: var(--text-h3);
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-text);
}

.cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__excerpt {
  display: block;
  font-family: var(--font-body);
  font-size: var(--text-small);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

@media (max-width: 1023px) {
  .cc_kKHOfYr6vG_fHyAUFYk6p .od-guides__grid { grid-template-columns: repeat(2, 1fr); }
}

/*
 * YATAY AKIŞ ORTAK: kurallar `global.css` → `.od-rail-wrap > .od-rail`.
 * Buradaki yerel kopya kaldırıldı; kayıyordu ama kaydığı ANLAŞILMIYORDU —
 * kart ekran kenarına kadar akmıyor, uçlarda hiçbir işaret yoktu. Kart
 * genişliği de ortak: üç ray aynı ölçüyü paylaşır.
 */

@media (prefers-reduced-motion: reduce) {
  .cc_kKHOfYr6vG_fHyAUFYk6p .od-guide__media img { transition: none; }
  .cc_kKHOfYr6vG_fHyAUFYk6p .od-guide:hover .od-guide__media img { transform: none; }
}