:root{
  --bleed-max: 1280px;
  --bleed-edge: clamp(16px, 2.8vw, 34px);
}

html,body{
  overflow-x: clip;
}

/* ابقاء بقية الصفحة منسقة داخل الحاوية العامة */
main.container{
  width:min(var(--bleed-max), calc(100% - (var(--bleed-edge) * 2))) !important;
  max-width:var(--bleed-max) !important;
  margin-inline:auto !important;
}

/* الهيدر والهيرو والفوتر بعرض كامل مع الحفاظ على تناسق المحتوى الداخلي */
.container.topbar,
.topbar,
.hero,
.site-footer,
.site-footer.container{
  width:auto !important;
  max-width:none !important;
  margin-inline:calc(50% - 50vw) !important;
}

.container.topbar,
.topbar{
  padding-inline:var(--bleed-edge) !important;
  padding-top:0 !important;
}

.topbar-inner{
  width:min(var(--bleed-max), calc(100vw - (var(--bleed-edge) * 2))) !important;
  max-width:var(--bleed-max) !important;
  margin-inline:auto !important;
  border-radius:0 0 24px 24px !important;
}

.hero{
  border-radius:0 !important;
  min-height:clamp(520px, 78vh, 760px) !important;
  margin-top:0 !important;
  overflow:hidden !important;
}

.hero .slides,
.hero .slide,
.hero .slide img,
.hero-overlay{
  border-radius:0 !important;
}

.hero-content{
  width:min(var(--bleed-max), calc(100vw - (var(--bleed-edge) * 2))) !important;
  max-width:var(--bleed-max) !important;
  margin-inline:auto !important;
  padding-inline:var(--bleed-edge) !important;
  min-height:inherit !important;
}

/* يحافظ على توازن الهيرو ولا يترك تمدد بصري مكسور */
.hero-simple-shell,
.hero-simple-shell--compact,
.hero-box,
.hero-box.hero-shell{
  width:min(620px, 100%) !important;
  max-width:620px !important;
  margin-inline-start:auto !important;
  margin-inline-end:0 !important;
}

.hero-title{
  max-width:11ch !important;
}

.hero-actions{
  align-items:center !important;
}

.hero-actions .btn{
  min-width:180px !important;
}

.site-footer,
.site-footer.container{
  border-radius:0 !important;
  padding-inline:var(--bleed-edge) !important;
}

.site-footer .foot-top,
.site-footer .foot-bottom,
.site-footer .foot-grid{
  width:min(var(--bleed-max), calc(100vw - (var(--bleed-edge) * 2))) !important;
  max-width:var(--bleed-max) !important;
  margin-inline:auto !important;
}

.site-footer .foot-top{
  display:grid !important;
  gap:24px !important;
}

@media (max-width: 991.98px){
  .topbar-inner{
    border-radius:0 0 20px 20px !important;
  }

  .hero{
    min-height:auto !important;
  }

  .hero-content{
    padding-inline:18px !important;
    padding-block:32px 48px !important;
  }

  .hero-simple-shell,
  .hero-simple-shell--compact,
  .hero-box,
  .hero-box.hero-shell{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
  }

  .hero-title{
    max-width:100% !important;
  }

  .site-footer,
  .site-footer.container{
    padding-inline:18px !important;
  }
}