/* Angora Dil · mobil tasarım düzeltmeleri (2026-10-19, 390px iPhone taraması ile bulundu). Yalnız dar ekranlarda etkili. */

@media (max-width: 991px) {
    /* paket sayfası: başlık tek satırda "…GRUB…" diye kesiliyordu → en fazla 3 satır */
    .course-hero__title.text-ellipsis {
        white-space: normal !important; text-overflow: clip !important; overflow: hidden !important;
        display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.25;
    }

    /* paket açıklamasındaki ikon görselleri (takvim vb.) ekran boyunda çıkıyordu */
    .course-description img { max-height: 140px; width: auto !important; height: auto !important; }

    /* blog: yazılar uzun filtre/kategori bloklarının altında kalıyordu → önce yazılar */
    .row > .col-lg-3:has(> .blog-lists-filters) { order: 2; }

    /* kitap sayfası "Bu Ürün Hakkında" metni ~11px'ti, okunmuyordu */
    .product-show__description, .product-show__description p, .product-show__description li, .product-show__description span {
        font-size: 14px !important; line-height: 1.6 !important;
    }
}

@media (max-width: 575px) {
    /* SEO sayfalarındaki karşılaştırma tabloları sağdan kesiliyordu → her satır bir kart, sütun adı solda */
    .adl .tw { overflow: visible !important; }
    .adl .tw table, .adl .tw tbody, .adl .tw tr, .adl .tw td { display: block; width: 100% !important; min-width: 0 !important; }
    .adl .tw tr:first-child { display: none; }
    .adl .tw tr { border: 1px solid #e9edf3; border-radius: 12px; margin-bottom: 10px; padding: 8px 12px; background: #fff; }
    .adl .tw td { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border: 0 !important; padding: 4px 0 !important; text-align: right; }
    .adl .tw td::before { content: attr(data-label); flex: none; max-width: 48%; text-align: left; font-weight: 700; color: #121f3e; font-size: 13px; }
    .adl .tw td:first-child { justify-content: flex-start; text-align: left; font-weight: 700; color: #121f3e; padding-bottom: 6px !important; border-bottom: 1px dashed #e9edf3 !important; margin-bottom: 4px; }
    .adl .tw td:first-child::before { display: none; }
}