/* أقسام الأوقاف والمبرات (kit-waqf.js): كل لون من متغيرات الهوية، والتجاوب باستعلامات الحاوية */
.sx{--x-lime:color-mix(in srgb,var(--x-ac2B) 72%,#fff);--x-q:"Amiri",serif}

/* عنوان القسم: شارة الرمز وخط يُرسم */
.xsh{display:grid;gap:8px;justify-items:center;text-align:center;margin-bottom:30px}
.xsh.l{justify-items:start;text-align:right}
.xsh-k{display:inline-flex;align-items:center;gap:8px;color:var(--x-ac);font-weight:700;font-size:14px}
.xsh-k i{width:9px;height:9px;border-radius:3px;background:var(--x-ac2);transform:rotate(45deg);box-shadow:0 0 0 4px color-mix(in srgb,var(--x-ac2) 22%,transparent)}
.xsh .xsub{max-width:60ch}
.xorn{width:120px;height:10px}
.xorn path{stroke:var(--x-ac2);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-dasharray:140;animation:xw-draw 5s ease-in-out infinite}
@keyframes xw-draw{0%{stroke-dashoffset:140}45%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-140}}
@keyframes xw-spin{to{transform:rotate(360deg)}}
@keyframes xw-pulse{70%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes xw-shim{to{background-position:-200% 0}}
@keyframes xw-kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-2%,1%)}}
@keyframes xw-wave{to{transform:translateX(-50%)}}
@keyframes xw-mq{to{transform:translateX(50%)}}
@keyframes xw-pop{from{transform:translateY(10px);opacity:.3}}

/* فاصل الأمواج المتحركة: ثلاث طبقات أعلى القسم، آخرها بلونه */
.xs{--sbg:var(--x-bg)}
.xs[data-bg=soft]{--sbg:var(--x-soft)}.xs[data-bg=surface]{--sbg:var(--x-surfaceB)}.xs[data-bg=dark]{--sbg:var(--x-deep)}.xs[data-bg=accent]{--sbg:var(--x-acB)}
.xs[data-div=flow]{z-index:2}
.xflow{position:absolute;inset-inline:0;top:-62px;height:64px;overflow:hidden;pointer-events:none;z-index:3}
.xflow svg{position:absolute;bottom:0;left:0;width:200%;height:100%}
.xflow .a{fill:var(--x-ac2B);opacity:.22;animation:xw-wave 22s linear infinite}
.xflow .b{fill:var(--x-ac2B);opacity:.42;animation:xw-wave 14s linear infinite reverse}
.xflow .c{fill:var(--sbg);animation:xw-wave 30s linear infinite}
.xflow.o .a{opacity:.32}.xflow.o .b{opacity:.55}

/* ===== بطل البيان ===== */
.xt-hero.xv20{background:var(--x-deep);color:#fff;min-height:760px;display:grid;align-items:center;padding-block:130px 150px;overflow:hidden;--x-ink:#fff}
.xwh-slides,.xwh-slides .xim{position:absolute;inset:0;width:100%;height:100%;border-radius:0;margin:0}
.xwh-slides .xim{opacity:0;animation:xw-slide 28s infinite}
.xwh-slides .xim:nth-child(2){animation-delay:7s}.xwh-slides .xim:nth-child(3){animation-delay:14s}.xwh-slides .xim:nth-child(4){animation-delay:21s}
.xwh-slides .xim img,.xwh-slides .xim svg{width:100%;height:100%;object-fit:cover}
@keyframes xw-slide{0%{opacity:0;transform:scale(1.12)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1)}100%{opacity:0}}
.xwh-slides::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,color-mix(in srgb,var(--x-deep) 95%,transparent) 0%,color-mix(in srgb,var(--x-deep) 80%,transparent) 38%,color-mix(in srgb,var(--x-deep) 50%,transparent) 70%,color-mix(in srgb,var(--x-deep) 35%,transparent)),linear-gradient(0deg,var(--x-deep),transparent 40%)}
.xwh-lat{position:absolute;width:780px;height:780px;left:-220px;top:-160px;opacity:.13;animation:xw-spin 140s linear infinite;pointer-events:none}
.xwh-lat g{fill:none;stroke:var(--x-lime);stroke-width:.6}
.xwh-seeds{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.xwh-seeds i{position:absolute;bottom:-20px;left:var(--x);width:calc(8px*var(--s));height:calc(8px*var(--s));border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--x-lime) 90%,transparent),transparent 70%);animation:xw-seed var(--t) linear infinite;animation-delay:var(--dl)}
@keyframes xw-seed{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}50%{transform:translate(14px,-50vh)}90%{opacity:.6}100%{transform:translate(-8px,-100vh);opacity:0}}
.xwh{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.xwh-lic{display:inline-flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:99px;padding:5px 16px 5px 10px;font-size:14px;backdrop-filter:blur(6px)}
.xwh-lic i{width:10px;height:10px;border-radius:3px;background:var(--x-lime);transform:rotate(45deg)}
.xt-hero.xv20 .xh1{font-size:calc(clamp(34px,5.2cqi,66px)*var(--x-scale));margin-block:22px 26px;color:#fff}
.xwh-hl{display:block;color:var(--x-lime);position:relative;width:max-content;max-width:100%}
.xwh-hl svg{position:absolute;inset-inline:0;bottom:-14px;width:100%;height:18px}
.xwh-hl path{fill:none;stroke:var(--x-ac2B);stroke-width:5;stroke-linecap:round;stroke-dasharray:600;animation:xw-ul 6s ease-in-out infinite}
@keyframes xw-ul{0%{stroke-dashoffset:600}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-600}}
.xwh-q{font-family:var(--x-q);font-size:clamp(20px,2.4cqi,25px);line-height:1.9;color:#e4f0de;max-width:40ch}
.xt-hero.xv20 .xb.s{border-color:#ffffff55;color:#fff;background:transparent}
.xwh-led{background:#ffffff12;border:1px solid #ffffff2b;border-radius:24px;padding:24px;backdrop-filter:blur(14px);display:grid;gap:18px;box-shadow:0 30px 80px -30px #000a}
.xwh-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.xwh-top small{color:#cfe3c8;font-size:13.5px}
.xwh-big{font-size:52px;font-weight:800;line-height:1;color:#fff;font-family:var(--x-fd)}
.xwh-big em{font-style:normal;font-size:18px;color:var(--x-lime);margin-inline-start:6px}
.xwh-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.xwh-ri{width:46px;height:46px;border-radius:12px;overflow:hidden}
.xwh-ri img,.xwh-ri svg{width:100%;height:100%;object-fit:cover}
.xwh-row b{font-size:15px;display:block}
.xwh-row small{color:#cfe3c8;font-size:12.5px}
.xwh-bar{display:block;height:7px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin-top:6px}
.xwh-bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--x-ac2B),var(--x-lime),var(--x-ac2B));background-size:200% 100%;animation:xw-shim 3s linear infinite}
.xwh-pc{font-weight:700;font-size:15px;color:var(--x-lime)}
.xwh-foot{display:flex;justify-content:space-between;color:#cfe3c8;font-size:13px;border-top:1px solid #ffffff22;padding-top:14px}
.xwh-foot b{color:#fff}
.xwh-stats{position:relative;margin-top:56px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.xwh-stats>div{background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:18px 10px 16px;text-align:center;backdrop-filter:blur(8px)}
.xwh-stats b{display:block;font-size:clamp(34px,4.6cqi,56px);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-bottom:4px;font-family:var(--x-fd)}
.xwh-stats sup{color:var(--x-lime);font-size:.55em}
.xwh-stats span{font-size:14.5px;font-weight:600;color:#e2efdc}
.xwh-stats b span{font:inherit;color:inherit}
.xt-hero.xv20>.xw{position:relative}
.xwh-waves{position:absolute;inset-inline:0;bottom:-1px;height:90px;overflow:hidden;pointer-events:none}
.xwh-waves svg{position:absolute;bottom:0;left:0;width:200%;height:100%}
.xwh-waves .w1{fill:var(--x-ac2B);opacity:.35;animation:xw-wave 18s linear infinite}
.xwh-waves .w2{fill:var(--x-lime);opacity:.6;animation:xw-wave 11s linear infinite reverse}
.xwh-waves .w3{fill:var(--x-bgB);animation:xw-wave 24s linear infinite}
@container sx (max-width:960px){.xwh{grid-template-columns:1fr}.xwh-lat{display:none}}
@container sx (max-width:760px){.xt-hero.xv20{padding-bottom:120px}.xwh-stats{margin-top:36px;grid-template-columns:repeat(2,1fr)}.xwh-stats>div:last-child{grid-column:1/-1}}

/* ===== من نحن: الحديث والمسيرة ===== */
.xab{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.xab-t{display:grid;gap:18px}
.xab-t .xsh{margin-bottom:0}
.xab-pl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.xab-pi{background:var(--x-surfaceB);border-radius:16px;padding:16px;display:grid;gap:6px;box-shadow:0 1px 0 var(--x-line),0 10px 30px -22px color-mix(in srgb,var(--x-deep) 40%,transparent)}
.xab-pi .xic{color:var(--x-ac)}
.xab-pi b{font-size:16px}
.xab-pi small{color:var(--x-muted);font-size:13.5px;line-height:1.6}
.xab-h{position:relative;border-radius:28px;overflow:hidden;background:var(--x-deep);color:#eaf4e4;padding:44px 40px;min-height:360px;display:grid;align-content:center;gap:16px;margin:0}
.xab-h::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0 70%,color-mix(in srgb,var(--x-ac2B) 40%,transparent) 80%,transparent 90%);animation:xw-spin 12s linear infinite}
.xab-h::after{content:"";position:absolute;inset:2px;border-radius:26px;background:radial-gradient(600px 300px at 80% 0%,color-mix(in srgb,var(--x-ac) 70%,var(--x-deep)),var(--x-deep) 70%)}
.xab-h>*{position:relative;z-index:1}
.xab-qm{font-family:var(--x-q);font-size:110px;line-height:.5;color:var(--x-ac2B);height:40px}
.xab-h p{font-family:var(--x-q);font-size:clamp(21px,2.4cqi,28px);line-height:1.9}
.xab-h small{color:#b9d4b0;font-size:14px}
.xab-tl{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:18px}
.xab-tl::before{content:"";position:absolute;top:13px;inset-inline:6%;height:2px;background:var(--x-line)}
.xab-tl::after{content:"";position:absolute;top:13px;right:6%;height:2px;width:88%;background:linear-gradient(270deg,var(--x-ac2B),var(--x-ac));transform-origin:right;animation:xw-grow 6s ease-in-out infinite}
@keyframes xw-grow{0%{transform:scaleX(0)}50%,85%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.xab-tl>div{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:6px}
.xab-tl i{width:28px;height:28px;border-radius:50%;background:var(--x-surfaceB);border:3px solid var(--x-ac2B);display:block}
.xab-tl>div:last-child i{background:var(--x-ac2B);animation:xw-pulse 2s infinite;box-shadow:0 0 0 0 color-mix(in srgb,var(--x-ac2B) 55%,transparent)}
.xab-tl b{color:var(--x-ac);font-size:18px}
.xab-tl span{font-size:14px;color:var(--x-muted);max-width:24ch}
@container sx (max-width:900px){.xab{grid-template-columns:1fr}.xab-tl{grid-template-columns:1fr 1fr;row-gap:26px}.xab-tl::before,.xab-tl::after{display:none}}
@container sx (max-width:520px){.xab-pl{grid-template-columns:1fr}}

/* ===== سجلّ الأصول ===== */
.xas-sum{display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--x-ink) 3%,var(--x-bg));border-radius:20px;margin-bottom:28px}
.xas-sum>div{padding:16px 22px;display:flex;align-items:center;gap:14px}
.xas-sum>div+div{border-inline-start:1px solid var(--x-line)}
.xas-sum .xic{color:var(--x-ac)}
.xas-sum b{display:block;font-size:24px;font-weight:800;line-height:1.2;font-family:var(--x-fd)}
.xas-sum small{color:var(--x-muted);font-size:13px}
.xas-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.sx .xas-tab{position:relative;display:flex;align-items:center;gap:14px;text-align:right;background:color-mix(in srgb,var(--x-ink) 3%,var(--x-bg));border-radius:18px;padding:12px;overflow:hidden;color:var(--x-ink)}
.xas-ti{width:58px;height:58px;border-radius:12px;overflow:hidden;flex:none}
.xas-ti img,.xas-ti svg{width:100%;height:100%;object-fit:cover}
.xas-tab b{display:block;font-size:16.5px}
.xas-tab small{font-size:13px;color:var(--x-muted);display:flex;align-items:center;gap:6px}
.xas-tab small i{width:8px;height:8px;border-radius:50%;background:var(--x-ac2B)}
.xas-tab small i.w{background:#c9a54a}
.sx .xas-tab.on{background:var(--x-deep);color:#fff}
.xas-tab.on small{color:#cfe3c8}
.xas-prog{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--x-ac2B);transform:scaleX(0);transform-origin:right}
.xas-tab.on .xas-prog{animation:xw-tprog var(--dur,9s) linear forwards}
.xas.hold .xas-tab.on .xas-prog{animation-play-state:paused}
@keyframes xw-tprog{to{transform:scaleX(1)}}
.xas-pane{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;background:color-mix(in srgb,var(--x-ink) 3%,var(--x-bg));border-radius:28px;padding:22px}
.xas-pane[hidden]{display:none}
.xas-pic{position:relative;border-radius:22px;overflow:hidden;background:var(--x-deep);aspect-ratio:1/1;align-self:start}
.xas-pic .xim{width:100%;height:100%;border-radius:0}
.xas-pic img,.xas-pic svg{width:100%;height:100%;object-fit:cover;animation:xw-kb 18s ease-in-out infinite alternate}
.xas-badge{position:absolute;top:16px;right:16px;background:#fff;color:var(--x-ac);font-weight:700;font-size:14px;border-radius:99px;padding:4px 14px;display:flex;align-items:center;gap:8px}
.xas-badge i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:xw-pulse 2s infinite}
.xas-badge.w{color:#8a6100}
.xas-info{display:grid;gap:18px;align-content:start;padding:8px 6px}
.xas-info .xh3{font-size:calc(28px*var(--x-scale))}
.xas-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.xas-facts>div{background:var(--x-surfaceB);border-radius:16px;padding:14px 12px;display:grid;gap:4px;justify-items:start}
.xas-facts .xic{color:var(--x-ac)}
.xas-facts small{color:var(--x-muted);font-size:12.5px}
.xas-facts b{font-size:16px;line-height:1.35}
.xas-rings{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xring2{background:var(--x-surfaceB);border-radius:18px;padding:16px;display:flex;align-items:center;gap:16px}
.xring2 svg{width:92px;height:92px;flex:none;transform:rotate(-90deg)}
.xring2 circle{fill:none;stroke-width:3.2}
.xring2 .bg{stroke:var(--x-line)}
.xring2 .fg{stroke:var(--x-ac);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p));animation:xw-ring 1.4s cubic-bezier(.2,.8,.2,1) both}
.xring2.f .fg{stroke:var(--x-ac2B)}
@keyframes xw-ring{from{stroke-dashoffset:100}}
.xring2 b{font-size:30px;font-weight:800;line-height:1;display:block;font-family:var(--x-fd)}
.xring2 span{color:var(--x-muted);font-size:13.5px}
.xas-money{background:var(--x-surfaceB);border-radius:18px;padding:16px 18px;display:grid;gap:10px}
.xas-mb{display:block;height:14px;border-radius:99px;overflow:hidden;background:var(--x-line)}
.xas-mb i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--x-ac),var(--x-ac2B),var(--x-ac));background-size:200% 100%;animation:xw-shim 4s linear infinite,xw-barin 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes xw-barin{from{width:0}}
.xas-money>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--x-muted)}
.xas-money>div b{display:block;color:var(--x-ink);font-size:20px;font-weight:800}
.xas-money>div>div:last-child{text-align:left}
.xas-units{background:var(--x-surfaceB);border-radius:18px;padding:16px 18px;display:grid;gap:10px}
.xas-uh{display:flex;justify-content:space-between;font-size:14px;color:var(--x-muted);gap:10px;flex-wrap:wrap}
.xas-uh b{color:var(--x-ink)}
.xas-dots{display:grid;grid-template-columns:repeat(auto-fill,11px);gap:5px}
.xas-dots i,.xas-lg i{width:11px;height:11px;border-radius:3px;background:var(--x-line);display:inline-block}
.xas-dots i.on,.xas-lg i.on{background:var(--x-ac)}
.xas-dots i.w,.xas-lg i.w{background:var(--x-ac2B)}
.xas-dots i.m,.xas-lg i.m{background:#c9a54a;border-radius:50%}
.xas-dots i{animation:xw-dot .5s both}
.xas-lg{display:flex;gap:14px;font-size:12.5px;color:var(--x-muted);flex-wrap:wrap}
.xas-lg span{display:inline-flex;align-items:center;gap:6px}
.xas-quiet{font-size:14px;color:var(--x-muted);background:color-mix(in srgb,#c9a54a 14%,var(--x-surfaceB));border-radius:14px;padding:10px 14px}
.xas-links{display:flex;gap:10px;flex-wrap:wrap}
@keyframes xw-dot{from{transform:scale(0)}}
@container sx (max-width:900px){.xas-pane{grid-template-columns:1fr}}
@container sx (max-width:760px){.xas-sum{grid-template-columns:1fr 1fr}.xas-sum>div:nth-child(3){border-inline-start:0}.xas-sum>div:nth-child(n+3){border-top:1px solid var(--x-line)}.xas-tabs{grid-template-columns:1fr}}
@container sx (max-width:620px){.xas-facts{grid-template-columns:1fr 1fr}}
@container sx (max-width:520px){.xas-rings{grid-template-columns:1fr}}

/* ===== دورة الوقف ===== */
.xcy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.xcy-l{position:relative;width:100%;max-width:520px;margin-inline:auto;aspect-ratio:1/1}
.xcy-svg{width:100%;height:100%;display:block}
.xcy-svg .r1{fill:none;stroke:color-mix(in srgb,var(--x-ink) 14%,transparent);stroke-width:2}
.xcy-svg .r2{fill:none;stroke:var(--x-ac2B);stroke-width:2.5;stroke-dasharray:6 14;opacity:.7;transform-origin:200px 200px;animation:xw-spin 60s linear infinite reverse}
.xcy-svg .nd{fill:var(--x-deep);stroke:var(--x-ac2B);stroke-width:2}
.xcy-svg .nt{fill:var(--x-lime);font-size:20px;font-weight:800;font-family:var(--x-fd)}
.xcy-svg .ct{fill:var(--x-ink);font-size:26px;font-weight:800;font-family:var(--x-fd)}
.xcy-svg .cs{fill:var(--x-muted);font-size:14px;font-family:var(--x-fb)}
.xcy-svg .orb{transform-origin:200px 200px;transform-box:view-box;animation:xw-spin 8s linear infinite reverse}
.xcy-svg .o1{animation-delay:-2.66s}.xcy-svg .o2{animation-delay:-5.33s}
.xcy-svg .gl{fill:var(--x-lime);opacity:.28}
.xcy-svg .pt{fill:var(--x-lime)}.xcy-svg .o0 .pt{fill:#fff}
.xcy-steps{display:grid;gap:14px}
.xcy-steps>div{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;background:color-mix(in srgb,var(--x-ink) 6%,transparent);border-radius:18px;padding:14px 16px;animation:xw-step 8s infinite;animation-delay:calc(var(--k) * 2s)}
@keyframes xw-step{0%,25%{background:color-mix(in srgb,var(--x-ac2B) 22%,transparent)}30%,100%{background:color-mix(in srgb,var(--x-ink) 6%,transparent)}}
.xcy-steps .xic{width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--x-ink) 9%,transparent);display:grid;place-items:center;color:var(--x-lime)}
.xcy-steps b{font-size:18px}
.xcy-steps p{font-size:14.5px;color:var(--x-muted)}
@container sx (max-width:900px){.xcy{grid-template-columns:1fr}}

/* ===== البرامج وإيقاع الصرف ===== */
.xpg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.xpg{background:var(--x-surfaceB);border-radius:24px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .35s,box-shadow .35s;box-shadow:0 1px 0 var(--x-line)}
.xpg:hover{transform:translateY(-6px);box-shadow:0 24px 50px -28px color-mix(in srgb,var(--x-deep) 50%,transparent)}
.xpg-im{aspect-ratio:1/1;overflow:hidden;border-radius:0}
.xpg-im img,.xpg-im svg{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.xpg:hover .xpg-im img{transform:scale(1.06)}
.xpg-b{padding:18px 18px 20px;display:grid;gap:12px;align-content:start}
.xpg-amt{font-size:15px;color:var(--x-muted)}
.xpg-amt b{font-size:26px;color:var(--x-ac);font-weight:800}
.xpg-spec>div{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding-block:8px;border-top:1px solid var(--x-line);font-size:14px}
.xpg-spec .i{color:var(--x-ac2B);width:18px;height:18px}
.xpg-spec span{color:var(--x-muted)}
.xpg-spec b{font-weight:600}
.xpg-rh{margin-top:28px;background:var(--x-surfaceB);border-radius:24px;padding:22px 24px;display:grid;gap:14px}
.xpg-rhh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.xpg-rhh b{font-size:19px}
.xpg-rhh small{color:var(--x-muted)}
.xpg-rgw{overflow-x:auto}
.xpg-rg{display:grid;grid-template-columns:150px repeat(12,minmax(44px,1fr));gap:6px 4px;min-width:760px;align-items:center;font-size:13px}
.xpg-rg .mh{text-align:center;color:var(--x-muted);font-size:12px;padding-bottom:4px}
.xpg-rg .mh.now{color:var(--x-ac);font-weight:700}
.xpg-rg .lab{font-weight:600;font-size:14px}
.xpg-rg .c{height:26px;border-radius:8px;background:color-mix(in srgb,var(--x-ink) 4%,var(--x-bg));display:grid;place-items:center}
.xpg-rg .c.now{outline:2px dashed color-mix(in srgb,var(--x-ac2B) 55%,transparent);outline-offset:-2px}
.xpg-rg .c i{width:12px;height:12px;border-radius:50%;background:var(--x-ac);box-shadow:0 0 0 0 color-mix(in srgb,var(--x-ac) 40%,transparent);animation:xw-pulse 2.4s infinite;animation-delay:var(--dl)}
.xpg-rg .c i.y{background:var(--x-ac2B)}
@container sx (max-width:1000px){.xpg-cards{grid-template-columns:1fr 1fr}}
@container sx (max-width:520px){.xpg-cards{grid-template-columns:1fr}}

/* ===== عجلة المواسم ===== */
.xse{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.xse-wheel{width:100%;max-width:540px;margin-inline:auto;display:block;overflow:visible}
.xse-wheel .rim{fill:none;stroke:var(--x-line);stroke-width:2}
.xse-wheel .core{fill:var(--x-surfaceB)}
.xse-wheel .orbit{transform-origin:270px 270px;transform-box:view-box;animation:xw-spin 40s linear infinite reverse}
.xse-wheel .og{fill:#c9a54a;opacity:.18}.xse-wheel .oc{fill:#c9a54a}
.xse-wheel .mn{cursor:pointer;outline:none}
.xse-wheel .hit{fill:transparent}
.xse-wheel .disk{fill:var(--x-surfaceB);stroke:var(--x-line);stroke-width:1.5;transition:all .3s}
.xse-wheel .mn.has .disk{fill:color-mix(in srgb,var(--x-ac2B) 14%,var(--x-surfaceB));stroke:var(--x-ac2B)}
.xse-wheel .mn.sel .disk{fill:var(--x-ac);stroke:var(--x-ac)}
.xse-wheel .mn:focus-visible .disk{stroke:var(--x-ink);stroke-width:3}
.xse-wheel .cres{fill:#c9a54a}
.xse-wheel .mn.sel .cres{fill:#fff}
.xse-wheel .mn text{font-size:12.5px;fill:var(--x-muted);font-family:var(--x-fb);font-weight:600}
.xse-wheel .mn.has text{fill:var(--x-ac)}
.xse-wheel .mn.now text{fill:#8a6100;font-weight:800}
.xse-wheel .cen text{font-family:var(--x-fb)}
.xse-wheel .t1{font-size:16px;fill:var(--x-muted)}
.xse-wheel .t2{font-size:34px;font-weight:800;fill:var(--x-ac);font-family:var(--x-fd)}
.xse-wheel .t3{font-size:15px;fill:#8a6100}
.xse-panel{display:grid;gap:16px}
.xse-pane{display:grid;gap:16px}
.xse-pane[hidden]{display:none}
.xse-when{color:#8a6100;font-weight:700;font-size:14px}
.xse-hd .xh3{font-size:calc(28px*var(--x-scale))}
.xse-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.xse-list.one{grid-template-columns:minmax(0,1fr);max-width:50%}
.xse-it{background:var(--x-surfaceB);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;animation:xw-pop .5s both;box-shadow:0 1px 0 var(--x-line)}
.xse-it .xim{aspect-ratio:1/1;border-radius:0}
.xse-it img,.xse-it svg{width:100%;height:100%;object-fit:cover}
.xse-it>div{padding:10px 12px 12px;display:grid;gap:2px}
.xse-it b,.xse-ayc b{font-size:15px;display:block}
.xse-ayc small{display:block}
.xse-it small,.xse-ayc small{color:var(--x-ac);font-size:13px;font-weight:700}
.xse-ay{display:grid;gap:10px}
.xse-ay>small{color:#8a6100;font-weight:700;font-size:14px}
.xse-ay>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xse-ayc{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;background:var(--x-surfaceB);border-radius:18px;padding:8px;box-shadow:0 1px 0 var(--x-line)}
.xse-ayc .xim{width:84px;height:84px;border-radius:12px;overflow:hidden}
.xse-ayc img,.xse-ayc svg{width:100%;height:100%;object-fit:cover}
@container sx (max-width:900px){.xse{grid-template-columns:1fr}}
@container sx (max-width:480px){.xse-ay>div{grid-template-columns:1fr}.xse-list.one{max-width:none}}

/* ===== المعرض: شريطان متحركان ===== */
.xt-gallery.xv3{overflow:hidden}
.xgm-meta{display:flex;justify-content:center;gap:40px;margin-top:-12px;margin-bottom:34px;flex-wrap:wrap}
.xgm-meta>div{text-align:center}
.xgm-meta b{display:block;font-size:34px;font-weight:800;color:var(--x-ac);line-height:1.2;font-family:var(--x-fd)}
.xgm-meta span{color:var(--x-muted);font-size:14px}
.xgm{display:flex;gap:14px;width:max-content;animation:xw-mq 60s linear infinite}
.xgm>div{display:flex;gap:14px}
.xgm.r{animation-direction:reverse;animation-duration:70s;margin-top:14px}
.xt-gallery.xv3:hover .xgm{animation-play-state:paused}
.sx .xgm-i{border-radius:20px;overflow:hidden;width:340px;aspect-ratio:16/10;flex:none;background:var(--x-line)}
.xgm-i .xim{width:100%;height:100%;border-radius:0}
.xgm-i img,.xgm-i svg{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.xgm-i:hover img{transform:scale(1.06)}
.xzoom{position:fixed;inset:0;z-index:200;background:color-mix(in srgb,var(--x-deep) 90%,transparent);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.xzoom img{max-width:min(1000px,94vw);max-height:84vh;border-radius:18px}

/* ===== الآراء: ورقة متحركة ===== */
.xt-testimonials.xv4{padding-top:calc(64px*var(--x-sp) + 80px);background:color-mix(in srgb,var(--x-deep) 40%,#2e2d2a);--x-ink:#eeeae2}
.xlf-cloud{position:absolute;top:-1px;inset-inline:0;height:90px;width:100%}
.xlf-cloud path{fill:var(--x-bgB)}
.xlf{max-width:980px;margin-inline:auto}
.xlf-p{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:center}
.xlf-p[hidden]{display:none}
.xlf-leaf{width:240px;height:240px;border-radius:50% 50% 50% 8px;background:var(--x-ac2B);padding:12px;position:relative;animation:xw-pop .6s both}
.xlf-leaf .xim{width:100%;height:100%;border-radius:50% 50% 50% 4px;background:#fff;overflow:hidden}
.xlf-leaf img,.xlf-leaf svg{width:100%;height:100%;object-fit:cover}
.xlf-leaf::after{content:"";position:absolute;inset:-10px;border-radius:inherit;border:1.5px dashed color-mix(in srgb,var(--x-lime) 45%,transparent);animation:xw-spin 30s linear infinite}
.xlf-t{display:grid;gap:18px;min-height:250px;align-content:center}
.xlf-t p{font-family:var(--x-q);font-size:clamp(21px,2.4cqi,29px);line-height:1.85;color:#fff}
.xlf-t b{color:var(--x-lime);font-size:17px}
.xlf-prog{display:block;height:3px;background:#ffffff22;border-radius:99px;overflow:hidden}
.xlf-prog i{display:block;height:100%;background:var(--x-ac2B);transform-origin:right;animation:xw-tprog 8s linear both}
.xlf-ths{display:flex;gap:12px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.sx .xlf-th{width:64px;height:64px;border-radius:50% 50% 50% 6px;border:3px solid transparent;overflow:hidden;background:#fff;opacity:.55;transition:all .3s}
.xlf-th .xim{width:100%;height:100%;border-radius:0}
.xlf-th img,.xlf-th svg{width:100%;height:100%;object-fit:cover}
.sx .xlf-th.on{opacity:1;border-color:var(--x-ac2B);transform:translateY(-4px)}
@container sx (max-width:760px){.xlf-p{grid-template-columns:1fr;justify-items:center;text-align:center}.xlf-leaf{width:190px;height:190px}}

/* ===== الشركاء: شعارات بالصور ===== */
.xt-logos.xv2{overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--x-ac2B) 10%,var(--x-bg)),var(--x-bg))}
.xlm{display:flex;gap:16px;width:max-content;animation:xw-mq 50s linear infinite}
.xlm>div{display:flex;gap:16px}
.xlm.r{animation-direction:reverse;margin-top:16px;animation-duration:58s}
/* .xlm اسمٌ يشاركه قسم «المغناطيس» في site-more.css (شبكة بعمودين تصير عموداً في الجوال فتتكرر الشعارات سطرين)، فيُثبَّت هنا بانتقاءٍ أقوى */
.xt-logos .xlm{display:flex;grid-template-columns:none;padding:0;gap:16px}
.xt-logos.xv2:hover .xlm{animation-play-state:paused}
.xlg2{width:190px;height:104px;background:#fff;border-radius:18px;display:grid;place-items:center;padding:16px;flex:none;box-shadow:0 1px 0 var(--x-line)}
.xlg2 .xim{width:100%;height:100%;border-radius:0;background:none;display:grid;place-items:center}
.xlg2 img{max-height:70px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:grayscale(.35);transition:filter .3s}
.xlg2:hover img{filter:none}

/* ===== الثقة: بطاقات بشعار الجهة ===== */
.xtc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.xtc-i{display:flex;align-items:center;gap:18px;background:var(--x-surfaceB);border-radius:20px;padding:18px 22px;box-shadow:0 1px 0 var(--x-line)}
.xtc-lg{width:132px;height:84px;flex:none;display:grid;place-items:center;border-inline-end:1px solid var(--x-line);padding-inline-end:16px}
.xtc-lg .xim{width:100%;height:100%;border-radius:0;background:none;display:grid;place-items:center}
.xtc-lg img{max-width:100%;max-height:84px;width:auto;height:auto;object-fit:contain}
.xtc-i small{color:var(--x-muted);display:block;font-size:13.5px}
.xtc-i b{font-size:19px;display:block}
.xtc-i span{font-size:14px;color:var(--x-muted)}
@container sx (max-width:760px){.xtc{grid-template-columns:1fr}}

/* ===== المقالات: مميز وقائمة ===== */
.xbl{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.xbl-side{display:grid;gap:16px}
.xbl-big{position:relative;border-radius:24px;overflow:hidden;display:block;color:#fff;min-height:440px;background:var(--x-deep)}
.xbl-big .xim{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.xbl-big img,.xbl-big svg{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.xbl-big:hover img{transform:scale(1.05)}
.xbl-big::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--x-deep) 94%,transparent) 10%,transparent 65%)}
.xbl-big>.xbl-tx{position:absolute;inset-inline:0;bottom:0;padding:26px;z-index:1;display:grid;gap:8px}
.xbl-big h3{font-size:calc(26px*var(--x-scale));font-family:var(--x-fd)}
.xbl-chip{display:inline-flex;width:max-content;border-radius:99px;padding:2px 12px;font-size:12.5px;font-weight:700;background:var(--x-ac2B);color:var(--x-on-ac2)}
.xbl-row .xbl-chip{background:color-mix(in srgb,var(--x-ac2B) 16%,transparent);color:var(--x-ac)}
.xbl-m{font-size:13px;opacity:.75}
.xbl-row{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;background:var(--x-surfaceB);border-radius:20px;padding:10px;color:var(--x-ink)}
.xbl-row .xim{width:150px;height:110px;border-radius:14px;overflow:hidden}
.xbl-row img,.xbl-row svg{width:100%;height:100%;object-fit:cover}
.xbl-row h3{font-size:17px;margin-block:4px;font-family:var(--x-fd);line-height:1.45}
.xbl-b{justify-content:center}
@container sx (max-width:900px){.xbl{grid-template-columns:1fr}.xbl-big{min-height:340px}}
@container sx (max-width:480px){.xbl-row{grid-template-columns:100px 1fr}.xbl-row .xim{width:100px;height:90px}}

/* ===== الرأس الشفاف ===== */
.xt-header.xv4{position:absolute;inset-inline:0;top:0;z-index:40;background:transparent;--x-ink:#fff;padding-block:16px}
.xt-header.xv4 .xhd{display:flex;align-items:center;gap:26px}
.xt-header.xv4 .xlogo{height:70px;width:auto;max-width:160px;object-fit:contain}
.xt-header.xv4 .xnav{display:flex;gap:30px;color:#e9f3e5;font-weight:600;font-size:17px;flex-wrap:wrap;align-items:center}
.xt-header.xv4 .xnav a{position:relative;padding-block:4px}
.xt-header.xv4 .xnav a::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--x-ac2B);transform:scaleX(0);transition:transform .3s}
.xt-header.xv4 .xnav a:hover::after,.xt-header.xv4 .xnav a[aria-current]::after{transform:scaleX(1)}
.xt-header.xv4 .xbtns{margin:0 0 0 0;margin-inline-start:auto}
.xt-header.xv4 .xb.s{background:#ffffff1c;border:1px solid #ffffff40;color:#fff;backdrop-filter:blur(6px)}
@container sx (max-width:900px){.xt-header.xv4 .xnav{display:none}}
@container sx (max-width:600px){.xt-header.xv4 .xbtns{display:none}}

/* ===== التذييل الداكن: شريط النشرة، وأربعة أعمدة، والخريطة ===== */
.xt-footer.xv4{color:#cfe3c8;padding-top:calc(48px*var(--x-sp))}
.xfm-band{display:grid;grid-template-columns:auto 1fr minmax(0,420px);gap:18px;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;padding:18px 22px;margin-bottom:44px}
.xfm-bi{width:52px;height:52px;border-radius:16px;background:color-mix(in srgb,var(--x-ac2B) 22%,transparent);display:grid;place-items:center;color:var(--x-lime)}
.xfm-bi svg{width:26px;height:26px}
.xfm-band b{color:#fff;font-size:18px;display:block}
.xfm-band small{font-size:13.5px;color:#b9d4b0}
.xfm-nl{display:flex;gap:8px}
.xfm-nl input{flex:1;min-width:0;border:1px solid #ffffff2e;background:#ffffff12;color:#fff;border-radius:99px;padding:11px 16px;font:inherit;font-size:14.5px}
.xfm-nl input::placeholder{color:#cfe3c8aa}
.xfm-nl .xb{padding:10px 22px}
.xfm{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.15fr;gap:40px;align-items:start}
.xfm b{color:#fff;font-size:15.5px;display:block;margin-bottom:14px}
.xfm-a{display:grid;gap:14px;align-content:start}
.xt-footer.xv4 .xlogo{height:84px;width:auto;max-width:190px;object-fit:contain}
.xfm-a p{font-size:14.5px;line-height:1.9;color:#cfe3c8}
.xfm-soc{display:flex;gap:10px}
.xfm-soc a{width:40px;height:40px;border-radius:12px;background:#ffffff12;display:grid;place-items:center;color:#fff;transition:background .25s,transform .25s}
.xfm-soc a:hover{background:var(--x-ac2B);color:var(--x-on-ac2);transform:translateY(-3px)}
.xfm-soc svg{width:18px;height:18px}
.xfm nav{display:grid;gap:4px}
.xfm nav a{font-size:15px;padding-block:5px;color:#cfe3c8;transition:color .2s,padding .2s;width:max-content}
.xfm nav a:hover{color:#fff;padding-inline-start:6px}
.xfm-c{display:grid;gap:10px}
.xfm-ch{display:flex;align-items:center;gap:12px;color:#cfe3c8}
.xfm-ch i{width:38px;height:38px;border-radius:12px;background:#ffffff12;display:grid;place-items:center;color:var(--x-lime);flex:none;transition:background .25s}
.xfm-ch i svg{width:17px;height:17px}
.xfm-ch:hover i{background:var(--x-ac2B);color:var(--x-on-ac2)}
.xfm-ch small{display:block;font-size:12px;color:#9fbf96}
.xfm-ch b{margin:0;font-size:14.5px;direction:ltr;text-align:right;unicode-bidi:plaintext}
/* قنوات التواصل أيقوناتٍ فقط: مربعاتٌ زجاجية، يتلوّن كلٌّ بلون منصته عند التمرير ويظهر اسمه فوقه */
.xfm-chi{display:grid;grid-template-columns:repeat(3,52px);gap:12px;margin-top:4px}
.xfm-chi a{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#ffffff10;border:1px solid #ffffff1c;color:var(--x-lime);transition:background .3s,color .3s,transform .3s,border-color .3s}
.xfm-chi a i{display:grid;place-items:center}
.xfm-chi svg{width:21px;height:21px}
.xfm-chi a:hover,.xfm-chi a:focus-visible{transform:translateY(-4px);color:#fff;border-color:transparent;background:var(--b,var(--x-ac2B));outline:none;box-shadow:0 12px 24px -12px #000a}
.xfm-chi a::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:#fff;color:#132018;font-size:12px;font-weight:700;border-radius:8px;padding:3px 9px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.xfm-chi a:hover::after,.xfm-chi a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.xfm-chi a[href*="wa.me"]{--b:#25d366}.xfm-chi a[href*="x.com"]{--b:#000}.xfm-chi a[href*="t.me"]{--b:#229ed9}.xfm-chi a[href*="facebook"]{--b:#1877f2}
.xfm-chi a[href*="instagram"]{--b:linear-gradient(45deg,#f9a825,#e1306c 55%,#833ab4)}
.xfm-map{position:relative;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--x-ac) 40%,var(--x-deep));min-height:170px;display:grid;place-items:center;color:#fff}
.xfm-map svg{position:absolute;inset:0;width:100%;height:100%;opacity:.45}
.xfm-map g{stroke:var(--x-lime);stroke-width:1;fill:none}
.xfm-map .rd{stroke-width:2.5}
.xfm-map .pin{position:relative;display:grid;justify-items:center;gap:4px;font-size:15px;font-weight:700}
.xfm-map .pin i{width:18px;height:18px;border-radius:50%;background:var(--x-ac2B);box-shadow:0 0 0 0 color-mix(in srgb,var(--x-lime) 70%,transparent);animation:xw-pulse 2s infinite}
.xfm-map .go{position:absolute;inset-inline:10px;bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;background:#00000040;border-radius:12px;padding:6px 10px;font-size:13px;backdrop-filter:blur(4px);transition:background .25s}
.xfm-map .go svg{width:15px;height:15px}
.xfm-map:hover .go{background:var(--x-ac2B);color:var(--x-on-ac2)}
.xt-footer.xv4 .xft-b{margin-top:40px;border-top:1px solid #ffffff1a;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#9fbf96}
@container sx (max-width:1000px){.xfm{grid-template-columns:1fr 1fr}.xfm-band{grid-template-columns:auto 1fr}.xfm-band .xfm-nl,.xfm-band .tz-nl-ok{grid-column:1/-1}}
@container sx (max-width:560px){.xfm{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .xwh-slides .xim,.xwh-seeds i,.xwh-lat,.xwh-waves svg,.xflow svg,.xorn path,.xwh-hl path,.xab-h::before,.xab-tl::after,.xcy-svg .orb,.xcy-steps>div,.xcy-svg .r2,.xgm,.xlm,.xse-wheel .orbit,.xlf-leaf::after,.xas-pic img,.xpg-rg .c i{animation:none!important}
  .xwh-slides .xim:first-child{opacity:1}
}

/* ===== عنوان صفحة داخلية ===== */
.xt-hero.xv21{background:var(--x-deep);color:#fff;--x-ink:#fff;padding-block:150px 120px;overflow:hidden;text-align:center}
.xpgt{display:grid;gap:14px;justify-items:center;max-width:760px;margin-inline:auto}
.xt-hero.xv21 .xh1{color:#fff;font-size:calc(clamp(32px,4.6cqi,54px)*var(--x-scale))}
.xt-hero.xv21 .xlead{color:#cfe3c8;margin-inline:auto}
.xpg-lat{left:auto;right:-260px;top:-240px;opacity:.1}

/* الرأس الشفاف يصير شريطاً داكناً ثابتاً في الصفحات التي لا تبدأ بقسم داكن (سياسة الخصوصية وأمثالها) */
.sx:has(#main > .xs:first-child:not([data-bg=dark]):not([data-bg=img])) .xt-header.xv4,.sx:has(#main > :first-child:not(.xs)) .xt-header.xv4{position:relative;background:var(--x-deep)}

/* ===================== التوجهات المؤسسية ===================== */
.xanc{display:block;position:relative;top:-90px;visibility:hidden}
.xvm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xvm article{position:relative;overflow:hidden;border-radius:calc(var(--x-r)*1.5);padding:34px 32px;min-width:0}
.xvm-v{background:var(--x-deep);color:#fff}
.xvm-v:after{content:"";position:absolute;inset:auto -60px -60px auto;width:200px;height:200px;border-radius:50%;border:1px solid #ffffff1a;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff04}
.xvm-m{background:var(--x-surfaceB);box-shadow:0 1px 0 var(--x-line),0 24px 50px -36px color-mix(in srgb,var(--x-deep) 40%,transparent)}
.xvm-l{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--x-ac)}
.xvm-v .xvm-l{color:var(--x-lime)}
.xvm blockquote{margin:18px 0 0;font-family:var(--x-fd);font-weight:700;font-size:clamp(28px,4cqi,44px);line-height:1.45}
.xvm blockquote em{font-style:normal;color:var(--x-lime)}
.xvm-m p{font-size:clamp(18px,2.2cqi,23px);font-weight:600;line-height:1.85;margin:16px 0}
.xvm-m mark{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--x-ac2B) 45%,transparent) 0);color:inherit;padding:0 2px}
.xvm-tags{display:flex;flex-wrap:wrap;gap:8px}
.xvm-tags span{font-size:13.5px;font-weight:600;color:var(--x-ac);background:color-mix(in srgb,var(--x-ac2B) 14%,transparent);border-radius:99px;padding:5px 14px}
.xvw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.xvw-w{position:relative;width:min(420px,100%);aspect-ratio:1;justify-self:center}
.xvw-w svg{width:100%;height:100%;overflow:visible}
.xvw-s{cursor:pointer;transform-origin:210px 210px;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),filter .3s;outline:none}
.xvw-s path{fill:color-mix(in srgb,var(--x-deep) 78%,var(--x-ac))}
.xvw-s:nth-child(even) path{fill:color-mix(in srgb,var(--x-ac) 70%,#8a6a2e)}
.xvw-s:hover,.xvw-s:focus-visible{filter:brightness(1.15)}
.xvw-s.on{transform:scale(1.06)}
.xvw-s.on path{fill:var(--x-ac)}
.xvw-s text{fill:#fff;font-family:var(--x-fb);font-size:17px;font-weight:700;pointer-events:none}
.xvw-hub{position:absolute;inset:31%;border-radius:50%;background:var(--x-surfaceB);display:grid;place-items:center;box-shadow:0 10px 40px -12px color-mix(in srgb,var(--x-deep) 50%,transparent)}
.xvw-hub img{width:64%;height:auto}
.xvw-t{min-width:0}
.xvw-p{display:grid;gap:10px;animation:xw-in .5s ease}
.xvw-p[hidden]{display:none}
.xvw-n{font-size:13px;color:var(--x-muted);font-weight:700}
.xvw-p .xh3{font-size:clamp(28px,3.4cqi,40px);color:var(--x-ac)}
.xvw-p p{font-size:clamp(17px,1.9cqi,20px);max-width:44ch;line-height:1.9;margin:0}
@keyframes xw-in{from{opacity:0;transform:translateY(8px)}}
.xgo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.xgo-t{all:unset;cursor:pointer;display:grid;gap:6px;padding:18px 20px;border-radius:22px;background:#ffffff0c;border:1px solid #ffffff1f;transition:background .3s,border-color .3s,transform .3s;min-width:0;color:#fff}
.xgo-t:hover{background:#ffffff14}
.xgo-t:focus-visible{outline:2px solid var(--x-lime);outline-offset:3px}
.xgo-t.on{background:color-mix(in srgb,var(--x-lime) 16%,transparent);border-color:var(--x-lime);transform:translateY(-3px)}
.xgo-t i{font-style:normal;font-family:var(--x-fd);font-weight:800;font-size:28px;color:var(--x-lime);line-height:1}
.xgo-t b{font-size:16px;line-height:1.6}
.xgo-p{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;animation:xw-in .5s ease}
.xgo-p[hidden]{display:none}
.xgo-ms{display:grid;gap:12px}
.xgo-m{background:#ffffff0c;border:1px solid #ffffff1a;border-radius:20px;padding:18px 20px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start}
.xgo-m h4{margin:0;font-size:16px;color:#fff}
.xgo-m h4 small{display:block;font-size:12px;color:#e2c68f;font-weight:600;margin-bottom:2px}
.xgo-m ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.xgo-m li{display:flex;gap:10px;align-items:center;font-size:14.5px;color:#d6e9cf}
.xgo-m li:before{content:"";flex:none;width:9px;height:9px;border-radius:3px;background:var(--x-lime);transform:rotate(45deg)}
.xgo-in{background:#fff;color:#132018;border-radius:24px;padding:22px;display:grid;gap:12px;align-content:start}
.xgo-in h4{margin:0;font-size:15px;color:#9a7433}
.xgo-in article{border-radius:16px;background:#f1f7ec;padding:14px 16px}
.xgo-in b{display:block;font-size:16px;color:#08702b}
.xgo-in span{font-size:14px;color:#4d5d52}
.xtks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.xtk{display:flex;flex-direction:column;border-radius:26px;background:var(--x-surfaceB);box-shadow:0 1px 0 var(--x-line),0 24px 50px -40px color-mix(in srgb,var(--x-deep) 60%,transparent);transition:transform .35s cubic-bezier(.2,.9,.3,1.2),box-shadow .35s;min-width:0;overflow:hidden}
.xtk:hover{transform:translateY(-5px);box-shadow:0 1px 0 var(--x-line),0 30px 60px -36px color-mix(in srgb,var(--x-deep) 70%,transparent)}
.xtk-h{flex:1;display:grid;gap:8px;align-content:start;padding:24px 24px 16px}
.xtk-ic .xic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--x-ac2B) 14%,transparent);color:var(--x-ac);transition:background .35s,color .35s}
.xtk:hover .xtk-ic .xic{background:var(--x-deep);color:var(--x-lime)}
.xtk h3{font-size:20px;margin:0}
.xtk-h p{margin:0;font-size:14.5px;color:var(--x-muted)}
.xtk-p{margin-top:auto;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:14px 24px 20px;background:color-mix(in srgb,var(--x-ac2B) 6%,transparent);border-top:1px solid var(--x-line);min-height:140px}
.xtk-p em{flex-basis:100%;font-style:normal;font-size:12.5px;font-weight:700;color:#9a7433;margin-bottom:2px}
.xtk-p span{font-size:13px;font-weight:600;color:var(--x-ac);background:var(--x-surfaceB);border:1px solid color-mix(in srgb,var(--x-ac2B) 30%,transparent);border-radius:99px;padding:4px 12px}
.xtk-st{margin-top:16px;border-radius:26px;background:linear-gradient(120deg,var(--x-deep),color-mix(in srgb,var(--x-deep) 80%,var(--x-ac)));color:#fff;padding:24px 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
.xtk-st .q{font-family:var(--x-fd);font-size:60px;color:var(--x-lime);line-height:.6}
.xtk-st b{font-size:19px;display:block}
.xtk-st span{color:#c9dcc5;font-size:14.5px}
.xgv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.xgv-i{border-radius:22px;padding:22px 22px 18px;background:var(--x-surfaceB);box-shadow:0 1px 0 var(--x-line);display:grid;gap:6px;position:relative;overflow:hidden}
.xgv-i:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--x-ac),var(--x-lime))}
.xgv-i b{font-family:var(--x-fd);font-size:clamp(24px,3cqi,32px);font-weight:800;color:var(--x-ac)}
.xgv-i p{margin:0;font-size:14.5px;color:var(--x-muted);line-height:1.8}
.xog{display:grid;gap:22px}
.xog-tree{display:grid;justify-items:center}
.xog-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.xog-n{all:unset;cursor:pointer;display:grid;gap:2px;text-align:center;border-radius:18px;padding:13px 20px;min-width:150px;background:var(--x-surfaceB);box-shadow:0 1px 0 var(--x-line),0 16px 34px -26px color-mix(in srgb,var(--x-deep) 50%,transparent);transition:transform .3s,box-shadow .3s}
.xog-n:hover,.xog-n:focus-visible{transform:translateY(-3px)}
.xog-n b{font-size:15.5px}.xog-n small{font-size:12.5px;color:var(--x-muted)}
.xog-n.top{background:var(--x-deep);color:#fff}.xog-n.top small{color:#c9dcc5}
.xog-n.ceo{background:#5a3a1a;color:#fff}.xog-n.ceo small{color:#e8d6bd}
.xog-n.side{background:#f3ead9;color:#5a3a1a}
.xog-n.dep{width:100%;min-width:0;box-sizing:border-box;background:var(--x-ac);color:#fff}
.xog-n.on{box-shadow:0 0 0 3px var(--x-lime),0 16px 34px -20px color-mix(in srgb,var(--x-deep) 60%,transparent)}
.xog-v{display:block;width:2px;height:24px;background:var(--x-line);position:relative;overflow:hidden;margin-inline:auto}
.xog-h{display:block;height:2px;width:min(76%,900px);background:var(--x-line);position:relative;overflow:hidden}
.xog-v:after,.xog-h:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,var(--x-lime),transparent);animation:xog-f 2.4s linear infinite}
.xog-h:after{background:linear-gradient(90deg,transparent,var(--x-lime),transparent);animation-name:xog-fx}
@keyframes xog-f{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
@keyframes xog-fx{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.xog-deps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:980px}
.xog-deps>div{display:grid;justify-items:center}
.xog-d{max-width:720px;justify-self:center;text-align:center;background:color-mix(in srgb,var(--x-ac2B) 10%,var(--x-surfaceB));border-radius:20px;padding:18px 22px;animation:xw-in .4s ease}
.xog-d[hidden]{display:none}
.xog-d b{display:block;color:var(--x-ac);font-size:17px}
.xog-d span{color:var(--x-muted)}
@container sx (max-width:860px){.xvm,.xvw,.xgo-p{grid-template-columns:minmax(0,1fr)}.xtks,.xgv{grid-template-columns:repeat(2,minmax(0,1fr))}.xog-deps{grid-template-columns:repeat(2,minmax(0,1fr))}.xgo-m{grid-template-columns:minmax(0,1fr)}.xtk-st{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.xog-h{display:none}}
@container sx (max-width:560px){.xtks,.xgv,.xgo-tabs{grid-template-columns:minmax(0,1fr)}}

/* القوائم المنسدلة في الرأس، ودرج الجوال */
.xdd{position:relative;display:inline-flex;align-items:center;gap:6px}
.xdd-c{width:7px;height:7px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg) translateY(-2px);opacity:.7}
.xdd-m{position:absolute;top:100%;right:-14px;z-index:30;min-width:240px;margin-top:10px;background:#fff;color:#132018;border-radius:16px;padding:8px;box-shadow:0 22px 50px -18px #0b2a1c88;display:grid;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .25s,visibility .25s}
.xdd-m:before{content:"";position:absolute;inset:-12px 0 auto;height:12px}
.xdd:hover .xdd-m,.xdd:focus-within .xdd-m{opacity:1;visibility:visible;transform:none}
.xt-header .xdd-m a{padding:9px 12px;border-radius:10px;font-size:14.5px;color:#132018!important;opacity:1;white-space:nowrap}
.xt-header .xdd-m a::after{display:none}
.xt-header .xdd-m a:hover{background:color-mix(in srgb,var(--x-ac2B) 14%,transparent);color:var(--x-ac)!important}
.xdrw{position:fixed;inset:0;z-index:9990;visibility:hidden;font-family:var(--x-fb,inherit)}
.xdrw.on{visibility:visible}
.xdrw-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--x-deep,#06170f) 72%,transparent);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}
.xdrw.on .xdrw-bg{opacity:1}
.xdrw-p{position:absolute;inset-block:0;right:0;width:min(330px,86vw);background:radial-gradient(120% 50% at 100% 0,color-mix(in srgb,var(--x-ac,#8cc63f) 22%,transparent),transparent 60%),var(--x-deep,#0b2a1c);color:#fff;padding:calc(18px + var(--wp-admin--admin-bar--height,0px)) 20px 24px;overflow-y:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:grid;align-content:start;gap:4px;font-family:inherit;box-shadow:-30px 0 60px -30px #000}
.xdrw.on .xdrw-p{transform:none}
.xdrw-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block-end:14px;margin-block-end:8px;border-block-end:1px solid #ffffff1f}
.xdrw-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0}
.xdrw-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--x-ac,#8cc63f)}
.xdrw-brand b{font-family:var(--x-fd,inherit);font-size:18px;display:block;line-height:1.25}
.xdrw-brand small{display:block;font-size:13px;opacity:.7}
.xdrw-x{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid #ffffff2b;background:transparent;color:#fff;font-size:18px;cursor:pointer}
.xdrw-x:hover{background:#ffffff14}
.xdrw-p>a,.xdrw-p summary{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;border-radius:12px;font-size:17px;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;list-style:none;transition:background .2s,padding .2s}
.xdrw-p>a:not(.xdrw-cta)::after{content:"←";opacity:0;color:var(--x-ac2,#8cc63f);transition:opacity .2s,transform .2s}
.xdrw-p>a:not(.xdrw-cta):hover::after{opacity:1;transform:translateX(-3px)}
.xdrw-p>a[aria-current]{background:color-mix(in srgb,var(--x-ac,#8cc63f) 22%,transparent);color:#fff}
.xdrw-p summary::-webkit-details-marker{display:none}
.xdrw-p summary:after{content:"+";color:var(--x-ac2,#8cc63f)}
.xdrw-p details[open] summary:after{content:"−"}
.xdrw-p>a:hover,.xdrw-p summary:hover{background:#ffffff12}
.xdrw-p details a{display:block;padding:9px 22px;font-size:15px;color:#ffffffc4;text-decoration:none;border-radius:10px}
.xdrw-p details a:hover{color:#fff;background:#ffffff0d}
.xdrw-p .xdrw-cta{margin-block-start:16px;justify-content:center;gap:10px;background:var(--x-ac,#8cc63f);color:var(--x-on-ac,#fff);border-radius:999px;padding:13px 20px}
.xdrw-p .xdrw-cta svg{width:18px;height:18px}
.xdrw-p .xdrw-cta:hover{filter:brightness(1.08);background:var(--x-ac,#8cc63f)}
.xs[id]{scroll-margin-top:90px}

/* الرأس الذكي */
.xt-header.xv4.xstk{display:block;overflow:visible;height:auto;position:fixed!important;inset-inline:0;top:var(--wp-admin--admin-bar--height,0px);z-index:60;padding-block:8px;background:color-mix(in srgb,var(--x-deep) 88%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 30px -18px #000c,inset 0 -1px 0 #ffffff14;transform:translateY(-110%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.xt-header.xv4.xstk.xstk-in{transform:none}
.xt-header.xv4.xstk.xhide{transform:translateY(-110%)}
.xt-header.xv4.xstk .xlogo{height:52px;transition:height .3s}
.xt-header.xv4 .xnav>a[aria-current],.xt-header.xv4 .xdd>a[aria-current]{color:var(--x-lime)}
@media (prefers-reduced-motion:reduce){.xt-header.xv4.xstk{transition:none}}
html:has(.xt-header.xv4){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.xt-header.xv4){scroll-behavior:auto}}

/* شارة بجوار رابطٍ في القائمة المنسدلة، مثل «جديد» */
.xdd-new{font-style:normal;font-size:11px;font-weight:700;background:#e0465e;color:#fff;border-radius:99px;padding:1px 8px;margin-inline-start:8px;vertical-align:middle}