/* أقسام الأوقاف والمبرات (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 190px;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:absolute;inset-inline:24px;bottom:-110px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.xwh-stats>div{background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;padding:14px 10px;text-align:center;backdrop-filter:blur(8px)}
.xwh-stats b{display:block;font-size:clamp(24px,3cqi,36px);font-weight:800;line-height:1.2;font-family:var(--x-fd)}
.xwh-stats sup{color:var(--x-lime);font-size:.55em}
.xwh-stats span{font-size:13.5px;color:#d7e8d2}
.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:110px}.xwh-stats{position:relative;inset:auto;bottom:auto;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}
.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:24px;color:#e9f3e5;font-weight:500;font-size:15.5px;flex-wrap:wrap}
.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}}

/* ===== التذييل الداكن بخريطة ===== */
.xfm{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px}
.xt-footer.xv4{color:#cfe3c8}
.xt-footer.xv4 .xlogo{height:90px;width:auto;max-width:180px;object-fit:contain}
.xfm-a{display:grid;gap:12px;align-content:start}
.xfm-a p{font-size:14.5px}
.xfm>div>b{color:#fff;font-size:16px;display:block;margin-bottom:12px}
.xfm>div>a,.xfm>div>span{display:block;font-size:15px;padding-block:3px}
.xfm-nl{display:flex;gap:8px;margin-top:6px}
.xfm-nl input{flex:1;min-width:0;border:1px solid #ffffff2e;background:#ffffff12;color:#fff;border-radius:99px;padding:10px 16px;font:inherit;font-size:14px}
.xfm-nl input::placeholder{color:#cfe3c8aa}
.xfm-nl .xb{padding:10px 18px}
.xfm-map{position:relative;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--x-ac) 40%,var(--x-deep));min-height:150px;display:grid !important;place-items:center;margin-top:10px;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 span{position:relative;display:grid;justify-items:center;gap:4px;font-size:14px;font-weight:600}
.xfm-map span 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}
@container sx (max-width:960px){.xfm{grid-template-columns:1fr 1fr}}
@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)}