/* ============================================================
   RESPONSIVE — 375 · 768 · 1024 · 1280 · 1440+
   ============================================================ */

@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-media{order:-1;max-width:520px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-grid > div:first-child{grid-column:1/-1}
}

/* Header nav'daki tüm linkler (TR'de en uzun: 7 öğe) + header-actions sığmadığında
   masaüstü nav taşıp ekran dışına çıkıyordu (site-header position:fixed olduğu için
   scrollWidth'e yansımıyor, sessizce kırpılıyor). 1366px altında TR nav sığmıyor,
   bu yüzden burger menüye geçiş eşiği 900px'ten 1300px'e çıkarıldı. */
@media (max-width:1300px){
  .nav{display:none}
  .burger{display:grid}
}

@media (max-width:900px){
  .grid-2{grid-template-columns:1fr;gap:28px}
  .process-grid{grid-template-columns:1fr;gap:28px}
  .grid-2 .media-panel{order:-1;min-height:260px}
  .contact-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
  :root{--header-h:74px}
  .site-header{top:10px;left:10px;right:10px}
  .site-header .bar{height:calc(var(--header-h) - 20px);padding:0 8px 0 16px}
  .brand .mark{width:32px;height:32px}
  /* Header'da CTA pill'i mobilde gizle — mobil menüde zaten var */
  .header-actions .btn{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:6px}
  .hero-trust{gap:18px}
  .btn{width:100%;justify-content:center}
  .hero-actions .btn{width:100%}
  .info-card,.form{padding:22px}
  .site-search-panel{padding:20px}
  .site-search-form{grid-template-columns:20px minmax(0,1fr)}
  .site-search-form button{grid-column:1/-1;width:100%}
  .search-page-form{grid-template-columns:1fr}
  .search-result{grid-template-columns:1fr}
  .search-result > strong{grid-column:1;grid-row:auto;margin-top:8px}
  .wa-float{
    display:grid;
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    width:56px;
    height:56px;
  }
}

@media (min-width:1440px){
  :root{--container:1240px}
}
@media (max-width:900px){.editorial-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.editorial-grid{grid-template-columns:1fr}}

/* Mobil header taşması: marka adı nowrap + flex:none olduğu için 375px'te
   arama ve menü (burger) butonları ekranın dışına itiliyordu; menü açılamıyordu.
   Marka küçülebilir, ad iki satıra kırılır, ikon butonlar sıkılaştırılır. */
@media (max-width:600px){
  .site-header .bar{gap:10px}
  .site-header .brand{flex:1 1 auto;min-width:0;gap:8px}
  .site-header .brand .b-name{white-space:normal;font-size:.86rem;line-height:1.12;max-width:11ch}
  .site-header .header-actions{gap:6px}
  .site-header .lang-current,
  .site-header .theme-toggle,
  .site-header .site-search-trigger{width:34px;height:34px}
  .site-header .burger{width:38px;height:38px}
}
/* 601–645px aralığında "Randevu Al" hâlâ görünür olduğu için burger yine taşıyordu.
   Randevu butonu mobil menüde de var; 700px altında header'dan kaldırılır. */
.site-header .brand{min-width:0}
@media (max-width:700px){
  .site-header .header-actions .btn{display:none}
}