:root{
  --brand:#1E766F;   /* الأساسي */
  --muted:#878787;   /* نص ثانوي */
  --ink:#1A1F2C;     /* نص أساسي */
  --bg:#F7FAFC;      /* خلفية عامة فاتحة */
  --surface:#FFFFFF; /* سطح أبيض */
  --line:#E7E9EE;    /* حدود خفيفة */
  --hover:#E6F3F2;   /* هاوفر أخضر فاتح */
  --radius:14px;
  --shadow:0 6px 24px rgba(16,24,40,.06);
}

/* === Isolation scope === */
.abni-scope{all: initial; *{all: unset; display: revert} }
.abni-scope{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Kufi Arabic","Tajawal",Arial,sans-serif; color:var(--ink); background:var(--bg); display:block}
.abni-scope .modern-container, .abni-scope .mp-container{width:min(1160px,92%); margin-inline:auto}
.abni-scope img{max-width:6%; height:auto; display:block}

/* ===== Header (Light) ===== */
.abni-scope .modern-header{position:sticky; top:0; z-index:1000; background:var(--surface); border-bottom:1px solid var(--line); box-shadow:var(--shadow)}
.abni-scope .modern-header .modern-container{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 0}

.abni-scope .modern-brand{display:flex; align-items:center; gap:10px; text-decoration:none}
.abni-scope .brand-text{font-weight:800; font-size:clamp(18px,2vw,22px); color:var(--ink)}

 
/* قائمة */
.abni-scope .modern-menu{display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0}
.abni-scope .modern-menu .menu-item > a{
  display:inline-block; padding:10px 12px; border-radius:10px; text-decoration:none;
  color:var(--ink); font-weight:600;
  transition:background-color .18s ease, color .18s ease;
}
.abni-scope .modern-menu .menu-item > a:hover{ background:var(--hover); color:var(--brand) }
.abni-scope .modern-menu .current-menu-item > a,
.abni-scope .modern-menu .current_page_item > a{ background:var(--hover); color:var(--brand) }

/* هامبرجر */
.abni-scope .modern-burger{display:none; width:40px; height:36px; border:0; background:transparent; padding:0; cursor:pointer}
.abni-scope .modern-burger span{display:block; height:2px; background:var(--ink); margin:7px 0}

@media (max-width: 980px){
  .abni-scope .modern-burger{display:block}
  .abni-scope .modern-nav{
    position:fixed; inset-inline-start:0; top:0; bottom:0;
    width:78%; max-width:340px; background:#fff; border-inline-end:1px solid var(--line);
    transform:translateX(100%); transition:transform .25s ease; padding:84px 18px 20px; box-shadow:var(--shadow)
  }
  body.nav-open .abni-scope .modern-nav{ transform:translateX(0) }
  .abni-scope .modern-menu{flex-direction:column; align-items:stretch; gap:4px}
  .abni-scope .modern-menu .menu-item > a{ padding:13px 14px }
}

/* ===== Hero / Content ===== */
.abni-scope .mp-main{display:block}
.abni-scope .mp-hero{padding:64px 0 36px; background:linear-gradient(180deg, #fff, #f9fbfd); border-bottom:1px solid var(--line)}
.abni-scope .mp-title{margin:0 0 10px; font-size:clamp(28px,4vw,44px); color:var(--ink)}
.abni-scope .mp-lead{color:var(--muted); max-width:60ch; margin:0}
.abni-scope .mp-ctas{display:flex; gap:12px; margin-top:16px; flex-wrap:wrap}
.abni-scope .mp-btn{display:inline-block; padding:12px 18px; font-weight:700; border-radius:14px; text-decoration:none; border:1px solid transparent}
.abni-scope .mp-btn-primary{background:var(--brand); color:#fff}
.abni-scope .mp-btn-primary:hover{filter:brightness(0.95)}
.abni-scope .mp-btn-outline{background:transparent; color:var(--brand); border-color:var(--brand)}
.abni-scope .mp-btn-outline:hover{background:var(--hover)}

/*.abni-scope .mp-features{padding:28px 0 52px; background:#fff} */
.abni-scope .mp-features{padding:28px 0 52px; background:#f4f6f5}
.abni-scope .mp-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.abni-scope .mp-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow)}
.abni-scope .mp-card h3{margin:0 0 6px; font-size:18px; color:var(--ink)}
.abni-scope .mp-card p{margin:0; color:var(--muted)}
@media (max-width: 900px){ .abni-scope .mp-grid{grid-template-columns:1fr} }

/*.abni-scope .mp-content{padding:28px 0 64px; background:#fff}*/
.abni-scope .mp-content{padding:28px 0 64px; background:#f4f6f5}
/* ✅ الفوتر ثابت أسفل الصفحة */
.abni-scope .modern-footer{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background:#fff; border-top:1px solid var(--line);
  padding:20px 0; text-align:center;
}
body.modern-page,
.abni-scope{
  font-family: 'Alexandria', system-ui, -apple-system, "Segoe UI", Roboto, "Noto Kufi Arabic", "Tajawal", Arial, sans-serif;
}
.abni-scope .modern-footer p{margin:0; color:var(--muted); font-size:14px}