/* ===== Xomage Akademi — Öne Çıkan Eğitim ===== */

/*
 * "Web xomage akademi" (50:84), 1920 tasarım genişliği:
 *   turkuaz bant 119-319 → ayrı section (XomagePageHero)
 *   bölüm başlığı "Öne Çıkan Eğitimler" @x=288, y=410, 40px, satır kutusu 80
 *   kart 1344x800 @x=288 (yani 1920'de ortalı), radius 16,
 *        gölge 0 0 20px rgba(0,0,0,.08)
 *   kapak 1344x637 (kartın üstü, radius yalnızca üst köşelerde) → 1344/637
 *   kart adı  @x=328 (kart + 40), 40px Medium
 *   alt başlık @x=328, 24px Regular
 *   "Eğitimi izle" @x=1416, 28px Medium, altı çizili, #006673
 *   kartın altı 1305, sonraki bölümün başlığı 1413 → 108px boşluk
 * Mobil ("Mobil Xomage akademi" 82:1041, 900 geniş): aynı sıra, tek kolon;
 * tipografi ana sayfada kurulmuş basamaklamadan.
 *
 * Kart 1344 geniş, `xomage-container`'ın içeriği ise 1632 — bu yüzden başlık ve
 * kart birlikte 84rem'lik bir iç sarmalayıcıya alınıp ortalanır (emsal:
 * XomageFaq'ın `__list`'i). Tasarımda bir sonraki bölüm 1832 geniş; iki bloğun
 * hizasız olması tasarımın kendi tercihidir, korundu.
 */

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured {
  width: 100%;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__container {
  padding-block: 2.5rem 0;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__inner {
  max-width: 84rem;
  margin-inline: auto;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__title {
  margin: 0 0 1rem;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: var(--kombos-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__cover {
  aspect-ratio: 1344 / 637;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 1rem 1.25rem;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__name {
  margin: 0;
  color: var(--xomage-ink);
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__subtitle {
  margin: 0;
  color: var(--xomage-ink);
}

/*
 * Bağlantı kartın tamamını kaplar: tıklama alanı kart, erişilebilir ad bağlantı
 * metni. `::after` karta göre konumlanır (kart `position: relative`).
 */
.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__link {
  color: var(--xomage-link);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__link::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__card:hover .xomage-video-cover__play-icon {
  transform: translate(-50%, -50%) scale(1.08);
}

@media (min-width: 640px) {
  .cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__container {
    padding-block: 3.5rem 0;
  }

  .cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__title {
    margin-bottom: 1.25rem;
  }

  .cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__body {
    padding: 1.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__container {
    padding-block: 6rem 0;
  }

  .cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__title {
    margin-bottom: 1.5rem;
  }

  .cc_mfkw8zzp_Yvkt94L19W .xomage-academy-featured__body {
    /* Tasarım: alt bant 163px, iç boşluk yatayda 40px */
    padding: 2rem 2.5rem;
  }
}