@media (max-width: 768px) {
  /* 1. تثبيت الهيدر فوق البنر تماماً بدون مسافات بيضاء */
  header.store-header,
  .s-header,
  #mainnav {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: 0 !important;
    /* ضبط الهوامش الداخلية للحصول على مظهر مضغوط */
    padding-top: 8px !important; 
    padding-bottom: 8px !important;
    background: transparent !important;
    z-index: 99 !important;
    /* تصغير الارتفاع العام للهيدر */
    min-height: auto !important;
  }

  /* 2. تصغير حجم جميع الأيقونات بشكل موحد */
  header.store-header .store-header-tools svg,
  header.store-header .icon-logo svg,
  header.store-header #mainnav-toggle svg,
  .s-header-actions svg,
  .s-header-nav-toggle svg {
    /* تغيير الحجم من حوالي 24-28 بكسل إلى 18 بكسل (يمكنك تعديل الرقم) */
    width: 18px !important;
    height: 18px !important;
  }

  /* 3. تصغير حجم الشعار (اللوغو) ليناسب الأيقونات */
  header.store-header .icon-logo img,
  .s-header-logo img {
    /* تصغير الارتفاع إلى 30 بكسل (أو أي حجم يناسبك) */
    max-height: 30px !important;
    width: auto !important;
  }

  /* 4. ضبط المسافات بين الأيقونات */
  header.store-header .store-header-tools {
    gap: 12px !important;
  }
}