/* ——— اجعل أول سكشن (البنر) غلاف Full-Width بلا زوايا ——— */
.home main > section:first-of-type,
.home .page-content > section:first-of-type{
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* ألغِ قيود الحاوية داخل السكشن الأول */
.home main > section:first-of-type .container,
.home .page-content > section:first-of-type .container{
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* الصورة داخل البنر: تمتد من الطرف للطرف وبدون زوايا */
.home main > section:first-of-type img,
.home .page-content > section:first-of-type img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* لو كان القالب يسمّي البنر باسم فيه banner/hero/slider، ألغِ الزوايا عنه احتياطاً */
[class*="banner"], .banner, .section-banner, .hero, [class*="slider"]{
  border-radius: 0 !important;
  box-shadow: none !important;
}
html, body{
  background: #f5f0e6 !important; /* بيج فاتح دافئ */
}

.site-wrapper, .page, .main, #app{
  background: transparent !important;
}