/* شيل أي مسافة فوق الهيدر */
body,
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* الهيدر نفسه */
.kayan-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* شريط أسعار الذهب الجديد */
.mfgp-top-bar {
  margin: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* أول سيكشن بعد الهيدر ماينزلش تحت */
main,
.main-content,
.salla-theme_6 main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* لو فيه بانر أو سلايدر أول عنصر */
section:first-of-type {
  margin-top: 0 !important;
}

/* 🔹 خلي الكيان الرئيسي (الهيدر) يظهر فوق navbar */
.kayan-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 2000 !important; /* خلي الهيدر فوق كل شي */
  height: auto !important;
}

/* 🔹 خلي NavBar تحت الهيدر في Desktop */
@media (min-width: 1024px) {
  .navbar {
    position: relative !important;
    top: 0 !important;
    z-index: 1000 !important; /* اقل من z-index بتاع الهيدر */
  }
}

/* 🔹 في الموبايل خلي NavBar فوق كل شي لما يفتح */
@media (max-width: 1023px) {
  .navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh !important;
    z-index: 3000 !important; /* لو عايز الموبايل يطلع فوق */
  }
}