/* تنسيق أساسي للهيدر لضمان حركة ناعمة */

#main-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
}

/* الكلاس اللي هيخفي الهيدر */

#main-header.header-hidden {
  transform: translateY(-100%);
}