/* ===== Xomage Info Cards — üç beyaz bilgi kartı + çerçeveli CTA =====
 * Tasarım (Web ana sayfa 1:101): kartlar y 4866-5323 (561x457), 46px aralık,
 * 72px kenar payı (xomage-container). Buton Component 3 → 330x64, y 5418-5481,
 * 1px #63c1c2 kenarlık, beyaz zemin, turkuaz metin, radius 0 (ölçüldü: üst
 * kenarlık 788'den 1117'ye kesintisiz uzuyor).
 */

.cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__container {
  padding-block: 2.5rem;
}

.cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

/*
 * IkasComponentRenderer çocukları `display: contents` sarmalayıcılara koyuyor;
 * grid öğesi olabilmesi için hem sarmalayıcıya hem karta yükseklik yazılır
 * (emsal: XomageAcademyTrainings).
 */
.cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__grid > * > *, .cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__grid > * > * > * {
  height: 100%;
}

.cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 20.625rem; /* 330px */
  margin: 2.5rem auto 0;
  /* Tasarım: 64px yükseklik, radius yok */
  min-height: 4rem;
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--xomage-teal);
  background: var(--kombos-white);
  color: var(--xomage-teal);
  text-align: center;
  text-decoration: none;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}

.cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__cta:hover {
  background: var(--xomage-teal);
  color: var(--kombos-white);
}

@media (min-width: 640px) {
  .cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__container {
    padding-block: 3.75rem;
  }

  .cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__container {
    /* Tasarım: mint şerit 4744 → kart üstü 4866 = 122px; buton altı 5481 → 5482 */
    padding-block: 7.625rem 5rem;
  }

  .cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.875rem; /* 46px */
  }

  .cc_mfkw8zzp_j7QwKUzAKH .xomage-info-cards__cta {
    /* Tasarım: kart altı 5323 → buton üstü 5418 = 95px */
    margin-top: 5.9375rem;
  }
}