/* Қазақ тілі: Gabarito ve Figtree'de Kiril yok. Onest (başlık) ve Golos Text (metin) Kazakçanın
   ә ғ қ ң ө ұ ү һ і harflerini içeriyor (Google Fonts cyrillic-ext alt kümesi, 11 Kasım 2026'da denetlendi;
   Manrope'ta ә ғ қ ң ұ yok). Yazı tipleri ui.json "fonts_href" ile yüklenir. */
:root {
  --display: "Onest", "Helvetica Neue", Arial, sans-serif;
  --sans: "Golos Text", "Helvetica Neue", Arial, sans-serif;
}

/* Uzun Kazakça kelimeler (университеттерінің, аккредитациясы, педагогикалық…) dar sütunlardan taşmasın.
   Son çare: kelime satıra hiç sığmazsa bölünür; düzen değişiklikleri aşağıda. */
main, header, footer { overflow-wrap: break-word; }

/* ürün sayfası özet tablosu: МЕКТЕБІҢІЗДЕ etiketi 112 piksele sığmıyor */
@media (min-width: 761px) {
  .facts div { grid-template-columns: 128px minmax(0, 1fr); }
}

/* ilgili ürün kartları: 761–960 pikselde iki sütunda metne 75 piksel kalıyor; tek sütuna iner */
@media (max-width: 960px) {
  .rels { grid-template-columns: minmax(0, 1fr); }
}

/* telefon: uzun başlık kelimeleri (Оқушыларыңыздың, Оқытушыларымызбен) satıra sığsın,
   iki sütunlu rakam kutuları tek sütuna iner */
@media (max-width: 480px) {
  :root { --fs-h2: clamp(28px, 8.3vw, 32px); }
  .display, .p-hero .display, .hero--home .display { font-size: clamp(30px, 9.1vw, 42px); }
  .proof .figures, .figures--side, .stats, .band { grid-template-columns: minmax(0, 1fr); }
  .stats div:first-child { border-radius: var(--radius) var(--radius) 0 0; }
  .stats div:nth-child(2), .stats div:nth-child(3) { border-radius: 0; }
  .stats div:last-child { border-radius: 0 0 var(--radius) var(--radius); }
  .rel { grid-template-columns: 88px minmax(0, 1fr) 20px; }
  .rel-text b { font-size: 17px; }
  .rel-text span { font-size: 14px; }
  .prod-body .prod-group { font-size: 11px; letter-spacing: .04em; }
}