/* ===== Header (sticky) ===== */
:root { --header-h: 64px; }   /* masaüstü yaklaşık yükseklik, JS gerçek değere çekecek */

#site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: #2f343a;       /* mevcut başlık rengi */
  color: #fff;
  will-change: transform;
}

/* scroll gölgesi */
#site-header.scrolled{
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
}

/* Bayrak barı varsa header içinde gelsin */
.bayrak-bar{
  background:#f5f6f8;
  border-bottom:1px solid #e6e8ec;
}

/* Başlık iç kapsayıcı (sizin dosyanızdaki .ust-ic karşılığı) */
#site-header .ust-ic{ padding:10px 16px; }

/* Gövdeyi başlık kadar aşağıdan başlat – JS gerçek yükseklikle güncelleyecek */
body{ padding-top: var(--header-h); }

/* mobil için yükseklik */
@media (max-width: 900px){
  :root{ --header-h: 56px; }
}

/* ——— opsiyonel ——— */
/* menüler/ikonlar mevcut tasarımdan; dokunmadım */