#mainHeader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.3s ease;
}

/* SADECE GİZLE */
#mainHeader.hide {
  transform: translateY(-100%);
}

/* body padding SABİT */
body {
  padding-top: 180px;  
}