/* إزالة المسافة بين الهيدر وأول بانر في الصفحة الرئيسية */
main > section.s-block--fixed-banner.fixed-banner--0 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* إزالة أي مسافة داخل حاوية البانر */
main > section.s-block--fixed-banner.fixed-banner--0 > .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* منع وجود هامش أسفل الهيدر */
header.store-header {
    margin-bottom: 0 !important;
}

/* إزالة مساحة Salla Hook إذا كان فارغًا */
main > salla-hook[name="index:start"]:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
 ortant;
  }

  header.store-header .container.hidden.lg\:block > div {
    min-height: 105px !important;
    align-items: center !important;
  }
}

/* التابلت والجوال */
@media (max-width: 991px) {
  header.store-header .navbar-brand {
    min-width: 165px !important;
    max-width: 165px !important;
  }

  header.store-header .navbar-brand img.logo-normal {
    width: 165px !important;
    max-width: 165px !important;
  }

  header.store-header #mainnav,
  header.store-header .main-nav-container {
    height: auto !important;
    min-height: 105px !important;
  }

  header.store-header .container.block.lg\:hidden > div {
    min-height: 105px !important;
    align-items: center !important;
  }
}

/* الهواتف الصغيرة */
@media (max-width: 480px) {
  header.store-header .navbar-brand {
    min-width: 150px !important;
    max-width: 150px !important;
  }

  header.store-header .navbar-brand img.logo-normal {
    width: 150px !important;
    max-width: 150px !important;
  }

  header.store-header #mainnav,
  header.store-header .main-nav-container {
    min-height: 95px !important;
  }

  header.store-header .container.block.lg\:hidden > div {
    min-height: 95px !important;
  }
}
/* =========================================
   تكبير شعار حراك في الجوال والكمبيوتر
   ========================================= */

/* استهداف الشعار بقوة أكبر من إعدادات الثيم */
header.store-header img.logo-normal,
header.store-header .navbar-brand img.logo-normal,
header.store-header a.navbar-brand > img.logo-normal {
    display: block !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    transform: none !important;
}

/* مساحة رابط الشعار */
header.store-header a.navbar-brand {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: auto !important;
    min-height: 100px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* الهيدر بالكامل */
header.store-header #mainnav,
header.store-header .main-nav-container,
header.store-header #mainnav.main-nav-container {
    height: 135px !important;
    min-height: 135px !important;
    max-height: none !important;
    overflow: visible !important;
}

/* صف الهيدر */
header.store-header #mainnav .inner,
header.store-header #mainnav .container,
header.store-header #mainnav .container > div {
    min-height: 135px !important;
    height: 135px !important;
    overflow: visible !important;
    align-items: center !important;
}

/* الكمبيوتر */
@media screen and (min-width: 992px) {
    header.store-header img.logo-normal,
    header.store-header .navbar-brand img.logo-normal,
    header.store-header a.navbar-brand > img.logo-normal {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

    header.store-header a.navbar-brand {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    }

    header.store-header #mainnav,
    header.store-header .main-nav-container,
    header.store-header #mainnav .inner,
    header.store-header #mainnav .container,
    header.store-header #mainnav .container > div {
        height: 145px !important;
        min-height: 145px !important;
    }
}

/* الجوال والتابلت */
@media screen and (max-width: 991px) {
    header.store-header img.logo-normal,
    header.store-header .navbar-brand img.logo-normal,
    header.store-header a.navbar-brand > img.logo-normal {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
    }

    header.store-header a.navbar-brand {
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        min-height: 105px !important;
    }

    header.store-header #mainnav,
    header.store-header .main-nav-container,
    header.store-header #mainnav .inner,
    header.store-header #mainnav .container,
    header.store-header #mainnav .container > div {
        height: 120px !important;
        min-height: 120px !important;
    }
}

/* الهواتف الصغيرة */
@media screen and (max-width: 480px) {
    header.store-header img.logo-normal,
    header.store-header .navbar-brand img.logo-normal,
    header.store-header a.navbar-brand > img.logo-normal {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }

    header.store-header a.navbar-brand {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }
}

/* ضبط ارتفاع ومسافات هيدر الجوال */
@media screen and (max-width: 991px) {

  header.store-header #mainnav,
  header.store-header .main-nav-container {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
  }

  header.store-header #mainnav > .inner,
  header.store-header .main-nav-container > .inner,
  header.store-header .container.block.lg\:hidden {
    height: 78px !important;
    min-height: 78px !important;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
  }

  header.store-header .container.block.lg\:hidden > .flex {
    height: 78px !important;
    min-height: 78px !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    transform: translateY(-2px);
  }

  /* الشعار */
  header.store-header a.navbar-brand {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  header.store-header img.logo-normal {
    width: 180px !important;
    max-width: 180px !important;
    height: 62px !important;
    max-height: 62px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* الأيقونات */
  header.store-header .container.block.lg\:hidden .flex.items-center {
    margin-top: 0 !important;
    margin-bottom: 2px !important;
  }
}