/* Add custom CSS styles below */ 
/* تثبيت شريط الإعلان في الأعلى في الصفحة الرئيسية ثيم ملاك */
body.is-page-home .announcement-bar {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* لضمان ظهوره فوق كل العناصر */
}

/* إضافة حشو علوي لمحتوى الصفحة حتى لا يختفي خلف الشريط */
body.is-page-home #app > main {
    padding-top: 60px !important; /* قم بتعديل هذا الرقم (60px) ليتناسب مع ارتفاع شريطك الإعلاني */
}

/* كود إضافي قد تحتاجه إذا كان الهيدر الشفاف لا يزال يتداخل */
/* body.is-page-home .store-header { top: 60px !important; } */