/* ✅ تنسيق البنر الرئيسي */
.ban-banner {
  width: 100%;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  
}

/* ✅ شبكة الأقسام داخل البنر */
.ban-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* قسمين بنسبة 50% لكل قسم */
  gap: 10px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

/* ✅ كل قسم داخل البنر */
.ban-item {
  padding: 5px;
  word-break: break-word;
  font-weight: bold;
  display: flex;
  
  height: 100%;
}

/* ✅ القسم الأول - محاذاة يمين */
.ban-item:nth-child(1) {
  padding-right: 15px;
}

/* ✅ القسم الثاني - محاذاة يسار */
.ban-item:nth-child(2) {
  padding-left: 15px;
}

/* ✅ تأكيد التصميم المتجاوب لجميع الأجهزة */
@media (max-width: 1024px) {
  .ban-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .ban-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* تحسين المسافات في الموبايل */
  .ban-item:nth-child(1) {
    padding-right: 10px;
  }
  
  .ban-item:nth-child(2) {
    padding-left: 10px;
  }
}