/* Ders sayfaları — v3 (23.10.2026): dersler, sınıf ve ders sayfaları için ÖLÇÜLEN sorunların düzeltmesi.
   Önceki katmanlar yerinde kalır; bu dosya yalnız şunları değiştirir:
   1) Doğrulama şeridi akışta: yapışkan öğeler onun yüksekliği kadar aşağı itilmez (telefonda 79 px).
   2) Telefonda ders kartları tek sütunda 282 px'ti (16 kart = 3685 px); iki sütun ve sıkı kart.
   3) Telefonda simülatör kartları tek sütunda; iki sütun. */

/* 1) Doğrulama şeridi */
#dt-verify-banner,
.dt-verify-banner { position: static !important; }
body { --verify-banner-h: 0px; }

/* 2) Ders kartları */
@media (max-width: 640px) {
  .courses-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .courses-grid .course-card { padding: 14px !important; transform: none !important; }
  .courses-grid .course-card .card-icon { width: 44px !important; height: 44px !important; margin-bottom: 10px !important; }
  .courses-grid .card-title { font-size: 1rem !important; }
  .courses-grid .card-description {
    font-size: .85rem !important; line-height: 1.45 !important;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  }
  .courses-grid .card-description { margin-bottom: 12px !important; }
  .courses-grid .card-meta { flex-wrap: wrap; gap: 4px 10px !important; margin-bottom: 12px !important; font-size: .78rem !important; }
  .courses-grid .meta-icon { display: none !important; }
  .courses-grid .card-link { min-height: 44px; display: inline-flex; align-items: center; }

  /* 4) Ders rehberi (pages/ders): telefonda sabit başlığın altında ~120 px boş bant kalıyordu (ölçüldü). */
  .dk-hero { margin-top: 12px !important; padding-top: 28px !important; }

  /* 3) Simülatör kartları */
  .sim-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
  .sim-grid .sim-card { padding: 12px !important; }
}