/* Mobil düzeltmeler — site.css'in üzerine yüklenir */

/* 1) Mobil menü: başlıktaki bulanıklık efekti (backdrop-filter) sabit konumlu menüyü
      başlığın içine hapsediyordu; menü sadece "Anasayfa" satırı kadar görünüyordu. */
@media (max-width: 960px) {
  .site-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: #fff !important; z-index: 60; }
  .main-nav { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: var(--hdr-h, 74px) !important;
              height: auto !important; max-height: none !important; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 59; background: #fff; }
  body.nav-open .main-nav { visibility: visible !important; opacity: 1 !important; transform: none !important; }
  body.nav-open .wa-float { display: none; }
}
@media (max-width: 640px) {
  .main-nav { top: var(--hdr-h, 64px) !important; }
}

/* 2) Anasayfa üst alanı: İDO / BUDO ve diğer kısa yollar dalga görselinin altında kalmasın */
.hero::after { z-index: 0; pointer-events: none; }
.hero-in { position: relative; z-index: 2; }
@media (max-width: 640px) {
  .hero-in { padding-bottom: 104px !important; }
  .hero-quick { gap: 8px; margin-top: 20px; }
  .hero-quick a { font-size: .82rem; padding: 7px 12px; }
}