/* ===== 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 */
#site-header .iki-kolon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 16px;
}

#site-header .sol{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

#site-header .sag{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

#site-header .menu{
  display:flex;
  gap:14px;
  align-items:center;
}
#site-header .menu a{ text-decoration:none; }
#site-header .iki-kolon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 16px;
}
#site-header .sol{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
#site-header .sag{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
#site-header .menu{
  display:flex;
  align-items:center;
  gap:14px;
}
#site-header .menu a{ text-decoration:none; }