/* إخفاء البانر افتراضياً في جميع الصفحات */
#home-page-banner {
    display: none !important;
    position: relative;
    /* تحديد العرض الثابت الجديد والتوسيط */
    width: 1408px !important; /* **تم التعديل: العرض 1408 بكسل** */
    margin: 20px auto !important; /* توسيط البانر وإضافة مسافة من أعلى وأسفل */
    padding: 0 !important;
}

/* التنسيقات الداخلية للبانر */
.custom-salla-banner-container {
    max-width: 100%;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-align: center; /* توسيط محتوى البانر داخلياً */
    box-shadow: none;
}

.custom-salla-banner-container img {
    /* الصورة ستكون بعرض العنصر الأب (1408px) */
    width: 100% !important; 
    height: 628px !important; /* الارتفاع يبقى كما هو */
    display: block;
    object-fit: contain; 
    border-radius: 0;
}

/* إظهار البانر فقط في الصفحة الرئيسية */