/* Add custom CSS styles below */ 
/* 1) إلغاء أي مسافات افتراضية من المتصفح */
html, body{
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) هذا غالبًا سبب الفراغ (عنصر الإعلانات أعلى الصفحة) */
salla-advertisement{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) تأكيد: الهيدر يبدأ من أعلى بدون أي فراغ */
header.store-header{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) أحيانًا الفراغ يكون من الحاوية العامة */
.app-inner{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 5) تأكيد إضافي لشريط الأعلى + nav */
header.store-header .top-navbar,
header.store-header #mainnav{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* إزالة الشريط العلوي اللي عامل مسافة فوق الهيدر */
header.store-header .top-navbar{
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* تأكيد أن الهيدر يبدأ من أعلى الصفحة */
header.store-header,
#mainnav{
  margin-top: 0 !important;
  padding-top: 0 !important;
}