/* ══════════════════════════════════════════════════════════════
   آفاق — تلميع الواجهة العامة (2026-10-21)
   1) دورة واحدة: عرض مميز بعرض الصفحة   2) دورتان: شبكة متوازنة
   3) الناف بار: زر «سجل الآن» والقائمة المنسدلة   4) ضبط الآيباد
   ══════════════════════════════════════════════════════════════ */

/* ── 1) العرض المميز لدورة واحدة ── */
.nx-spot{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;margin:0.4rem auto 0;max-width:1120px;border:1px solid #d7e3f0;border-radius:1.4rem;background:#fff;overflow:hidden;box-shadow:0 18px 44px rgb(22 58 122 / .10)}
.nx-spot-cover{position:relative;display:block;min-height:22rem;background:#0f2c5e;overflow:hidden}
.nx-spot-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.nx-spot:hover .nx-spot-cover img{transform:scale(1.03)}
.nx-spot-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(15,44,94,0) 45%,rgba(15,44,94,.55) 100%)}
.nx-spot-cover-tag{position:absolute;top:1rem;inset-inline-end:1rem;z-index:2;padding:.38rem .9rem;border-radius:999px;background:#fff;color:#163a7a;font-family:var(--font-display);font-size:.78rem;font-weight:800;box-shadow:0 6px 16px rgb(0 0 0 / .18)}
.nx-spot-copy{display:flex;flex-direction:column;justify-content:center;gap:.85rem;padding:2.3rem 2.4rem 2.1rem;text-align:start}
.nx-spot-kicker{margin:0;display:flex;align-items:center;gap:.6rem;color:#8e5a08;font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.02em}
.nx-spot-kicker::before{content:"";width:1.6rem;height:2px;background:#e2b33a;border-radius:2px}
.nx-spot-nelc{padding:.12rem .55rem;border-radius:999px;background:#eef3fb;color:#163a7a;font-size:.72rem}
.nx-spot-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.4vw,2.05rem);font-weight:800;line-height:1.35;color:#102c5e}
.nx-spot-title a{color:inherit;text-decoration:none}
.nx-spot-title a:hover{color:#163a7a}
.nx-spot-desc{margin:0;color:#4a5b76;font-size:.98rem;line-height:1.95;max-width:34rem}
.nx-spot-meta{list-style:none;margin:.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .9rem}
.nx-spot-meta li{display:flex;align-items:center;gap:.55rem;color:#2f4a6d;font-size:.88rem;font-weight:600}
.nx-spot-ic{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:.6rem;background:#eef3fb;position:relative}
.nx-spot-ic::after{content:"";position:absolute;inset:0;margin:auto;width:56%;height:56%;background:#163a7a;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.nx-spot-ic--clock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
.nx-spot-ic--screen{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='11.5' rx='1.8'/%3E%3Cpath d='M9 20h6M12 16.5V20'/%3E%3C/svg%3E")}
.nx-spot-ic--lang{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18'/%3E%3C/svg%3E")}
.nx-spot-ic--award{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='5'/%3E%3Cpath d='M9 13.5L7.5 21l4.5-2.5 4.5 2.5L15 13.5'/%3E%3C/svg%3E")}
.nx-spot-foot{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;margin-top:.6rem;padding-top:1.1rem;border-top:1px solid #e6eef7}
.nx-spot-price{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:#102c5e;margin-inline-end:auto}
.nx-spot-go,.nx-spot-reg{display:inline-flex;align-items:center;gap:.5rem;min-height:2.7rem;padding:.5rem 1.25rem;border-radius:999px;font-family:var(--font-display);font-size:.9rem;font-weight:800;text-decoration:none;transition:background .18s,color .18s,transform .12s}
.nx-spot-go{background:#163a7a;color:#fff}
.nx-spot-go i{width:.55rem;height:.55rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-inline-start:.1rem}
.nx-spot-go:hover{background:#102c5e;color:#fff;transform:translateY(-1px)}
.nx-spot-reg{border:1.5px solid #e2b33a;color:#8e5a08;background:#fff}
.nx-spot-reg:hover{background:#fff8e6;color:#8e5a08}
.nx-courses .nx-courses-trust{margin-top:1.8rem}

/* ── 2) دورتان ── */
.nx-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:1120px;margin:0.4rem auto 0}
.nx-duo .nx-mcard{width:auto;max-width:none}

/* ── 3) الناف بار ── */
.nx-cta{gap:.55rem;min-height:2.65rem;padding:.42rem 1.25rem .42rem 1rem;font-size:.9rem;letter-spacing:.01em;box-shadow:0 6px 16px rgb(22 58 122 / .18);border:1.5px solid transparent;transition:background .18s,box-shadow .18s,transform .12s,border-color .18s}
.nx-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgb(22 58 122 / .24);border-color:#e2b33a}
.nx-cta:active{transform:translateY(0)}
.nx-cta-arrow{display:inline-block;width:.5rem;height:.5rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);font-size:0;line-height:0;opacity:.95}
.nx-header .nav-burger-panel{width:min(90vw,19.5rem);padding:.45rem;border-radius:1.1rem;border:1px solid #d7e3f0;box-shadow:0 22px 48px rgb(22 58 122 / .16)}
.nx-header .nav-burger-panel>a{display:flex;align-items:center;gap:.7rem;min-height:2.9rem;padding:.55rem .95rem;border-radius:.75rem;color:#1f3a63;font-size:.95rem;font-weight:700;text-decoration:none}
.nx-header .nav-burger-panel>a::before{content:"";width:.35rem;height:.35rem;border-radius:50%;background:#c9d6e6;flex:0 0 auto;transition:background .15s,transform .15s}
.nx-header .nav-burger-panel>a:hover{background:#eef4fb;color:#163a7a}
.nx-header .nav-burger-panel>a:hover::before{background:#e2b33a;transform:scale(1.3)}
.nx-header .nav-burger-foot{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.45rem;padding:.65rem .5rem .35rem;border-top:1px solid #e6eef7}
.nx-header .nav-burger-foot a.btn{display:inline-flex !important;justify-content:center;min-height:2.6rem;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:.9rem}
.nx-header .nav-burger-foot a.btn-primary{background:#163a7a;border-color:#163a7a;color:#fff}
.nx-header .nav-burger-foot a.btn-primary:hover{background:#102c5e;border-color:#102c5e}
.nx-header .nav-burger-foot a.btn-outline{border:1.5px solid #c9d6e6;color:#163a7a;background:#fff}
.nx-header .nav-burger-foot a.btn-outline:hover{background:#eef4fb}
.nx-header .nav-burger-btn{transition:background .15s,border-color .15s}
.nx-header .nav-burger-btn:hover{background:#eef4fb;border-color:#c5d4e6}

/* ── 4) الآيباد والشاشات المتوسطة (641px – 1100px) ── */
@media (max-width:1100px) and (min-width:641px){
  .nx-hero-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.4rem;padding:1.3rem 0 .6rem}
  .nx-hero-copy{padding-block:.6rem .4rem}
  .nx-title{font-size:clamp(2.3rem,5.4vw,3.2rem)}
  .nx-lead,.nx-note{max-width:30rem}
  .nx-hero-art{grid-template-columns:minmax(0,1fr);justify-items:center}
  .nx-side-quotes{display:none}
  .nx-hero-mark-wrap{width:min(100%,19rem)}
  .nx-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;margin-top:1.4rem}
  .nx-feat{padding:1.05rem 1.1rem;border:1px solid #e3ebf5;border-radius:1rem;background:#fff;text-align:start;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.2rem .85rem;align-items:center}
  .nx-feat .nx-feat-ic{grid-row:1/3}
  .nx-intro-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1.6rem 2rem;align-items:start}
  .nx-intro-copy{align-items:flex-start;text-align:start}
  .nx-intro-lead{margin:0}
  .nx-intro-art{display:none}
  .nx-intro-points{align-items:stretch;padding:0}
  .nx-intro-point{width:100%;margin:0 !important}
  .nx-courses-head{margin-bottom:1.4rem}
  .nx-spot{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  .nx-spot-cover{min-height:18rem}
  .nx-spot-copy{padding:1.7rem 1.6rem 1.5rem;gap:.7rem}
  .nx-spot-meta{grid-template-columns:1fr 1fr}
  .nx-duo{gap:1rem}
  .nx-path-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem;column-gap:1.2rem}
  .nx-final-copy{padding:2.2rem 2rem 2.2rem 38%}
}

/* ── الجوال ── */
@media (max-width:640px){
  .nx-spot{grid-template-columns:1fr;border-radius:1.1rem;margin-inline:0}
  .nx-spot-cover{min-height:12.5rem}
  .nx-spot-copy{padding:1.3rem 1.1rem 1.2rem;gap:.65rem}
  .nx-spot-title{font-size:1.35rem}
  .nx-spot-desc{font-size:.9rem;line-height:1.8}
  .nx-spot-meta{grid-template-columns:1fr;gap:.45rem}
  .nx-spot-foot{gap:.6rem}
  .nx-spot-go,.nx-spot-reg{flex:1 1 auto;justify-content:center;min-height:2.6rem;padding-inline:1rem}
  .nx-spot-price{flex-basis:100%;margin:0}
  .nx-duo{grid-template-columns:1fr;gap:.9rem}
  .nx-header .nav-burger-panel{width:min(92vw,20rem)}
}

/* ── الفاصل الهندسي أسفل القسم الرئيسي (الصورة المرجعية نفسها، بلا خلفية بيضاء) ── */
.hz-strip{position:relative;z-index:2;width:100%;display:block;line-height:0;aspect-ratio:2000/229;overflow:visible;margin-top:.4rem}
.hz-strip img{display:block;width:100%;height:100%;object-fit:fill}
@keyframes hzStripIn{from{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}
@keyframes hzStripDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
.hz-strip img{animation:hzStripFade 1.1s ease-out .1s both}
@keyframes hzStripFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.hz-strip img{animation:none}}
@media (max-width:640px){.hz-strip{aspect-ratio:2000/274;margin-top:.6rem}}


/* ── خلفية الهيرو المرجعية ── */
.nx-hero.nx-hero{background:#f5f8fc url("../img/afaq-hero-bg.webp") left top / cover no-repeat}
.nx-hero .nx-shard{display:none}
.nx-hero .nx-hero-mark{mix-blend-mode:normal}
@media (min-width:1500px){.nx-hero.nx-hero{background-size:cover;background-position:left center}}
@media (max-width:640px){
  .nx-hero.nx-hero{background:#f5f8fc url("../img/afaq-hero-bg-m.webp") center top / cover no-repeat}
}
/* ── end hero bg ── */

/* ── ثبات الشعار والفاصل في نهاية القسم ── */
.nx-hero .nx-hero-mark-wrap,.nx-hero .nx-hero-mark{animation:none!important;transform:none!important}
.nx-hero.nx-hero{padding-bottom:0}
.nx-hero .hz-strip{margin-top:1.4rem;margin-bottom:0}
@media (max-width:640px){.nx-hero .hz-strip{margin-top:1.2rem}}
/* ── end mark/strip ── */




/* ── زر الهيدر «سجل الآن / لوحتي»: تصميم جديد موحّد مع أزرار الدورات ── */
.nx-header .nx-cta{position:relative;gap:.6rem;min-height:2.7rem;padding:.4rem 1.15rem .4rem .5rem;border-radius:.75rem;border:0;background:linear-gradient(135deg,#2563c7,#163a7a);color:#fff!important;font-size:.9rem;font-weight:700;letter-spacing:0;box-shadow:0 8px 18px rgb(22 58 122 / .22),inset 0 1px 0 rgb(255 255 255 / .16);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.nx-header .nx-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .16) 50%,transparent 65%);transform:translateX(120%);transition:transform .5s ease}
.nx-header .nx-cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgb(22 58 122 / .3),inset 0 1px 0 rgb(255 255 255 / .16);background:linear-gradient(135deg,#2563c7,#163a7a)}
.nx-header .nx-cta:hover::before{transform:translateX(-120%)}
.nx-header .nx-cta:active{transform:translateY(0)}
.nx-header .nx-cta-arrow{order:1;position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.5rem;background:rgb(255 255 255 / .16);border:0;transform:none;opacity:1;transition:background .18s ease}
.nx-header .nx-cta-arrow::before{content:"";width:.5rem;height:.5rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-inline-start:.15rem}
.nx-header .nx-cta:hover .nx-cta-arrow{background:#f5b400}
.nx-header .nx-cta:hover .nx-cta-arrow::before{border-color:#0f2a5f}
@media (max-width:1100px){
  .nx-header .nx-cta{min-height:2.35rem;padding:.3rem .85rem .3rem .4rem;font-size:.8rem;gap:.45rem;border-radius:.65rem}
  .nx-header .nx-cta-arrow{width:1.5rem;height:1.5rem;border-radius:.45rem}
}

/* ── عناوين الأقسام: التصميم الأصلي، في سطر واحد فقط ── */
.nx-intro-title-a,.nx-intro-title-b,.nx-courses-title-a,.nx-courses-title-b.nx-tb-d,.nx-path-title-a,.nx-path-title-b{display:inline!important}
.nx-intro-title-a::after,.nx-courses-title-a::after,.nx-path-title-a::after{content:" "}
@media (max-width:640px){.nx-courses-title-b.nx-tb-m{display:inline!important}}

/* ── شعار الهيدر: الشعار الرسمي بدقة عالية ── */
.nx-logo{gap:0}
.nx-header .nx-logo-lockup{height:3.2rem;width:auto;max-width:none;display:block;object-fit:contain}
@media (max-width:1100px){.nx-header .nx-logo-lockup{height:2.6rem}}
@media (max-width:640px){.nx-header .nx-logo-lockup{height:2.25rem;max-width:11rem}}

/* ── الشعار في التذييل: أكبر ومتوازن ── */
.nx-foot .nx-foot-logo{width:min(27rem,100%);margin-bottom:1.1rem;overflow:visible}
.nx-foot .nx-foot-logo img{width:100%;height:auto;object-fit:contain}
.nx-foot .nx-foot-brand p{max-width:26rem}
.nx-foot .nx-foot-logo-card--afaq img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:88%;max-height:74%;transform:translate(-50%,-50%)}
@media (max-width:860px){
  .nx-foot .nx-foot-logo{width:min(19rem,92%);margin-inline:auto;margin-bottom:1rem}
}
@media (min-width:861px){
  .nx-foot .nx-foot-inner{grid-template-columns:minmax(0,1.9fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.45fr);gap:2.2rem}
  .nx-foot .nx-foot-logo{width:min(24rem,100%)}
}

/* ── التذييل على الجوال: أقصر وأخف ── */
@media (max-width:860px){
  .nx-foot .nx-foot-inner{gap:1.2rem .9rem;padding:1.5rem 0 1.3rem}
  .nx-foot .nx-foot-logo{width:min(12.5rem,70%);margin-bottom:.6rem}
  .nx-foot .nx-foot-brand p{font-size:.8rem;line-height:1.7;max-width:20rem}
  .nx-foot h2{margin-bottom:.45rem;font-size:.86rem}
  .nx-foot .nx-foot-col a{font-size:.8rem;padding:.22rem 0}
  .nx-foot .nx-foot-logos{gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}
  .nx-foot .nx-foot-logo-card{height:3.6rem;border-radius:6px}
  .nx-foot .nx-foot-logo-card img{max-width:86%;max-height:76%}
  .nx-foot .nx-foot-logo-card--tvtc img,.nx-foot .nx-foot-logo-card--nelc img,.nx-foot .nx-foot-logo-card--vision img{width:auto;max-width:94%;max-height:88%}
  .nx-foot .nx-foot-logo-card--afaq img{max-width:88%;max-height:70%}
  .nx-foot .nx-foot-bar-inner{padding:.8rem 0;font-size:.74rem;line-height:1.6}
}
@media (max-width:420px){
  .nx-foot .nx-foot-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx-foot .nx-foot-logo-card{height:3.4rem}
}

/* ── شعارات الشركاء: متوازنة وواضحة ── */
.nx-foot .nx-foot-logo-card--nelc img{width:auto;max-width:90%;max-height:78%}
@media (max-width:860px){
  .nx-foot .nx-foot-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .nx-foot .nx-foot-logo-card{height:4.6rem;border-radius:8px}
  .nx-foot .nx-foot-logo-card img{max-width:90%;max-height:82%}
  .nx-foot .nx-foot-logo-card--vision img{max-width:88%;max-height:90%}
  .nx-foot .nx-foot-logo-card--nelc img{max-width:92%;max-height:80%}
  .nx-foot .nx-foot-logo-card--tvtc img{width:auto;max-width:94%;max-height:70%}
  .nx-foot .nx-foot-logo-card--afaq img{max-width:90%;max-height:72%}
}


/* ── شعارات الشركاء: رؤية 2030 في صف وحدها، والاثنان تحتها (كل المقاسات) ── */
.nx-foot .nx-foot-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
.nx-foot .nx-foot-logo-card--vision{grid-column:1 / -1}
.nx-foot .nx-foot-logo-card--vision img{max-width:60%;max-height:84%}
@media (max-width:860px){.nx-foot .nx-foot-logo-card--vision img{max-width:56%;max-height:86%}}

/* ── نص الهيرو: إيقاع موحّد بين العنوان والسطرين والفاصل ── */
.nx-hero .nx-title{line-height:1.1;margin:0 0 .35rem}
.nx-hero .nx-lead{margin:0;font-size:clamp(1.15rem,1.7vw,1.38rem);font-weight:600;line-height:1.5;color:#1d4478}
.nx-hero .nx-lead::after{width:2.8rem;height:3px;margin:.95rem 0 .9rem;border-radius:99px}
.nx-hero .nx-note{margin:0;gap:.15rem;color:#56708e;font-size:1.04rem;font-weight:500;line-height:1.6}
.nx-hero .nx-note span{line-height:1.6}
@media (max-width:640px){
  .nx-hero .nx-title{margin-bottom:.3rem}
  .nx-hero .nx-lead{font-size:1.1rem;margin:0 auto;max-width:20rem;text-align:center}
  .nx-hero .nx-lead::after{margin:.8rem auto .75rem}
  .nx-hero .nx-note{font-size:.98rem;line-height:1.55;gap:.1rem}
}

/* ── التذييل على الآيباد (641–1100): تخطيط من صفّين بدل الأعمدة الضيقة ── */
@media (min-width:861px) and (max-width:1100px){
  .nx-foot .nx-foot-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.8fr);gap:1.8rem 2rem;padding:2.6rem 0 2.2rem}
  .nx-foot .nx-foot-partners{grid-column:1 / -1}
  .nx-foot .nx-foot-logo{width:min(18rem,100%)}
  .nx-foot .nx-foot-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:40rem}
  .nx-foot .nx-foot-logo-card--vision{grid-column:auto}
  .nx-foot h2{white-space:nowrap}
}
@media (min-width:641px) and (max-width:860px){
  .nx-foot .nx-foot-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2rem;padding:2.2rem 0 1.8rem}
  .nx-foot .nx-foot-brand,.nx-foot .nx-foot-partners{grid-column:1 / -1}
  .nx-foot .nx-foot-brand{display:flex;flex-direction:column;align-items:center;text-align:center}
  .nx-foot .nx-foot-logo{width:min(16rem,70%);margin:0 auto .8rem}
  .nx-foot .nx-foot-brand p{max-width:30rem}
  .nx-foot .nx-foot-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
  .nx-foot .nx-foot-logo-card{height:4.4rem}
  .nx-foot .nx-foot-logo-card--vision{grid-column:auto}
  .nx-foot .nx-foot-logo-card--vision img{max-width:80%;max-height:84%}
}

.nx-header .nx-login{display:inline-flex;align-items:center;min-height:2.5rem;padding:.35rem .9rem;border-radius:.75rem;color:#163a7a;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s}
.nx-header .nx-login:hover{background:#eef4fb}
@media (max-width:1100px){.nx-header .nx-login{min-height:2.2rem;padding:.3rem .65rem;font-size:.8rem}}