/* =========================================================================
   Kategori "Kısa cevap" (TL;DR) — Sprint AI-UCUS-2 (2026-07-31)
   ---------------------------------------------------------------------
   categories.ai_ozet (migration 145) icin fold-ustu, answer-first gorunur
   blok. Page header ile urun grid'i arasinda durur.

   Neden: AI Overviews / ChatGPT / Perplexity yalnizca HTML'de GORUNUR
   metni alintilar. Bu alan bugune kadar sadece llms.txt'e giriyordu.
   .kategori-tldr selector'i Speakable schema'ya bagli (KategoriController).

   Tasarim: urun sayfasindaki .urun-one-cikan-sss kutusuyla ayni gorsel dil
   (yesil soft zemin + 12px radius), boylece ayri bir component gibi
   durmuyor. Renkler brand CSS degiskenlerinden, fallback'li.
   ========================================================================= */

/* Alt boşluk: kutu ile altındaki sidebar/ürün grid'i arasında nefes payı.
   (2026-08-06) Öncesinde bottom padding yoktu, blok grid'e yapışık duruyordu. */
.kategori-tldr-wrap {
    padding: 4px 0 24px;
}

.kategori-tldr {
    margin: 0;
    padding: 18px 20px;
    background: var(--brand-primary-soft, #f0fdf4);
    border: 1px solid var(--brand-primary-light, #dcfce7);
    border-radius: 12px;
}

.kategori-tldr__baslik {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--brand-primary-dark, #14532d);
}

.kategori-tldr__baslik i {
    font-size: 1.05rem;
    line-height: 1;
}

.kategori-tldr__metin {
    margin: 0;
    color: #374151;
    font-size: 1rem;
    line-height: 1.7;
}

/* Mobil: daha sıkı iç boşluk, biraz küçük tipografi */
@media (max-width: 575.98px) {
    .kategori-tldr-wrap {
        padding: 4px 0 16px;
    }
    .kategori-tldr {
        padding: 14px 16px;
        border-radius: 10px;
    }
    .kategori-tldr__baslik {
        font-size: .95rem;
        margin-bottom: 6px;
    }
    .kategori-tldr__metin {
        font-size: .95rem;
        line-height: 1.65;
    }
}
