/* İçerik sayfaları: guzergahlar, nasil-calisir, sss, iletisim (ortak sayfa CSS'i) */

/* Sayfa başlığı: .eyebrow + h1 + .section-lead (ilanlar sayfasındaki ölçülerle aynı) */
.page-head{margin-bottom:var(--space-6)}
.page-head h1{font-size:clamp(2.4rem,5vw,3.6rem);margin-bottom:var(--space-3)}
.page-head .section-lead{margin-bottom:0}

/* Güzergâh tablosu: kalkış filtresi, sonuç sayısı, yatay kaydırılabilir sarmalayıcı */
.route-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);margin:var(--space-5) 0 var(--space-4)}
.route-filter .form-select{width:auto;min-width:16rem}
.route-count{font-size:.95rem;margin:0 0 var(--space-3)}
.route-count:empty{display:none}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius)}
.table-wrap .route-table{min-width:640px}
.table-wrap .route-table tbody tr:last-child td{border-bottom:0}
.route-price{white-space:nowrap;font-weight:500}
.route-table .btn-link{padding-block:0}

/* Nasıl çalışır: iki hedef kitle yan yana, adımlar dikey; son CTA ortalı */
.how-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7)}
.how-audience h2{font-size:1.85rem;margin-bottom:var(--space-5)}
.how-audience .steps{grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-6)}
.how-list{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid;gap:.6rem}
.how-list li{position:relative;padding-left:1.4rem;color:var(--silver)}
.how-list li::before{content:"—";position:absolute;left:0;color:var(--brass)}
.how-cta .section-lead{margin-inline:auto}
.how-cta .cluster{justify-content:center}

/* Bilgi kutusu (güzergâhlar, nasıl çalışır, sss, iletişim) */
.info-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}
.info-box>:last-child{margin-bottom:0}
.info-box h2,.info-box h3{font-size:1.5rem;margin:0 0 var(--space-3)}
.info-box p{color:var(--silver)}
.info-box p a{color:var(--ivory)}

/* SSS: grup başlığı + akordeon listesi; hash ile gelen soru üst çubuğun altında kalmasın */
.faq-group-title{font-size:1.85rem;margin:0 0 var(--space-3)}
.faq-list{margin-bottom:var(--space-6)}
.faq-item{scroll-margin-top:calc(var(--header-h) + var(--space-4))}

/* İletişim: solda form, sağda bilgi kutuları */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-7);align-items:start}
.contact-grid h2{font-size:1.85rem;margin-bottom:var(--space-4)}
.contact-grid .form{margin-bottom:var(--space-5)}

@media (max-width:900px){
  .how-audience,.contact-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .route-filter .form-select{width:100%;min-width:0}
}