/* Şahan Teknoloji - yalnızca küçük ekranlarda yatay taşma düzeltmesi.
   Masaüstü CSS kurallarına müdahale edilmez. */
@media (max-width:650px) {
  .site-header .nav-wrap {
    gap: 8px;
    min-width: 0;
  }
  .site-header .brand {
    flex: 1 1 auto;
    min-width: 0;
    gap: 7px;
  }
  .site-header .brand-mark {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
  }
  .site-header .brand-mark svg { width: 31px; height: 31px; }
  .site-header .brand-title {
    min-width: 0;
    font-size: clamp(13px,4.1vw,18px);
    letter-spacing: -.055em;
  }
  .site-header .brand-title small {
    font-size: clamp(5.8px,1.55vw,7.5px);
    letter-spacing: 0;
  }
  .site-header .header-actions { flex: 0 0 auto; gap: 6px; }
  .site-header .header-tel {
    width: 37px;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex: 0 0 37px;
  }
  /* Numara yalnızca görsel olarak gizlenir; bağlantının erişilebilir adı korunur. */
  .site-header .header-tel span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
  }
  .site-header .mobile-menu-btn {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
  }
  .topbar .topbar-inner { min-width: 0; }
  .topbar .topbar-inner > span {
    min-width: 0;
    white-space: normal;
    line-height: 1.35;
  }
  .topbar .topbar-inner > div { display: none; }
  .hero-grid > *, .band-grid > *, .content-layout > *,
  .inner-hero-grid > * { min-width: 0; }
  .hero-copy .hero-eyebrow {
    max-width: 100%;
    white-space: normal;
    flex-wrap: wrap;
    line-height: 1.4;
  }
  .hero-actions .btn {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
  }
}
@media (max-width:340px) {
  /* Çok dar ekranlarda ilçe kartları yan yana sıkışmasın. */
  .district-grid { grid-template-columns: 1fr; }
}