/* ===== Xomage Info Card — beyaz bilgi kartı (madde imi + paragraf) =====
 * Tasarım (Web ana sayfa 1:101): Rectangle 153/154/155 → 561x457, radius 16,
 * #ffffff, gölge 0 0 40px #000 %4. İç boşluk 72px (madde imi Left 144, kart Left 72).
 */

.cc_mfkw8zzp_OZrjNCHEV9 .xomage-info-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  box-sizing: border-box;
  /*
   * Tasarımda iç boşluk 72px, ama bu 1920px'te 561px genişliğindeki kart için
   * ölçüldü (kartın %12.8'i). Sabit 72px yazılınca 1280px'te kart 348px'e
   * düşüyor ve boşluk genişliğin %21'ini yiyerek metni 13 karakter/satıra
   * sıkıştırıyor (ölçüldü: kart 666px yükseklikte). Bu yüzden değer
   * design-system.md'deki akışkan ölçek kuralıyla türetildi:
   * 72 / 1920 = 3.75vw → 1920'de tam 72px, altında oranlı.
   */
  padding: clamp(1.5rem, 3.75vw, 4.5rem);
  border-radius: 16px;
  background: var(--xomage-info-card-bg, var(--kombos-white));
  /* Tasarım: X 0, Y 0, Blur 40, Spread 0, #000000 %4 */
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
}

.cc_mfkw8zzp_OZrjNCHEV9 .xomage-info-card__dot {
  flex: 0 0 auto;
  /* Tasarım: 40x40 daire */
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  border-radius: 50%;
  background: var(--xomage-info-card-accent, var(--xomage-mint-strong));
}

.cc_mfkw8zzp_OZrjNCHEV9 .xomage-info-card__text {
  margin: 0;
  color: var(--xomage-info-card-text, var(--xomage-ink));
}

/*
 * Madde imi ile metin arası tasarımda 20px (imi altı 5000, metin üstü 5020) —
 * kırılımdan bağımsız sabit, bu yüzden ayrı media query'ye gerek yok.
 */