/* ═══════════════════════════════════════════════════════════════════════════
   Anahtar kelime sayfaları (2026-10-12) — /santiye-yonetim-programi, /hakedis-programi …
   Bölümlerin çoğu mevcut bileşen (breadcrumb, landing-vs, core-feature-item, lt-panel, theme-accordion, yl-cta);
   burada yalnız bu sayfalara özgü küçük ekler ve boşluk ayarları var. insaat-yolculugu.css'ten sonra yüklenir.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hero: başlığın altına giriş metni + iki buton */
.ak-hero .breadcrumb-title { text-wrap: balance; }
.ak-giris {
    max-width: 560px;
    margin: 14px 0 0;
    font-size: 17px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.78); /* breadcrumb zemini koyu lacivert */
}
.ak-hero-butonlar { margin-top: 22px; }

/* Nedir? — okunur genişlikte düz metin (arama motoru ve yapay zekâ özetleri için asıl açıklama) */
.ak-nedir-section { padding: 70px 0 30px; }
.ak-nedir { max-width: 820px; margin: 0 auto; }
.ak-nedir .title { margin-bottom: 18px; text-wrap: balance; }
.ak-nedir p {
    font-size: 17px;
    line-height: 1.8;
    color: #374151;
    margin-bottom: 14px;
}

/* Kıyaslama: anasayfa bileşeni, bu sayfada süre rozeti yok */
.ak-vs-section { padding: 80px 0; margin-top: 40px; }

/* Özellik kartları: modüller kataloğundaki kart; başlık h3 (sayfa hiyerarşisi) ama h5 görünümünde */
.ak-ozellik-section { padding: 90px 0 60px; }
.ak-ozellik-section .section-title { margin-bottom: 50px; }
.ak-ozellik-section .core-feature-item h3 {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 700;
}

/* Örnek ekranlar */
.ak-ekran-section { padding: 70px 0 80px; }
.ak-ekran-section .section-title { margin-bottom: 36px; }
.ak-ekran { max-width: 980px; margin: 0 auto; }

/* SSS: tek sayfada iki sütun akordiyon */
.ak-sss-section.faq-seciton { padding: 70px 0 60px; }
.ak-sss-section .section-title { margin-bottom: 36px; }
.ak-sss-section .accordion-body p { margin: 0; }
.ak-sss-section .accordion-header { margin: 0; }

/* İlgili sayfalar — iç bağlantı kartları */
.ak-ilgili-section { padding: 30px 0 90px; }
.ak-ilgili-section .section-title { margin-bottom: 30px; }
.ak-ilgili {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 14px;
    max-width: 1040px;
    margin: 0 auto;
}
.ak-ilgili-kart {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #e6e9f2;
    border-radius: 14px;
    background: #fff;
    color: #1a1f36;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
.ak-ilgili-kart:hover,
.ak-ilgili-kart:focus-visible {
    color: #0f57e8;
    border-color: #0f57e8;
    box-shadow: 0 12px 28px -18px rgba(15, 87, 232, .55);
    transform: translateY(-2px);
}
.ak-ilgili-ikon {
    flex: 0 0 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef3ff;
    color: #0f57e8;
    font-size: 18px;
}
.ak-ilgili-ad { flex: 1; line-height: 1.35; }
.ak-ilgili-ok { color: #9aa3b8; font-size: 13px; }
.ak-ilgili-kart:hover .ak-ilgili-ok { color: #0f57e8; }

@media (max-width: 767.98px) {
    .ak-giris { font-size: 16px; }
    .ak-nedir-section { padding: 50px 0 20px; }
    .ak-nedir p { font-size: 16px; }
    .ak-vs-section, .ak-ozellik-section, .ak-ekran-section { padding: 56px 0; }
    .ak-hero .yl-breadcrumb-img svg { max-width: 240px; margin: 24px auto 0; }
}