////
/* استهداف السكشن ومعالجة انحناء الحواف */
section[section-id="fe2c6c7d-8917-4971-8031-36835a76a19c"] img {
    border-radius: 25px !important; /* يمكنك زيادة الرقم لزيادة الدوران */
    overflow: hidden !important;
    display: block !important;
}

/* لضمان تطبيق الانحناء على الحاوية أيضاً في حال وجود حدود */
section[section-id="fe2c6c7d-8917-4971-8031-36835a76a19c"] .video-banner-link {
    border-radius: 25px !important;
    overflow: hidden !important;
    display: block !important;
}

/* إضافة مسافة بسيطة من الجوانب إذا كانت الصورة تلمس أطراف الشاشة */
section[section-id="fe2c6c7d-8917-4971-8031-36835a76a19c"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
/////
/* تطبيق انحناء الحواف على البنر الجديد */
section[section-id="7d849c9f-30b2-4190-b757-40cdda6cb44b"] img {
    border-radius: 25px !important; /* درجة الانحناء */
    overflow: hidden !important;
    display: block !important;
}

/* لضمان انحناء الرابط والحاوية ومنع أي زوايا حادة */
section[section-id="7d849c9f-30b2-4190-b757-40cdda6cb44b"] .video-banner-link {
    border-radius: 25px !important;
    overflow: hidden !important;
    display: block !important;
}

/* إضافة مسافة جانبية للبنر ليكون متناسقاً مع البنر السابق */
section[section-id="7d849c9f-30b2-4190-b757-40cdda6cb44b"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 20px !important; /* مسافة بسيطة بين البنرات */
}
///
/* 1. التنسيق الافتراضي لجميع الصفحات (خلفية بيضاء) */
.store-header {
    position: relative; /* يضمن أنه يأخذ حيزاً ولا يتداخل مع النصوص */
    background-color: #ffffff !important;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}

/* لون الأيقونات والنصوص الافتراضي (أسود) */
.store-header svg, 
.store-header .linkLabel, 
.store-header .icon-label {
    color: #000000 !important;
    stroke: #000000 !important;
}

/* 2. التنسيق الخاص بالصفحة الرئيسية فقط (شفاف) */
/* نستخدم .template-index لأنها الكلاس المخصص للرئيسية في منصة زيد */
.template-index .store-header {
    position: absolute !important; /* يجعله يطفو فوق البانر */
    background-color: transparent !important;
    box-shadow: none !important;
}

/* لون الأيقونات والنصوص في الرئيسية (أبيض) لتبدو واضحة فوق البانر */
.template-index .store-header svg, 
.template-index .store-header .linkLabel, 
.template-index .store-header .icon-label {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* تحويل اللوجو للأبيض في الرئيسية فقط */
.template-index .store-header .logo img {
    filter: brightness(0) invert(1);
}