/* Mahafeth bundle (home) — مُولَّد تلقائيًا من dev/build-css.php. لا تعدّل هذا الملف؛ عدّل ملفات المصدر ثم أعد البناء. */

/* ===== style.css ===== */
/* ============================================================
   محافظ للاستثمار العقاري — نظام التصميم وواجهة الموقع
   الخط: Thmanyah Sans (الواجهة) + Thmanyah Serif Display (العناوين)
   ============================================================ */

/* ---------- الخطوط ---------- */
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans/thmanyah-sans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans/thmanyah-sans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans/thmanyah-sans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans/thmanyah-sans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("../fonts/thmanyah-sans/thmanyah-sans-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("../fonts/thmanyah-serif-display/thmanyah-serif-display-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("../fonts/thmanyah-serif-display/thmanyah-serif-display-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("../fonts/thmanyah-serif-display/thmanyah-serif-display-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("../fonts/thmanyah-serif-display/thmanyah-serif-display-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Serif Display";src:url("../fonts/thmanyah-serif-display/thmanyah-serif-display-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}

/* ---------- الألوان والمقاسات ---------- */
:root{
  --sans:"Thmanyah Sans",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --serif:"Thmanyah Serif Display","Thmanyah Sans",serif;
  --bg:#000;--bg-2:#000;
  --tint:rgba(255,255,255,.03);
  --surf:rgba(255,255,255,.045);--surf-2:rgba(255,255,255,.08);
  --ink:#F4F6F3;--ink-2:#CFD7D2;--mute:#8F9B94;
  --line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.24);
  --brand:#1F4022;--g-600:#26602F;--g-500:#2F7A45;--g-400:#3F9A59;--g-300:#7CCB93;--g-200:#B9E6C4;--g-100:#E4F4E8;
  --acc:var(--g-300);
  --pill-bg:var(--g-500);--pill-bg-h:var(--g-400);--pill-ink:#fff;
  --glass:rgba(8,12,10,.58);--glass-line:rgba(255,255,255,.14);
  --card-fill:rgba(63,154,89,.16);
  --wrap:1360px;--gut:clamp(1.25rem,4vw,3.5rem);--hdr:96px;
  --r:28px;--r-s:18px;
  --ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --aura-op:1;
}
[data-theme="light"]{
  --bg:#EBE2D1;--bg-2:#E2D8C5;
  --tint:rgba(12,26,18,.032);
  --surf:rgba(12,26,18,.035);--surf-2:rgba(12,26,18,.07);
  --ink:#0E1A13;--ink-2:#2E3B34;--mute:#5F6D65;
  --line:rgba(14,26,19,.12);--line-2:rgba(14,26,19,.26);
  --acc:#2F7A45;
  --pill-bg:#1F4022;--pill-bg-h:#2A5A31;--pill-ink:#fff;
  --glass:rgba(235,226,209,.90);--glass-line:rgba(14,26,19,.12);
  --card-fill:#DED9C6;
  --aura-op:.42;
}

/* ---------- الأساس ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.no-scroll{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .5s var(--ease),color .5s var(--ease)}
img,video,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
.ltr{direction:ltr;unicode-bidi:isolate}
:focus-visible{outline:2px solid var(--g-300);outline-offset:3px;border-radius:6px}
::selection{background:var(--g-500);color:#fff}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto}
.sec{padding-block:clamp(5rem,10vw,8.5rem)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ============================================================
   الخلفية الحيّة — حقل أضواء متحرّك ونابض
   ============================================================ */
.aura{position:fixed;inset:0;pointer-events:none;overflow:hidden;opacity:var(--aura-op);transition:opacity .6s var(--ease);transform:translateZ(0);contain:strict}
.aura--back{z-index:0}
.aura--sheet{z-index:-1}
.aura__o{position:absolute;border-radius:50%;will-change:transform,opacity;transform:translate3d(0,0,0) scale(4);backface-visibility:hidden;contain:strict;isolation:isolate}

.aura__o--1{width:19.5vmax;height:19.5vmax;top:-8.5vmax;right:-5.5vmax;background:radial-gradient(circle at 50% 50%,rgba(74,171,105,.60),rgba(52,126,76,.22) 42%,rgba(47,122,69,0) 70%);animation:orbA 34s var(--ease-io) infinite alternate,breath 11s ease-in-out infinite}
.aura__o--2{width:15.5vmax;height:15.5vmax;bottom:-7.5vmax;left:-4.5vmax;background:radial-gradient(circle at 50% 50%,rgba(84,186,118,.52),rgba(63,154,89,.20) 44%,rgba(63,154,89,0) 72%);animation:orbB 46s var(--ease-io) infinite alternate,breath 14s ease-in-out infinite -3s}
.aura__o--3{width:10vmax;height:10vmax;top:24%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(150,220,172,.38),rgba(124,203,147,.13) 46%,rgba(124,203,147,0) 74%);animation:orbC 27s var(--ease-io) infinite alternate,breath 8s ease-in-out infinite -5s}
.aura__o--4{width:8.5vmax;height:8.5vmax;top:6%;left:2%;background:radial-gradient(circle at 50% 50%,rgba(38,124,114,.50),rgba(26,100,92,.18) 46%,rgba(22,92,84,0) 74%);animation:orbD 53s var(--ease-io) infinite alternate,breath 17s ease-in-out infinite -8s}
.aura__o--5{width:11.5vmax;height:11.5vmax;bottom:2%;right:12%;background:radial-gradient(circle at 50% 50%,rgba(54,104,60,.62),rgba(38,78,42,.24) 44%,rgba(31,64,34,0) 72%);animation:orbE 39s var(--ease-io) infinite alternate,breath 12s ease-in-out infinite -2s}
@keyframes orbA{from{transform:translate3d(0,0,0) scale(4)}to{transform:translate3d(-11vw,9vh,0) scale(4.64)}}
@keyframes orbB{from{transform:translate3d(0,0,0) scale(4.32)}to{transform:translate3d(13vw,-8vh,0) scale(3.68)}}
@keyframes orbC{from{transform:translate3d(-6vw,-4vh,0) scale(3.6)}to{transform:translate3d(9vw,7vh,0) scale(4.88)}}
@keyframes orbD{from{transform:translate3d(4vw,6vh,0) scale(4.4)}to{transform:translate3d(-7vw,-6vh,0) scale(3.44)}}
@keyframes orbE{from{transform:translate3d(0,4vh,0) scale(3.8)}to{transform:translate3d(-9vw,-7vh,0) scale(4.72)}}
@keyframes breath{0%,100%{opacity:.55}45%{opacity:1}70%{opacity:.78}}

/* شعاعان يمسحان المشهد ببطء — بلا حواف حادة */
.aura__beam{position:absolute;top:50%;left:50%;width:24vmax;height:24vmax;margin:-12vmax 0 0 -12vmax;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(124,203,147,.13) 34deg,rgba(185,230,196,.17) 52deg,rgba(124,203,147,.09) 74deg,transparent 108deg,transparent 214deg,rgba(63,154,89,.10) 250deg,rgba(124,203,147,.13) 268deg,transparent 302deg,transparent 360deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.5) 46%,rgba(0,0,0,.2) 62%,transparent 78%);mask:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.62) 30%,rgba(0,0,0,.5) 46%,rgba(0,0,0,.2) 62%,transparent 78%);will-change:transform;contain:strict;animation:beam 56s linear infinite}

[data-theme="light"] .aura__beam{opacity:.4}
@keyframes beam{from{transform:rotate(0) scale(8)}to{transform:rotate(360deg) scale(8)}}

/* شبكة نقاط خفيفة تنجرف */
.aura__grid{position:absolute;inset:-40px;contain:strict;background-image:radial-gradient(circle,rgba(255,255,255,.5) .8px,transparent .8px);background-size:34px 34px;opacity:.05;will-change:transform;animation:gridDrift 40s linear infinite}
[data-theme="light"] .aura__grid{background-image:radial-gradient(circle,rgba(14,26,19,.6) .8px,transparent .8px);opacity:.07}
@keyframes gridDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(34px,34px,0)}}

/* ومضات ضوئية صغيرة */
.aura__sp{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--g-200);box-shadow:0 0 12px 2px rgba(185,230,196,.75);opacity:0;will-change:transform,opacity;contain:strict;animation:spark 7s ease-in-out infinite}
@keyframes spark{0%,100%{opacity:0;transform:scale(.4)}8%{opacity:.9;transform:scale(1)}26%{opacity:.15;transform:scale(.7)}42%{opacity:.8;transform:scale(1.15)}62%{opacity:0;transform:scale(.5)}}
.aura__vig{position:absolute;inset:0;background:radial-gradient(ellipse 125% 88% at 50% 45%,transparent 40%,rgba(0,0,0,.6) 100%);transform:translateZ(0);will-change:transform;contain:strict}
[data-theme="light"] .aura__vig{background:radial-gradient(ellipse 125% 88% at 50% 45%,transparent 46%,rgba(235,226,209,.72) 100%)}

/* ---------- المفردات المشتركة ---------- */
.lbl{display:flex;align-items:center;gap:.7rem;margin-bottom:1.2rem;font-weight:500;font-size:1.05rem}
.lbl__i{width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:url("../img/logo-seal-192.png") center/cover no-repeat;box-shadow:0 0 0 1px var(--line)}
.big{font-weight:300;font-size:clamp(2.4rem,4.8vw,4.3rem);line-height:1.28;letter-spacing:-.01em;padding-block:.06em}
.stmt{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,4.6vw,4rem);line-height:1.35;max-width:22ch;padding-block:.04em}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.22em .05em .2em;margin:-.22em -.05em -.2em}
[data-split] .w>span{display:inline-block;transform:translateY(118%);transition:transform 1.05s var(--ease)}
[data-split].is-in .w>span{transform:none}
.lede{color:var(--ink-2);font-weight:300;font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.9;max-width:62ch}

/* زر السهم + الكبسولة */
.abtn{position:relative;display:inline-flex;align-items:center;padding-inline-start:64px;color:#fff;transition:padding .5s var(--ease);white-space:nowrap;text-decoration:none}
.abtn__c{position:absolute;inset-inline-start:0;top:50%;translate:0 -50%;width:56px;height:56px;border-radius:50%;background:var(--pill-bg);display:grid;place-items:center;transition:opacity .5s var(--ease),transform .5s var(--ease),background-color .3s}
.abtn__c svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.abtn__c--e{inset-inline-start:auto;inset-inline-end:0;opacity:0;transform:scale(0)}
.abtn__t{display:flex;align-items:center;justify-content:center;min-width:135px;height:56px;padding:0 2.5rem;border-radius:999px;background:var(--pill-bg);font-weight:500;font-size:1rem;transition:background-color .3s}
@media (hover:hover){
  .abtn:hover{padding-inline-start:0;padding-inline-end:64px}
  .abtn:hover .abtn__c:not(.abtn__c--e){opacity:0;transform:scale(0)}
  .abtn:hover .abtn__c--e{opacity:1;transform:scale(1)}
}
.abtn--w .abtn__c,.abtn--w .abtn__t{background:#fff;color:#0E1A13}
.abtn--w .abtn__c svg{stroke:#0E1A13}
.abtn--sm{padding-inline-start:52px}.abtn--sm .abtn__c{width:44px;height:44px}.abtn--sm .abtn__t{height:44px;min-width:110px;padding:0 1.6rem;font-size:.92rem}
@media (hover:hover){.abtn--sm:hover{padding-inline-end:52px}}
.abtn--lg .abtn__c{width:64px;height:64px}.abtn--lg .abtn__t{height:64px;padding:0 3rem;font-size:1.08rem}.abtn--lg{padding-inline-start:72px}
@media (hover:hover){.abtn--lg:hover{padding-inline-end:72px}}

.pill{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.6rem;border-radius:999px;border:1px solid var(--line-2);font-weight:500;font-size:.98rem;line-height:1;white-space:nowrap;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.pill:hover{background:var(--surf-2);border-color:var(--ink);transform:translateY(-1px)}
.pill--fill{background:var(--pill-bg);border-color:var(--pill-bg);color:var(--pill-ink)}
.pill--fill:hover{background:var(--pill-bg-h);border-color:var(--pill-bg-h);color:#fff}
.pill--w{width:100%}

.ctrl{display:flex;align-items:center;gap:.6rem}
.ctrl button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;transition:background-color .3s,border-color .3s}
.ctrl button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ctrl button:hover{background:var(--pill-bg);border-color:var(--pill-bg);color:#fff}
.ctrl button:disabled{opacity:.3;pointer-events:none}

/* ---------- ظهور العناصر ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform 1.05s var(--ease);transition-delay:var(--d,0ms)}
.rv.is-in{opacity:1;transform:none}
.rv--s{transform:translateY(18px) scale(.97)}
.rv--r{transform:translateX(34px)}
.rise{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform 1s var(--ease)}
.rise.is-in{opacity:1;transform:none}

/* ============================================================
   العملة ثلاثية الأبعاد (الشعار)
   ============================================================ */
.coin{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d;will-change:transform}
.coin__lay,.coin__f,.coin__b{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden}
.coin__lay{background:#1a3a1d}
.coin__f,.coin__b{background:url("../img/logo-seal-760.png") center/100% 100% no-repeat}
.coin__gl{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none}
.coin__gl::after{content:"";position:absolute;top:-30%;bottom:-30%;width:46%;left:-60%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));will-change:transform;animation:gloss 7.5s ease-in-out infinite}
[data-theme="dark"] .coin__gl::after{mix-blend-mode:screen}
@keyframes gloss{0%,58%{transform:translate3d(0,0,0)}92%,100%{transform:translate3d(370%,0,0)}}
.coin__halo{position:absolute;inset:-10%;border-radius:50%;border:1px solid rgba(124,203,147,.32);box-shadow:0 0 70px rgba(47,122,69,.5),inset 0 0 44px rgba(47,122,69,.25);will-change:transform,opacity;animation:haloPulse 5.5s ease-in-out infinite}
@keyframes haloPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:1}}

/* ============================================================
   الدخلة
   ============================================================ */
.intro{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center;color:#fff;overflow:hidden;will-change:opacity}
.intro::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(47,122,69,.34),transparent 70%);will-change:transform,opacity;animation:introGlow 3.4s var(--ease-io) infinite alternate}
@keyframes introGlow{from{opacity:.45;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}
.intro__in{position:relative;display:grid;justify-items:center;gap:1.5rem}
.intro__slot{position:relative;width:clamp(160px,23vw,250px);aspect-ratio:1}
.intro__slot .coin{opacity:0}
.intro__ring{position:absolute;inset:-9%;width:118%;height:118%;overflow:visible;fill:none;stroke:var(--g-300);stroke-width:.9;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg)}
.intro__name{font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.5;text-align:center;letter-spacing:.01em}
.intro__name .w{display:inline-block;overflow:hidden;padding:.2em .05em;margin:-.2em -.05em;vertical-align:bottom}
.intro__name .w>span{display:inline-block;opacity:0;transform:translateY(125%)}
.intro__line{display:block;width:130px;height:1px;background:linear-gradient(90deg,transparent,var(--g-300),transparent);transform:scaleX(0)}
.flyer{position:fixed;z-index:1001;pointer-events:none;perspective:1200px;opacity:0;will-change:transform,opacity}

/* ============================================================
   الشريط العلوي
   ============================================================ */
.hdr{position:fixed;top:0;left:0;right:0;z-index:900;padding:18px var(--gut) 0;color:#fff;transition:transform .7s var(--ease)}
.hdr.is-hidden{transform:translateY(-135%)}
.hdr__bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:74px;padding:0 14px 0 22px;border-radius:999px;background:linear-gradient(90deg,rgba(123,118,118,.2),rgba(255,255,255,.2));backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 50px -30px rgba(0,0,0,.6);transition:background .5s,color .5s,box-shadow .5s,height .5s var(--ease)}
.hdr.is-scrolled .hdr__bar{height:64px;background:var(--glass);color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-line),0 24px 50px -30px rgba(0,0,0,.5)}
.hdr.is-scrolled .nav__it>a{height:64px}
.hdr.is-scrolled .nav__it>a::after{bottom:14px}
.nav__it>a{transition:height .5s var(--ease)}
.hdr.is-mega .hdr__bar{color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}

/* الشعار في الشريط: مخفي في الأعلى، يظهر مع النزول */
.brand{display:flex;align-items:center;gap:.7rem;opacity:0;transform:translateY(-12px) scale(.84);transform-origin:right center;pointer-events:none;transition:opacity .55s var(--ease),transform .75s var(--ease)}
.brand.is-on{opacity:1;transform:none;pointer-events:auto}
.brand img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.brand__t{display:block;white-space:nowrap;font-weight:500;font-size:1.02rem;line-height:1.25;letter-spacing:-.005em}
.hdr.is-solid .brand{opacity:1;transform:none;pointer-events:auto}

.nav{display:flex;align-items:center;gap:.1rem}
.nav__it>a{position:relative;display:inline-flex;align-items:center;gap:.4rem;height:74px;padding:0 .9rem;font-weight:500;font-size:.95rem}
.nav__dn{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.8;transition:transform .35s var(--ease)}
.nav__it.is-on .nav__dn,.nav__it:hover .nav__dn{transform:rotate(180deg)}
.nav__it>a::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:18px;height:2px;background:currentColor;opacity:0;transition:opacity .4s}
.nav__it:hover>a::after,.nav__it.is-on>a::after{opacity:1}
.hdr__end{display:flex;align-items:center;gap:.7rem}
.sep{width:1px;height:1.2rem;background:currentColor;opacity:.4}
.hdr__tel{font-weight:500;font-size:.95rem}
.hdr__cta{display:inline-flex;align-items:center;height:46px;padding:0 1.7rem;border-radius:999px;background:var(--pill-bg);color:#fff;font-weight:500;font-size:.95rem;transition:background-color .3s,transform .3s var(--ease)}
.hdr__cta:hover{background:var(--pill-bg-h);transform:translateY(-1px)}
.theme{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:background-color .3s,transform .4s var(--ease)}
.theme:hover{transform:rotate(25deg);background:rgba(255,255,255,.12)}
.theme svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.theme__sun,.theme__rays{transition:opacity .35s,transform .5s var(--ease);transform-origin:center}
.theme__moon{fill:currentColor;stroke:none;transition:opacity .35s,transform .5s var(--ease);transform-origin:center}
[data-theme="dark"] .theme__sun,[data-theme="dark"] .theme__rays{opacity:0;transform:scale(.4) rotate(-90deg)}
[data-theme="light"] .theme__moon{opacity:0;transform:scale(.4) rotate(90deg)}
.burger{display:none;width:44px;height:44px;border-radius:50%;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:18px;height:1.6px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease),opacity .3s}
.burger.is-on i:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.burger.is-on i:nth-child(2){opacity:0}
.burger.is-on i:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}

.mega{position:absolute;top:calc(100% + 8px);left:var(--gut);right:var(--gut);border-radius:28px;background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -30px rgba(0,0,0,.7);display:none;overflow:hidden}
.hdr.is-mega .mega{display:block}
.mega__p{display:none;padding:2.4rem clamp(1.5rem,3vw,3rem) 2.6rem}
.mega__p.is-on{display:block;animation:megaIn .5s var(--ease)}
@keyframes megaIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mega__g{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:4rem;align-items:start}
.mega__lead h3{font-weight:300;font-size:2rem;line-height:1.4;margin-bottom:.5rem}
.mega__lead p{color:var(--ink-2);font-weight:300;line-height:1.85;margin-bottom:1.4rem}
.mega__ls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;padding-top:.4rem}
.mega__ls a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid var(--line);font-weight:500;transition:color .3s,padding .35s var(--ease)}
.mega__ls a::after{content:"←";opacity:0;transform:translateX(6px);transition:opacity .3s,transform .35s var(--ease)}
.mega__ls a:hover{color:var(--acc);padding-inline-start:.4rem}
.mega__ls a:hover::after{opacity:1;transform:none}

.mmenu{position:fixed;inset:0;z-index:890;background:var(--bg);color:var(--ink);padding:calc(var(--hdr) + 1rem) var(--gut) 2rem;display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease-io);pointer-events:none}
.mmenu.is-on{clip-path:inset(0 0 0 0);pointer-events:auto}
.mmenu__nav{display:grid;gap:.2rem}
.mmenu__nav a{display:block;padding:.85rem 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,6.4vw,2.4rem);line-height:1.5;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .6s var(--ease)}
.mmenu.is-on .mmenu__nav a{opacity:1;transform:none}
.mmenu.is-on .mmenu__nav a:nth-child(1){transition-delay:.15s}.mmenu.is-on .mmenu__nav a:nth-child(2){transition-delay:.2s}.mmenu.is-on .mmenu__nav a:nth-child(3){transition-delay:.25s}.mmenu.is-on .mmenu__nav a:nth-child(4){transition-delay:.3s}.mmenu.is-on .mmenu__nav a:nth-child(5){transition-delay:.35s}.mmenu.is-on .mmenu__nav a:nth-child(6){transition-delay:.4s}
.mmenu__nav .mmenu__sub{font-family:var(--sans);font-size:1.05rem;font-weight:400;color:var(--mute);border:0}
.mmenu__ft{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem}
.mmenu__tel{font-weight:500;font-size:1.1rem}

/* ============================================================
   المسرح الخلفي: الأضواء + الواجهة (طبقة ثابتة خلف الموقع)
   ============================================================ */
.stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg)}
.aura{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:var(--aura-op);transition:opacity .6s var(--ease);transform:translateZ(0);contain:strict}

.hero{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;padding:calc(var(--hdr) + 1.5rem) var(--gut) clamp(4rem,9vh,7rem);pointer-events:none}
[data-theme="light"] .hero{color:var(--ink)}
.hero.is-off{visibility:hidden}
.hero__in{position:relative;display:grid;justify-items:center;width:min(920px,100%);will-change:transform,opacity;pointer-events:auto}
.hero__logo{position:relative;width:min(19vw,23vh,240px);min-width:120px;aspect-ratio:1;margin-bottom:min(2.6vh,1.9rem);perspective:1000px}
.hero__logo .coin{opacity:0}
.hero__eyebrow{font-weight:400;font-size:min(1.1vw,1.05rem);letter-spacing:.02em;color:rgba(255,255,255,.78);margin-bottom:min(1.2vh,.85rem)}
[data-theme="light"] .hero__eyebrow{color:var(--mute)}
.hero__h{font-family:var(--serif);font-weight:400;font-size:min(6.2vw,8.4vh,5.6rem);line-height:1.22;margin-bottom:min(1.6vh,1.05rem)}
.hero__h .ln{display:block;overflow:hidden;padding:.16em .04em .18em;margin:-.16em -.04em -.18em}
.hero__h .ln>span{display:block;transform:translateY(112%);transition:transform 1.25s var(--ease)}
.hero__h.is-in .ln>span{transform:none}
.hero__h.is-in .ln:nth-child(2)>span{transition-delay:.13s}
.hero__sub{font-weight:300;font-size:min(1.32vw,1.2rem);line-height:1.8;color:rgba(255,255,255,.86);max-width:56ch;margin:0 auto min(3.2vh,2rem)}
[data-theme="light"] .hero__sub{color:var(--ink-2)}
.hero__cta{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2.2vw,2rem);flex-wrap:wrap}
.hero .rv{opacity:0;transform:translateY(26px)}
.vplay{display:inline-flex;align-items:center;gap:.75rem;height:56px;padding:0 1.5rem 0 .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500;font-size:1rem;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .35s,border-color .35s,transform .4s var(--ease)}
[data-theme="light"] .vplay{color:var(--ink);border-color:var(--line-2);background:var(--surf)}
.vplay:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.6);transform:translateY(-2px)}
.vplay__p{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:0 0 auto}
.vplay__p::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.55);animation:ping 2.6s var(--ease) infinite}
[data-theme="light"] .vplay__p{background:var(--pill-bg)}
[data-theme="light"] .vplay__p::before{border-color:var(--line-2)}
.vplay__p svg{width:15px;height:15px;fill:#0E1A13;margin-inline-start:2px;transform:scaleX(-1)}
[data-theme="light"] .vplay__p svg{fill:#fff}
@keyframes ping{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.4);opacity:0}100%{transform:scale(1.4);opacity:0}}
.hero__hint{position:absolute;bottom:clamp(1.2rem,3vh,2rem);right:var(--gut);display:flex;align-items:center;gap:.8rem;font-size:.82rem;color:rgba(255,255,255,.68);pointer-events:none}
[data-theme="light"] .hero__hint{color:var(--mute)}
.hero__hint i{display:block;width:1px;height:44px;background:rgba(255,255,255,.32);position:relative;overflow:hidden}
[data-theme="light"] .hero__hint i{background:var(--line-2)}
.hero__hint i::after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:currentColor;animation:drop 2.4s var(--ease-io) infinite}
@keyframes drop{0%{top:-100%}60%,100%{top:100%}}

/* ============================================================
   لوح المحتوى الذي يغطّي الواجهة أثناء النزول
   ============================================================ */
.hero-space{height:100svh;pointer-events:none}
.sheet{position:relative;z-index:2;background:var(--sheet);border-radius:clamp(22px,2.6vw,40px) clamp(22px,2.6vw,40px) 0 0;box-shadow:0 -46px 100px -34px rgba(0,0,0,.9),inset 0 1px 0 0 rgba(255,255,255,.10)}
:root{--sheet:rgba(0,0,0,.80)}
[data-theme="light"]{--sheet:rgba(235,226,209,.96)}
[data-theme="light"] .sheet{box-shadow:0 -46px 100px -40px rgba(14,26,19,.28),inset 0 1px 0 0 rgba(255,255,255,.9)}
.sheet::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,203,147,.55),transparent);pointer-events:none}
.sheet__grip{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:64px;height:4px;border-radius:99px;background:var(--line-2);pointer-events:none}

/* ============================================================
   عن محافظ
   ============================================================ */
.about{position:relative;padding:clamp(5rem,9vw,8rem) 0 clamp(4rem,7vw,6rem);overflow:hidden}
.about__st{position:relative}
.about__h{position:absolute;top:0;right:24%;width:72%;z-index:3;pointer-events:none;color:#fff;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6.4vw,7.2rem);line-height:1.3;text-shadow:0 2px 26px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.4)}
.about__cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,4vw,4rem);align-items:start;padding-top:clamp(6rem,11vw,10.5rem)}
.pfm{position:relative;overflow:hidden;border-radius:var(--r);background:var(--surf);clip-path:inset(0 0 100% 0 round var(--r));transform:scale(1.04);transition:clip-path 1.2s var(--ease-io),transform 1.4s var(--ease)}
.about__cols.is-in .pfm{clip-path:inset(0 0 0 0 round var(--r));transform:none}
.pfm--b{transition-delay:.2s}
.pfm__in{width:100%;height:100%}
.pfm img{width:100%;height:118%;object-fit:cover;object-position:center;transform:translateY(-8%);will-change:transform}
.pfm--a{aspect-ratio:.8847;width:100%}
.pfm--b{aspect-ratio:.925;width:min(100%,380px);margin-inline-start:auto;margin-bottom:clamp(2rem,5vw,4.5rem)}
.about__end{padding-top:clamp(2rem,9vw,11rem)}
.about__end .lede{margin-bottom:2rem}
.abtn.is-on .abtn__t,.abtn.is-on .abtn__c{background:var(--g-600)}

.story{overflow:hidden}
.story[hidden]{display:none}
.story__in{padding-top:clamp(3rem,6vw,5rem)}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;position:relative;padding-top:2rem}
.tl::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.tl li{position:relative}
.tl li::before{content:"";position:absolute;top:-2rem;right:0;width:10px;height:10px;border-radius:50%;background:var(--mute);transform:translateY(-50%)}
.tl li.now::before{background:var(--g-400);box-shadow:0 0 0 6px rgba(63,154,89,.22)}
.tl b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.6vw,3rem);line-height:1.3;margin-bottom:.7rem;text-align:right}
.tl li.now b{color:var(--acc)}
.tl h4{font-weight:700;font-size:1.05rem;line-height:1.6;margin-bottom:.4rem}
.tl p{color:var(--ink-2);font-weight:300;font-size:.95rem;line-height:1.75}
.figs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem 2rem;margin-top:clamp(3.5rem,7vw,6rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--line)}
.fig b{display:block;font-weight:300;font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1.25;margin-bottom:.4rem;text-align:right;font-variant-numeric:tabular-nums}
.fig span{color:var(--mute);font-size:.92rem;line-height:1.6}

/* ============================================================
   مشاريعنا — ستائر مثبَّتة مرتبطة بالتمرير
   ============================================================ */
.show__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;padding:clamp(2rem,5vw,4rem) 0 clamp(2rem,4vw,3rem)}
.stack{position:relative}
.stack__vp{position:relative;height:100svh;width:100%;overflow:hidden;background:#050706;color:#fff}
.sl{position:absolute;inset:0;z-index:calc(1 + var(--i));clip-path:inset(calc((1 - var(--amt,1)) * 100%) 0 0 0);will-change:clip-path}
.sl__stk{position:absolute;inset:0;overflow:hidden}
.sl__img{position:absolute;inset:0}
.sl__img img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1 + (1 - var(--amt,1)) * .14)) translateZ(0);will-change:transform}
.sl__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.06) 26%,rgba(0,0,0,.72) 88%),linear-gradient(270deg,rgba(0,0,0,.4),rgba(0,0,0,0) 60%);pointer-events:none}
.sl__link{position:absolute;inset:0;z-index:3;cursor:none}
.sl__top{position:absolute;top:calc(var(--hdr) + 1rem);right:var(--gut);z-index:4;display:flex;align-items:center;gap:.9rem}
.sl__badge{width:92px;height:92px;border-radius:50%;padding:15px;background:linear-gradient(90deg,rgba(123,118,118,.3),rgba(255,255,255,.3));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:grid;place-items:center}
.sl__badge img{width:100%;height:100%;border-radius:50%}
.st{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.28);font-size:.86rem;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.st s{width:8px;height:8px;border-radius:50%;background:#7CCB93;text-decoration:none;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}100%{box-shadow:0 0 0 9px rgba(255,255,255,0)}}
.sl__name{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);z-index:4;max-width:60vw;pointer-events:none}
.sl__name h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,8vw,8rem);line-height:1.2;padding-block:.04em;text-shadow:0 10px 44px rgba(0,0,0,.45)}
.sl__name p{font-weight:300;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.7;opacity:.92;margin-top:.5rem}
.sl__kf{position:absolute;left:clamp(var(--gut),16vw,16vw);top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:2rem;pointer-events:none}
.sl__kf dd{font-weight:300;font-size:clamp(2rem,3.4vw,3rem);line-height:1.2;font-variant-numeric:tabular-nums;display:flex;justify-content:flex-start;align-items:baseline;gap:.5rem;direction:rtl}
.sl__kf dd>span{direction:ltr;unicode-bidi:isolate}
.sl__kf dd small{font-size:1rem;font-weight:300}
.sl__kf dt{font-weight:300;font-size:1rem;line-height:1.5;margin-top:.6rem;max-width:6.5rem}
.sl__name h3,.sl__name p,.sl__kf div,.sl__top>*{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .95s var(--ease)}
.sl.is-txt .sl__name h3{opacity:1;transform:none;transition-delay:.06s}
.sl.is-txt .sl__name p{opacity:1;transform:none;transition-delay:.16s}
.sl.is-txt .sl__top>*{opacity:1;transform:none}
.sl.is-txt .sl__top>*:nth-child(2){transition-delay:.1s}
.sl.is-txt .sl__kf div{opacity:1;transform:none}
.sl.is-txt .sl__kf div:nth-child(1){transition-delay:.18s}.sl.is-txt .sl__kf div:nth-child(2){transition-delay:.27s}.sl.is-txt .sl__kf div:nth-child(3){transition-delay:.36s}

/* الترقيم الجانبي */
.pg{position:absolute;left:0;top:0;bottom:0;z-index:20;display:flex;flex-direction:column;gap:1.2rem;justify-content:center;padding:4.5rem 2.4rem;pointer-events:auto}
.pg__b{position:relative;height:clamp(90px,18vh,170px);display:flex;align-items:center;gap:.7rem;color:#fff}
.pg__bar{width:3px;height:100%;background:rgba(255,255,255,.28);position:relative;overflow:hidden;border-radius:2px}
.pg__bar i{position:absolute;inset:0;background:#fff;transform-origin:top;transform:scaleY(var(--p,0))}
.pg__t{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.86rem;font-weight:500;opacity:.42;transition:opacity .4s;white-space:nowrap}
.pg__b.is-on .pg__t,.pg__b:hover .pg__t{opacity:1}

/* الخريطة الصغيرة */
.mapw{position:absolute;right:calc(var(--gut) + .2rem);bottom:0;z-index:20;pointer-events:none;padding-bottom:4.5rem}
.map{width:clamp(190px,15vw,230px)}
.map svg{width:100%;height:auto;overflow:visible}
.map__fill{fill:url(#mapDots)}
#mapDots circle{fill:#fff;opacity:.65}
.map__ol{fill:none;stroke:rgba(255,255,255,.65);stroke-width:1.6}
.pin__dot{fill:rgba(255,255,255,.5);transition:fill .4s}
.pin__halo{fill:#fff;opacity:0;transform-origin:center;transform-box:fill-box}
.pin text{font-family:var(--sans);font-size:36px;font-weight:500;fill:rgba(255,255,255,.5);direction:rtl;text-anchor:start;transition:fill .4s}
.pin.is-on .pin__dot{fill:#fff}
.pin.is-on .pin__halo{opacity:.35;animation:halo 2.2s var(--ease) infinite}
.pin.is-on text{fill:#fff}
@keyframes halo{0%{transform:scale(.4);opacity:.6}100%{transform:scale(1.6);opacity:0}}

/* بديل بدون تثبيت (حركة مخفّضة) */
.stack.is-plain{height:auto}
.stack.is-plain .stack__vp{position:static;height:auto;display:grid;gap:1rem;background:none}
.stack.is-plain .sl{position:relative;inset:auto;height:78svh;clip-path:none;border-radius:var(--r);overflow:hidden}
.stack.is-plain .sl__link{cursor:pointer}
.stack.is-plain .sl__img img{transform:none}
.stack.is-plain .pg,.stack.is-plain .mapw{display:none}

/* المؤشر المخصّص */
.cur{position:fixed;left:0;top:0;z-index:960;width:96px;height:96px;border-radius:50%;background:linear-gradient(90deg,rgba(123,118,118,.3),rgba(255,255,255,.3));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:grid;place-items:center;color:#fff;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(0);transition:opacity .35s,transform .45s var(--ease)}
.cur.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cur svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:scaleX(-1)}

/* ============================================================
   خدماتنا
   ============================================================ */
.svc{position:relative;overflow:hidden}
.svc .stmt{margin-bottom:clamp(2rem,4vw,3.5rem)}
.svc__g{position:relative}
.svc__ls{border-top:1px solid var(--line)}
.svc__it{border-bottom:1px solid var(--line)}
.svc__it>button{width:100%;display:grid;grid-template-columns:2.4rem minmax(0,.9fr) minmax(0,1.1fr) 48px;gap:2rem;align-items:center;text-align:right;padding:1.5rem 0}
.svc__no{font-style:normal;font-family:var(--serif);font-weight:400;font-size:1.05rem;color:var(--mute);direction:ltr;transition:color .35s}
.svc__it:hover .svc__no,.svc__it.is-open .svc__no{color:var(--acc)}
.svc__n{font-weight:400;font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.5;transition:color .35s,transform .45s var(--ease);display:block}
.svc__d{color:var(--mute);font-weight:300;font-size:1rem;line-height:1.7;display:block}
.svc__x{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);display:block;transition:background-color .35s,border-color .35s,transform .5s var(--ease)}
.svc__x::before,.svc__x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.6px;background:currentColor;transform:translate(-50%,-50%);transition:transform .45s var(--ease)}
.svc__x::after{transform:translate(-50%,-50%) rotate(90deg)}
.svc__it:hover .svc__n,.svc__it.is-open .svc__n{color:var(--acc);transform:translateX(-6px)}
.svc__it:hover .svc__x{border-color:var(--ink)}
.svc__it.is-open .svc__x{background:var(--pill-bg);border-color:var(--pill-bg);color:#fff;transform:rotate(180deg)}
.svc__it.is-open .svc__x::after{transform:translate(-50%,-50%) rotate(0)}
.svc__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.svc__moreIn{overflow:hidden;min-height:0}
.svc__it.is-open .svc__more{grid-template-rows:1fr}
.svc__more p{color:var(--ink-2);font-weight:300;line-height:1.85;max-width:60ch;padding-bottom:1.6rem}
.svc__img{display:none}
.svc__pv{position:fixed;left:0;top:0;width:340px;aspect-ratio:4/3;border-radius:22px;overflow:hidden;pointer-events:none;z-index:50;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .35s,transform .45s var(--ease);box-shadow:0 40px 80px -20px rgba(0,0,0,.6)}
.svc__pv.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.svc__pvIn{position:relative;width:100%;height:100%}
.svc__pvIn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ============================================================
   كلمة الإدارة — تمرير أفقي
   ============================================================ */
.lead-q .big{margin-bottom:clamp(2rem,4vw,3.5rem)}
.q{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.q__pics{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--surf);max-width:460px;clip-path:inset(0 0 100% 0 round var(--r));transition:clip-path 1.2s var(--ease-io)}
.q.is-in .q__pics{clip-path:inset(0 0 0 0 round var(--r))}
.q__pic{position:absolute;inset:0;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease-io)}
.q__pic.is-on{clip-path:inset(0 0 0 0);z-index:2}
.q__pic.was{clip-path:inset(0 0 0 0);z-index:1}
.q__pic img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.08);transition:transform 1.4s var(--ease)}
.q__pic.is-on img{transform:scale(1)}
.q__body{min-width:0}
.q__ls{display:flex;gap:clamp(1.6rem,3.5vw,3.5rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding-block:.3rem;-webkit-overflow-scrolling:touch}
.q__ls::-webkit-scrollbar{display:none}
.q__ls.is-drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.q__it{flex:0 0 100%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s var(--ease)}
.q__it.is-on{opacity:1}
.q__it p{font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.75;padding-block:.06em;margin-bottom:1.6rem}
.q__it p::before{content:"\201C";color:var(--acc);margin-inline-end:.2rem}
.q__it p::after{content:"\201D";color:var(--acc);margin-inline-start:.2rem}
.q__it footer{display:flex;flex-direction:column;gap:.15rem}
.q__it footer b{font-weight:700;font-size:1.05rem;line-height:1.6}
.q__it footer span{color:var(--mute);font-size:.9rem;line-height:1.6}
.q__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.q__dots{display:flex;gap:.5rem}
.q__dots button{width:34px;height:4px;border-radius:2px;background:var(--line-2);transition:background-color .3s,width .4s var(--ease)}
.q__dots button.is-on{background:var(--g-400);width:54px}
.q__swipe{display:flex;align-items:center;gap:.6rem;color:var(--mute);font-size:.85rem;white-space:nowrap}
.q__swipe svg{width:22px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:swipeHint 2.6s var(--ease-io) infinite}
@keyframes swipeHint{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(-7px);opacity:1}}

/* ============================================================
   تواصل مع محافظ — حدّد اهتمامك
   ============================================================ */
.reach{position:relative;isolation:isolate;background:var(--tint);padding:clamp(5rem,9vw,8rem) 0;overflow:hidden}
.reach__hd{display:grid;grid-template-columns:42% 1fr;gap:1.5rem;align-items:start}
.reach__hd .lbl{margin:0;padding-top:.6rem}
.reach__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:center;margin-top:clamp(2.5rem,5vw,5rem)}
.reach__c{align-self:end;max-width:340px}
.reach__c h3{font-weight:400;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.45;margin-bottom:1rem}
.reach__c p{color:var(--ink-2);font-weight:300;line-height:1.85;margin-bottom:2rem;min-height:5.6em}
.reach__c.is-sw h3,.reach__c.is-sw p{animation:swIn .55s var(--ease)}
@keyframes swIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.reach__fig{position:relative;aspect-ratio:1.02;width:min(100%,460px);margin:0 auto}
.rfig{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateX(56px);transition:opacity .5s,transform .6s var(--ease)}
.rfig path,.rfig circle,.rfig rect{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s var(--ease)}
.rfig.is-on{opacity:1;transform:none}
.rfig__g{transform-box:fill-box;transform-origin:center}
.rfig.is-on .rfig__g{animation:figFloat 7s ease-in-out infinite}
@keyframes figFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.rfig.is-on path,.rfig.is-on circle,.rfig.is-on rect{stroke-dashoffset:0}
.reach__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;max-width:360px;margin-inline-start:auto}
.rcard{position:relative;isolation:isolate;overflow:hidden;min-height:128px;padding:1rem;border:1px solid var(--line-2);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:right;transition:border-color .5s}
.rcard::before{content:"";position:absolute;inset:0;background:var(--card-fill);clip-path:inset(0 0 0 100%);transition:clip-path .5s var(--ease);z-index:-1}
.rcard.is-on{border-color:var(--g-400)}
.rcard.is-on::before{clip-path:inset(0)}
.rcard__t{font-weight:400;font-size:1rem;line-height:1.5;transition:color .5s}
.rcard.is-on .rcard__t{color:var(--acc);font-weight:500}
.rcard__go{position:absolute;top:.6rem;left:.75rem;width:32px;height:32px;border-radius:50%;background:var(--pill-bg);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(0);transition:opacity .5s,transform .5s var(--ease)}
.rcard__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}
.rcard.is-on .rcard__go{opacity:1;transform:scale(1)}

/* ============================================================
   سجّل اهتمامك — النموذج
   ============================================================ */
.intr{position:relative;overflow:hidden}
.intr__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(2.5rem,5vw,5rem);align-items:center}
.intr__c h2{margin-bottom:1.4rem}
.intr__pts{display:grid;gap:1rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid var(--line);max-width:44ch}
.intr__pt{display:flex;align-items:flex-start;gap:.9rem;color:var(--ink-2);font-weight:300;line-height:1.75}
.intr__pt s{flex:0 0 auto;width:22px;height:22px;margin-top:.3rem;border-radius:50%;background:var(--card-fill);border:1px solid var(--g-400);text-decoration:none;position:relative}
.intr__pt s::after{content:"";position:absolute;left:6px;top:9px;width:8px;height:4px;border-left:1.6px solid var(--acc);border-bottom:1.6px solid var(--acc);transform:rotate(-45deg)}
.lead__card{position:relative;background:var(--surf);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.5rem,2.6vw,2.2rem);box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.lead__card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(124,203,147,.55),rgba(255,255,255,0) 42%,rgba(255,255,255,0) 60%,rgba(124,203,147,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lead__card.is-flash{animation:flash 1.2s var(--ease)}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(124,203,147,.6)}100%{box-shadow:0 0 0 24px rgba(124,203,147,0)}}
.lead__hd h2{font-weight:500;font-size:1.55rem;line-height:1.45;margin-bottom:.3rem}
.lead__hd p{color:var(--ink-2);font-weight:300;font-size:.94rem;line-height:1.7;margin-bottom:1.2rem}
.lead__f{display:grid;gap:.85rem}
.fld{position:relative}
.fld input{width:100%;height:54px;padding:1.15rem .95rem 0;border-radius:14px;border:1px solid var(--line-2);background:var(--surf);color:var(--ink);font:inherit;font-size:1rem;transition:border-color .3s,background-color .3s}
.fld input:focus{outline:none;border-color:var(--g-400);background:var(--surf-2)}
.fld label{position:absolute;right:.95rem;top:50%;transform:translateY(-50%);color:var(--mute);font-size:.95rem;pointer-events:none;transition:top .25s var(--ease),font-size .25s var(--ease),color .25s}
.fld input:focus+label,.fld input:not(:placeholder-shown)+label{top:.95rem;font-size:.72rem;color:var(--acc)}
.fld.is-err input{border-color:#e06c6c}
.fld__lb{display:block;font-size:.8rem;color:var(--mute);margin-bottom:.45rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{padding:.42rem .9rem;border-radius:999px;border:1px solid var(--line-2);font-size:.86rem;font-weight:500;transition:background-color .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.chip:hover{border-color:var(--ink);transform:translateY(-1px)}
.chip[aria-pressed="true"]{background:var(--pill-bg);border-color:var(--pill-bg);color:#fff}
.lead__note{font-size:.75rem;color:var(--mute);line-height:1.6;margin-top:-.2rem}
.lead__msg{font-size:.85rem;color:#e69a9a;min-height:1.2em;margin-top:-.4rem}
.lead__msg:empty{display:none}
.lead__ok{text-align:center;padding:1.4rem .4rem .6rem}
.lead__ok svg{width:84px;height:84px;margin:0 auto 1rem;fill:none;stroke:var(--g-300);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lead__ok svg circle,.lead__ok svg path{stroke-dasharray:1;stroke-dashoffset:1}
.lead__ok.is-on svg circle{animation:draw 1s var(--ease) forwards}
.lead__ok.is-on svg path{animation:draw .6s .6s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.lead__ok h3{font-weight:500;font-size:1.35rem;line-height:1.5;margin-bottom:.4rem}
.lead__ok p{color:var(--ink-2);font-weight:300;font-size:.95rem;line-height:1.75;margin-bottom:1.2rem}

/* ============================================================
   شركاء النجاح
   ============================================================ */
.partners{padding:clamp(4rem,7vw,6rem) 0 clamp(4rem,8vw,7rem);overflow:hidden}
.partners__hd{margin-bottom:2.2rem}
/* Keep the track's right-hand origin independent of the page language.
   The trailing gap makes each repeated set exactly half the track width. */
.marq{display:flex;direction:rtl;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq__r{display:flex;width:max-content;gap:1rem;padding:.5rem 0;padding-inline-end:1rem;animation:marq 60s linear infinite;flex:0 0 auto;will-change:transform}
.marq--rev .marq__r{animation-direction:reverse;animation-duration:70s}
.marq:hover .marq__r{animation-play-state:paused}
@keyframes marq{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}
.marq__it{flex:0 0 auto;width:150px;height:84px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:var(--surf);transition:border-color .3s,background-color .3s}
.marq__it img{width:112px;height:54px;object-fit:contain;filter:none;opacity:1}
/* Supplied logos include white artwork: a dark card preserves contrast and native colors. */
[data-theme="light"] .marq__it{background:var(--brand);border-color:rgba(31,64,34,.28)}
.marq__it:hover{border-color:var(--line-2);background:var(--surf-2)}
[data-theme="light"] .marq__it:hover{background:#2A5A31;border-color:#3F9A59}

/* ============================================================
   التذييل
   ============================================================ */
.ft{background:var(--tint);border-top:1px solid var(--line)}
.ft__cta{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:clamp(3rem,6vw,5rem) 0 clamp(2.5rem,5vw,4rem);flex-wrap:wrap}
.ft__huge{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,9vw,8.5rem);line-height:1.2;padding-block:.04em}
.ft__mid{display:grid;grid-template-columns:1fr auto;gap:3rem;padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid var(--line)}
.ft__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 2rem;padding-inline-end:3rem;border-inline-end:1px solid var(--line)}
.ft__h{display:block;font-weight:500;font-size:1.2rem;line-height:1.5;margin-bottom:1rem;transition:color .3s}
.ft__h:hover{color:var(--acc)}
.ft__col nav{display:flex;flex-direction:column;gap:.7rem}
.ft__col nav a,.ft__col nav span{color:var(--ink-2);font-weight:300;font-size:1rem;line-height:1.7;transition:color .3s,padding .3s var(--ease)}
.ft__col nav a:hover{color:var(--acc);padding-inline-start:.3rem}
.ft__col nav span{color:var(--mute)}
.ft__tel{font-weight:500!important;font-size:1.35rem!important;color:var(--ink)!important;text-align:right}
.ft__brand{display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem;min-width:300px}
.ft__brand img{width:150px;height:150px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.ft__social p{font-weight:500;font-size:.92rem;line-height:1.6;margin-bottom:.9rem}
.ft__icons{display:flex;align-items:center;gap:1.2rem}
.ft__icons a{width:26px;height:26px;display:grid;place-items:center;color:var(--acc);transition:opacity .3s,transform .3s var(--ease)}
.ft__icons a:hover{transform:translateY(-2px);opacity:.8}
.ft__icons svg{width:22px;height:22px;fill:currentColor}
.ft__links{display:flex;flex-wrap:wrap;gap:.6rem 3rem;padding:1.8rem 0;border-top:1px solid var(--line)}
.ft__links a{font-weight:300;font-size:1rem;color:var(--ink-2);border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.ft__links a:hover{color:var(--acc);border-color:var(--acc)}
.ft__bt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 2rem;padding:1.6rem 0 5rem;border-top:1px solid var(--line);color:var(--mute);font-size:.88rem;line-height:1.7}
.ft__grp{font-weight:500;color:var(--ink-2)}
.ft__legal{display:flex;flex-wrap:wrap;gap:1.4rem}
.ft__legal a{transition:color .3s;border-bottom:1px solid transparent}
.ft__legal a:hover{color:var(--ink);border-color:var(--ink)}

.totop{position:fixed;left:1.4rem;bottom:1.4rem;z-index:800;width:50px;height:50px;border-radius:50%;background:var(--bg);color:var(--ink);border:1px solid var(--line-2);display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .4s,transform .5s var(--ease),background-color .3s,color .3s,border-color .3s}
.totop.is-on{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--pill-bg);border-color:var(--pill-bg);color:#fff}
.totop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.totop__ring{position:absolute;inset:-1px;width:auto!important;height:auto!important;transform:rotate(-90deg);stroke:var(--g-400)!important;stroke-width:2!important}
.totop__ring circle{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .2s linear}

.film{position:fixed;inset:0;z-index:950;display:none;align-items:center;justify-content:center;padding:1.5rem}
.film.is-on{display:flex}
.film__bd{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.film__box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.7)}
.film__box video{width:100%;height:100%}
.film__x{position:absolute;top:.8rem;left:.8rem;z-index:2;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.3);transition:background-color .3s}
.film__x:hover{background:#fff;color:#000}

/* ---------- ستارة انتقال الصفحات ---------- */
.pt{position:fixed;inset:0;z-index:2000;background:var(--bg);display:grid;place-items:center;transform:translateY(101%);pointer-events:none;will-change:transform}
/* الستارة بلون خلفية الموقع نفسه: سوداء في الوضع الليلي وبلون الورق في النهاري.
   الشعار في طبقة مستقلة حتى لا يُعاد رسم الستارة كلها في كل إطار أثناء ظهوره واختفائه. */
.pt img{will-change:transform,opacity;backface-visibility:hidden}
.pt img{width:clamp(110px,15vw,190px);border-radius:50%;opacity:0;transform:scale(.82);transition:opacity .32s .08s,transform .5s .08s var(--ease)}
/* الشعار يكتمل ظهوره قبل الانتقال (0.62 ث) فيلتقي بالصفحة التالية بالحجم نفسه بلا قفزة */
.pt.is-in{transform:translateY(0);transition:transform .62s var(--ease-io)}
.pt.is-in img{opacity:1;transform:none}
html.pt-cover .pt{transform:translateY(0)}
html.pt-cover .pt img{opacity:1;transform:none;transition:none}
.pt.is-out{transform:translateY(-101%)!important;transition:transform .85s var(--ease-io) .05s}
.pt.is-out img{opacity:0;transform:none;transition:opacity .3s}
/* أثناء خروج الستارة يحتفظ الشعار بحجمه الكامل ويتلاشى فقط؛ بدون transform:none كان يعود فجأة لحجمه الابتدائي الأصغر (0.82) */

::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2;animation:vt .8s var(--ease-io)}
@keyframes vt{from{clip-path:circle(0 at var(--vt-x,90%) var(--vt-y,40px))}to{clip-path:circle(150vmax at var(--vt-x,90%) var(--vt-y,40px))}}

/* ============================================================
   صفحة سجلّ المشاريع
   ============================================================ */
.pband{position:relative;padding:calc(var(--hdr) + 3rem) 0 2.5rem;overflow:hidden}
.pband__h{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,8vw,7.5rem);line-height:1.2;padding-block:.04em;margin-bottom:1.6rem}
.pband__row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2rem;align-items:end;padding-bottom:2.2rem;border-bottom:1px solid var(--line)}
.pband__stats{display:flex;gap:2.2rem;justify-content:flex-end}
.pband__stats div b{display:block;font-weight:300;font-size:clamp(2rem,3.4vw,3rem);line-height:1.25;font-variant-numeric:tabular-nums;text-align:right}
.pband__stats div span{color:var(--mute);font-size:.9rem;line-height:1.6}
.filt{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;padding-top:1.6rem}
.filt__g{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.filt__g>span{font-size:.85rem;color:var(--mute);margin-inline-end:.3rem}
.filt__n{margin-inline-start:auto;color:var(--mute);font-size:.92rem;font-variant-numeric:tabular-nums}
.pgrid{padding:2.5rem 0 clamp(4rem,8vw,7rem)}
.pj__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 1.4rem}
.pj{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.pj.is-in{opacity:1;transform:none}
.pj[hidden]{display:none}
.pj__fig{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:var(--r-s);overflow:hidden;background:var(--surf);cursor:none;text-align:right;color:#fff}
.pj__fig img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.pj:hover .pj__fig img{transform:scale(1.06)}
.pj__ph{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,rgba(47,122,69,.28),rgba(0,0,0,.1)),var(--surf-2)}
.pj__ph img{width:72px;height:72px;border-radius:50%;opacity:.55;transition:none}
.pj__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55) 80%);pointer-events:none}
.pj__st{position:absolute;top:.9rem;right:.9rem}
.pj__on{position:absolute;right:1.1rem;left:1.1rem;bottom:1rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.pj__name{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.35}
.pj__where{display:block;font-style:normal;font-weight:300;font-size:.92rem;line-height:1.6;opacity:.85;margin-top:.2rem}
.pj__go{width:44px;height:44px;border-radius:50%;background:#fff;color:#0E1A13;display:grid;place-items:center;flex:0 0 auto;opacity:0;transform:scale(.5);transition:opacity .4s,transform .5s var(--ease)}
.pj__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}
.pj:hover .pj__go{opacity:1;transform:none}
.pj__kf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:1rem .2rem 0}
.pj__kf div{border-inline-end:1px solid var(--line);padding-inline-end:.6rem}
.pj__kf div:last-child{border:0}
.pj__kf dd{font-weight:400;font-size:1.05rem;line-height:1.6;font-variant-numeric:tabular-nums;text-align:right}
.pj__kf dt{color:var(--mute);font-size:.78rem;line-height:1.6}
.pj__empty{padding:4rem 0;text-align:center;color:var(--mute)}
.pm{position:fixed;inset:0;z-index:950;display:none;align-items:center;justify-content:center;padding:1.5rem}
.pm.is-on{display:flex}
.pm__bd{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.pm__box{position:relative;width:min(1180px,100%);max-height:calc(100vh - 3rem);overflow:auto;background:var(--bg);color:var(--ink);border-radius:var(--r);box-shadow:0 60px 120px -30px rgba(0,0,0,.8);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);transform:translateY(24px) scale(.98);opacity:0;transition:transform .6s var(--ease),opacity .4s}
.pm.is-on .pm__box{transform:none;opacity:1}
.pm__gal{position:relative;aspect-ratio:4/3;background:#000;overflow:hidden}
.pm__gal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.pm__gal img.is-on{opacity:1}
.pm__gal .pj__ph{position:absolute}
.pm__nav{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.6rem;color:#fff}
.pm__nav .ctrl button{border-color:rgba(255,255,255,.4);background:rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.pm__cnt{font-variant-numeric:tabular-nums;font-size:.9rem;opacity:.85;margin-inline-start:.4rem}
.pm__info{padding:clamp(1.5rem,3vw,2.6rem)}
.pm__info h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.4vw,3rem);line-height:1.3;margin:.8rem 0 .3rem}
.pm__where{color:var(--ink-2);font-weight:300;margin-bottom:1.4rem}
.pm__kf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:1.4rem}
.pm__kf dd{font-weight:300;font-size:1.6rem;line-height:1.35;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.pm__kf dd small{font-size:1rem}
.pm__kf dt{color:var(--mute);font-size:.85rem;line-height:1.6}
.pm__d{color:var(--ink-2);font-weight:300;line-height:1.85;margin-bottom:1.6rem}
.pm__act{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.pm__x{position:absolute;top:1rem;left:1rem;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.3);transition:background-color .3s,color .3s}
.pm__x:hover{background:#fff;color:#000}
.pm__cta .abtn__t,.pm__cta .abtn__c{background:var(--pill-bg)}
[data-theme="light"] .pj__fig .pj__ph img{opacity:.7}
body.is-projects{background:var(--bg)}
body.is-projects .aura{position:fixed;z-index:0}
body.is-projects main,body.is-projects .ft{position:relative;z-index:2}

/* ============================================================
   الشاشات
   ============================================================ */
@media (max-width:1280px){
  .hdr__tel,.hdr__end .sep:nth-child(1){display:none}
  .nav__it>a{padding:0 .7rem;font-size:.9rem}
  .figs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .reach__g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .reach__c{grid-column:1/-1;max-width:none}
  .sl__kf{left:var(--gut)}
  .pg{padding:4rem 1.2rem}
}
@media (max-width:1000px){
  :root{--hdr:84px}
  .hdr{padding:12px 12px 0}
  .hdr__bar{height:64px;padding:0 6px 0 16px}
  .nav,.hdr__cta,.hdr__end .sep{display:none}
  .burger{display:flex}
  .brand img{width:38px;height:38px}
  .brand__t{font-size:.95rem}
  .hero__logo{width:min(32vw,20vh,200px);min-width:120px}
  .hero__eyebrow{font-size:.92rem}.hero__sub{font-size:1.02rem}
  .hero__hint{display:none}
  .intr__g{grid-template-columns:1fr}
  .about__h{position:static;width:auto;mix-blend-mode:normal;color:var(--ink);margin-bottom:2rem;max-width:20ch}
  .about__cols{grid-template-columns:1fr;padding-top:0}
  .pfm--a{max-width:560px}
  .about__end{padding-top:0}
  .pfm--b{margin-inline-start:0}
  .tl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .show__hd{flex-direction:column;align-items:flex-start;gap:1.2rem}
  .sl__name{max-width:calc(100% - 2*var(--gut));top:auto;bottom:11rem;transform:none}
  .sl__name h3{font-size:clamp(2.4rem,9.5vw,4.4rem)}
  .sl__kf{left:var(--gut);right:var(--gut);top:auto;bottom:2.4rem;transform:none;flex-direction:row;justify-content:space-between;gap:1rem}
  .sl__kf dd{font-size:clamp(1.5rem,6vw,2.2rem)}
  .sl__kf dt{font-size:.85rem;max-width:none}
  .sl__badge{width:62px;height:62px;padding:10px}
  .pg{left:0;right:0;top:0;bottom:auto;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:calc(var(--hdr) + .4rem) var(--gut) 0;gap:.6rem}
  .pg__b{height:auto;flex:1;min-width:0;flex-direction:column-reverse;align-items:stretch;gap:.4rem}
  .pg__bar{width:100%;height:3px}
  .pg__bar i{transform-origin:right;transform:scaleX(var(--p,0))}
  .pg__t{writing-mode:horizontal-tb;transform:none;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
  .sl__top{top:calc(var(--hdr) + 5.4rem)}
  .mapw{display:none}
  .q{grid-template-columns:1fr}
  .q__pics{max-width:420px;aspect-ratio:1}
  .reach__hd{grid-template-columns:1fr;gap:.5rem}
  .reach__g{grid-template-columns:1fr}
  .reach__cards{max-width:none;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .reach__fig{width:min(100%,380px)}
  .ft__mid{grid-template-columns:1fr}
  .ft__cols{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;border:0}
  .pj__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pband__row{grid-template-columns:1fr}
  .pband__stats{justify-content:flex-start}
  .pm__box{grid-template-columns:1fr}
  .pj__fig{cursor:pointer}
  .ft__brand{min-width:0}
  .svc__pv{display:none}
  .svc__img{display:block;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:1.6rem}
  .svc__img img{width:100%;height:100%;object-fit:cover}
  .svc__it>button{grid-template-columns:minmax(0,1fr) 44px;gap:.4rem 1rem}
  .svc__no{display:none}
  .svc__n{grid-column:1;grid-row:1}
  .svc__d{grid-column:1;grid-row:2}
  .svc__x{grid-column:2;grid-row:1/3;width:44px;height:44px}
}
@media (max-width:640px){
  :root{--r:20px}
  .sec{padding-block:4rem}
  .hero{padding-top:calc(var(--hdr) + 1rem)}
  .hero__logo{width:min(36vw,19vh,175px);min-width:112px;margin-bottom:1.1rem}
  .hero__h{font-size:min(9.6vw,3.1rem);margin-bottom:.85rem}
  .hero__eyebrow{font-size:.88rem}.hero__sub{font-size:.98rem}
  .hero__sub{margin-bottom:1.8rem}
  .hero__cta{gap:.9rem}
  .lead__card{padding:1.3rem}
  .tl{grid-template-columns:1fr}
  .figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reach__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rcard{min-height:100px}
  .ft__cols{grid-template-columns:1fr}
  .ft__cta{flex-direction:column;align-items:flex-start}
  .pj__g{grid-template-columns:1fr}
  .pj__kf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj__kf div:nth-child(2){border:0}
  .filt__n{margin:0;width:100%}
  .sl__top{top:calc(var(--hdr) + 5.4rem)}
  .sl__badge{display:none}
  .sl__kf{padding-left:4.2rem}
  .sl__name{bottom:9.5rem}
  .sl__kf{flex-wrap:wrap;gap:.8rem 1.4rem;bottom:2rem}
  .marq__it{width:120px;height:70px}
  .totop{left:1rem;bottom:1rem}
  .abtn{padding-inline-start:56px}.abtn__c{width:48px;height:48px}.abtn__t{height:48px;padding:0 1.6rem;min-width:110px;font-size:.95rem}
  .vplay{height:48px;font-size:.95rem}.vplay__p{width:36px;height:36px}
}
@media (hover:none){.sl__link{cursor:pointer}.q__ls{cursor:auto}}

/* تقليل الحركة — تُضبط السمة data-rm من رأس الصفحة حسب إعداد الجهاز
   وخيار «احترام تقليل الحركة» في لوحة التحكم */
  html[data-rm] *,
  html[data-rm] *::before,
  html[data-rm] *::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  html[data-rm] .rise,
  html[data-rm] .rv,
  html[data-rm] [data-split] .w>span,
  html[data-rm] .hero .rv,
  html[data-rm] .hero__logo .coin,
  html[data-rm] .hero__h .ln>span,
  html[data-rm] .intro__name .w>span{opacity:1!important;transform:none!important}
  html[data-rm] .rfig path,
  html[data-rm] .rfig circle,
  html[data-rm] .rfig rect{stroke-dashoffset:0}
  html[data-rm] .sl{clip-path:none}
  html[data-rm] .sl__name h3,
  html[data-rm] .sl__name p,
  html[data-rm] .sl__kf div,
  html[data-rm] .sl__top>*{opacity:1;transform:none}
  html[data-rm] .pfm,
  html[data-rm] .q__pics{clip-path:none;transform:none}
  html[data-rm] .q__it{opacity:1}
  html[data-rm] .pj{opacity:1;transform:none}
  html[data-rm] .aura__o,
  html[data-rm] .aura__beam,
  html[data-rm] .aura__grid,
  html[data-rm] .aura__sp,
  html[data-rm] .coin__halo,
  html[data-rm] .coin__gl::after,
  html[data-rm] .intro::before{animation:none!important}
  html[data-rm] .aura__sp{opacity:.5}


/* ============================================================
   مستويات الجودة التلقائية — يضبطها حارس الأداء في site.js
   ============================================================ */
html.perf-mid .aura__grid{animation:none}
html.perf-mid .aura__sp{display:none}
html.perf-lite .aura__beam,html.perf-lite .aura__grid,html.perf-lite .aura__sp{display:none}
html.perf-lite .aura__o--3,html.perf-lite .aura__o--4{display:none}
html.perf-lite .aura__o{animation-duration:0s;animation:none}
html.perf-lite .coin__gl::after{animation:none}
html.perf-lite .sl__img img{transform:none!important}


/* ===== refinements.css ===== */
/* v21 — requested refinements; original layout and animation stylesheet retained. */
[data-theme="light"]{color-scheme:light}
[data-theme="dark"]{color-scheme:dark}
[data-theme="light"] .hdr{color:#111}
[data-theme="light"] .hdr__bar{color:#111;background:linear-gradient(90deg,rgba(226,216,197,.92),rgba(235,226,209,.94));box-shadow:inset 0 0 0 1px rgba(14,26,19,.15),0 20px 50px -30px rgba(0,0,0,.25)}
[data-theme="light"] .hdr.is-scrolled .hdr__bar,[data-theme="light"] .hdr.is-mega .hdr__bar{color:#111}
[data-theme="light"] .about__h{color:var(--ink);text-shadow:0 1px 10px rgba(235,226,209,.75)}
[data-theme="light"] .intro{background:#ebe2d1;color:#111}
[data-theme="light"] .sheet{box-shadow:0 -46px 100px -40px rgba(14,26,19,.20),inset 0 1px 0 rgba(235,226,209,.9)}
.language{flex:0 0 auto;min-width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font-family:var(--sans);font-size:.875rem;font-weight:500;line-height:1;transition:background-color .25s,color .25s}
.language:hover{background:var(--pill-bg);color:#fff;border-color:var(--pill-bg)}
.hdr__end{flex-shrink:0}
.intro__name{max-width:calc(100vw - 2.5rem);font-family:var(--sans);line-height:1.65;letter-spacing:0}
/* V40: اسم الشركة يبقى مخفيًا من أول رسم حتى تُظهره الحركة بعد الشعار
   (كان يظهر لحظيًا ثم يختفي ثم يظهر من جديد) */
.intro__name .w>span{opacity:0;transform:translateY(115%)}
/* المقدّمة لا تُعرض إلا حين يقرّر رأس الصفحة تشغيلها — وإلا لا تومض ستارتها ولا الاسم */
html:not([data-intro="1"]) .intro,html:not([data-intro="1"]) .flyer{display:none}
.intro__line{height:2px;width:160px}
.svc__pv{display:none!important}
.floating-contact{position:fixed;inset-inline-end:1.4rem;bottom:max(1.4rem,env(safe-area-inset-bottom));z-index:790;display:flex;flex-direction:column;gap:.65rem;transition:opacity .25s}
.floating-contact__button{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;box-shadow:0 8px 28px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.2);transition:transform .25s,background-color .25s}
.floating-contact__button:hover{transform:translateY(-3px)}
.floating-contact__button svg{width:23px;height:23px}
.floating-contact__button--wa{background:#266a43;color:#fff}
.floating-contact__button--wa:hover{background:#1f5737}
.floating-contact__button--call{background:var(--bg);border-color:var(--line-2);color:var(--ink)}
.floating-contact__label{position:absolute;inset-inline-end:calc(100% + .65rem);padding:.3rem .8rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:999px;white-space:nowrap;font-size:.875rem;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}
.floating-contact__button:hover .floating-contact__label,.floating-contact__button:focus-visible .floating-contact__label{opacity:1;transform:none}
.menu-open .floating-contact,html.no-scroll .floating-contact{opacity:0;pointer-events:none}
.totop{left:auto;inset-inline-start:1.4rem}

/* English follows document direction; maps, photos, numerals and play icons stay natural. */
[dir="ltr"] .brand{transform-origin:left center}
[dir="ltr"] .hdr__bar{padding-inline:14px 22px}
[dir="ltr"] .hero__h{font-size:clamp(2.7rem,5.8vw,6.2rem);letter-spacing:-.035em}
[dir="ltr"] .hero__h .ln>span{line-height:1.18}
[dir="ltr"] .hero__eyebrow{letter-spacing:.025em}
[dir="ltr"] .hero__sub{max-width:62ch}
[dir="ltr"] .hero__hint{right:auto;left:var(--gut)}
[dir="ltr"] .about__h{right:auto;left:24%;font-size:clamp(2.6rem,5.7vw,6rem);line-height:1.2}
[dir="ltr"] .tl li::before{right:auto;left:0}
[dir="ltr"] .tl b,[dir="ltr"] .fig b,[dir="ltr"] .svc__it>button,[dir="ltr"] .rcard,[dir="ltr"] .ft__tel,[dir="ltr"] .pband__stats div b,[dir="ltr"] .pj__fig,[dir="ltr"] .pj__kf dd,[dir="ltr"] .pm__kf dd,[dir="ltr"] .pg__t{text-align:left}
[dir="ltr"] .sl__top,[dir="ltr"] .sl__name{right:auto;left:var(--gut)}
[dir="ltr"] .sl__name h3{font-size:clamp(2.4rem,5vw,5.5rem);max-width:13ch;line-height:1.16}
[dir="ltr"] .sl__kf{left:auto;right:clamp(var(--gut),16vw,16vw)}
[dir="ltr"] .sl__kf dd{direction:ltr}
[dir="ltr"] .pg{left:auto;right:0}
[dir="ltr"] .mapw{right:auto;left:calc(var(--gut) + .2rem)}
[dir="ltr"] .pin text{direction:ltr;font-size:34px}
[dir="ltr"] .svc__it:hover .svc__n,[dir="ltr"] .svc__it.is-open .svc__n{transform:translateX(6px)}
[dir="ltr"] .rcard__go{left:auto;right:.75rem}
[dir="ltr"] .fld label{right:auto;left:.95rem}
[dir="ltr"] .pj__st{right:auto;left:.9rem}
[dir="ltr"] .pm__nav{left:auto;right:1rem}
[dir="ltr"] .pm__x{left:auto;right:1rem}
[dir="ltr"] .film__x{left:auto;right:.8rem}
[dir="ltr"] .abtn__c svg,[dir="ltr"] .ctrl button svg,[dir="ltr"] .pj__go svg,[dir="ltr"] .rcard__go svg{transform:scaleX(-1)}
[dir="ltr"] .ft__huge{font-size:clamp(2.5rem,6.4vw,6rem);line-height:1.2}
[dir="ltr"] .brand__t{font-size:.92rem}
[dir="ltr"] .nav__it>a{padding-inline:.65rem}
[dir="ltr"] .hdr__cta{padding-inline:1.25rem}

@media(max-width:1280px){
  [dir="ltr"] .sl__kf{right:var(--gut)}
  [dir="ltr"] .nav,[dir="ltr"] .hdr__cta,[dir="ltr"] .hdr__end .sep{display:none}
  [dir="ltr"] .burger{display:flex}
  [dir="ltr"] .mmenu{padding-top:calc(var(--hdr) + 1rem)}
  .hdr__bar{gap:.7rem}
}
@media(max-width:1000px){
  [dir="ltr"] .hdr__bar{padding-inline:6px 16px}
  [dir="ltr"] .about__h{left:auto;font-size:clamp(2.3rem,6.4vw,4.5rem);max-width:24ch}
  [dir="ltr"] .sl__kf{left:var(--gut);right:var(--gut)}
  [dir="ltr"] .sl__name h3{font-size:clamp(2.3rem,8vw,4.3rem);max-width:15ch}
  [dir="ltr"] .pg{left:0;right:0}
  [dir="ltr"] .pg__bar i{transform-origin:left}
  [dir="ltr"] .pg__t{font-size:.75rem}
}
@media(max-width:640px){
  .floating-contact{inset-inline-end:1rem;bottom:max(1rem,env(safe-area-inset-bottom));gap:.5rem}
  .floating-contact__button{width:46px;height:46px}
  .totop{left:auto;inset-inline-start:1rem}
  .hdr__end{gap:.35rem}
  .brand{gap:.4rem;min-width:0}
  .brand__t{white-space:normal;max-width:12rem;font-size:.875rem}
  [dir="ltr"] .brand__t{font-size:.82rem;max-width:10rem}
  .language,.theme,.burger{min-width:40px;width:40px;height:40px}
  [dir="ltr"] .hero__h{font-size:clamp(2rem,8vw,3.1rem)}
  [dir="ltr"] .hero__cta{gap:.7rem}
  [dir="ltr"] .sl__kf{padding-left:0;padding-right:4.2rem}
  [dir="ltr"] .sl__name{bottom:10.5rem}
  [dir="ltr"] .ft__huge{font-size:clamp(2.1rem,8vw,3rem)}
}
@media(max-width:380px){
  .brand__t,[dir="ltr"] .brand__t{max-width:8.5rem;font-size:.75rem}
  .brand img{width:32px;height:32px}
  .hdr__bar{gap:.35rem}
  .hdr__end{gap:.15rem}
  .language,.theme,.burger{min-width:36px;width:36px;height:40px}
}
html[data-rm] .floating-contact__button,html[data-rm] .floating-contact__label{transition:none}


/* ============================================================
   تحسينات العرض على التابلت والجوال (إصدار 1.0.2)
   ============================================================ */

/* --- تابلت: المساحة تكفي لإظهار الرقم الموحّد وزر التسجيل معًا --- */
@media(min-width:641px) and (max-width:1000px){
  html[data-mcta] .hdr__cta{display:inline-flex;height:42px;padding:0 1.25rem;font-size:.9rem}
  .hdr__end .sep{display:block}
  .hdr__bar{gap:.9rem;padding-inline:16px 8px}
  .brand__t{max-width:none;white-space:nowrap}
}
/* الرقم الموحّد: كان يختفي في كل ما دون 1280 — نعيده كلما اتّسع المكان */
@media(min-width:641px) and (max-width:1280px){
  .hdr__tel{display:inline-block;font-size:.88rem;white-space:nowrap}
  .hdr__end .sep:nth-child(1){display:block}
}
/* شريط ضيّق جدًا: القائمة كاملة ظهرت لكن المكان لا يتّسع للرقم الموحّد معها */
@media(min-width:1001px) and (max-width:1120px){
  .hdr__tel,.hdr__end .sep:nth-child(1){display:none}
  .nav__it>a{padding:0 .5rem;font-size:.86rem}
  .hdr__bar{gap:.6rem}
  .brand__t{font-size:.88rem}
}

/* بين 1001 و1280 تظهر القائمة كاملة، فنضغط المسافات قليلاً حتى يتّسع كل شيء */
@media(min-width:1001px) and (max-width:1280px){
  .hdr__bar{gap:.8rem;padding:0 12px 0 16px}
  .hdr__end{gap:.5rem}
  .hdr__cta{height:42px;padding:0 1.15rem;font-size:.88rem}
  .brand__t{font-size:.92rem}
}

/* --- جوال: الشعار + زر التسجيل + القائمة. اسم الشركة النصّي ينتقل إلى القائمة --- */
@media(max-width:640px){
  html[data-mcta] .brand__t{display:none}
  html[data-mcta] .hdr__cta{display:inline-flex;height:38px;padding:0 .95rem;font-size:.82rem;white-space:nowrap}
  html[data-mcta] .hdr__end{gap:.3rem}
  html[data-mcta] .language,html[data-mcta] .theme{display:none}   /* ينتقلان إلى القائمة */
  html[data-mcta] .hdr__bar{padding:0 8px 0 12px;gap:.5rem}
}

/* --- عناصر اللغة والوضع داخل قائمة الجوال --- */
.mmenu__tools{display:none;align-items:center;gap:.6rem;padding-top:1.1rem;margin-top:1rem;border-top:1px solid var(--line)}
.mmenu__tools .mmenu__name{margin-inline-end:auto;font-size:.95rem;color:var(--mute);line-height:1.4}
.mmenu__tools button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-size:.8rem;font-weight:600;
  cursor:pointer;transition:background-color .25s,border-color .25s}
.mmenu__tools button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media(hover:hover){.mmenu__tools button:hover{background:var(--line)}}
@media(max-width:640px){.mmenu__tools{display:flex}}

/* --- الأزرار العائمة: عمود واحد في جهة واحدة حتى لا تغطّي النصوص --- */
@media(max-width:1000px){
  /* ملاحظة: الخصائص الفيزيائية أولًا ثم المنطقية، وإلا ألغت الفيزيائيةُ المنطقيةَ */
  .totop{left:auto;right:auto;inset-inline-start:auto;inset-inline-end:1rem;
         bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 106px);width:46px;height:46px}
  .floating-contact{gap:.5rem}
  .floating-contact__button{width:46px;height:46px}
  /* تختفي أثناء النزول بالصفحة وتعود عند التوقّف أو الصعود */
  html.hide-float .floating-contact,html.hide-float .totop{
    opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .28s,transform .28s}
}
@media(max-width:380px){
  .totop{bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 100px);width:42px;height:42px}
  .floating-contact__button{width:42px;height:42px}
  html[data-mcta] .hdr__cta{padding:0 .8rem;font-size:.78rem}
}


/* ============================================================
   علاج الرجّة الأفقية (إصدار 1.0.3)
   ============================================================ */

/* نحجز مكان شريط التمرير دائمًا، فلا تنزاح الصفحة يمينًا أو يسارًا
   عند ظهوره أو اختفائه (تثبيت قسم المشاريع، فتح القائمة، نافذة الفيديو،
   نافذة المشروع، ومقدّمة الدخول). */
html{scrollbar-gutter:stable}

/* أثناء التثبيت يصبح العنصر position:fixed بعرض مقيس بالبكسل.
   نُلزمه بعرض منطقة العرض نفسها حتى لا يتبقّى فراغ من جهة شريط التمرير. */
.stack__vp.is-pinned{left:0!important;right:auto!important;width:100%!important}

/* شريط كلمة الإدارة: نوقف الالتقاط التلقائي أثناء حركتنا البرمجية
   حتى لا يتصارع مع المتصفح فتحدث اللغبطة. */
.q__ls.is-anim{scroll-snap-type:none}


/* مصيدة السبام: خارج الشاشة تمامًا، لا يراها زائر ولا قارئ شاشة،
   لكنها موجودة في الصفحة فتملؤها الروبوتات فتُكشف. */
/* إخفاء مرئي قياسي بلا إزاحة خارج الصفحة: الإزاحة 9999 بكسل كانت توسّع الصفحة
   إلى أكثر من عشرة آلاف بكسل في الاتجاه العربي حيث لا توجد حاوية تقصّها */
.mhf-hp{position:absolute!important;inset:auto!important;left:0!important;top:0!important;
        width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;
        overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;
        white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.lead__card{position:relative}

/* ============================================================
   قسم الأخبار — بنفس لغة سجلّ المشاريع
   ============================================================ */
.nw__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.4vw,2rem);padding-bottom:clamp(3rem,6vw,5rem)}
.nw__g--3{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0;margin-top:1.8rem}
.nw{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease) var(--d,0ms),transform .8s var(--ease) var(--d,0ms)}
.nw.is-in,html[data-rm] .nw{opacity:1;transform:none}
.nw[hidden]{display:none}
.nw__a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:var(--surf);transition:border-color .35s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.nw__fig{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surf-2, var(--surf))}
.nw__fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1s var(--ease)}
.nw__ph{display:grid;place-items:center;width:100%;height:100%;opacity:.28}
.nw__ph img{width:64px;height:64px;object-fit:contain;transform:none}
.nw__cat{position:absolute;inset-inline-start:.9rem;top:.9rem;z-index:2;padding:.32rem .8rem;border-radius:999px;
  font-size:.76rem;font-weight:500;background:var(--pill-bg);color:#fff;backdrop-filter:blur(8px)}
.nw__body{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1.4rem 1.5rem;flex:1}
.nw__date{font-size:.8rem;color:var(--mute)}
.nw__t{font-size:1.12rem;font-weight:500;line-height:1.55;letter-spacing:-.005em}
.nw__l{font-size:.94rem;color:var(--mute);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw__go{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.7rem;font-size:.9rem;color:var(--g2,var(--ink))}
.nw__go svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .4s var(--ease)}
@media(hover:hover){
  .nw__a:hover{border-color:var(--line-2);transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(0,0,0,.6)}
  .nw__a:hover .nw__fig img{transform:scale(1.07)}
  .nw__a:hover .nw__go svg{transform:translateX(-5px)}
  [dir="ltr"] .nw__a:hover .nw__go svg{transform:translateX(5px)}
}
[dir="ltr"] .nw__go svg{transform:scaleX(-1)}
[dir="ltr"] .nw__a:hover .nw__go svg{transform:scaleX(-1) translateX(-5px)}
.nw__none{padding:clamp(3rem,8vw,6rem) 0;text-align:center}
.nw__none .lede{margin-inline:auto}

/* صفحة الخبر */
.nsingle__meta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:.4rem;color:var(--mute);font-size:.92rem}
.nsingle__back{color:var(--mute);border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .3s,border-color .3s}
@media(hover:hover){.nsingle__back:hover{color:var(--ink);border-color:currentColor}}
.nsingle__lede{margin-top:1.2rem;max-width:62ch}
.nsingle__hero{margin:0 0 clamp(1rem,3vw,2rem);border-radius:var(--r);overflow:hidden;aspect-ratio:16/9}
.nsingle__hero img{width:100%;height:100%;object-fit:cover}
.nsingle__body .mhf-entry{max-width:74ch;margin-inline:0}
.nsingle__gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:clamp(2rem,4vw,3rem)}
.nsingle__gal figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.nsingle__gal img{width:100%;height:100%;object-fit:cover}
.nsingle__more{padding-top:0}

/* محتوى المحرّر داخل صفحات القالب */
.mhf-entry{font-size:1.04rem;line-height:2}
.mhf-entry p{margin:0 0 1.4rem}
.mhf-entry h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:2.4rem 0 1rem;letter-spacing:-.01em}
.mhf-entry h3{font-size:clamp(1.2rem,2.2vw,1.5rem);margin:2rem 0 .8rem}
.mhf-entry ul,.mhf-entry ol{margin:0 0 1.4rem;padding-inline-start:1.4rem}
.mhf-entry li{margin-bottom:.5rem}
.mhf-entry img{max-width:100%;height:auto;border-radius:var(--r);margin:1.4rem 0}
.mhf-entry a{color:var(--g2,currentColor);border-bottom:1px solid currentColor}
.mhf-entry blockquote{margin:1.8rem 0;padding-inline-start:1.4rem;border-inline-start:2px solid var(--line-2);color:var(--mute)}

@media(max-width:1000px){
  .nw__g,.nw__g--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .nw__g,.nw__g--3{grid-template-columns:1fr}
  .nsingle__gal{grid-template-columns:1fr}
}

/* بطاقة الخبر: عناوين حقيقية (h2/h3) بدل نصّ عريض — أفضل لمحركات البحث */
.nw__t{font-size:1.12rem;font-weight:500;line-height:1.55;letter-spacing:-.005em;margin:0}
.nw__l{margin:0}
.nw__g--3 .nw__t{font-size:1.05rem}


/* ============================================================
   الواجهة الجديدة: صورة المشروع + العلامة + نموذج زجاجي (1.3.0)
   ============================================================ */

/* ---------- الخلفية ---------- */
.stage.has-bg{background:#05070a}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#05070a;will-change:transform;contain:strict}
.hero-bg picture{display:contents}
.hero-bg__frame{position:absolute;inset:0;overflow:hidden}
.hero-bg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:var(--hero-pos,50% 58%);transform:scale(1.08);transform-origin:50% 58%;
  opacity:0;will-change:transform,opacity}
.hero-bg.is-on .hero-bg__img{opacity:1}
html[data-rm] .hero-bg__img{transform:none;opacity:1}
/* طبقة التعبئة: صورة صغيرة مموّهة مسبقًا تُكبَّر — ناعمة بلا أي تكلفة رسم */
.hero-bg__fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%;
  transform:scale(1.08);opacity:0;transition:opacity 1.4s var(--ease)}
.hero-bg.is-on .hero-bg__fill{opacity:1}
html[data-rm] .hero-bg__fill{opacity:1}
@media(max-width:999px){.hero-bg__fill{display:none}}
/* تعتيم متدرّج: أغمق عند الجانبين حيث النص والنموذج، وأفتح في الوسط حيث المبنى */
.hero-bg__shade{position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,7,5,.82) 0%,rgba(4,7,5,.46) 30%,rgba(4,7,5,.22) 50%,rgba(4,7,5,.46) 70%,rgba(4,7,5,.86) 100%),
    linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.08) 24%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.82) 100%)}
.hero-bg--low .hero-bg__shade{opacity:.74}
.hero-bg--mid .hero-bg__shade{opacity:.9}
.hero-bg--high .hero-bg__shade{opacity:1;background-color:rgba(0,0,0,.18)}
/* الصورة الطولية على شاشة عريضة: المبنى كاملًا في المنتصف، والجانبان من نسخة مموّهة من الصورة نفسها */
@media(min-width:1000px){
  .hero-bg--portrait .hero-bg__frame{
    inset:auto;left:50%;top:50%;height:148%;aspect-ratio:9/16;width:auto;
    transform:translate(-50%,-49%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 83%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 17%,#000 83%,transparent 100%)}
  .hero-bg--portrait .hero-bg__img{object-position:50% 50%}
  .hero-bg--portrait .hero-bg__shade{background:
    linear-gradient(90deg,rgba(4,7,5,.74) 0%,rgba(4,7,5,.34) 26%,rgba(4,7,5,.06) 50%,rgba(4,7,5,.34) 74%,rgba(4,7,5,.8) 100%),
    linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 64%,rgba(0,0,0,.8) 100%)}
}
/* الأضواء الخضراء تبقى لمسة خفيفة فوق الصورة لا غطاءً عليها */
.stage.has-bg .aura{opacity:.32}
[data-theme="light"] .stage.has-bg .aura{opacity:0}

/* ---------- الواجهة منطقة داكنة في الوضعين: النص الأبيض فوق الصورة دائمًا ---------- */
.hero.has-bg{color:#fff}
.hero.has-bg .hero__eyebrow{color:rgba(255,255,255,.82)}
.hero.has-bg .hero__sub{color:rgba(255,255,255,.9)}
.hero.has-bg .hero__hint{color:rgba(255,255,255,.7)}
.hero.has-bg .hero__hint i{background:rgba(255,255,255,.32)}
.hero.has-bg .hero__h{text-shadow:0 2px 30px rgba(0,0,0,.35)}
[data-theme="light"] .hero.has-bg .vplay{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}
[data-theme="light"] .hero.has-bg .vplay__p{background:#fff}
[data-theme="light"] .hero.has-bg .vplay__p::before{border-color:rgba(255,255,255,.55)}
[data-theme="light"] .hero.has-bg .vplay__p svg{fill:#0E1A13}

/* ---------- البطاقة الزجاجية ---------- */
.lead__card--glass{color:#fff;
  background:linear-gradient(158deg,rgba(22,32,26,.6) 0%,rgba(8,12,10,.46) 100%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 44px 110px -44px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .lead__card--glass{background:rgba(10,15,12,.9)}
}
.lead__t{font-weight:500;font-size:1.55rem;line-height:1.45;margin:0 0 .3rem}
.lead__card--glass .lead__t{font-size:1.42rem;color:#fff}
.lead__card--glass .lead__hd p{color:rgba(255,255,255,.72);margin-bottom:1.05rem}
.lead__card--glass .fld input{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}
.lead__card--glass .fld input:focus{background:rgba(255,255,255,.11);border-color:#7ccb93}
.lead__card--glass .fld label{color:rgba(255,255,255,.64)}
.lead__card--glass .fld input:focus+label,
.lead__card--glass .fld input:not(:placeholder-shown)+label{color:#b9e6c4}
.lead__card--glass .fld__lb{color:rgba(255,255,255,.66)}
.lead__card--glass .chip{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}
.lead__card--glass .chip:hover{border-color:rgba(255,255,255,.7)}
.lead__card--glass .chip[aria-pressed="true"]{background:#2f7a45;border-color:#2f7a45;color:#fff}
.lead__card--glass .lead__note{color:rgba(255,255,255,.56)}
.lead__card--glass .lead__ok p{color:rgba(255,255,255,.78)}
.lead__card--glass .lead__ok .pill{color:#fff;border-color:rgba(255,255,255,.3)}
.lead__card--glass .pill--fill{background:#2f7a45;border-color:#2f7a45;color:#fff}
.lead__card--glass .pill--fill:hover{background:#3a9255;border-color:#3a9255}

/* ---------- شاشة عريضة: عمود العلامة + عمود النموذج ---------- */
@media(min-width:1000px){
  .hero.has-form{place-items:stretch;text-align:start;padding-bottom:clamp(2.4rem,6vh,4.6rem)}
  .hero.has-form .hero__in{width:min(1320px,100%);height:100%;margin-inline:auto;
    grid-template-columns:minmax(0,1.1fr) minmax(360px,.8fr);align-items:center;
    column-gap:clamp(2rem,5vw,6.5rem);justify-items:stretch}
  .hero.has-form .hero__brand{display:grid;justify-items:start;align-content:center;text-align:start;min-width:0}
  .hero.has-form .hero__logo{width:min(13.5vw,19vh,188px);min-width:112px;margin-bottom:min(2.4vh,1.6rem)}
  .hero.has-form .hero__eyebrow{font-size:min(1.05vw,1rem)}
  .hero.has-form .hero__h{font-size:min(4.7vw,7.4vh,4.9rem)}
  .hero.has-form .hero__sub{margin-inline:0;max-width:44ch;font-size:min(1.18vw,1.1rem)}
  .hero.has-form .hero__cta{justify-content:flex-start}
  .hero.has-form .hero__form{justify-self:end;width:100%;max-width:440px;min-width:0}
  .hero.has-form .hero__hint{right:auto;left:auto;inset-inline-start:var(--gut)}
}
@media(min-width:1600px){
  .hero.has-form .hero__in{width:min(1640px,100%)}
  .hero.has-form .hero__form{max-width:460px}
}
@media(min-width:1000px) and (max-width:1199px){
  .hero.has-form .hero__in{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);column-gap:clamp(1.6rem,3.4vw,2.6rem)}
  .hero.has-form .hero__h{font-size:min(4.4vw,6.8vh,3.6rem)}
  .hero.has-form .hero__sub{max-width:34ch;font-size:.98rem}
  .hero.has-form .hero__form{max-width:400px}
}
/* شاشة عريضة لكن قصيرة (لابتوب 1280×720 وتابلت أفقي): نضغط البطاقة حتى تتّسع */
@media(min-width:1000px) and (max-height:820px){
  .hero.has-form{padding-top:calc(var(--hdr) + .6rem);padding-bottom:1.6rem}
  .hero.has-form .hero__logo{width:min(11vw,15vh,150px);min-width:96px;margin-bottom:.9rem}
  .hero.has-form .hero__h{font-size:min(4.2vw,6.6vh,4.2rem);margin-bottom:.6rem}
  .hero.has-form .hero__sub{margin-bottom:1.2rem}
  .hero.has-form .hero__hint{display:none}
  .lead__card--glass{padding:1.25rem 1.35rem}
  .lead__card--glass .lead__t{font-size:1.25rem}
  .lead__card--glass .lead__hd p{margin-bottom:.7rem;font-size:.88rem}
  .lead__card--glass .lead__f{gap:.62rem}
  .lead__card--glass .fld input{height:48px;padding-top:1rem}
  .lead__card--glass .fld input:focus+label,
  .lead__card--glass .fld input:not(:placeholder-shown)+label{top:.8rem}
  .lead__card--glass .chip{padding:.34rem .74rem;font-size:.8rem}
  .lead__card--glass .fld__lb{margin-bottom:.3rem}
  .lead__card--glass .lead__note{display:none}
}
@media(min-width:1000px) and (max-height:680px){
  .lead__card--glass .lead__hd p{display:none}
  .hero.has-form .hero__sub{display:none}
}

/* ---------- الجوال والتابلت الرأسي: الواجهة جزء من الصفحة، والترتيب لصالح النموذج ---------- */
@media(max-width:999px){
  .stage.has-form{position:relative;inset:auto;min-height:100svh;pointer-events:auto;overflow:hidden}
  .stage.has-form .hero{position:relative;inset:auto;min-height:100svh;display:block;
    padding:calc(var(--hdr) + .9rem) var(--gut) 4.4rem}
  .stage.has-form + .hero-space{display:none}
  .stage.has-form ~ .sheet{margin-top:-30px}
  .stage.has-form .hero-bg__img{object-position:var(--hero-pos-m,50% 52%)}
  .stage.has-form .hero-bg__shade{background:
    linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.26) 22%,rgba(0,0,0,.38) 46%,rgba(4,7,5,.84) 72%,rgba(4,7,5,.94) 100%)}
  /* الشعار ← السطر العلوي ← العنوان ← النموذج ← الأزرار */
  .hero.has-form .hero__in{width:100%;max-width:560px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:0}
  .hero.has-form .hero__brand{display:contents}
  .hero.has-form .hero__logo{order:1;margin-inline:auto;width:min(28vw,15vh,132px);min-width:96px;margin-bottom:1rem}
  .hero.has-form .hero__eyebrow{order:2}
  .hero.has-form .hero__h{order:3;margin-bottom:1.3rem}
  .hero.has-form .hero__sub{order:4;display:none}
  .hero.has-form .hero__form{order:5;width:100%;margin-bottom:1.6rem;text-align:start}
  .hero.has-form .hero__cta{order:6;justify-content:center}
}
@media(min-width:641px) and (max-width:999px){
  .hero.has-form .hero__sub{display:block;max-width:52ch;margin:0 auto 1.4rem}
  .hero.has-form .hero__h{margin-bottom:.9rem}
  .hero.has-form .hero__logo{width:min(22vw,15vh,150px)}
}

/* ---------- حالة البداية قبل الحركة (يضبطها الجافاسكربت) ---------- */
html.js-hero .hero.has-form .hero__form{opacity:0}
html.js-hero .hero.has-form .hero__logo{opacity:0}
html[data-rm].js-hero .hero.has-form .hero__form,
html[data-rm].js-hero .hero.has-form .hero__logo{opacity:1}
/* شبكة أمان: إن تعطّل أي شيء يظهر كل المحتوى بعد لحظات */
html.js-hero .hero.has-form .hero__form,
html.js-hero .hero.has-form .hero__logo{animation:mhfHeroSafety 0s 8s forwards}
@keyframes mhfHeroSafety{to{opacity:1}}
/* الوضع النهائي الثابت لعناصر الواجهة — يصلح نزول الـ 26 بكسل الموروث */
.hero .rv.is-shown{opacity:1;transform:none}

/* ---------- الشريط العلوي ---------- */
.nav__it>a{white-space:nowrap}
@media(min-width:1001px) and (max-width:1180px){.nav__it--news{display:none}}


/* ============================================================
   1.3.1 — تبديل الوضع، نافذة المشروع
   ============================================================ */

/* التبديل بين الوضعين: حركة دائرية واحدة تخرج من الزر، بلا انتقالات ألوان متأخرة */
html.theme-swap,html.theme-swap *,html.theme-swap *::before,html.theme-swap *::after{transition:none!important}
@keyframes vt{from{clip-path:circle(0 at var(--vt-x,90%) var(--vt-y,40px))}
              to{clip-path:circle(var(--vt-r,150vmax) at var(--vt-x,90%) var(--vt-y,40px))}}
::view-transition-old(root){animation:none}
::view-transition-new(root){animation:vt .78s cubic-bezier(.7,0,.25,1) both}

/* نافذة المشروع: الحركة يقودها الجافاسكربت (كانت تظهر فجأة لأن إخفاءها كان يمنع أي انتقال) */
.pm__box{transition:none;transform:none}
.pm__gal{z-index:2}
.pm__info{position:relative;z-index:1}
/* الصورة المنتقلة من البطاقة إلى النافذة */
.pm-fly{position:fixed;z-index:960;overflow:hidden;pointer-events:none;background:#000;
  will-change:left,top,width,height,border-radius;box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}
.pm-fly img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}

/* البريد وساعات العمل في التذييل */
.ft__mail{font-size:.95rem}
.ft__hours{font-size:.9rem;color:var(--mute);line-height:1.7}


/* ============================================================
   1.3.2 — سلاسة نافذة المشروع، ووجه اللوجو الأخفّ
   ============================================================ */
/* وجه اللوجو ثلاثي الأبعاد بصيغة أخفّ (نفس الدقة والشفافية) */
.coin__f,.coin__b{background-image:url("../img/logo-seal-760.webp")}

/* تمويه ما خلف النافذة كان يُعاد حسابه للشاشة كلها في كل إطار أثناء الحركة —
   أكبر مصدر للتقطيع. تعتيم أعمق يعطي الإحساس نفسه بلا أي تكلفة. */
.pm__bd{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(4,6,5,.86)}
/* طبقات مستقلة أثناء الحركة فقط */
.pm.is-anim .pm__box,.pm.is-anim .pm__info{will-change:transform,opacity}
.pm-fly{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* صورة المعرض على طبقتها أثناء الحركة: ظهورها لحظة الوصول لا يعيد رسم النافذة كلها */
.pm.is-anim .pm__gal img{will-change:opacity}


/* ============================================================
   1.4.0 — الشعار
   ============================================================ */
/* (1) حلقة المقدّمة: قاعدة عامة تمنع أي SVG من تجاوز عرض حاويته كانت تقصّ عرض
   الحلقة إلى 100% بينما يبقى ارتفاعها 118% — فتنزاح 22 بكسل عن مركز الشعار */
.intro__ring{max-width:none;max-height:none}
/* (4) هالة الشعار تتوهّج بهدوء بعد استقراره. نستخدم filter لأن حركة النبض
   المستمرة تتحكّم في opacity ولا يمكن تجاوزها */
.hero__logo .coin__halo{filter:opacity(0);transition:filter 1.2s ease}
.hero__logo.halo-on .coin__halo,html[data-rm] .hero__logo .coin__halo{filter:opacity(1)}


/* ============================================================
   1.4.0 — صفحة المشروع
   ============================================================ */
.pd__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.4rem;font-size:.88rem;color:var(--mute)}
.pd__crumbs a{color:var(--mute);transition:color .3s}
@media(hover:hover){.pd__crumbs a:hover{color:var(--ink)}}
.pd__crumbs span[aria-current]{color:var(--ink-2)}
.pd__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem}
.pd__tags .st{position:static}
.pd__tag{padding:.3rem .85rem;border:1px solid var(--line-2);border-radius:999px;font-size:.82rem;color:var(--ink-2)}
.pd__where{color:var(--ink-2);font-weight:300;font-size:1.1rem;margin:.2rem 0 0}
.pd__kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2rem 2rem;margin:2rem 0 0;
  padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pd__kf div{margin:0}
.pd__kf dd{margin:0;font-weight:300;font-size:1.75rem;line-height:1.3;white-space:nowrap}
.pd__kf dd small{font-size:.95rem;color:var(--mute)}
.pd__kf dt{color:var(--mute);font-size:.86rem;margin-top:.25rem}
.pd__hero{margin:0 0 clamp(1rem,3vw,2rem);border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--surf)}
.pd__hero img{width:100%;height:100%;object-fit:cover}
.pd__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.pd__main .mhf-entry{max-width:none}
.pd__h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.8vw,2.2rem);margin:2.6rem 0 1.1rem}
.pd__feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.4rem}
.pd__feats li{position:relative;padding-inline-start:1.5rem;line-height:1.7;color:var(--ink-2)}
.pd__feats li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:.55rem;height:.55rem;border-radius:50%;background:var(--g-300,#7ccb93)}
.pd__acts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.pd__gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pd__gal a{display:block;border-radius:var(--r-s);overflow:hidden;aspect-ratio:4/3;background:var(--surf)}
.pd__gal img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
@media(hover:hover){.pd__gal a:hover img{transform:scale(1.05)}}
.pd__side{position:sticky;top:calc(var(--hdr) + 1.5rem)}
.pd__more{padding-top:0}
@media(max-width:999px){
  .pd__grid{grid-template-columns:1fr}
  .pd__side{position:static}
}
@media(max-width:640px){
  .pd__kf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd__kf dd{font-size:1.4rem}
  .pd__feats,.pd__gal{grid-template-columns:1fr}
}
/* بطاقات سجلّ المشاريع صارت روابط */
a.pj__fig{color:#fff;text-decoration:none}


/* ============================================================
   1.5.0 — الفروع، الأسئلة، الحاسبة، الآراء، الوظائف، الموافقة، الخريطة
   ============================================================ */
/* قائمة الجوال: روابط إضافية مضغوطة */
.mmenu__more{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.9rem}
.mmenu__more a{font-size:.95rem;color:var(--mute)}

/* الفروع */
.br__kf{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.br__kf dd{white-space:normal;font-size:1.25rem;line-height:1.5}
.br__kf .br__addr dd{font-size:1.05rem}
.br__map{height:clamp(260px,40vw,420px);border-radius:var(--r);overflow:hidden;margin-bottom:clamp(1rem,3vw,2rem);background:var(--surf)}
.br__pr{grid-template-columns:repeat(2,minmax(0,1fr))}
.brs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.brc{display:flex;flex-direction:column;gap:.55rem;padding:1.6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surf);
  transition:border-color .35s,transform .5s var(--ease)}
@media(hover:hover){.brc:hover{border-color:var(--line-2);transform:translateY(-4px)}}
.brc__role{font-size:.8rem;color:var(--mute)}
.brc__t{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:0}
.brc__a,.brc__h{margin:0;color:var(--ink-2);line-height:1.7}
.brc__p{color:var(--ink-2)}
.brc .nw__go{margin-top:auto}

/* الأسئلة الشائعة */
.faq__wrap{max-width:900px}
.faq__cat{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:2.4rem 0 .8rem}
.faq__cat:first-child{margin-top:0}
.faq__it{border-bottom:1px solid var(--line)}
.faq__h{margin:0;font:inherit}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1.2rem 0;background:none;border:0;
  color:inherit;font:inherit;font-size:1.08rem;font-weight:500;text-align:start;cursor:pointer}
.faq__q i{position:relative;flex:none;width:36px;height:36px;border:1px solid var(--line-2);border-radius:50%;transition:transform .45s var(--ease),background-color .3s}
.faq__q i::before,.faq__q i::after{content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.faq__q i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .45s var(--ease)}
.faq__it.is-open .faq__q i::after{transform:translate(-50%,-50%) rotate(0)}
.faq__a{overflow:hidden}
.faq__in{padding:0 0 1.3rem;color:var(--ink-2);line-height:1.95;max-width:70ch}
.faq__in p{margin:0}
.faq__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.6rem;padding:1.4rem 1.6rem;border:1px solid var(--line);border-radius:var(--r)}
.faq__cta p{margin:0;font-size:1.1rem}

/* الحاسبة */
.calc__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.calc__in{display:grid;gap:1.6rem;padding:clamp(1.3rem,3vw,2rem);border:1px solid var(--line);border-radius:var(--r);background:var(--surf)}
.calc__f{display:grid;gap:.6rem}
.calc__f label{display:flex;justify-content:space-between;gap:1rem;color:var(--ink-2);font-size:.95rem}
.calc__f output{color:var(--ink);font-weight:500}
.calc__f small{color:var(--mute)}
.calc__num{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:14px;padding:0 1rem;background:transparent}
.calc__num input{flex:1;min-width:0;height:52px;border:0;background:none;color:inherit;font:inherit;font-size:1.25rem;outline:none}
.calc__num span{color:var(--mute)}
.calc__num:focus-within{border-color:#7ccb93}
.calc__f input[type=range]{width:100%;accent-color:#3a9255;height:28px}
.calc__out{position:sticky;top:calc(var(--hdr) + 1.5rem);padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--r);
  background:linear-gradient(158deg,rgba(22,32,26,.92),rgba(8,12,10,.88));color:#fff;border:1px solid rgba(255,255,255,.1)}
.calc__lbl{margin:0;color:rgba(255,255,255,.7)}
.calc__big{margin:.3rem 0 1.4rem;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:300;line-height:1.2}
.calc__big span{font-size:1rem;color:rgba(255,255,255,.7)}
.calc__dl{display:grid;gap:.75rem;margin:0 0 1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14)}
.calc__dl div{display:flex;justify-content:space-between;gap:1rem}
.calc__dl dt{color:rgba(255,255,255,.7)}
.calc__dl dd{margin:0}
.calc__note{margin:0;font-size:.85rem;line-height:1.8;color:rgba(255,255,255,.55)}
.calc__lead{max-width:640px;margin-top:clamp(2rem,5vw,3.5rem)}

/* آراء العملاء */
.rvw__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}
.rvw{margin:0;display:flex;flex-direction:column;gap:1rem;padding:1.6rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surf)}
.rvw__s{display:flex;gap:.3rem}
.rvw__s i{width:14px;height:14px;background:var(--line-2);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.rvw__s i.is-on{background:#7ccb93}
.rvw__q{margin:0;flex:1}
.rvw__q p{margin:0;line-height:1.9;color:var(--ink-2)}
.rvw__c{display:flex;align-items:center;gap:.8rem}
.rvw__c img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.rvw__c span{display:flex;flex-direction:column}
.rvw__c small{color:var(--mute)}

/* الوظائف */
.jobs{display:grid;gap:1rem}
.job{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem 1.5rem;border:1px solid var(--line);border-radius:var(--r);transition:border-color .3s}
@media(hover:hover){.job:hover{border-color:var(--line-2)}}
.job__t{margin:0;font-size:1.2rem;font-weight:500}
.job__m{margin:0;color:var(--mute)}
.fld--sel select{width:100%;height:52px;border:1px solid var(--line-2);border-radius:14px;padding:0 1rem;background:transparent;color:inherit;font:inherit}
.fld--sel select option{color:#111}
.fld--ta textarea{width:100%;min-height:96px;border:1px solid var(--line-2);border-radius:14px;padding:1.5rem 1rem .6rem;background:transparent;color:inherit;font:inherit;resize:vertical}
.fld--file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.apply__file{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px dashed var(--line-2);border-radius:14px;cursor:pointer}
.apply__fn{color:var(--mute);font-size:.9rem;overflow:hidden;text-overflow:ellipsis}
.apply__file .pill{flex:none;pointer-events:none}

/* خريطة المشاريع */
.pmap__w{margin-bottom:1.4rem}
.pmap{height:clamp(320px,50vw,520px);margin-top:1rem;border-radius:var(--r);overflow:hidden;background:var(--surf)}
.leaflet-container{font-family:inherit}
.leaflet-popup-content{font-size:.92rem;line-height:1.7;text-align:start}
.leaflet-popup-content a{color:#2f7a45}

/* شريط موافقة ملفات الارتباط */
.consent{position:fixed;z-index:940;inset-inline:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));margin-inline:auto;max-width:720px;
  display:flex;align-items:center;gap:1rem 1.4rem;flex-wrap:wrap;justify-content:space-between;padding:1rem 1.2rem;border-radius:18px;
  background:rgba(12,17,14,.92);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px -30px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s var(--ease)}
.consent.is-on{opacity:1;transform:none}
.consent__t{margin:0;flex:1 1 280px;font-size:.92rem;line-height:1.8}
.consent__t a{color:#b9e6c4;border-bottom:1px solid currentColor}
.consent__b{display:flex;gap:.6rem}
.consent .pill{color:#fff;border-color:rgba(255,255,255,.3)}
.consent .pill--fill{background:#2f7a45;border-color:#2f7a45}
html.consent-open .floating-contact,html.consent-open .totop{transform:translateY(-96px)}
@media(max-width:640px){html.consent-open .floating-contact,html.consent-open .totop{transform:translateY(-150px)}}

@media(max-width:1000px){
  .brs,.rvw__g{grid-template-columns:1fr}
  .calc__grid{grid-template-columns:1fr}
  .calc__out{position:static}
}
@media(max-width:640px){.br__pr{grid-template-columns:1fr}}

/* العنصر المخفي يبقى مخفيًا فعلًا: تنسيقات مثل .pill{display:inline-flex} كانت تغلب
   خاصية hidden، فيبقى العنصر في الصفحة (شفافًا لكن يعترض الضغط أحيانًا) */
[hidden]{display:none!important}

/* ===== 1.6.0 — ثبات الصفحة لحظة انتهاء المقدّمة =====
   على الكمبيوتر يبقى شريط التمرير ظاهرًا دائمًا، ويُمنع التمرير أثناء المقدّمة
   والنوافذ بالجافاسكربت بدل إخفائه: كان ظهوره لحظة استقرار الشعار يضيّق الصفحة
   15 بكسل على ويندوز فتنزاح كلها ومعها الشعار. (حجز مكانه بـ scrollbar-gutter
   لا يعمل مع إخفاء التمرير في الصفحات القياسية.) */
@media (hover:hover) and (pointer:fine){
  html,html.no-scroll{overflow-x:hidden;overflow-y:scroll}
  .mmenu,.pm__box,.film__box{overscroll-behavior:contain}
}
.flyer{left:0;top:0;transform-origin:50% 50%;backface-visibility:hidden}

/* ===== 1.6.0 — تواصل مع محافظ: لكل بطاقة إجراء ===== */
.rcard{cursor:pointer}
.rcard:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.rcard__cta{display:block;font-size:.78rem;line-height:1.4;color:var(--acc);opacity:0;max-height:0;overflow:hidden;transform:translateY(4px);transition:opacity .45s var(--ease),max-height .45s var(--ease),transform .45s var(--ease),margin .45s var(--ease)}
.rcard.is-on .rcard__cta{opacity:1;max-height:2.6em;margin-top:.3rem;transform:none}
.reach__c p{margin-bottom:1.6rem}
.reach__more{display:flex;flex-wrap:wrap;gap:.55rem 1.3rem;margin-top:1.3rem;min-height:1.6rem}
.reach__lnk{display:inline-flex;align-items:center;gap:.45rem;font-size:.92rem;line-height:1.5;color:var(--ink-2);border-bottom:1px solid var(--line-2);padding-bottom:.15rem;transition:color .3s,border-color .3s}
.reach__lnk svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.reach__lnk:hover,.reach__lnk:focus-visible{color:var(--acc);border-color:var(--acc)}
.reach__lnk:hover svg{transform:translateX(-4px)}
[dir="ltr"] .reach__lnk svg{transform:scaleX(-1)}
[dir="ltr"] .reach__lnk:hover svg{transform:scaleX(-1) translateX(-4px)}
.reach__c.is-sw .reach__more{animation:swIn .55s var(--ease)}

/* ===== 1.6.0 — نموذج المشروع المعبّأ مسبقًا ===== */
.lead__pj{display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;margin-bottom:.4rem;border:1px solid var(--line-2);border-radius:14px;background:color-mix(in srgb,var(--acc) 8%,transparent)}
.lead__pjI{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 18%,transparent);color:var(--acc)}
.lead__pjI svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lead__pjT{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.lead__pjT small{font-size:.75rem;color:var(--mute)}
.lead__pjT b{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead__pjC{margin-inline-start:auto;flex:none;font-size:.8rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2)}

/* ===== 1.6.0 — نجوم سماء الواجهة ===== */
.hero-bg__stars{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity 2.4s ease;mix-blend-mode:screen}
.hero-bg.is-on .hero-bg__stars.is-ready{opacity:1}
html[data-rm] .hero-bg__stars{opacity:1;transition:none}
.hero-bg.is-on .hero-bg__stars.is-idle{opacity:0;transition:opacity .6s ease}

/* ===== 1.8.1 — سماء الصورة نفسها تتحرّك ===== */
.hero-bg__sky{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform-origin:50% 58%;opacity:0;transition:opacity 2s ease}
.hero-bg--portrait .hero-bg__sky{transform-origin:50% 50%}
.hero-bg__sky.is-ready{opacity:1}


/* ===== plus.css ===== */
/* ==========================================================================
   محافظ — «مشاريعي» (1.8.0): الحفظ، المقارنة، ما شاهدته مؤخرًا، حجز الزيارة.
   ========================================================================== */

/* ---------- زر الحفظ ---------- */
.fav svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;transition:fill .3s,transform .4s var(--ease)}
.fav[aria-pressed="true"] svg{fill:currentColor;transform:scale(1.08)}
.gbtn.fav[aria-pressed="true"]{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.7)}
.fav--card{position:absolute;top:1rem;inset-inline-end:4.1rem;z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.28);color:#fff;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .3s,transform .3s var(--ease)}
.fav--card:hover{background:rgba(0,0,0,.5);transform:scale(1.06)}
.fav--card svg{width:20px;height:20px}
.fav--card[aria-pressed="true"]{color:#FF8A8A;border-color:rgba(255,138,138,.6)}
.wall__it{position:relative}
@media (hover:none),(max-width:640px){.fav--card{inset-inline-end:1rem;top:auto;bottom:1rem}}

/* ---------- الشارة العائمة ---------- */
.fdock{position:fixed;z-index:65;bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.55rem;min-height:48px;padding:0 1.1rem 0 .9rem;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);color:var(--ink);font:inherit;font-size:.92rem;font-weight:500;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.fdock svg{width:18px;height:18px;fill:#FF8A8A;stroke:none}
.fdock b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 .4rem;border-radius:999px;background:var(--pill-bg);color:var(--pill-ink);font-size:.8rem}
.fdock.is-pop{animation:fpop .5s var(--ease)}
@keyframes fpop{40%{transform:translateX(-50%) scale(1.08)}}
.fdock[hidden]{display:none}
@media (max-width:1000px){.single-mhf_project .fdock{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
html.no-scroll .fdock,.menu-open .fdock{opacity:0;pointer-events:none}

/* ---------- اللوحة الجانبية ---------- */
.fsheet{position:fixed;inset:0;z-index:1250;display:flex;justify-content:flex-start;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.fsheet.is-open{opacity:1;visibility:visible;transition:opacity .35s}
.fsheet__p{width:min(440px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-inline-end:1px solid var(--line-2);padding:calc(1.2rem + env(safe-area-inset-top,0px)) 1.4rem calc(1.4rem + env(safe-area-inset-bottom,0px));transform:translateX(30px);transition:transform .45s var(--ease)}
[dir="ltr"] .fsheet__p{transform:translateX(-30px)}
.fsheet.is-open .fsheet__p{transform:none}
.fsheet__p--wide{width:min(980px,100%)}
.fsheet__hd{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.fsheet__hd h2{flex:1;margin:0;font-family:var(--serif);font-weight:400;font-size:1.7rem}
.fsheet__x,.fsheet__rm{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:none;color:var(--ink);cursor:pointer}
.fsheet__x svg,.fsheet__rm svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.fsheet__back{min-height:40px;padding:0 1rem;font-size:.9rem}
.fsheet__empty{color:var(--ink-2);line-height:1.9}
.fsheet__ls{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.fsheet__ls li{display:flex;align-items:center;gap:.6rem;padding:.55rem;border:1px solid var(--line);border-radius:16px}
.fsheet__ls a{flex:1;display:flex;align-items:center;gap:.85rem;min-width:0;color:var(--ink)}
.fsheet__im{flex:none;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--surf)}
.fsheet__im img{width:100%;height:100%;object-fit:cover}
.fsheet__t{display:grid;gap:.15rem;min-width:0}
.fsheet__t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fsheet__t small{color:var(--mute)}
.fsheet__t .st,.cmp .st{padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.8rem;font-style:normal;color:var(--ink-2)}
.fsheet__rm{width:38px;height:38px;flex:none}
.fsheet__acts{display:grid;gap:.5rem;margin-top:1.2rem}
.fsheet__acts .pill{width:100%}
.fsheet__f{display:grid;gap:.55rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.fsheet__fh{margin:0 0 .2rem;color:var(--ink-2);font-size:.95rem}
.fsheet__f input{height:50px;padding:0 1rem;border-radius:14px;border:1px solid var(--line-2);background:var(--surf);color:var(--ink);font:inherit}
.fsheet__f input:focus{outline:0;border-color:var(--acc)}
.fsheet__hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.fsheet__msg{margin:0;min-height:1.2em;color:#FF9C9C;font-size:.88rem}
.fsheet__ok{margin:0;padding:1rem;border-radius:14px;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--ink);line-height:1.8}
.fsheet__note{margin:-.4rem 0 1rem;color:var(--mute);font-size:.9rem}

/* ---------- جدول المقارنة ---------- */
.cmp{overflow-x:auto}
.cmp table{width:100%;min-width:calc(var(--n,2) * 200px + 130px);border-collapse:collapse}
.cmp th,.cmp td{padding:.9rem .8rem;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;line-height:1.6}
.cmp tbody th{width:130px;color:var(--mute);font-weight:400;font-size:.88rem}
.cmp td{color:var(--ink)}
.cmp thead th{border-bottom:0;padding-bottom:1rem}
.cmp thead a{display:grid;gap:.6rem;color:var(--ink)}
.cmp__im{display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--surf)}
.cmp__im img{width:100%;height:100%;object-fit:cover}
.cmp thead b{font-family:var(--serif);font-weight:400;font-size:1.3rem}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}
.cmp .pill{min-height:44px;font-size:.88rem;padding:0 1rem}

/* ---------- شاهدتها مؤخرًا ---------- */
.recent{padding-top:1.2rem}
.recent[hidden]{display:none}
.recent__h{margin:0 0 .6rem;font-size:.85rem;color:var(--mute)}
.recent__ls{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem}
.recent__ls::-webkit-scrollbar{display:none}
.recent__a{flex:none;display:flex;align-items:center;gap:.6rem;padding:.4rem .9rem .4rem .4rem;border:1px solid var(--line-2);border-radius:999px;color:var(--ink);transition:border-color .3s}
[dir="rtl"] .recent__a{padding:.4rem .4rem .4rem .9rem}
.recent__a:hover{border-color:var(--acc)}
.recent__im{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--surf)}
.recent__im img{width:100%;height:100%;object-fit:cover}
.recent__a span:last-child{display:grid;line-height:1.3}
.recent__a b{font-size:.9rem;font-weight:500}
.recent__a small{font-size:.76rem;color:var(--mute)}

/* ---------- حجز زيارة ---------- */
.visit{border:1px solid var(--line-2);border-radius:14px;overflow:hidden}
.visit__t{display:flex;align-items:center;gap:.7rem;width:100%;min-height:50px;padding:0 1rem;background:none;border:0;color:var(--ink);font:inherit;font-size:.95rem;text-align:start;cursor:pointer}
.visit__t svg{width:20px;height:20px;fill:none;stroke:var(--pacc,var(--acc));stroke-width:1.6;stroke-linecap:round}
.visit__t span{flex:1}
.visit__t i{width:9px;height:9px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.visit__t[aria-expanded="true"] i{transform:rotate(-135deg)}
.visit__t[aria-expanded="true"]{border-bottom:1px solid var(--line)}
.visit__b{display:grid;gap:.8rem;padding:.9rem 1rem 1rem}

@media (prefers-reduced-motion:reduce){.fdock.is-pop{animation:none}.fsheet__p{transition:none}}
@media print{.fdock,.fsheet{display:none!important}}

/* ---------- وصول أسهل بلوحة المفاتيح ---------- */
.skip{position:fixed;top:.6rem;inset-inline-start:.6rem;z-index:2000;padding:.7rem 1.1rem;border-radius:12px;background:var(--pill-bg);color:var(--pill-ink);font-weight:600;transform:translateY(-160%);transition:transform .25s}
.skip:focus{transform:none;outline:2px solid #fff;outline-offset:2px}
.fdock span{white-space:nowrap}
@media (max-width:640px){
  .cmp table{min-width:calc(var(--n,2) * 150px + 84px)}
  .cmp tbody th{width:84px;font-size:.8rem}
  .cmp th,.cmp td{padding:.75rem .5rem;font-size:.9rem}
  .cmp thead b{font-size:1.05rem}
}

/* ---------- واتساب: أسئلة جاهزة ---------- */
.wapop{position:fixed;z-index:1200;width:min(290px,calc(100vw - 20px));padding:.8rem;border-radius:20px;border:1px solid var(--glass-line);background:var(--bg);box-shadow:0 30px 60px -25px rgba(0,0,0,.7);display:grid;gap:.35rem;animation:wapIn .35s var(--ease)}
@keyframes wapIn{from{opacity:0;transform:translateY(8px)}}
.wapop__h{margin:.1rem .4rem .4rem;font-size:.85rem;color:var(--mute)}
.wapop__a{display:flex;align-items:center;min-height:46px;padding:0 1rem;border-radius:14px;border:1px solid var(--line);color:var(--ink);font-size:.95rem;transition:background-color .25s,border-color .25s}
.wapop__a:hover,.wapop__a:focus-visible{background:var(--surf);border-color:#25D366;outline:0}
.wapop__a--plain{border-style:dashed;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){.wapop{animation:none}}

/* ---------- ساعدني أختار ---------- */
.fnd{justify-content:center;align-items:center;padding:1rem}
.fnd__p{width:min(560px,100%);max-height:calc(100% - 2rem);overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line-2);border-radius:26px;padding:1.4rem 1.4rem 1.6rem;transform:translateY(14px);transition:transform .45s var(--ease)}
.fnd.is-open .fnd__p{transform:none}
.fnd__bar{display:flex;gap:.4rem;margin:-.2rem 0 1.4rem}
.fnd__bar i{flex:1;height:3px;border-radius:3px;background:var(--line-2);transition:background-color .4s}
.fnd__bar i.is-on{background:var(--acc)}
.fnd__q{margin:0 0 1rem;font-family:var(--serif);font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.35;color:var(--ink)}
.fnd__crit{margin:-.6rem 0 1rem;color:var(--mute);font-size:.9rem}
.fnd__o{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.55rem}
.fnd__b{min-height:56px;padding:0 1.1rem;border-radius:16px;border:1px solid var(--line-2);background:var(--surf);color:var(--ink);font:inherit;font-size:1rem;cursor:pointer;text-align:start;transition:border-color .25s,background-color .25s,transform .25s var(--ease)}
.fnd__b:hover,.fnd__b:focus-visible{border-color:var(--acc);outline:0;transform:translateY(-2px)}
.fnd__back{margin-top:1.1rem;background:none;border:0;color:var(--mute);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.fnd__more{text-align:center;color:var(--mute);font-size:.88rem}
.fnd .fav{width:40px;height:40px;color:var(--ink)}
.fnd .fav svg{width:18px;height:18px}
.fnd .fav[aria-pressed="true"]{color:#FF8A8A}
.finder-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:44px}
.finder-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- ظهر الشعار: مدخل الفريق ---------- */
#heroLogoSlot{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.gate{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#1f4a31 0%,#0f2a1c 55%,#08170f 100%);box-shadow:inset 0 0 0 2px rgba(210,235,215,.25),inset 0 0 40px rgba(0,0,0,.6),0 20px 50px -20px rgba(0,0,0,.8)}
.gate.is-on{display:flex}
.gate__ring{position:absolute;inset:7%;border-radius:50%;border:1px dashed rgba(210,235,215,.28);animation:gspin 30s linear infinite}
@keyframes gspin{to{transform:rotate(360deg)}}
.gate__lock{width:26%;max-width:44px;fill:none;stroke:#cfe8d6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gate__btn{position:relative;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(210,235,215,.45);background:rgba(255,255,255,.08);color:#eaf5ee;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .3s}
.gate__btn:hover,.gate__btn:focus-visible{background:rgba(255,255,255,.18);outline:0}
.gate__x{position:absolute;top:13%;inset-inline-end:19%;width:30px;height:30px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#cfe8d6;font-size:18px;line-height:1;cursor:pointer}
.gate-m{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:1rem;background:rgba(2,6,4,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s .35s}
.gate-m.is-open{opacity:1;visibility:visible;transition:opacity .35s}
.gate-m__p{position:relative;width:min(400px,100%);display:grid;gap:.8rem;padding:1.8rem 1.6rem 1.5rem;border-radius:26px;background:#0b1510;border:1px solid rgba(210,235,215,.16);box-shadow:0 40px 90px -30px rgba(0,0,0,.9);color:#eaf5ee;transform:translateY(12px) scale(.98);transition:transform .45s var(--ease)}
.gate-m.is-open .gate-m__p{transform:none}
.gate-m__p h2{margin:0;font-family:var(--serif);font-weight:400;font-size:1.8rem}
.gate-m__sub{margin:-.5rem 0 .4rem;color:#8fa596;font-size:.88rem}
.gate-m__p label{display:grid;gap:.35rem;font-size:.85rem;color:#a9bcb0}
.gate-m__p input{height:50px;padding:0 1rem;border-radius:14px;border:1px solid rgba(210,235,215,.18);background:#101e17;color:#fff;font:inherit;font-size:1rem}
.gate-m__p input:focus{outline:0;border-color:#5fb77f}
.gate-m__hp{position:absolute!important;left:-9999px;opacity:0;height:1px!important}
.gate-m__go{height:52px;border-radius:999px;border:0;background:#2f7d4a;color:#fff;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s}
.gate-m__go:hover{background:#38925a}.gate-m__go:disabled{opacity:.7;cursor:wait}
.gate-m__msg{margin:0;min-height:1.3em;color:#ff9c9c;font-size:.88rem}
.gate-m__x{position:absolute;top:.9rem;inset-inline-end:.9rem;width:36px;height:36px;border-radius:50%;border:1px solid rgba(210,235,215,.2);background:none;color:#cfe8d6;font-size:20px;cursor:pointer}
.gate-m__p.is-shake{animation:gshake .45s}
@keyframes gshake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
@media (prefers-reduced-motion:reduce){.gate__ring{animation:none}.gate-m__p.is-shake{animation:none}}


/* ===== v26.css ===== */
/* ==========================================================================
   محافظ 2.6.0 — صفحة الوظائف، نموذج التقديم، حاسبة التمويل، البيانات النظامية
   في التذييل، وسطر الحقوق.
   ========================================================================== */

/* ======================= صفحة الوظائف ======================= */
.cr__body{padding-bottom:clamp(3rem,6vw,5rem)}
.cr__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:clamp(2rem,5vw,5rem);align-items:start;margin-top:clamp(2rem,4vw,3.4rem)}
.cr__main{min-width:0;display:grid;gap:clamp(2.6rem,5vw,4rem)}
.cr__side{position:sticky;top:calc(var(--hdr) + 1rem);min-width:0;scroll-margin-top:calc(var(--hdr) + 1rem)}
.cr__hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.2rem}
.cr__h{position:relative;margin:0;padding-top:.9rem;font-family:var(--serif);font-weight:400;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.35}
.cr__h::before{content:"";position:absolute;top:0;inset-inline-start:0;width:38px;height:2px;background:var(--acc)}
.cr__blk>.cr__h{margin-bottom:1.3rem}

/* قائمة الوظائف */
.cr__jobs{display:grid;border-top:1px solid var(--line)}
.cr__job{border-bottom:1px solid var(--line)}
.cr__job[hidden]{display:none}
.cr__job a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem clamp(1rem,2.4vw,1.8rem);padding:1.35rem .2rem;color:var(--ink);transition:background-color .35s var(--ease),padding .45s var(--ease)}
.cr__jn{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--mute);letter-spacing:.04em;min-width:1.6rem}
.cr__jb{display:grid;gap:.35rem;min-width:0}
.cr__jt{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.35;transition:color .3s}
.cr__jm{display:flex;flex-wrap:wrap;gap:.35rem .5rem;color:var(--mute);font-size:.9rem}
.cr__jm>span{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .65rem;border:1px solid var(--line);border-radius:999px;line-height:1.6}
.cr__jc svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.cr__jgo{display:inline-flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:500;color:var(--acc);white-space:nowrap}
.cr__jgo svg{width:16px;height:16px;transition:transform .45s var(--ease)}
@media (hover:hover){
  .cr__job a:hover{background:var(--tint);padding-inline:1rem}
  .cr__job a:hover .cr__jt{color:var(--acc)}
  .cr__job a:hover .cr__jgo svg{transform:translateX(-5px)}
  [dir="ltr"] .cr__job a:hover .cr__jgo svg{transform:translateX(5px)}
}
.cr__fnone{margin:1rem 0 0;color:var(--mute)}
.cr__filt .chip{cursor:pointer}

/* لا توجد وظائف */
.cr__empty{display:flex;align-items:center;gap:1.3rem;padding:1.5rem 1.6rem;border:1px solid var(--line-2);border-radius:var(--r-s);background:linear-gradient(135deg,rgba(47,122,69,.10),transparent 60%),var(--surf)}
.cr__ei{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(47,122,69,.16);color:var(--acc)}
.cr__ei svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cr__et{margin:0 0 .5rem;color:var(--ink);line-height:1.8}
.cr__ego{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;color:var(--acc)}
.cr__ego svg{width:15px;height:15px}

/* خطوات التقديم */
.cr__steps{position:relative;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:1rem;counter-reset:s}
.cr__steps::before{content:"";position:absolute;top:22px;inset-inline-start:22px;inset-inline-end:calc((100% - (var(--n,3) - 1) * 1rem) / var(--n,3) - 22px);height:1px;background:var(--line-2);transform-origin:right;transform:scaleX(0);transition:transform 1.2s var(--ease) .15s}
[dir="ltr"] .cr__steps::before{transform-origin:left}
.cr__steps li{position:relative;display:grid;gap:.55rem;align-content:start;padding-inline-end:.4rem}
.cr__sn{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid var(--acc);color:var(--acc);font-weight:500;font-variant-numeric:tabular-nums;transition:background-color .4s,color .4s}
.cr__steps li b{font-weight:500;font-size:1.06rem;color:var(--ink)}
.cr__steps li p{margin:0;color:var(--ink-2);font-size:.93rem;line-height:1.8}

/* مجالات التوظيف */
.cr__areas{display:flex;flex-wrap:wrap;gap:.6rem}
.cr__areas li{padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--line-2);background:var(--surf);font-size:.95rem;color:var(--ink)}

/* الكشف التدريجي عند الظهور — مرة واحدة فقط */
.mhf-js .crv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.crv.is-in{opacity:1!important;transform:none!important}
.crv.is-in .cr__steps::before{transform:scaleX(1)}
.crv.is-in .cr__sn{background:var(--pill-bg);color:#fff;border-color:var(--pill-bg);transition-delay:calc(var(--k) * 220ms + .3s)}
.cr__job,.cr__areas li{transition:opacity .6s var(--ease),transform .7s var(--ease)}
.mhf-js .crv:not(.is-in) .cr__job,.mhf-js .crv:not(.is-in) .cr__areas li{opacity:0;transform:translateY(10px)}
.crv.is-in .cr__job,.crv.is-in .cr__areas li{transition-delay:calc(var(--k) * 60ms)}
html[data-rm] .crv,html[data-rm] .crv *{transition:none!important;opacity:1!important;transform:none!important}

@media (max-width:1000px){
  .cr__grid{grid-template-columns:minmax(0,1fr)}
  .cr__side{position:static}
}
@media (max-width:640px){
  .cr__job a{grid-template-columns:minmax(0,1fr) auto;padding:1.15rem 0}
  .cr__jn{display:none}
  .cr__jgo span{display:none}
  .cr__jgo{width:40px;height:40px;justify-content:center;border-radius:50%;border:1px solid var(--line-2)}
  .cr__steps{grid-template-columns:minmax(0,1fr);gap:1.4rem}
  .cr__steps::before{top:22px;bottom:auto;height:calc(100% - 4.5rem);inset-inline:21px auto;width:1px;transform-origin:top;transform:scaleY(0)}
  .crv.is-in .cr__steps::before{transform:scaleY(1)}
  .cr__steps li{grid-template-columns:44px minmax(0,1fr);column-gap:1rem}
  .cr__steps li .cr__sn{grid-row:span 2}
  .cr__empty{flex-direction:column;align-items:flex-start;padding:1.3rem}
}

/* ======================= نموذج التقديم ======================= */
.apply__f{gap:1rem}
.apply__grp{display:grid;gap:.5rem;min-width:0}
.apply__lb{font-size:.82rem;color:var(--mute);line-height:1.4}
.apply__sel{position:relative}
.apply__sel select{-webkit-appearance:none;appearance:none;width:100%;height:54px;padding:0 1rem 0 2.6rem;border-radius:14px;border:1px solid var(--line-2);background:var(--surf);color:var(--ink);font:inherit;font-size:1rem;cursor:pointer;transition:border-color .3s,background-color .3s}
[dir="ltr"] .apply__sel select{padding:0 2.6rem 0 1rem}
.apply__sel select:focus{outline:none;border-color:var(--g-400);background:var(--surf-2)}
.apply__sel select option{color:#111;background:#fff}
.apply__sel svg{position:absolute;top:50%;left:1rem;width:18px;height:18px;margin-top:-9px;fill:none;stroke:var(--mute);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
[dir="ltr"] .apply__sel svg{left:auto;right:1rem}
.apply .chips{gap:.5rem}
.apply .chip{min-height:40px;padding:.4rem 1rem;cursor:pointer}

.apply input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none}
.apply__drop{position:relative;display:flex;align-items:center;gap:.9rem;min-height:74px;padding:.85rem 1rem;border:1.5px dashed var(--line-2);border-radius:14px;background:var(--surf);cursor:pointer;transition:border-color .3s,background-color .3s}
.apply__drop:hover,.apply__drop.is-over{border-color:var(--g-400);background:rgba(47,122,69,.08)}
.apply__drop.is-file{border-style:solid;border-color:var(--g-400)}
.apply input[type=file]:focus-visible+.apply__drop,.apply__drop:focus-within{outline:2px solid var(--g-400);outline-offset:2px}
.apply__ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(47,122,69,.15);color:var(--acc)}
.apply__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.apply__tx{display:grid;gap:.15rem;min-width:0;flex:1}
.apply__tx b{font-weight:500;font-size:.95rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apply__tx small{font-size:.8rem;color:var(--mute)}
.apply__clr{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);color:var(--ink-2)}
.apply__clr[hidden]{display:none}
.apply__clr svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.apply__drop.is-err{border-color:#e06c6c}

/* حقل النص الطويل: العنوان يطفو داخل الحقل كبقية الحقول */
.fld--ta textarea{display:block;width:100%;min-height:104px;padding:1.65rem .95rem .7rem;border-radius:14px;border:1px solid var(--line-2);background:var(--surf);color:var(--ink);font:inherit;font-size:1rem;line-height:1.7;resize:vertical;transition:border-color .3s,background-color .3s}
.fld--ta textarea:focus{outline:none;border-color:var(--g-400);background:var(--surf-2)}
.fld--ta label{top:1.55rem}
.fld--ta textarea:focus+label,.fld--ta textarea:not(:placeholder-shown)+label{top:.85rem;font-size:.72rem;color:var(--acc)}
.apply .fld.is-err input{border-color:#e06c6c}
.apply .lead__msg:empty{display:none}
.apply .lead__msg{margin:0;color:#e57b7b;font-size:.9rem}
[data-theme="light"] .apply .lead__msg{color:#b23b3b}

/* ======================= حاسبة التمويل ======================= */
.calc__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.calc__in,.calc__out,.calc__f,.calc__num{min-width:0}
.calc__f label{align-items:baseline;flex-wrap:wrap}
.calc__f output{font-variant-numeric:tabular-nums}
.calc__num{transition:border-color .3s}
.calc__num input{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.calc__num.is-err{border-color:#e06c6c}
.calc__hint{min-height:1.2em;margin:0;font-size:.82rem;color:var(--mute)}
.calc__hint.is-err{color:#e57b7b}
[data-theme="light"] .calc__hint.is-err{color:#b23b3b}
/* شريط الانزلاق: مساحة لمس أكبر، ولا يحرّك الصفحة أثناء السحب على الجوال */
.calc__f input[type=range]{-webkit-appearance:none;appearance:none;height:36px;background:transparent;cursor:pointer;touch-action:pan-y;margin:0}
.calc__f input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to left,var(--g-400) 0 var(--p,50%),var(--line-2) var(--p,50%) 100%)}
[dir="ltr"] .calc__f input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--g-400) 0 var(--p,50%),var(--line-2) var(--p,50%) 100%)}
.calc__f input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid var(--g-500);box-shadow:0 2px 10px rgba(0,0,0,.25)}
.calc__f input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line-2)}
.calc__f input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--g-400)}
.calc__f input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--g-500)}
.calc__f input[type=range]:focus-visible{outline:2px solid var(--g-400);outline-offset:4px;border-radius:8px}
.calc__scale{display:flex;justify-content:space-between;margin-top:-.2rem;font-size:.75rem;color:var(--mute);font-variant-numeric:tabular-nums}
.calc__big b{display:inline-block;font-variant-numeric:tabular-nums;min-width:4ch}
/* بطاقة النتيجة داكنة في الوضعين؛ نصوصها كلها فاتحة حتى تُقرأ في الوضع النهاري أيضًا */
.calc__out{color:#fff}
.calc__out .calc__more summary{color:rgba(255,255,255,.82)}
.calc__out .calc__more{border-top-color:rgba(255,255,255,.18)}
.calc__out .calc__dl dd{font-variant-numeric:tabular-nums}
.calc__err{margin:.2rem 0 1rem;font-size:.9rem;color:#f2c14e}
.calc__err[hidden]{display:none}
@media (max-width:1000px){
  .calc__grid{grid-template-columns:minmax(0,1fr)}
  .calc__out{position:static}
}
@media (max-width:480px){
  .calc__in{padding:1.15rem}
  .calc__num input{font-size:1.15rem}
  .calc__big{font-size:2.3rem}
}

/* ======================= التذييل: البيانات النظامية ======================= */
.ft__reg{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.6rem;padding:1.1rem 0;border-top:1px solid var(--line);font-size:.84rem;color:var(--mute);line-height:1.7}
.ft__regi{display:inline-flex;align-items:baseline;gap:.45rem}
.ft__regi em{font-style:normal}
.ft__regi b{font-weight:500;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ft__regi+.ft__regi{padding-inline-start:1.6rem;border-inline-start:1px solid var(--line)}
@media (max-width:700px){
  .ft__reg{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem}
  .ft__regi+.ft__regi{padding-inline-start:0;border:0}
}
.ft__bt{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}

/* ======================= سطر الحقوق ======================= */
.ft__c{display:inline-block;padding:0 .12em;cursor:text}
.ft__copyin{display:inline;transition:opacity .45s var(--ease),filter .45s var(--ease)}
.ft__copy.is-out .ft__copyin{opacity:0;filter:blur(6px)}
.ft__sig{display:inline-block;direction:ltr;unicode-bidi:isolate;color:var(--acc);font-weight:500;letter-spacing:.02em}
.ft__sig i{font-style:normal;display:inline-block;white-space:pre;opacity:0;transform:translateY(8px);animation:sigIn .5s var(--ease) forwards;animation-delay:calc(var(--i) * 28ms)}
.ft__sig b{font-weight:600;color:var(--ink)}
@keyframes sigIn{to{opacity:1;transform:none}}
html[data-rm] .ft__sig i{animation:none;opacity:1;transform:none}
.calc__out .calc__wa{background:#2f7a45;border-color:#2f7a45;color:#fff}
.calc__out .calc__wa:hover{background:#3f9a59;border-color:#3f9a59}

/* ======================= الشاشات الصغيرة جدًا (320–400) ======================= */
@media (max-width:400px){
  .ft__cta>*{max-width:100%}
  [dir="ltr"] .ft__huge{font-size:clamp(1.7rem,8.6vw,2.2rem)}
  .ft__huge{overflow-wrap:anywhere}
  .abtn--lg{padding-inline-start:60px}
  .abtn--lg .abtn__c{width:56px;height:56px}
  .abtn--lg .abtn__t{height:56px;padding:0 1.3rem;font-size:.98rem}
}

/* ======================= التابلت (641–1000): استغلال العرض بدل عمود جوال ممطوط ======================= */
@media (min-width:641px) and (max-width:1000px){
  .about__cols{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;padding-top:1rem}
  .pfm--a{max-width:none}
  .about__end{padding-top:4.5rem}
  .pfm--b{margin-inline-start:auto;width:100%}
  .q{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2.4rem}
  .q__pics{aspect-ratio:4/5;max-width:none}
  .reach__g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .reach__c{max-width:none;grid-column:1;grid-row:1}
  .reach__fig{grid-column:2;grid-row:1}
  .reach__cards{grid-column:1 / -1}
  .reach__fig{width:min(100%,320px)}
}

/* سجلّ المشاريع: شريط المدن سطر واحد يُسحب أفقيًا على الجوال بدل أن ينكسر داخل الكبسولة */
.seg .seg__g{flex-wrap:nowrap}
.seg{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
@media (max-width:640px){
  .seg{-webkit-mask-image:linear-gradient(to left,#000 86%,transparent);mask-image:linear-gradient(to left,#000 86%,transparent)}
  [dir="ltr"] .seg{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent);mask-image:linear-gradient(to right,#000 86%,transparent)}
}
.ft__regi em{white-space:nowrap}
@media (max-width:700px){
  .ft__regi{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:baseline}
}
/* البريد في عمود «تواصل معنا» يصطف مع بقية الأسطر بدل أن يذهب لليسار */
html[dir="rtl"] .ft__mail{text-align:right}
html[dir="rtl"] .ft__regi b{justify-self:right}
html[dir="ltr"] .ft__regi b{justify-self:left}
/* الأزرار العائمة تعود للظهور في نهاية الصفحة — مسافة كافية حتى لا تغطّي روابط التذييل الأخيرة */
@media (max-width:1000px){
  .ft__bt{padding-bottom:calc(10.5rem + env(safe-area-inset-bottom,0px))}
}
.ft__hours{text-wrap:balance}

/* ======================= حاسبة التمويل 2.7.0 =======================
   أربع مجموعات مرقّمة (هي خطوات فعلًا)، ولوحة نتيجة فيها:
   القسط ← هل يناسب دخلك (مقياس بخط الحد المسموح) ← مقارنة الجهات. */
.calc--v2 [hidden]{display:none !important}
.calc--v2 .calc__in{gap:0;padding:0;display:block}
.cg{margin:0;border:0;padding:clamp(1.2rem,2.6vw,1.7rem) clamp(1.2rem,3vw,2rem);display:grid;gap:1.15rem;min-width:0}
.cg + .cg{border-top:1px solid var(--line)}
.cg__h{float:right;width:100%;display:flex;align-items:center;gap:.7rem;padding:0;margin:0 0 .1rem;font-family:var(--serif);font-weight:400;font-size:clamp(1.2rem,1.8vw,1.42rem);color:var(--ink);line-height:1.4}
[dir="ltr"] .cg__h{float:left}
.cg__n{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line-2);font-family:var(--sans);font-size:.85rem;font-weight:500;color:var(--acc);font-variant-numeric:tabular-nums}
.cg__sub{display:block;color:var(--mute);font-size:.84rem;line-height:1.7}
.calc--v2 .calc__f label .opt{font-size:.78rem;color:var(--mute);font-weight:400}
.calc__num--s{max-width:170px}
.calc__num input::placeholder{color:var(--mute);opacity:.7}

/* وضع العميل: ثلاثة خيارات بسطرين */
.bseg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.bseg__b{display:grid;gap:.1rem;justify-items:center;text-align:center;padding:.75rem .4rem;border-radius:16px;border:1px solid var(--line-2);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .3s,background-color .3s,transform .3s var(--ease)}
.bseg__b b{font-weight:500;font-size:.98rem}
.bseg__b small{font-size:.78rem;color:var(--mute);transition:color .3s}
.bseg__b:hover{border-color:var(--ink)}
.bseg__b[aria-checked="true"]{background:var(--pill-bg);border-color:var(--pill-bg);color:#fff}
.bseg__b[aria-checked="true"] b{color:#fff}
.bseg__b[aria-checked="true"] small{color:rgba(255,255,255,.8)}
.bseg__b:focus-visible{outline:2px solid var(--g-300);outline-offset:3px}

/* مفتاح الدعم السكني */
.sak{display:grid;gap:.8rem;padding:.9rem 1rem;border-radius:16px;background:var(--surf);border:1px solid var(--line)}
.sw{display:flex;align-items:center;gap:.85rem;width:100%;text-align:start;background:none;border:0;padding:0;color:var(--ink);cursor:pointer}
.sw__t{position:relative;flex:0 0 auto;width:46px;height:26px;border-radius:99px;background:var(--line-2);transition:background-color .3s}
.sw__t i{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:inset-inline-start .35s var(--ease)}
.sw[aria-checked="true"] .sw__t{background:var(--g-500)}
.sw[aria-checked="true"] .sw__t i{inset-inline-start:23px}
.sw__l{display:grid;gap:.05rem}
.sw__l b{font-weight:500;font-size:.95rem}
.sw__l small{font-size:.8rem;color:var(--mute)}
.sw:focus-visible{outline:2px solid var(--g-300);outline-offset:4px;border-radius:10px}
.sak__amt{display:grid;gap:.5rem;padding-top:.8rem;border-top:1px dashed var(--line-2)}
.sak__q{font-size:.88rem;color:var(--ink-2)}
.sak__amt .chips{display:flex;gap:.5rem;flex-wrap:wrap}

/* لوحة النتيجة */
.calc--v2 .calc__big{margin-bottom:.2rem}
.calc__big b.is-tick{animation:calcTick .45s var(--ease)}
@keyframes calcTick{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}
.calc__with{margin:0 0 1.3rem;color:rgba(255,255,255,.75);font-size:.95rem;min-height:1.6em}
.calc__with b{color:#fff;font-weight:500}
.calc__with em{font-style:normal;font-size:.78rem;padding:.12rem .55rem;border-radius:99px;background:rgba(124,203,147,.16);color:#9fe0b2;margin-inline-start:.3rem}
.calc__back{background:none;border:0;padding:0;margin-inline-start:.4rem;color:#9fe0b2;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:.85rem}

/* هل يناسب دخلك؟ */
.aff{padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);margin-bottom:1.4rem;--st:#9fe0b2}
.aff.is-near{--st:#f2c14e}
.aff.is-over{--st:#f08a7e}
.aff.is-idle{--st:rgba(255,255,255,.6)}
.aff__s{margin:0;display:flex;align-items:center;gap:.55rem;font-weight:500;color:var(--st);line-height:1.6}
.aff:not(.is-idle) .aff__s::before{content:"";width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--st);box-shadow:0 0 0 4px color-mix(in srgb,var(--st) 22%,transparent)}
.aff.is-idle .aff__s{font-weight:400;font-size:.92rem;color:rgba(255,255,255,.7)}
.aff__g{margin-top:1.6rem}
.aff__tr{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.1)}
.aff__fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;border-radius:99px;background:var(--st);transition:width .7s var(--ease),background-color .4s}
.aff__cap{position:absolute;top:-8px;bottom:-8px;width:2px;margin-inline-start:-1px;background:#fff;border-radius:2px;transition:inset-inline-start .7s var(--ease)}
.aff__cap span{font-style:normal;position:absolute;bottom:calc(100% + 4px);inset-inline-start:50%;transform:translateX(50%);white-space:nowrap;font-size:.72rem;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
[dir="ltr"] .aff__cap span{transform:translateX(-50%)}
.aff__t{margin:.75rem 0 0;font-size:.84rem;line-height:1.8;color:rgba(255,255,255,.72)}
.aff__max{margin:.8rem 0 0;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:rgba(255,255,255,.82)}
.aff__max b{color:#fff;font-weight:500}
.aff__fix{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.aff__fix p{width:100%;margin:0;font-size:.85rem;color:rgba(255,255,255,.7)}
.calc__fx{min-height:40px;padding:0 1rem;font-size:.88rem;color:#fff;border-color:rgba(255,255,255,.3)}
.calc__fx:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* مقارنة الجهات */
.bk{margin-bottom:1.1rem}
.bk__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;margin:0 0 .6rem;font-weight:500;color:#fff}
.bk__h small{font-weight:400;font-size:.78rem;color:rgba(255,255,255,.55)}
.bk__ls{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.bk__r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;width:100%;text-align:start;padding:.7rem .95rem;border-radius:14px;border:1px solid transparent;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font:inherit;transition:background-color .3s,border-color .3s}
.bk__r:hover{background:rgba(255,255,255,.08)}
.bk__r[aria-pressed="true"]{border-color:#7ccb93;background:rgba(124,203,147,.1)}
.bk__r:focus-visible{outline:2px solid #7ccb93;outline-offset:2px}
.bk__n{font-size:.93rem;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bk__tag{font-style:normal;font-size:.7rem;padding:.08rem .5rem;margin-inline-start:.45rem;border-radius:99px;background:rgba(124,203,147,.18);color:#9fe0b2;white-space:nowrap}
.bk__m{grid-row:span 2;align-self:center;font-size:.82rem;color:rgba(255,255,255,.7);white-space:nowrap}
.bk__m b{font-size:1.12rem;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}
.bk__r2{font-size:.76rem;color:rgba(255,255,255,.5)}
.bk__r.is-over .bk__r2{color:#f0a196}
.bk__more{margin-top:.5rem;background:none;border:0;padding:.3rem 0;color:#9fe0b2;font:inherit;font-size:.88rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.calc__upd{display:block;margin-top:.35rem;color:rgba(255,255,255,.7)}

@media (max-width:560px){
  .bseg__b{padding:.65rem .25rem}
  .bseg__b b{font-size:.9rem}
  .bseg__b small{font-size:.72rem}
  .bk__r{padding:.65rem .8rem}
}
@media (prefers-reduced-motion:reduce){
  .calc__big b.is-tick{animation:none}
  .aff__fill,.aff__cap,.sw__t i{transition:none}
}
[data-rm] .calc__big b.is-tick{animation:none}

/* ملخّص القسط على الجوال: يلتصق أعلى الشاشة أثناء تعبئة الخانات، ويختفي حين تظهر النتيجة الكاملة */
.calc__peek{display:none}
@media (max-width:1000px){
  .calc__peek{position:sticky;top:calc(var(--hdr) + .5rem);z-index:6;display:flex;align-items:center;gap:.45rem;margin:.75rem .75rem 0;padding:.45rem .45rem .45rem 1rem;border-radius:999px;
    background:color-mix(in srgb,var(--bg) 90%,transparent);border:1px solid var(--line-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink);box-shadow:0 14px 30px -18px rgba(0,0,0,.6);transition:top .45s var(--ease)}
  [dir="ltr"] .calc__peek{padding:.45rem 1rem .45rem .45rem}
  body:has(.hdr.is-hidden) .calc__peek{top:.6rem}
  .calc__peek span{font-size:.82rem;color:var(--ink-2)}
  .calc__peek b{font-size:1.15rem;font-weight:500;font-variant-numeric:tabular-nums}
  .calc__peek button{margin-inline-start:auto;min-height:38px;padding:0 .95rem;border-radius:999px;border:0;background:var(--pill-bg);color:#fff;font:inherit;font-size:.82rem;cursor:pointer;white-space:nowrap}
}

/* ================= V40 — «عرض المشاريع على الخريطة»: مقفل بوضع «قريبًا» =================
   زر معطّل فعليًا (disabled) لا يُضغط ولا يُفتح، بحدّ متقطّع ولون خافت وشارة «قريبًا»
   بلون حالة «قريبًا» نفسه في الفلاتر، مع لمعة هادئة تمرّ عليها. */
.pl .pmap__soon,.pmap__soon{cursor:not-allowed;border-style:dashed;border-color:var(--line-2);background:transparent;color:var(--mute);padding-inline:1.15rem .5rem;gap:.6rem;opacity:1;user-select:none;-webkit-user-select:none}
.pmap__soon:hover,.pmap__soon:active,.pmap__soon:focus{background:transparent;border-color:var(--line-2);color:var(--mute);transform:none}
.pmap__ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;opacity:.8}
.pmap__t{opacity:.85}
.pmap__tag{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.32rem;height:30px;padding:0 .75rem;border-radius:999px;background:rgba(91,141,239,.16);color:#9dbbf7;font-size:.8rem;font-weight:600;letter-spacing:0}
[data-theme="light"] .pmap__tag{background:rgba(47,95,196,.11);color:#2f5fc4}
.pmap__tag svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}
.pmap__tag::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.38) 50%,transparent 75%);transform:translateX(-130%);animation:pmapShine 3.6s cubic-bezier(.45,0,.2,1) infinite;pointer-events:none}
@keyframes pmapShine{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
html[data-rm] .pmap__tag::after{animation:none;display:none}
@media (max-width:600px){.pmap__soon{width:100%;justify-content:center}}


/* ===== ux.css ===== */
/* ================================================================
   محافظ — V41: سهولة التصفّح والوصول (يُحمَّل بعد كل الأنماط)
   المبادئ: WCAG 2.2 AA · Nielsen heuristics · Fitts · Hick · Jakob · Doherty
   ================================================================ */

.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:.45rem;vertical-align:middle;background:#7CCB93;flex:none}
.dot--sn{background:#8EC5FF}.dot--sd{background:#A0A7A3}
.st--sn s{background:#8EC5FF}.st--sd s{background:#A0A7A3;animation:none}

/* تركيز واضح لكل عنصر تفاعلي (2.4.7 / 2.4.11) */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--g-300);outline-offset:3px}
[data-theme="light"] :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:#1F4022}

/* انتقال الصفحات أسرع (Doherty < 400ms) */
.pt.is-in{transition-duration:.38s}
.pt.is-out{transition-duration:.6s}

/* أهداف لمس مريحة على الشاشات اللمسية (2.5.8 — 44px) */
@media (pointer:coarse){
  .chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .language,.theme,.burger,.hsrch{min-width:44px;min-height:44px}
  .ft__col nav a,.ft__legal a,.ft__links a{display:inline-flex;align-items:center;min-height:44px}
}

/* ================= الشريط العلوي ================= */
.hsrch{display:inline-flex;align-items:center;gap:.5rem;height:44px;padding:0 1rem 0 .85rem;border-radius:999px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 35%,transparent);font-size:.9rem;font-weight:500;transition:background-color .25s,border-color .25s}
.hsrch svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.hsrch:hover{background:color-mix(in srgb,currentColor 10%,transparent);border-color:currentColor}
.nav__it--pj>a{font-weight:600}
@media (max-width:1480px){.hsrch__t,.sep--srch{display:none}.hsrch{width:44px;padding:0;justify-content:center}}

/* القائمة المنسدلة للمشاريع: المدن والحالات والأبرز في نظرة واحدة */
.mpj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1.15fr);gap:clamp(1.6rem,3vw,3.2rem);align-items:start}
.mpj__lead h3{font-weight:300;font-size:2rem;line-height:1.4;margin-bottom:.5rem}
.mpj__lead p{color:var(--ink-2);font-weight:300;line-height:1.85;margin-bottom:1.2rem;max-width:42ch}
.mpj__all{display:inline-flex;align-items:center;gap:.7rem;height:52px;padding:0 1.1rem 0 1.4rem;border-radius:999px;background:var(--pill-bg);color:#fff;font-weight:600;transition:background-color .25s,transform .3s var(--ease)}
.mpj__all b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 .4rem;border-radius:999px;background:rgba(255,255,255,.18);font-size:.85rem}
.mpj__all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.mpj__all:hover{background:var(--pill-bg-h);transform:translateY(-1px)}
.mpj__st{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}
.mpj__st a{display:inline-flex;align-items:center;gap:.1rem;min-height:40px;padding:0 .85rem;border-radius:999px;border:1px solid var(--line-2);font-size:.86rem;font-weight:500;transition:border-color .25s,background-color .25s}
.mpj__st a b{margin-inline-start:.45rem;color:var(--mute);font-weight:500}
.mpj__st a:hover{border-color:var(--ink);background:var(--surf)}
.mpj__k{display:block;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--mute);margin-bottom:.7rem}
.mpj__cities{display:grid;gap:.15rem}
.mpj__city{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;min-height:56px;padding:.4rem .6rem;border-radius:14px;transition:background-color .25s}
.mpj__city b{font-weight:600;font-size:1.05rem}
.mpj__n{color:var(--mute);font-size:.86rem}
.mpj__pin{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surf-2)}
.mpj__pin svg,.mpj__city>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.mpj__city>svg{opacity:.4;transition:opacity .25s,transform .3s var(--ease)}
.mpj__city:hover{background:var(--surf-2)}
.mpj__city:hover>svg{opacity:1;transform:translateX(-4px)}
html[dir="ltr"] .mpj__city:hover>svg{transform:translateX(4px)}
.mpj__feat{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.mpj__pj{display:grid;gap:.55rem;border-radius:16px;transition:transform .35s var(--ease)}
.mpj__im{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--surf-2)}
.mpj__im img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.mpj__tx b{display:block;font-weight:600;font-size:.95rem;line-height:1.4}
.mpj__tx small{display:flex;align-items:center;color:var(--mute);font-size:.8rem}
.mpj__pj:hover .mpj__im img{transform:scale(1.05)}
@media (max-width:1280px){.mpj{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mpj__col--feat{display:none}}

/* ================= قائمة الجوال ================= */
.mmenu__pj{display:grid;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:.3rem}
.mmenu__nav .mmenu__big{display:flex;align-items:center;justify-content:space-between;border:0;padding:.4rem 0 0}
.mmenu__big b{display:inline-grid;place-items:center;min-width:44px;height:36px;padding:0 .6rem;border-radius:999px;background:var(--pill-bg);color:#fff;font-family:var(--sans);font-size:1rem;font-weight:600}
.mmenu__cities{display:flex;flex-wrap:wrap;gap:.5rem}
.mmenu__nav .mmenu__cities a.chip{font-family:var(--sans);font-size:1rem;font-weight:500;line-height:1;padding:0 1.1rem;min-height:46px;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line-2);border-radius:999px}
.mmenu__cities a.chip b{color:var(--mute);font-weight:500}
.mmenu__nav .mmenu__more a{min-height:44px;display:inline-flex;align-items:center}

/* ================= الشريط السفلي (جوال وتابلت) ================= */
.mbar{display:none}
@media (max-width:999px){
  .mbar{position:fixed;z-index:880;inset-inline:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;align-items:center;gap:.25rem;
        padding:.45rem max(.6rem,env(safe-area-inset-left)) calc(.45rem + env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-right));
        background:rgba(8,12,10,.86);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
        border-top:1px solid rgba(255,255,255,.1);color:#fff;transition:transform .3s var(--ease),opacity .3s}
  [data-theme="light"] .mbar{background:rgba(235,226,209,.92);color:#0E1A13;border-top-color:rgba(14,26,19,.12)}
  .mbar.is-away,body.menu-open .mbar,html.srch-open .mbar{transform:translateY(110%);opacity:0;pointer-events:none}
  .mbar__a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:54px;border-radius:14px;font-size:.74rem;font-weight:500;line-height:1.2;text-align:center}
  .mbar__a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mbar__a.is-on{color:#7CCB93}
  [data-theme="light"] .mbar__a.is-on{color:#2F7A45}
  .mbar__a:active{background:rgba(127,127,127,.14)}
  .mbar__a--cta{flex-direction:row;background:#2F7A45;color:#fff!important;font-size:.88rem;font-weight:600;min-height:50px;border-radius:999px;margin-inline-start:.2rem}
  body.has-mbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.has-mbar .floating-contact{display:none!important}
  body.has-mbar .totop{bottom:calc(84px + env(safe-area-inset-bottom))!important}
  body.has-mbar .hdr__cta{display:none}
  body.has-mbar .consent{bottom:calc(78px + env(safe-area-inset-bottom));padding:.75rem .9rem;gap:.6rem}
  body.has-mbar .consent__t{font-size:.84rem;line-height:1.65;flex-basis:100%}
  body.has-mbar .consent__b{width:100%}
  body.has-mbar .consent__b .pill{flex:1;min-height:44px}
  html.consent-open body.has-mbar .totop{transform:translateY(-120px)}
  /* القوائم الثابتة القديمة تُرفع فوق الشريط */
  body.has-mbar .calc__peek{bottom:auto}
}

/* ================= نافذة البحث ================= */
.srch{position:fixed;inset:0;z-index:1500;display:grid;justify-items:center;align-items:start;padding:clamp(4.5rem,12vh,8rem) var(--gut) 2rem}
.srch[hidden]{display:none}
.srch__bd{position:absolute;inset:0;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s}
.srch__box{position:relative;width:min(720px,100%);max-height:min(76vh,720px);display:flex;flex-direction:column;border-radius:24px;background:var(--bg);color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--line-2),0 50px 120px -40px rgba(0,0,0,.85);overflow:hidden;opacity:0;transform:translateY(-10px) scale(.985);transition:opacity .22s,transform .3s var(--ease)}
.srch.is-on .srch__bd{opacity:1}
.srch.is-on .srch__box{opacity:1;transform:none}
.srch__top{display:flex;align-items:center;gap:.6rem;padding:.7rem .7rem .7rem 1rem;border-bottom:1px solid var(--line)}
.srch__f{flex:1;display:flex;align-items:center;gap:.7rem;padding-inline-start:.4rem}
.srch__f svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--mute);stroke-width:1.8;stroke-linecap:round}
.srch__f input{flex:1;min-width:0;height:52px;border:0;background:none;color:inherit;font:inherit;font-size:1.15rem;outline:none}
.srch__f input::placeholder{color:var(--mute)}
.srch__f:focus-within{outline:none}
.srch__x{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none}
.srch__x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.srch__x:hover{background:var(--surf-2)}
.srch__quick{display:flex;flex-wrap:wrap;gap:.45rem;padding:1rem 1.1rem .2rem}
.srch__quick .chip{min-height:42px;display:inline-flex;align-items:center;gap:.35rem}
.srch__quick .chip b{color:var(--mute);font-weight:500}
.srch__quick .chip--all{background:var(--pill-bg);border-color:var(--pill-bg);color:#fff}
.srch__quick .chip--all b{color:rgba(255,255,255,.8)}
.srch__r{overflow-y:auto;overscroll-behavior:contain;padding:.4rem .6rem .8rem}
.srch__sec{padding:.9rem .6rem .35rem;font-size:.78rem;font-weight:600;color:var(--mute)}
.srch__r [role=option] a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;min-height:60px;padding:.45rem .6rem;border-radius:14px}
.srch__r [role=option].is-sel a{background:var(--surf-2);box-shadow:inset 0 0 0 1px var(--line)}
.srch__im{display:block;width:58px;height:44px;border-radius:10px;overflow:hidden;background:var(--surf-2)}
.srch__im img{width:100%;height:100%;object-fit:cover}
.srch__tx b{display:block;font-weight:600;line-height:1.4}
.srch__tx small{color:var(--mute);font-size:.84rem}
.srch__st{background:none;border-color:var(--line-2);backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.78rem;padding:.3rem .7rem}
.srch__pg{grid-column:1/-1;font-weight:500;padding-inline:.2rem}
.srch__empty{padding:1.4rem 1.2rem 1.6rem;color:var(--mute)}
.srch__hint{display:flex;align-items:center;gap:.35rem;padding:.65rem 1.1rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--mute)}
.srch__hint i{font-style:normal;opacity:.6}
.srch__hint kbd{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 .35rem;border-radius:6px;border:1px solid var(--line-2);font:inherit;font-size:.72rem}
@media (max-width:640px){
  .srch{padding:0}
  .srch__box{width:100%;height:100%;max-height:none;border-radius:0}
  .srch__hint{display:none}
  .srch__st{display:none}
}

/* ================= صندوق الواجهة: تبويبان ================= */
.hbox{position:relative;color:#fff;border-radius:var(--r);padding:.5rem;
  background:linear-gradient(158deg,rgba(22,32,26,.66) 0%,rgba(8,12,10,.54) 100%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);backdrop-filter:blur(16px) saturate(145%);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 44px 110px -44px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.12)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hbox{background:rgba(10,15,12,.92)}}
.htabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.3rem;border-radius:999px;background:rgba(255,255,255,.07);margin-bottom:.3rem}
.htab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;border-radius:999px;font-size:.95rem;font-weight:600;color:rgba(255,255,255,.72);transition:color .3s}
.htab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.htab.is-on{color:#0E1A13}
.htab:hover:not(.is-on){color:#fff}
.htabs__ink{position:absolute;top:.3rem;bottom:.3rem;left:0;width:50%;border-radius:999px;background:#fff;box-shadow:0 8px 24px -10px rgba(0,0,0,.6);transition:transform .45s var(--ease),width .45s var(--ease)}
html[data-rm] .htabs__ink{transition:none}
.hpanel{padding:1.1rem 1.1rem 1rem}
.hpanel[hidden]{display:none}
.hbox .lead__card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.hbox .lead__card::before{display:none}
.hbox .lead__card .lead__hd{display:none}

.hfind__h{font-size:1.32rem;font-weight:500;line-height:1.45;margin:0 0 .9rem}
.hfind__g{border:0;padding:0;margin:0 0 .95rem;min-width:0}
.hfind__g legend{padding:0;margin-bottom:.5rem;font-size:.84rem;color:rgba(255,255,255,.7)}
.hfind__ch{display:flex;flex-wrap:wrap;gap:.4rem}
.rchip{position:relative;cursor:pointer}
.rchip input{position:absolute;opacity:0;width:1px;height:1px}
.rchip span{display:inline-flex;align-items:center;gap:.3rem;min-height:42px;padding:0 .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);font-size:.9rem;font-weight:500;transition:background-color .25s,border-color .25s,color .25s,opacity .25s}
.rchip span b{font-weight:500;opacity:.7}
.rchip:hover span{border-color:rgba(255,255,255,.7)}
.rchip input:checked+span,.rchip.is-on span{background:#fff;border-color:#fff;color:#0E1A13}
.rchip input:focus-visible+span{outline:2px solid #7CCB93;outline-offset:2px}
.rchip.is-empty span{opacity:.45}
.hfind__peek{display:grid;gap:.35rem;margin:.2rem 0 .9rem;min-height:152px}
.hfind__peek a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;min-height:48px;padding:.3rem;border-radius:12px;transition:background-color .2s}
.hfind__peek a:hover{background:rgba(255,255,255,.08)}
.hfind__im{display:block;width:56px;height:40px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.08)}
.hfind__im img{width:100%;height:100%;object-fit:cover}
.hfind__peek b{display:block;font-size:.95rem;font-weight:600;line-height:1.35}
.hfind__peek small{display:flex;align-items:center;font-size:.78rem;color:rgba(255,255,255,.66)}
.hfind__none{padding:.8rem .2rem;font-size:.88rem;color:rgba(255,255,255,.75);line-height:1.7}
.hfind__go{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:54px;border-radius:999px;background:#2F7A45;color:#fff;font-weight:600;font-size:1rem;transition:background-color .25s,transform .3s var(--ease)}
.hfind__go:hover{background:#3A9255;transform:translateY(-1px)}
.hfind__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.hfind__n{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 .45rem;border-radius:999px;background:rgba(255,255,255,.2);font-size:.85rem}
.hfind.is-none .hfind__go{opacity:.55;pointer-events:none}
@media (min-width:1000px) and (max-height:820px){
  .hfind__peek{min-height:0}.hfind__peek li:nth-child(3){display:none}
  .hfind__h{font-size:1.15rem;margin-bottom:.6rem}
  .hfind__g{margin-bottom:.7rem}
}
@media (max-width:999px){
  .hbox{text-align:start}
  .hfind__peek{min-height:0}
}

/* ================= شريط «اختر مشروعك» ================= */
.rail{position:relative;padding:clamp(4.5rem,9vw,8rem) 0 clamp(3.5rem,7vw,6rem)}
.rail__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap;margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.rail__hd .lede{margin-top:.8rem;max-width:58ch}
.rail__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}
.rail__tabs{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none;padding:.2rem;margin:-.2rem}
.rail__tabs::-webkit-scrollbar{display:none}
.rail__tabs .chip{flex:none;min-height:46px;padding:0 1.15rem;font-size:.95rem;display:inline-flex;align-items:center;gap:.35rem}
.rail__tabs .chip b{font-weight:500;opacity:.65}
.rail__ctrl{display:flex;align-items:center;gap:.5rem;flex:none}
.rail__n{color:var(--mute);font-size:.9rem;margin-inline-end:.5rem;white-space:nowrap}
.rail__btn{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);transition:background-color .25s,border-color .25s,opacity .25s}
.rail__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[dir="ltr"] .rail__btn svg{transform:scaleX(-1)}
.rail__btn:hover:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rail__btn:disabled{opacity:.3;cursor:default}
.rail__vp{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  scroll-padding-inline:max(var(--gut),calc((100vw - var(--wrap)) / 2));cursor:grab}
.rail__vp::-webkit-scrollbar{display:none}
.rail__vp.is-drag{cursor:grabbing;scroll-snap-type:none}
.rail__vp.is-drag a{pointer-events:none}
.rail__vp:focus-visible{outline-offset:-2px}
.rail__track{display:flex;gap:1rem;padding:.4rem max(var(--gut),calc((100vw - var(--wrap)) / 2)) 1.2rem;width:max-content}
.rail__it{width:clamp(270px,25vw,350px);flex:none;scroll-snap-align:start}
.rail__it[hidden]{display:none}
.rail__end{width:clamp(220px,18vw,260px);flex:none;scroll-snap-align:start}
.rail__endA{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;height:100%;min-height:300px;padding:1.6rem;border-radius:var(--r-s);
  border:1px dashed var(--line-2);transition:background-color .3s,border-color .3s}
.rail__endA b{font-size:1.35rem;font-weight:600}
.rail__endA span{color:var(--mute);font-size:.9rem;line-height:1.7}
.rail__endA>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;margin-top:.4rem}
.rail__endI{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--pill-bg);color:#fff;margin-bottom:.4rem}
.rail__endI svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.rail__endA:hover{background:var(--surf);border-color:var(--g-300)}
.rail__prog{height:2px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:.2rem}
.rail__prog i{display:block;height:100%;background:var(--g-300);transform-origin:right center;transform:scaleX(.2);transition:transform .3s var(--ease)}
html[dir="ltr"] .rail__prog i{transform-origin:left center}
@media (max-width:999px){
  .rail__bar{flex-direction:column;align-items:stretch}
  .rail__ctrl{justify-content:space-between}
  .rail__btn{display:none}
  .rail__it{width:min(78vw,340px)}
  .rail__all{width:100%;justify-content:center}
}

/* ================= بطاقة المشروع الموحّدة ================= */
.uxc{position:relative;border-radius:var(--r-s);background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .3s,transform .4s var(--ease)}
.uxc__a{display:flex;flex-direction:column;height:100%}
.uxc__fig{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--surf-2)}
.uxc__fig img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.uxc__ph{display:grid;place-items:center;align-content:center;gap:.6rem;width:100%;height:100%;color:var(--mute);font-size:.85rem}
.uxc__ph img{width:64px;height:64px;opacity:.5;object-fit:contain}
.uxc__ph em{font-style:normal}
.uxc__st{position:absolute;top:.8rem;inset-inline-start:.8rem;z-index:2;color:#fff;font-size:.8rem;padding:.35rem .8rem}
.uxc__body{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.1rem;flex:1}
.uxc__n{font-size:1.18rem;font-weight:600;line-height:1.4}
.uxc__w{display:flex;align-items:center;gap:.35rem;color:var(--ink-2);font-size:.9rem}
.uxc__w svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;opacity:.75}
.uxc__f{display:flex;flex-wrap:wrap;gap:.3rem .9rem;color:var(--mute);font-size:.86rem;margin-top:.1rem}
.uxc__f b{color:var(--ink);font-weight:600}
.uxc__go{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:.7rem;color:var(--acc);font-weight:600;font-size:.9rem}
.uxc__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .35s var(--ease)}
@media (hover:hover){
  .uxc:hover{box-shadow:inset 0 0 0 1px var(--g-300);transform:translateY(-3px)}
  .uxc:hover .uxc__fig img{transform:scale(1.05)}
  .uxc:hover .uxc__go svg{transform:translateX(-4px)}
  html[dir="ltr"] .uxc:hover .uxc__go svg{transform:translateX(4px)}
}
[data-theme="light"] .uxc{background:rgba(255,255,255,.45)}


/* ================= صفحة سجلّ المشاريع ================= */
.pl__q{position:relative;flex:1 1 280px;max-width:420px}
.pl__q input{width:100%;height:48px;padding:0 3rem 0 1rem;border-radius:999px;border:1px solid var(--line-2);background:var(--surf);color:inherit;font:inherit;font-size:.95rem}
html[dir="ltr"] .pl__q input{padding:0 1rem 0 3rem}
.pl__q input::placeholder{color:var(--mute)}
.pl__q input:focus{border-color:var(--g-300);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--g-300) 25%,transparent)}
.pl__q svg{position:absolute;top:50%;inset-inline-start:1rem;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:var(--mute);stroke-width:1.8;stroke-linecap:round;pointer-events:none}
.pl__q input{padding-inline-start:2.9rem;padding-inline-end:1rem}
.pl__reset{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;color:var(--acc);font-weight:600;font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.pl__reset[hidden]{display:none}
.wall__f b{font-weight:600}

/* ================= صفحة المشروع ================= */
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(2.5rem,5vw,4rem)}
.pnav a{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-height:96px;padding:.7rem;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s,background-color .3s}
.pnav a:hover{box-shadow:inset 0 0 0 1px var(--g-300);background:var(--surf)}
.pnav__im{width:110px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--surf-2)}
.pnav__im img{width:100%;height:100%;object-fit:cover}
.pnav small{display:block;color:var(--mute);font-size:.8rem;margin-bottom:.15rem}
.pnav b{font-weight:600;font-size:1.05rem}
.pnav__nx{direction:inherit}
.pnav__nx{text-align:end}
.pnav__nx .pnav__im{order:2}
@media (max-width:640px){.pnav{grid-template-columns:1fr}.pnav__im{width:84px}}
/* شريط المشروع القديم يحلّ محلّه الشريط السفلي الموحّد */
body.has-mbar .pbar{display:none!important}

/* أهداف اللمس الصغيرة الموروثة — 44px على الأقل للإصبع (WCAG 2.5.8 / Fitts) */
@media (pointer:coarse){
  .brand{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
  .chips .chip,.cr .chip,.lead__f .chip{min-height:44px!important}
  .pg__b{min-height:44px}
  .reach__lnk{display:inline-flex;align-items:center;min-height:44px}
  .q__dots button{position:relative}
  .q__dots button::before{content:"";position:absolute;inset:-20px -4px}
  .calc__num input{min-height:44px}
  .calc__peek button,.bk__more,.cr__ego{min-height:44px;display:inline-flex;align-items:center}
}

/* تباين كافٍ (1.4.3) */
.rchip span b{opacity:1;color:rgba(255,255,255,.78)}
.rchip input:checked+span b,.rchip.is-on span b{color:#3E4C44}
.hfind__n{background:rgba(0,0,0,.28)}
.bseg__b[aria-checked="true"] small{color:rgba(255,255,255,.95)}
/* الروابط داخل الفقرات تُميَّز بخط تحتها لا باللون وحده (1.4.1) */
.seal__t a,.doc a,.lg__body a,.entry a{text-decoration:underline;text-underline-offset:3px}
.srch__f{min-width:0}
.srch__f input{width:100%}
.srch__box{min-width:0}
@media (max-width:640px){.srch{display:block}.srch__box{width:100vw}}
.srch__f input::-webkit-search-cancel-button,.srch__f input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}

/* ================= V42 — شريط المشاريع: حركة ناعمة ================= */
.rail__vp{scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
@media (pointer:coarse){.rail__vp{scroll-snap-type:x proximity}.rail__vp.is-glide{scroll-snap-type:none}}
.rail__it{scroll-snap-align:start;contain:layout paint}
.rail .uxc__fig img{transform:scale(1.16);will-change:transform;transition:none}
html[data-rm] .rail .uxc__fig img{transform:none}
.uxc__st{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(6,10,8,.66)!important;border-color:rgba(255,255,255,.22)!important}
/* دخول البطاقات أول مرة: تنزلق من جهة البداية واحدة تلو الأخرى */
.rail.is-await .rail__it,.rail.is-await .rail__end{opacity:0;transform:translate3d(-60px,0,0);transition:opacity .8s var(--ease),transform 1.1s var(--ease)}
html[dir="ltr"] .rail.is-await .rail__it,html[dir="ltr"] .rail.is-await .rail__end{transform:translate3d(60px,0,0)}
.rail.is-await.is-arrived .rail__it,.rail.is-await.is-arrived .rail__end{opacity:1;transform:none}
.rail__btn{transition:background-color .25s,border-color .25s,opacity .25s,transform .3s var(--ease)}
.rail__btn:active:not(:disabled){transform:scale(.92)}

/* ================= V42 — سجلّ المشاريع: صعود البطاقات إلى أماكنها ================= */
html.pl-rise .wall__it.pj{opacity:0;transform:translate3d(0,90px,0) scale(.965);clip-path:inset(14% 0 0 0 round var(--r-s,18px));
  transition:opacity .85s var(--ease) var(--rd,0ms),transform 1.25s var(--ease) var(--rd,0ms),clip-path 1.25s var(--ease) var(--rd,0ms);will-change:transform,opacity}
html.pl-rise .wall__it.pj.is-in{opacity:1;transform:none;clip-path:inset(0 0 0 0 round var(--r-s,18px))}
html.pl-rise .wall__it.pj .wall__fig img{transform:scale(1.14);transition:transform 1.8s var(--ease) var(--rd,0ms)}
html.pl-rise .wall__it.pj.is-in .wall__fig img{transform:none}
html.pl-rise .wall__it.pj.is-in .wall__a:hover .wall__fig img{transform:scale(1.045);transition-delay:0ms}
html.pl-rise .wall__it.pj .wall__bot,html.pl-rise .wall__it.pj .wall__st{opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s var(--ease) calc(var(--rd,0ms) + .35s),transform .9s var(--ease) calc(var(--rd,0ms) + .35s)}
html.pl-rise .wall__it.pj.is-in .wall__bot,html.pl-rise .wall__it.pj.is-in .wall__st{opacity:1;transform:none}
html[data-rm].pl-rise .wall__it.pj,html[data-rm].pl-rise .wall__it.pj *{opacity:1!important;transform:none!important;clip-path:none!important}

/* ======================================================================
   V42 — الجوال والتابلت: إعادة تنظيم كاملة
   قاعدة واحدة للترتيب: العنوان ← الفعل الأساسي ← المحتوى. مسافات موحّدة،
   محاذاة لبداية السطر، لا شيء يتمدّد عشوائيًا، وكل ما يُلمس 44px على الأقل.
   ====================================================================== */

/* ---- الشريط العلوي: قائمة الجوال حتى 1199px (القائمة الكاملة كانت تتزاحم على التابلت) ---- */
@media (min-width:1001px) and (max-width:1199px){
  :root{--hdr:84px}
  .hdr{padding:12px 16px 0}
  .hdr__bar{height:64px;padding:0 8px 0 18px}
  .nav,.hdr__end .sep,.hdr__tel{display:none}
  .burger{display:flex}
}
/* الشريط السفلي على كل الأجهزة اللمسية حتى 1199px */
@media (min-width:1000px) and (max-width:1199px) and (pointer:coarse){
  .mbar{position:fixed;z-index:880;inset-inline:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;align-items:center;gap:.25rem;
        padding:.45rem 1rem calc(.45rem + env(safe-area-inset-bottom));background:rgba(8,12,10,.86);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
        border-top:1px solid rgba(255,255,255,.1);color:#fff}
  [data-theme="light"] .mbar{background:rgba(235,226,209,.92);color:#0E1A13}
  .mbar__a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:54px;border-radius:14px;font-size:.8rem;font-weight:500}
  .mbar__a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mbar__a--cta{flex-direction:row;background:#2F7A45;color:#fff!important;font-size:.92rem;font-weight:600;min-height:50px;border-radius:999px}
  body.has-mbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.has-mbar .floating-contact,body.has-mbar .pbar{display:none!important}
  body.has-mbar .hdr__cta{display:none}
  .mbar.is-away,body.menu-open .mbar,html.srch-open .mbar{transform:translateY(110%);opacity:0;pointer-events:none}
}
@media (max-width:1199px){
  .hdr__bar .hsrch{order:-1}
  .mmenu__nav a{min-height:48px}
}

/* ---- الواجهة على الجوال والتابلت الرأسي ---- */
@media (max-width:999px){
  .hero.has-form .hero__logo{width:min(24vw,13vh,112px);min-width:84px;margin-bottom:.8rem}
  .hero.has-form .hero__eyebrow{font-size:.82rem;opacity:.85;margin-bottom:.35rem}
  .hero.has-form .hero__h{margin-bottom:1.1rem}
  .hero.has-form .hero__form{margin-bottom:1.1rem}
  /* زرّا «استكشف» و«الفيلم» صفّ واحد متساوٍ تحت الصندوق، لا عمودين متراكبين */
  .hero.has-form .hero__cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .hero.has-form .hero__cta .abtn{width:100%;padding-inline-start:0;justify-content:center}
  .hero.has-form .hero__cta .abtn .abtn__c{display:none}
  .hero.has-form .hero__cta .abtn .abtn__t{width:100%;min-width:0;height:50px;padding:0 1rem;font-size:.92rem;justify-content:center}
  .hero.has-form .hero__cta .vplay{width:100%;height:50px;justify-content:center;padding:0 .9rem 0 .5rem;font-size:.92rem}
  .stage.has-form .hero{padding-bottom:2.4rem}
  .hbox{border-radius:22px;padding:.4rem}
  .hpanel{padding:.95rem .85rem .85rem}
  .htab{min-height:46px;font-size:.9rem}
}
.hbox .lead__card .lead__hd{display:block}
.hbox .lead__card .lead__t{display:none}
.hbox .lead__card .lead__hd p{margin:0 0 .9rem;font-size:.92rem;color:rgba(255,255,255,.78)}

/* ---- المسافات الموحّدة بين الأقسام ---- */
@media (max-width:999px){
  .sec,.rail,.reach,.about,.partners{padding-block:clamp(3.4rem,11vw,5rem)}
  .show{padding-top:clamp(3.4rem,11vw,5rem)}
  .lbl{margin-bottom:.7rem}
  .big,.stmt{font-size:clamp(1.9rem,7.6vw,3rem);line-height:1.3}
  .lede{font-size:1rem;line-height:1.85}
  .show__hd,.rail__hd{gap:1rem}
}

/* ---- عن محافظ: صور أقصر على الجوال ---- */
@media (max-width:640px){
  .pfm--a{aspect-ratio:4/3}
  .pfm--b{aspect-ratio:16/10;width:100%;margin-bottom:1.6rem}
  .about__h{margin-bottom:1.4rem}
  .figs{gap:1.4rem 1rem}
}

/* ---- أبرز مشاريعنا: عرض بالسحب على الجوال والتابلت ---- */
.stack.is-swipe{height:auto;padding-bottom:.4rem}
.stack.is-swipe .stack__vp{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);
  padding:0 var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:none}
.stack.is-swipe .stack__vp::-webkit-scrollbar{display:none}
.stack.is-swipe .sl{flex:none;position:relative;inset:auto;width:min(86vw,620px);height:min(70svh,640px);scroll-snap-align:center;clip-path:none;border-radius:var(--r);overflow:hidden;z-index:1}
.stack.is-swipe .sl__top{top:1rem;inset-inline:1rem}
.stack.is-swipe .sl__name{bottom:7.2rem;max-width:calc(100% - 2rem);inset-inline-end:1.1rem;right:auto}
.stack.is-swipe .sl__name h3{font-size:clamp(2rem,8.4vw,3.4rem)}
.stack.is-swipe .sl__kf{left:1.1rem;right:1.1rem;bottom:1.3rem;padding-left:0}
.stack.is-swipe .sl__kf dd{font-size:clamp(1.3rem,5.6vw,1.9rem)}
.stack.is-swipe .mapw{display:none}
.swp{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem;padding-inline:var(--gut)}
.swp__b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);flex:none;transition:opacity .25s,background-color .25s}
.swp__b svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[dir="ltr"] .swp__b svg{transform:scaleX(-1)}
.swp__b:disabled{opacity:.3}
.stack.is-swipe .pg{position:static;display:flex!important;flex-direction:row;align-items:center;gap:.35rem;padding:0;background:none}
.stack.is-swipe .pg__b{flex:none;width:44px;min-height:44px;height:44px;display:grid;place-items:center;padding:0}
.stack.is-swipe .pg__t{display:none}
.stack.is-swipe .pg__bar{display:block;width:8px;height:8px;border-radius:99px;background:var(--line-2);transition:width .35s var(--ease),background-color .3s}
.stack.is-swipe .pg__bar i{display:none}
.stack.is-swipe .pg__b.is-on .pg__bar{width:26px;background:var(--g-300)}
.swp__n{display:block;text-align:center;margin-top:.3rem;font-size:.9rem;color:var(--mute)}

/* ---- حدّد اهتمامك: الاختيارات أولًا ثم التفاصيل ---- */
@media (max-width:999px){
  .reach__g{display:flex!important;flex-direction:column;gap:1.4rem;margin-top:1.6rem}
  .reach__cards{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-width:none;margin:0}
  .reach__c{order:2;max-width:none}
  .reach__fig{order:3;width:min(100%,260px);margin:0 auto}
  .rcard{min-height:84px;padding:.75rem}
}
@media (max-width:640px){
  .reach__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reach__fig{display:none}
}

/* ---- كلمة الإدارة ---- */
@media (max-width:640px){
  .q__pics{max-width:none;aspect-ratio:4/3}
  .q__pics img{object-position:50% 22%}
}

/* ---- التذييل: أعمدة قابلة للطيّ على الجوال (كان يطول أربع شاشات) ---- */
.ft__tg{display:none}
@media (max-width:640px){
  .ft--acc .ft__cols{gap:0}
  .ft--acc .ft__col{border-bottom:1px solid var(--line);position:relative}
  .ft--acc .ft__col .ft__h{margin:0;padding:1rem 0;padding-inline-end:56px;min-height:56px;display:flex;align-items:center}
  .ft--acc .ft__tg{display:grid;place-items:center;position:absolute;top:6px;inset-inline-end:0;width:44px;height:44px;border-radius:50%}
  .ft--acc .ft__tg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;transition:transform .35s var(--ease)}
  .ft--acc .ft__col.is-open .ft__tg svg{transform:rotate(180deg)}
  .ft--acc .ft__col.is-coll nav{display:none}
  .ft--acc .ft__col nav{padding-bottom:1.1rem}
  .ft--acc .ft__col nav a{min-height:40px;display:flex;align-items:center}
}

/* ---- سجلّ المشاريع على الجوال: أدوات أخفّ وأوضح ---- */
@media (max-width:640px){
  .pl__bar{gap:.7rem;padding-block:1rem}
  .pl__q{flex-basis:100%;max-width:none}
  .pl .seg{width:100%}
  .pl__st{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + var(--gut));margin-inline-end:calc(var(--gut) * -1);padding-inline-end:var(--gut)}
  .pl__st::-webkit-scrollbar{display:none}
  .pl__st .chip{flex:none}
  .pl .finder-btn{flex:1 1 auto}
  .pl .pmap__soon{width:100%}
}

/* ---- صفحة المشروع: مسار التنقّل مقروء فوق الصورة ---- */
.ph__crumbs{text-shadow:0 1px 10px rgba(0,0,0,.55)}
.ph__crumbs a,.ph__crumbs span{color:rgba(255,255,255,.88)}
@media (max-width:640px){.ph__crumbs{font-size:.8rem}}
.stack.is-swipe .pg__b{width:30px}
.swp{gap:.5rem}
@media (max-width:999px){
  .hero.has-form .hero__cta .vplay{white-space:nowrap;gap:.45rem;font-size:.86rem}
  .hero.has-form .hero__cta .vplay__p{width:32px;height:32px;flex:none}
  .hero.has-form .hero__cta .abtn .abtn__t{font-size:.86rem;white-space:nowrap}
}

/* ---- زرّ التصفية العائم في سجلّ المشاريع ---- */
.plf{position:fixed;z-index:870;left:50%;bottom:max(1.4rem,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:.55rem;max-width:calc(100vw - 2rem);min-height:50px;padding:0 .7rem 0 1.1rem;border-radius:999px;
  background:var(--ink);color:var(--bg);font-weight:600;font-size:.92rem;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);
  transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .45s var(--ease),opacity .3s}
.plf.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.plf svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.plf__t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.plf__n{display:inline-grid;place-items:center;min-height:32px;padding:0 .7rem;border-radius:999px;background:color-mix(in srgb,var(--bg) 14%,transparent);font-weight:600;font-size:.82rem;white-space:nowrap}
@media (max-width:999px){body.has-mbar .plf{bottom:calc(84px + env(safe-area-inset-bottom))}}
html[data-rm] .plf{transition:none}

/* ===== شريط «افتح تطبيق محافظ» (الجوال فقط، يُغلق ويُتذكّر) ===== */
.appbn{position:fixed;z-index:85;inset-inline:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:.7rem;padding:.6rem .6rem .6rem .8rem;border-radius:18px;background:rgba(14,20,17,.94);color:#F4F6F3;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px -16px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(20px);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s}
.appbn{pointer-events:none;visibility:hidden}
.appbn.is-on{transform:none;opacity:1;pointer-events:auto;visibility:visible}
.appbn img{width:40px;height:40px;border-radius:11px;flex:none}
.appbn__t{flex:1;min-width:0;line-height:1.3}
.appbn__t b{display:block;font-size:.92rem}
.appbn__t small{display:block;font-size:.76rem;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbn__go{display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;border-radius:999px;background:#7CCB93;color:#04140A!important;font-weight:700;font-size:.9rem}
.appbn__x{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:inherit;opacity:.7;background:none;border:0;font-size:1rem;cursor:pointer}
.appbn__x:hover{opacity:1}
[data-theme="light"] .appbn{background:rgba(250,247,240,.96);color:#0E1A13;border-color:rgba(14,26,19,.14)}
[data-theme="light"] .appbn__go{background:#2F7A45;color:#fff!important}
body.menu-open .appbn,html.srch-open .appbn{display:none}
@media (min-width:1000px){.appbn{display:none!important}}
@media (prefers-reduced-motion:reduce){.appbn{transition:none}}

/* ===================================================================
   V45 — «صفوف المشاريع المتّصلة» على الرئيسية
   قائمة دائرية واحدة على عدّة صفوف: أي صف يتحرّك → كلها تتحرّك
   =================================================================== */
@property --fd{syntax:'<length>';inherits:false;initial-value:0px}
.rows{position:relative;--cw:clamp(250px,21vw,320px);--gap:1rem;--rh:420px;--dir:-1}
html[dir="ltr"] .rows{--dir:1}
.rows__probe{position:absolute;top:0;width:var(--cw);height:0;margin-inline-start:var(--gap);visibility:hidden;pointer-events:none}
.rows__clip{position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;
  --fd:0px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fd)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--fd)),transparent);
  transition:height .9s cubic-bezier(.22,1,.36,1),--fd .9s cubic-bezier(.22,1,.36,1)}
.rows:not(.is-open):not(.is-single) .rows__clip{--fd:calc(var(--rh) * .44 + .3rem)}
.rows.is-static .rows__clip{cursor:default}
.rows.is-drag .rows__clip{cursor:grabbing}
.rows.is-drag .rows__clip a{pointer-events:none}
.rows__in{display:grid;row-gap:1.1rem;padding:.5rem 0 .7rem}
.rows__row{position:relative;height:var(--rh);contain:layout style}
.rows__s{position:absolute;top:0;inset-inline-start:0;width:var(--cw);height:var(--rh);will-change:transform;backface-visibility:hidden}
.rows__s>.uxc{height:100%}
.rows.is-measure .rows__s,.rows.is-measure .rows__s>.uxc{height:auto}
.rows .uxc__n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .uxc__fig img{transform:scale(1.16);will-change:transform;transition:none}
html[data-rm] .rows .uxc__fig img{transform:none}
.rows:not(.is-open) .rows__row:nth-child(n+2){cursor:pointer}
.rows:not(.is-open) .rows__row:nth-child(n+2) .uxc{box-shadow:inset 0 0 0 1px var(--line)}
/* زر الفتح: نفس سهم «باقي الصور» مع كلمة واضحة */
.rows__ft{display:flex;justify-content:center;margin-top:-.6rem;position:relative;z-index:1}
.rows.is-open .rows__ft{margin-top:.6rem}
.rows.is-single .rows__ft{display:none}
.rows__more{display:inline-flex;flex-direction:column;align-items:center;gap:.1rem;min-height:48px;min-width:48px;padding:.3rem 1rem;border:0;border-radius:999px;background:none;color:var(--ink-2);font:inherit;font-size:.92rem;font-weight:500;cursor:pointer;transition:color .3s}
.rows__more svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:gmBob 2.4s cubic-bezier(.45,0,.55,1) infinite;transition:transform .7s var(--ease)}
.rows.is-open .rows__more svg{animation:none;transform:rotate(180deg);opacity:.85}
@media (hover:hover){.rows__more:hover{color:var(--pacc,var(--acc))}}
.rows__more:focus-visible{outline:2px solid var(--pacc,var(--acc));outline-offset:2px}
/* الدخول: البطاقات تنساب من جهة «التالي» بتتابع الأعمدة ثم الصفوف — مرة واحدة */
.rows.is-await .rows__s>.uxc{opacity:0}
.rows.is-in .rows__s>.uxc{animation:rowsIn 1s var(--ease) both;animation-delay:calc(var(--c,0) * 70ms + var(--r,0) * 110ms)}
@keyframes rowsIn{from{opacity:0;transform:translate3d(calc(var(--dir) * 56px),0,0)}}
.rows.is-opening .rows__row:nth-child(n+3){animation:rowsUp .85s var(--ease) both;animation-delay:calc((var(--r) - 2) * 70ms + 80ms)}
@keyframes rowsUp{from{opacity:0;transform:translateY(22px)}}
html[data-rm] .rows .uxc,html[data-rm] .rows__row,html[data-rm] .rows__more svg{animation:none!important}
html[data-rm] .rows__clip{transition:none}
@media (max-width:760px){
  .rows{--cw:calc((100vw - 2.4rem) / 2.15);--gap:.7rem}
  .rows__in{row-gap:.8rem}
  .rows .uxc__body{padding:.75rem .8rem .85rem;gap:.25rem}
  .rows .uxc__n{font-size:1rem}
  .rows .uxc__w{font-size:.8rem}
  .rows .uxc__f,.rows .uxc__go{display:none}
  .rows .uxc__st{top:.5rem;inset-inline-start:.5rem;font-size:.7rem;padding:.25rem .55rem}
}


/* ===== pages.css ===== */
/* ===================================================================
   V46 — صفحات: من نحن · خدماتنا · تواصل معنا · المدن · التطبيق
   نفس لغة الصفحات الداخلية: رأس «لوحة المخطط» ثم فصول (pch) بعنوان جانبي
   =================================================================== */
.sp__body{padding-block:clamp(2.2rem,4.5vw,3.6rem) clamp(1rem,3vw,2rem)}
.sp .pch:first-child{border-top:0;padding-top:0}

/* ---------- الدعوة والنموذج في آخر الصفحات ---------- */
.sp__cta{padding-block:clamp(3rem,6vw,5rem);border-top:1px solid var(--line)}
.sp__ctag{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.sp__ctat .big{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.25}
.sp__ctat .lede{margin-top:.9rem;max-width:52ch}
.sp__btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.sp__cta .lead{position:relative}
.sp__cta .lead__card{max-width:none}

/* ---------- قنوات التواصل ---------- */
.chn{margin-top:1.8rem}
.chn__h{color:var(--mute);font-size:.9rem;margin:0 0 .8rem}
.chn__ls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem}
.chn__it{display:flex;align-items:center;gap:.8rem;min-height:64px;padding:.75rem 1rem;border-radius:var(--r-s);background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:box-shadow .3s,transform .35s var(--ease),background-color .3s}
a.chn__it:hover{box-shadow:inset 0 0 0 1px var(--g-300);transform:translateY(-2px)}
.chn__i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:rgba(63,154,89,.14);color:var(--acc)}
.chn__i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chn__t{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.chn__t small{color:var(--mute);font-size:.8rem}
.chn__t b{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chn--big .chn__ls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}
.chn--big .chn__it{min-height:84px;padding:1rem 1.2rem}
.chn--big .chn__t b{font-size:1.12rem}
.chn__it--static .chn__t b{white-space:normal;font-size:.98rem;line-height:1.5}

/* ---------- من نحن ---------- */
.ab__who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.ab__stmt{font-family:var(--serif);font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.45;margin:0 0 1.2rem}
.ab__txt p:not(.ab__stmt){color:var(--ink-2);line-height:2;margin:0}
.ab__pics{display:grid;grid-template-columns:1.25fr 1fr;gap:.8rem;align-items:end}
.ab__pic{margin:0;border-radius:var(--r-s);overflow:hidden;background:var(--surf-2)}
.ab__pic img{display:block;width:100%;height:100%;object-fit:cover}
.ab__pic--a{aspect-ratio:3/4}
.ab__pic--b{aspect-ratio:4/5;margin-bottom:2.2rem}
.ab__figs{margin-top:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.ab__vals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}
.ab__vals li{position:relative;padding:1.3rem 1.3rem 1.4rem;border-radius:var(--r-s);background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.ab__vn{display:block;color:var(--acc);font-size:.85rem;font-weight:600;letter-spacing:.06em;margin-bottom:.9rem}
.ab__vals h3{font-size:1.12rem;font-weight:600;line-height:1.5;margin:0 0 .45rem}
.ab__vals p{color:var(--ink-2);font-size:.93rem;line-height:1.85;margin:0}
.ab__tl{margin-top:.4rem}
.ab__lead{display:grid;gap:1rem}
.ab__ld{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.4rem;align-items:center;margin:0;padding:1.2rem;border-radius:var(--r-s);background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.ab__ldi{aspect-ratio:4/5;border-radius:calc(var(--r-s) - 4px);overflow:hidden;background:var(--surf-2)}
.ab__ldi img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.ab__ldb blockquote{margin:0}
.ab__ldb blockquote p{font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.75;margin:0}
.ab__ldb figcaption{display:flex;flex-direction:column;gap:.15rem;margin-top:1rem}
.ab__ldb figcaption b{font-weight:600}
.ab__ldb figcaption span{color:var(--mute);font-size:.9rem}
.ab__pg+.ab__pg{margin-top:2.2rem}
.ab__pgh{font-size:1.15rem;font-weight:600;margin:0 0 .3rem}
.ab__pgp{color:var(--mute);font-size:.93rem;margin:0 0 1rem}
.ab__logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}
.ab__logos li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:110px;padding:1rem .8rem .8rem;border-radius:var(--r-s);background:var(--surf);box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.ab__logos img{max-width:100%;max-height:46px;object-fit:contain;opacity:.92}
.ab__logos span{color:var(--mute);font-size:.8rem;line-height:1.4}
[data-theme="light"] .ab__logos img{filter:invert(1) brightness(.35)}

/* ---------- خدماتنا ---------- */
.svp__toc{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:clamp(1.6rem,3vw,2.2rem)}
.svp__toc .chip{min-height:44px;padding:0 1rem;display:inline-flex;align-items:center;gap:.4rem}
.svp__toc .chip span{color:var(--acc);font-size:.8rem}
.svp__list{padding-block:clamp(1.6rem,3vw,2.4rem)}
.svx{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding-block:clamp(2rem,4vw,3.2rem);border-top:1px solid var(--line);scroll-margin-top:calc(var(--hdr) + 1rem)}
.svx:first-child{border-top:0}
.svx:nth-child(even) .svx__img{order:2}
.svx--noimg{grid-template-columns:1fr}
.svx__img{margin:0;aspect-ratio:4/3;border-radius:var(--r-s);overflow:hidden;background:var(--surf-2)}
.svx__img img{width:100%;height:100%;object-fit:cover}
.svx__n{display:block;color:var(--acc);font-weight:600;letter-spacing:.08em;font-size:.9rem;margin-bottom:.6rem}
.svx__h{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.3;margin:0 0 .9rem}
.svx__s{font-size:1.08rem;font-weight:500;line-height:1.85;margin:0 0 .7rem}
.svx__l{color:var(--ink-2);line-height:2;margin:0}
.svx__a{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.svx__a .pill svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}

/* ---------- تواصل معنا ---------- */
.ctp__ch{padding-top:clamp(1.8rem,3.4vw,2.6rem)}
.ctp__ch .chn{margin-top:0}
.ctp__help{margin-top:1.8rem}
.ctp__help ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.ctp__help a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s,background-color .3s}
.ctp__help a:hover{box-shadow:inset 0 0 0 1px var(--g-300);background:var(--surf)}
.ctp__help a>span{display:flex;flex-direction:column;gap:.15rem}
.ctp__help small{color:var(--mute);font-size:.85rem}
.ctp__help a>svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.ctp__br{padding-block:clamp(2.6rem,5vw,4rem);border-top:1px solid var(--line);scroll-margin-top:var(--hdr)}
.ctp__brg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.6rem}
.brc{display:flex;flex-direction:column;border-radius:var(--r-s);overflow:hidden;background:var(--surf);box-shadow:inset 0 0 0 1px var(--line)}
.brc__img{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--surf-2)}
.brc__img img{width:100%;height:100%;object-fit:cover}
.brc__b{display:flex;flex-direction:column;gap:.55rem;padding:1.3rem 1.3rem 1.4rem;flex:1}
.brc__k{color:var(--acc);font-size:.85rem;font-weight:600;margin:0}
.brc__h{font-family:var(--serif);font-weight:400;font-size:1.6rem;line-height:1.35;margin:0}
.brc__a{display:flex;gap:.5rem;align-items:flex-start;color:var(--ink-2);font-size:.93rem;line-height:1.75;margin:0}
.brc__a svg{width:17px;height:17px;flex:none;margin-top:.3rem;fill:none;stroke:currentColor;stroke-width:1.7;opacity:.8}
.brc__act{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.8rem}
.brc__act .pill{min-height:44px;padding:0 1rem;font-size:.9rem}
.brc__act .pill svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.pill--ghost{border-color:transparent}

/* ---------- صفحات المدن ---------- */
.cty__cities{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:clamp(1.6rem,3vw,2.2rem)}
.cty__cities .chip{min-height:44px;padding:0 1.05rem;display:inline-flex;align-items:center;gap:.35rem}
.cty__cities .chip[aria-current="page"]{background:var(--pill-bg);border-color:var(--pill-bg);color:var(--pill-ink)}
.cty__cities .chip b{font-weight:500;opacity:.7}
.cty__cities .chip[aria-current="page"] b{opacity:1;color:inherit}
.ab__tlh{font-weight:700;font-size:1.05rem;line-height:1.6;margin:0 0 .4rem}
.cty__g{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;padding-block:clamp(1.6rem,3vw,2.4rem) clamp(2.4rem,5vw,3.6rem)}
.cty__none{color:var(--ink-2);padding:2rem 0}

/* ---------- التطبيق ---------- */
.apd__hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding-block:clamp(2rem,4vw,3.2rem)}
.apd__get{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.apd__stores{display:flex;flex-wrap:wrap;gap:.7rem}
.store{display:inline-flex;align-items:center;gap:.7rem;min-height:58px;padding:.5rem 1.2rem;border-radius:14px;background:#000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);direction:ltr;transition:transform .3s var(--ease)}
.store:hover{transform:translateY(-2px)}
.store svg{width:26px;height:26px;fill:currentColor}
.store span{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.store small{font-size:.7rem;opacity:.85}
.store b{font-size:1.15rem;font-weight:600}
.apd__soon{color:var(--ink-2);line-height:1.9;margin:0;max-width:40ch}
.apd__shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,1.6vw,1.2rem);align-items:center}
.apd__ph{margin:0;border-radius:clamp(18px,2.4vw,30px);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 30px 60px -30px rgba(0,0,0,.7);background:#000}
.apd__ph:nth-child(2){transform:translateY(-1.6rem)}
.apd__ph img{display:block;width:100%;height:auto}
.apd__feats{padding-bottom:clamp(2.6rem,5vw,4rem)}

/* ---------- الجوال ---------- */
@media (max-width:900px){
  .sp__ctag,.ab__who,.svx,.apd__hero{grid-template-columns:1fr}
  .svx:nth-child(even) .svx__img{order:0}
  .ab__pic--b{margin-bottom:1.4rem}
  .apd__shots{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .ab__ld{grid-template-columns:96px minmax(0,1fr);gap:1rem;padding:1rem}
  .ab__logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chn__ls{grid-template-columns:1fr 1fr}
  .chn__it{min-height:58px;padding:.6rem .7rem;gap:.55rem}
  .chn__i{width:36px;height:36px}
  .chn__t b{font-size:.92rem}
  .cty__g{grid-template-columns:1fr}
  .apd__ph:nth-child(2){transform:translateY(-.8rem)}
}

/* ---------- الرئيسية: روابط إلى الصفحات التفصيلية ---------- */
.svc__all{margin-top:1.6rem}
.svc__go{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;color:var(--acc);font-weight:600;font-size:.95rem}
.svc__go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.partners__all{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;color:var(--acc);font-weight:600;font-size:.95rem}
.partners__all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.intr .chn{margin-top:2rem}
.anchor{position:relative;top:calc(-1 * var(--hdr,80px));display:block;height:0;visibility:hidden}
html[dir="ltr"] .svc__go svg,html[dir="ltr"] .partners__all svg,html[dir="ltr"] .ctp__help a>svg{transform:scaleX(-1)}

/* ---------- الحاسبة: رحلة الشراء وجهات التمويل ---------- */
.calc__journey,.calc__banks{padding-top:clamp(2.4rem,5vw,3.6rem)}
.calc__journey .pch__h,.calc__banks .pch__h{margin-bottom:1.4rem}
.jr{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}


/* ===== v48.css ===== */
/* =====================================================================
   V48–V49 — صفوف المشاريع، خط الثلث للاسم، «محافظ بالأرقام»، الانتقالات
   ===================================================================== */

/* ---------- صفوف المشاريع: من حافة الشاشة إلى حافتها ---------- */
.rows{--edge:clamp(36px,8vw,150px)}
.rows__in{-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) calc(var(--edge) * .45),#000 var(--edge),#000 calc(100% - var(--edge)),rgba(0,0,0,.55) calc(100% - var(--edge) * .45),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) calc(var(--edge) * .45),#000 var(--edge),#000 calc(100% - var(--edge)),rgba(0,0,0,.55) calc(100% - var(--edge) * .45),transparent 100%)}
.rows__row{perspective:1700px;perspective-origin:50% 50%}
.rows__s{transform-style:flat}
@media (max-width:719px){.rows{--edge:22px}}
/* الأداء: الصفوف المطويّة لا تُرسم، والصورة بلا طبقة مستقلة */
.rows__row.is-shut{content-visibility:hidden}
.rows.is-open .rows__row.is-shut{content-visibility:visible}
.rows .uxc__fig img{will-change:auto}
.rows.is-measure .rows__row:first-child .rows__s{display:block!important}
/* البطاقة تبقى صلبة (لا تشفّ ما خلف القسم) */
.rows .uxc{background:linear-gradient(var(--surf),var(--surf)),var(--bg)}
[data-theme="light"] .rows .uxc{background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),var(--bg)}

/* زر إيقاف/تشغيل الانسياب التلقائي */
.rail__play .rail__pl{display:none}
.rail__play.is-paused .rail__pz{display:none}
.rail__play.is-paused .rail__pl{display:block}
.rail__play .rail__pl{fill:currentColor;stroke:none}
html[dir="ltr"] .rail__play svg{transform:none}
@media (max-width:999px){
  .rail__play{display:grid;width:44px;height:44px}
  #browse.has-rows .rail__bar{flex-direction:row;align-items:center;gap:.6rem}
  #browse.has-rows .rail__tabs{flex:1;min-width:0}
  #browse.has-rows .rail__ctrl{flex:none;justify-content:flex-end}
}

/* ---------- V52 — اسم الشركة بخط «الثمانية» (Thmanyah Serif Display) بدل الثلث ----------
   الدخلة: وزن متوسط (500) بحجم كبير هادئ · الشريط العلوي وقائمة الجوال: وزن عريض (700)
   بحجم صغير حتى يبقى الاسم واضحًا وحادًّا بجانب الشعار. */
html:not([dir="ltr"]) .intro__name{font-family:var(--serif);font-weight:500;font-size:clamp(1.85rem,4vw,3.05rem);line-height:1.4;letter-spacing:0;
  text-shadow:0 0 34px rgba(160,220,185,.18)}
html:not([dir="ltr"]) .intro__name .w{padding:.24em .06em .3em;margin:-.24em -.03em -.3em;vertical-align:baseline}
html:not([dir="ltr"]) .brand__t{font-family:var(--serif);font-weight:700;font-size:1.14rem;line-height:1.2;letter-spacing:0}
html:not([dir="ltr"]) .mmenu__name{font-family:var(--serif);font-weight:700;font-size:1.06rem;letter-spacing:0}
@media (max-width:1280px){html:not([dir="ltr"]) .brand__t{font-size:1.02rem}}
@media (min-width:1001px) and (max-width:1120px){html:not([dir="ltr"]) .brand__t{font-size:.94rem}}
@media (max-width:640px){html:not([dir="ltr"]) .brand__t{font-size:.95rem}}
@media (max-width:380px){html:not([dir="ltr"]) .brand__t{font-size:.84rem}}

/* ---------- V51 «محافظ بالأرقام» — تصميم جديد: عنوان في المنتصف وبطاقات زجاجية بلا رسوم مبانٍ وبلا ذهبي ---------- */
.nums{position:relative;overflow:hidden;padding:clamp(4.5rem,9vw,8rem) 0 clamp(5rem,10vw,8.5rem);isolation:isolate}
/* شفق أخضر يتحرك ببطء شديد خلف البطاقات (تحويلات فقط — بلا كلفة رسم) */
.nums__aura{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.nums__aura i{position:absolute;width:62vmax;height:62vmax;border-radius:50%;opacity:.55;will-change:transform;
  background:radial-gradient(closest-side,rgba(124,203,147,.16),rgba(124,203,147,.05) 55%,transparent);animation:numsAura 26s cubic-bezier(.45,0,.55,1) infinite alternate}
.nums__aura i:nth-child(1){top:-28vmax;inset-inline-start:-14vmax}
.nums__aura i:nth-child(2){bottom:-34vmax;inset-inline-end:-18vmax;background:radial-gradient(closest-side,rgba(63,154,89,.18),rgba(63,154,89,.05) 55%,transparent);animation-duration:32s;animation-delay:-9s}
.nums__aura i:nth-child(3){top:20%;left:35%;width:38vmax;height:38vmax;opacity:.35;background:radial-gradient(closest-side,rgba(185,230,196,.12),transparent);animation-duration:22s;animation-delay:-4s}
@keyframes numsAura{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vmax,3vmax,0) scale(1.08)}100%{transform:translate3d(-4vmax,5vmax,0) scale(.96)}}
.nums::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px);background-size:28px 28px;
  -webkit-mask-image:radial-gradient(55% 60% at 50% 45%,#000,transparent);mask-image:radial-gradient(55% 60% at 50% 45%,#000,transparent)}
.nums__in{display:block}
.nums__hd{max-width:44rem;margin:0 auto clamp(2.4rem,5vw,4rem);text-align:center}
.nums__hd .lbl{justify-content:center}
.nums__h{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,3.8vw,3.4rem);line-height:1.2;margin:.9rem 0 1rem}
.nums__p{color:var(--ink-2,rgba(255,255,255,.72));font-size:1.02rem;line-height:1.9;max-width:36rem;margin:0 auto}
.nums__g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.25rem)}
.num{--mx:50%;--my:0%;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  padding:clamp(1.3rem,2.2vw,2rem) clamp(1.2rem,2vw,1.9rem) clamp(1.4rem,2.2vw,2rem);border-radius:var(--r-m,20px);
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 60%);box-shadow:inset 0 0 0 1px var(--line);
  transition:transform .6s var(--ease),box-shadow .5s,background-color .5s}
/* بقعة ضوء تتبع المؤشر داخل البطاقة */
.num::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s;
  background:radial-gradient(320px circle at var(--mx) var(--my),rgba(124,203,147,.14),transparent 65%)}
.num__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(1.1rem,2vw,1.6rem)}
.num__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--acc);
  background:rgba(124,203,147,.08);box-shadow:inset 0 0 0 1px rgba(124,203,147,.22);transition:transform .6s var(--ease),background-color .5s}
.num__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.num__ic svg *{stroke-dasharray:1;stroke-dashoffset:0}
.num__ix{font-size:.78rem;letter-spacing:.14em;color:var(--mute);font-variant-numeric:tabular-nums;opacity:.8}
.num__v{display:block;direction:ltr;text-align:right;font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1;letter-spacing:-.02em;color:#fff;white-space:nowrap;
  font-variant-numeric:lining-nums;height:1.08em;overflow:hidden}
html[dir="ltr"] .num__v{text-align:left}
.num__l{display:block;margin-top:.75rem;font-size:.98rem;color:var(--ink-2,rgba(255,255,255,.72));line-height:1.6}
/* خط سفلي يُرسم عند الظهور ويمتلئ عند المرور */
.num__ln{position:absolute;inset-inline:clamp(1.2rem,2vw,1.9rem);bottom:0;height:2px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.06)}
.num__ln::after{content:"";position:absolute;inset:0;transform-origin:right center;transform:scaleX(0);
  background:linear-gradient(270deg,var(--g-300),rgba(124,203,147,.15));transition:transform 1.4s var(--ease) calc(var(--i,0) * 90ms + .35s)}
html[dir="ltr"] .num__ln::after{transform-origin:left center;background:linear-gradient(90deg,var(--g-300),rgba(124,203,147,.15))}
.nums.is-in .num__ln::after{transform:scaleX(.42)}
@media (hover:hover){
  .num:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(124,203,147,.38),0 26px 50px -30px rgba(0,0,0,.7)}
  .num:hover::before{opacity:1}
  .num:hover .num__ic{transform:translateY(-2px) rotate(-6deg);background:rgba(124,203,147,.14)}
  .num:hover .num__ln::after{transform:scaleX(1);transition-delay:0s;transition-duration:.8s}
}
/* رسم الأيقونات عند الظهور */
.nums:not(.is-in) .num__ic svg *{stroke-dashoffset:1}
.nums.is-in .num__ic svg *{transition:stroke-dashoffset 1.6s var(--ease) calc(var(--i,0) * 90ms + .2s)}
.odo{display:inline-flex;align-items:flex-start;height:1.08em}
.odo__c{display:inline-block;height:1.08em;overflow:hidden;position:relative}
.odo__s{display:flex;flex-direction:column;transform:translate3d(0,0,0);transition:transform var(--od,2.2s) cubic-bezier(.16,1,.3,1);transition-delay:var(--dd,0s)}
.odo__s>i{display:block;height:1.08em;line-height:1.08;font-style:normal;text-align:center}
.odo__p{display:inline-block;line-height:1.08}
.odo__x{display:inline-block;align-self:center;font-size:.55em;line-height:1;color:var(--acc);margin-inline-end:.08em;transform:translateY(-.05em)}
[data-theme="light"] .nums::before{background-image:radial-gradient(rgba(14,26,19,.10) 1px,transparent 1.4px)}
[data-theme="light"] .nums__aura i{opacity:.5}
[data-theme="light"] .num{background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.45));box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -32px rgba(16,40,24,.35)}
[data-theme="light"] .num::before{background:radial-gradient(320px circle at var(--mx) var(--my),rgba(47,122,69,.10),transparent 65%)}
[data-theme="light"] .num__ic{background:rgba(47,122,69,.08);box-shadow:inset 0 0 0 1px rgba(47,122,69,.2)}
[data-theme="light"] .num__v{color:var(--brand)}
[data-theme="light"] .num__ln{background:rgba(14,26,19,.07)}
[data-theme="light"] .num__ln::after{background:linear-gradient(270deg,var(--g-500),rgba(47,122,69,.12))}
@media (hover:hover){[data-theme="light"] .num:hover{box-shadow:inset 0 0 0 1px rgba(47,122,69,.35),0 26px 50px -30px rgba(16,40,24,.35)}}
html[data-rm] .odo__s,html[data-rm] .num__ln::after,html[data-rm] .num__ic svg *{transition:none}
html[data-rm] .nums__aura i{animation:none}
html[data-rm] .nums:not(.is-in) .num__ic svg *{stroke-dashoffset:0}
@media (max-width:999px){
  .nums__g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:719px){
  .nums__hd{text-align:start;margin-bottom:1.8rem}
  .nums__hd .lbl{justify-content:flex-start}
  .nums__p{margin:0}
  .nums__g{gap:.65rem}
  .num{padding:1rem .95rem 1.15rem;border-radius:16px}
  .num__top{margin-bottom:.85rem}
  .num__ic{width:38px;height:38px;border-radius:11px}
  .num__ic svg{width:20px;height:20px}
  .num__v{font-size:clamp(1.9rem,9vw,2.6rem)}
  .num__l{font-size:.84rem;margin-top:.5rem}
  .num__ln{inset-inline:.95rem}
}

/* ---------- V49 الانتقال بين الصفحات: صورة المشروع تنتقل معك ---------- */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(root){animation-name:vtOut}
::view-transition-new(root){animation-name:vtIn}
@keyframes vtOut{to{opacity:0;transform:scale(.985)}}
@keyframes vtIn{from{opacity:0;transform:translateY(14px)}}
::view-transition-group(pimg){animation-duration:.62s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(pimg),::view-transition-new(pimg){height:100%;object-fit:cover;overflow:hidden}
/* V51: الاسم يُعطى فقط حين تأتي الصفحة من بطاقة (أو ترجع إليها) — وإلا كانت الصورة تُرسم فوق الستارة فتظهر قبل الصفحة */
html.vt-pimg .ph__img{view-transition-name:pimg;background:var(--ph-ph,none) center/cover no-repeat}
html.vt-pimg .ph__img img{animation:none!important;opacity:1!important}
/* صورة بلا نظير في الصفحة الأخرى: لا تُرسم فوق الصفحة أبدًا */
::view-transition-old(pimg):only-child{animation:none;opacity:0}
::view-transition-new(pimg):only-child{animation:none}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ---------- V49 بطاقات المشاريع: ضوء يتبع المؤشر وميل خفيف ---------- */
@media (hover:hover) and (pointer:fine){
  .uxc,.wall__it{--mx:50%;--my:50%}
  .uxc.is-lit::after,.wall__it.is-lit::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;
    background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.13),rgba(200,173,110,.06) 32%,transparent 60%);mix-blend-mode:screen}
  .uxc.is-tilt{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .3s}
}
.mag{transition:transform .45s cubic-bezier(.22,1,.36,1)}

/* V50: صور «من نحن» داخل <picture> (نسخة WebP مطابقة بلا فقد) — الغلاف لا يغيّر التخطيط */
.pfm__in>picture,.ab__pic>picture{display:contents}

/* ---------- V51 — صفوف المشاريع: البطاقة تحت المؤشر تكبر وترتفع ---------- */
.rows__in{padding-top:1.6rem;padding-bottom:1rem}
@media (min-width:720px){.rows__in{row-gap:1.5rem}}
.rows__s.is-hot{z-index:3}
.rows__s>.uxc{transition:box-shadow .45s var(--ease)}
.rows__s.is-hot>.uxc{box-shadow:inset 0 0 0 1px var(--g-300),0 24px 46px -22px rgba(0,0,0,.6)}
[data-theme="light"] .rows__s.is-hot>.uxc{box-shadow:inset 0 0 0 1px var(--g-300),0 24px 46px -24px rgba(16,28,22,.32)}
@media (hover:hover){.rows .uxc:hover{transform:none}}

/* ---------- V51 — سحب الواجهة: طبقة واحدة على عرض الواجهة تخرج من خلف المبنى ---------- */
.hero-bg__clouds{inset:auto;left:0;top:0;width:100%;transform:none!important;transition:opacity 3.2s ease}

/* ---------- V51 — تبديل الوضع: الدائرة تنتشر من الزر على الصفحة كلها (وحدها) ----------
   أنماط الانتقال بين الصفحات (V49) كانت تُطبَّق أيضًا على تبديل الوضع فصار التبديل «فجأة»،
   وصورة المشروع (لها اسم انتقال خاص) كانت تُرسم فوق الدائرة فتظهر قبل الصفحة. */
html.vt-theme::view-transition-old(root){animation:none;z-index:1}
html.vt-theme::view-transition-new(root){animation:vt .9s cubic-bezier(.65,0,.3,1) both;z-index:2;mix-blend-mode:normal}
html.vt-theme .ph__img,html.vt-theme .ph__img img,html.vt-theme [style*="view-transition-name"]{view-transition-name:none!important}
html.vt-theme::view-transition-group(*){animation-duration:0s}

/* =====================================================================
   V51 — طبقة حركة احترافية فوق الموجود (كلها تحويلات وشفافية فقط، وتحترم «تقليل الحركة»)
   ===================================================================== */
/* ١) عناوين الأقسام: كل كلمة تصعد من خلف قناع (نفس حركة العناوين المقسّمة الموجودة) */
.big[data-split]{opacity:1;transform:none}
/* ٢) شارة القسم: الختم يدور إلى مكانه وخط رفيع يُرسم بعد الكلمة */
.lbl::after{content:"";flex:0 0 auto;height:1px;width:0;background:linear-gradient(90deg,transparent,var(--acc));opacity:.7;transition:width 1.3s var(--ease) .35s}
html[dir="ltr"] .lbl::after{background:linear-gradient(90deg,var(--acc),transparent)}
.lbl.is-in::after,.lbl:not(.rv)::after{width:clamp(26px,3.4vw,52px)}
.lbl.rv .lbl__i{transform:rotate(-140deg) scale(.5);transition:transform 1.3s var(--ease) calc(var(--d,0ms) + 80ms)}
.lbl.rv.is-in .lbl__i{transform:none}
/* ٣) الأزرار الرئيسية: لمعة تعبر الزر عند المرور، وضغطة محسوسة */
.abtn__t{position:relative;overflow:hidden;isolation:isolate}
.abtn__t::after{content:"";position:absolute;inset:-2px;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.26) 48%,rgba(255,255,255,.06) 56%,transparent 70%);transform:translateX(130%);transition:transform 1s var(--ease)}
@media (hover:hover){.abtn:hover .abtn__t::after{transform:translateX(-130%)}html[dir="ltr"] .abtn__t::after{transform:translateX(-130%)}html[dir="ltr"] .abtn:hover .abtn__t::after{transform:translateX(130%)}}
.abtn:active .abtn__t,.abtn:active .abtn__c{scale:.97;transition:scale .15s}
.abtn--w .abtn__t::after{background:linear-gradient(105deg,transparent 30%,rgba(47,122,69,.16) 48%,transparent 70%)}
/* ٤) القائمة العلوية: الخط تحت الكلمة ينمو من منتصفها */
.nav__it>a::after{transform:scaleX(0);transition:opacity .3s,transform .55s var(--ease)}
.nav__it:hover>a::after,.nav__it.is-on>a::after{transform:none}
/* ٥) الخدمات: خلفية خفيفة تنساب على السطر عند المرور */
.svc__it{position:relative}
.svc__it::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:14px;
  background:linear-gradient(270deg,rgba(124,203,147,.07),transparent 70%);transform:scaleX(0);transform-origin:right center;transition:transform .7s var(--ease)}
html[dir="ltr"] .svc__it::before{transform-origin:left center;background:linear-gradient(90deg,rgba(124,203,147,.07),transparent 70%)}
@media (hover:hover){.svc__it:hover::before{transform:none}}
.svc__ls{isolation:isolate}
/* ٦) شريط تقدّم القراءة أعلى الصفحة */
.sprog{position:fixed;inset-inline:0;top:0;z-index:300;height:2px;pointer-events:none;transform-origin:right center;scale:0 1;
  background:linear-gradient(270deg,var(--g-300),var(--g-500) 60%,rgba(47,122,69,.4));box-shadow:0 0 12px rgba(124,203,147,.45)}
html[dir="ltr"] .sprog{transform-origin:left center;background:linear-gradient(90deg,var(--g-300),var(--g-500) 60%,rgba(47,122,69,.4))}
@supports (animation-timeline:scroll()){
  .sprog{animation:sprog linear both;animation-timeline:scroll(root)}
  @keyframes sprog{from{scale:0 1}to{scale:1 1}}
}
/* ٧) حركة مرتبطة بالتمرير (المتصفحات الحديثة): بطاقات المشاريع تصعد وصورها تنساب داخلها بعمق */
@supports (animation-timeline:view()){
  html:not([data-rm]) .wall__it,html:not([data-rm]) .rel__a,html:not([data-rm]) .pch{animation:v51Rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  @keyframes v51Rise{from{translate:0 56px;scale:.965}to{translate:0 0;scale:1}}
  html:not([data-rm]) .wall__fig img,html:not([data-rm]) .rel__fig img{animation:v51Par linear both;animation-timeline:view();animation-range:cover}
  @keyframes v51Par{from{translate:0 -5%;scale:1.12}to{translate:0 5%;scale:1.12}}
  html:not([data-rm]) .pfm__in{animation:v51Par2 linear both;animation-timeline:view();animation-range:cover}
  @keyframes v51Par2{from{translate:0 -3%}to{translate:0 3%}}
}
html[data-rm] .sprog{animation:none}
html[data-rm] .lbl.rv .lbl__i{transform:none;transition:none}

/* =====================================================================
   V52 — عرض عدة صور في الواجهة: الصورة الأساسية ثم صور المشاريع تتلاشى واحدة تلو الأخرى.
   كل صورة في المنتصف وحولها تمويه من ألوانها هي، والتعتيم (hero-bg__shade) فوقها كما هو.
   ===================================================================== */
.hero-slides{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity 1.25s cubic-bezier(.45,0,.25,1),visibility 0s linear 1.25s}
.hero-slide.is-on{z-index:2;opacity:1;visibility:visible;transition:opacity 1.25s cubic-bezier(.45,0,.25,1),visibility 0s}
.hero-slide.is-under{z-index:1;opacity:1;visibility:visible;transition:none}
/* التمويه المحيط: نسخة صغيرة مموّهة مسبقًا من الصورة نفسها (ألوانها وضوؤها) */
.hero-slide__fill{position:absolute;inset:-3%;background:#05070a center/cover no-repeat;transform:scale(1.04)}
.hero-slide.is-raw .hero-slide__fill{inset:-8%;filter:blur(26px) brightness(.74) saturate(1.08)}
.hero-slide__frame{position:absolute;inset:0;overflow:hidden}
.hero-slide__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--sp,50% 50%);
  transform:scale(1.045);transition:transform 6s cubic-bezier(.2,.6,.3,1)}
.hero-slide.is-on .hero-slide__img,.hero-slide.is-under .hero-slide__img{transform:scale(1)}
html[data-rm] .hero-slide__img{transform:none;transition:none}
/* الشاشات العريضة: الصورة في إطار بالمنتصف تذوب أطرافه في التمويه — نفس هيئة الصورة الأساسية */
@media (min-width:1000px){
  .hero-slide__frame{inset:auto;left:50%;top:52%;width:min(64vw,1220px,calc(112vh * 16 / 9));aspect-ratio:16/9;height:auto;
    transform:translate(-50%,-50%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 14%,#000 84%,transparent 100%);
    mask-composite:intersect}
}
/* الجوال: الصورة تملأ الواجهة (كالصورة الأساسية)، والتمويه غير لازم */
@media (max-width:999px){
  .hero-slide__fill{display:none}
}
/* النجوم للصورة الأساسية الليلية فقط: تخفت ما دامت صورة مشروع ظاهرة */
.hero-bg.is-alt .hero-bg__stars,.hero-bg.is-alt .hero-bg__stars.is-ready{opacity:0;transition:opacity 1s ease}


/* ===== v53.css ===== */
/* =====================================================================
   V53 — مراجعة تجربة الاستخدام والتصميم والحركة (يُحمَّل بعد كل الطبقات)
   -----------------------------------------------------------------
   ١) أيقونات التواصل الموحّدة
   ٢) نظام العناصر الثابتة أسفل الشاشة (شريط · شريط التطبيق · زر التصفية · الأعلى)
   ٣) الجوال والتابلت: الواجهة، صفوف المشاريع، الأقسام، التذييل
   ٤) سجلّ المشاريع وصفحة المشروع والصفحات الداخلية
   ٥) منظومة الحركة: مدد موحّدة، دخول الصفحات الداخلية، تتابع المجموعات، استجابة اللمس
   ٦) الأداء على الجوال واحترام «تقليل الحركة»
   ===================================================================== */

/* ---------- رموز موحّدة للحركة ---------- */
:root{
  --m-fast:.22s;      /* استجابة فورية: الضغط، التركيز، التحويم */
  --m-base:.45s;      /* فتح/إغلاق، تبديل حالة */
  --m-slow:.8s;       /* ظهور العناصر عند التمرير */
  --m-out:cubic-bezier(.22,1,.36,1);
  --m-io:cubic-bezier(.65,0,.35,1);
  --m-rise:20px;      /* مسافة الصعود عند الظهور (أقصر من 28px القديمة: أهدأ وأسرع إدراكًا) */
}

/* =====================================================================
   ١) أيقونات التواصل الموحّدة — رسم واحد لواتساب والهاتف في كل الموقع
   ===================================================================== */
.ico{display:block;width:1em;height:1em;flex:none}
.ico--wa{fill:currentColor!important;stroke:none!important}
.ico--phone{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
/* أحجامها داخل كل حاوية (كانت كل حاوية تفرض fill/stroke على أي svg داخلها) */
.mbar__a .ico{width:23px;height:23px}
.floating-contact__button .ico{width:24px;height:24px}
.chn__i .ico{width:21px;height:21px}
.qa__a .ico{width:20px;height:20px;color:var(--pacc,var(--acc))}
.pbar__a .ico{width:18px;height:18px}
.ico--wa{transform:translateZ(0)}
/* الزر العائم: أخضر الهوية نفسه (لا أخضر واتساب الصارخ) حتى يبدو جزءًا من الموقع، والرسم الرسمي يكفي للتعرّف عليه */
.floating-contact__button--wa{background:var(--pill-bg);color:#fff;border-color:rgba(255,255,255,.22);box-shadow:0 12px 28px -12px rgba(47,122,69,.8)}
.floating-contact__button--wa:hover{background:var(--pill-bg-h)}
.floating-contact__button:active{transform:scale(.94)}
.floating-contact__button{transition:transform var(--m-fast) var(--m-out),background-color var(--m-fast)}
/* الشريط السفلي: واتساب بلون التمييز في الهوية */
.mbar__a[data-k="wa"]{color:var(--acc)}

/* =====================================================================
   ٢) نظام العناصر الثابتة أسفل الشاشة
   كل عنصر يقرأ موضعه من متغيّرات لا من أرقام ثابتة متناثرة، فلا يغطّي أحدها الآخر:
     --fx-mbar  : ارتفاع الشريط السفلي (صفر حين لا يوجد)
     --fx-appbn : ارتفاع شريط التطبيق + فجوته (صفر حين لا يظهر)
     --fx-top   : أول موضع حرّ فوقهما
   ===================================================================== */
:root{--fx-gap:10px;--fx-mbar:0px;--fx-appbn:0px}
/* --fx-top يُحسب على body (لا على :root) حتى يرى قيمة --fx-mbar المعرّفة على body.has-mbar */
body{--fx-top:calc(var(--fx-mbar) + var(--fx-appbn) + var(--fx-gap))}
html.appbn-on{--fx-appbn:80px}
/* حين يتنحّى الشريط السفلي أثناء القراءة تنزل بقية العناصر معه بدل أن تبقى معلّقة في الفراغ */
body:has(.mbar.is-away){--fx-mbar:0px}
.appbn,.plf,.fdock,.totop,.consent{transition-property:transform,opacity,bottom,background-color,color,border-color}
.appbn{transition:transform .35s var(--m-out),opacity .35s,bottom .35s var(--m-out)}
body.has-mbar .totop{transition:opacity .4s,transform .5s var(--m-out),bottom .35s var(--m-out),background-color .3s,color .3s,border-color .3s}
body.has-mbar .plf{transition:transform .45s var(--m-out),opacity .3s,bottom .35s var(--m-out)}
/* --mbar-space: ارتفاع الشريط الثابت لتخطيط الصفحة (لا يتغيّر أبدًا حتى لا تقفز الصفحة حين يتنحّى الشريط)
   --fx-mbar   : الموضع الحيّ للعناصر الطافية (يصبح صفرًا حين يتنحّى الشريط) */
:root{--mbar-space:0px}
@media (max-width:999px){
  body.has-mbar{--mbar-space:calc(70px + env(safe-area-inset-bottom,0px));--fx-mbar:var(--mbar-space)}
}
@media (min-width:1000px) and (max-width:1199px) and (pointer:coarse){
  body.has-mbar{--mbar-space:calc(70px + env(safe-area-inset-bottom,0px));--fx-mbar:var(--mbar-space)}
}
/* الشريط السفلي نفسه: أهدأ وأوضح */
@media (max-width:1199px){
  .mbar{padding-top:.4rem;gap:.15rem}
  html[dir="ltr"] .mbar{grid-template-columns:1fr 1fr 1fr 1.75fr}
  html[dir="ltr"] .mbar__a--cta{font-size:.8rem;line-height:1.15;text-align:center}
  .mbar__a{min-height:52px;gap:.22rem;font-size:.72rem;letter-spacing:.005em;border-radius:12px;transition:background-color var(--m-fast),color var(--m-fast),transform var(--m-fast) var(--m-out)}
  .mbar__a svg{width:22px;height:22px}
  .mbar__a:active{transform:scale(.94)}
  .mbar__a--cta{min-height:48px;font-size:.86rem;box-shadow:0 10px 24px -14px rgba(47,122,69,.9)}
  .mbar__a--cta:active{transform:scale(.97)}
  .mbar::before{content:"";position:absolute;inset-inline:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,203,147,.5),transparent);pointer-events:none}
}
/* شريط التطبيق: أرفع، فوق الشريط السفلي مباشرة، لا يغطّي محتوى وراءه */
.appbn{bottom:calc(var(--fx-mbar) + var(--fx-gap));z-index:860;padding:.5rem .5rem .5rem .75rem;border-radius:16px;gap:.6rem}
.appbn img{width:36px;height:36px;border-radius:10px}
.appbn__t b{font-size:.88rem}
.appbn__t small{font-size:.74rem}
.appbn__go{min-height:40px;padding:0 1rem;font-size:.86rem}
.appbn__x{width:40px;height:40px}
/* كل ما يطفو فوق الشريطين */
body.has-mbar .plf{bottom:var(--fx-top)}
body.has-mbar .fdock{bottom:var(--fx-top)}
body.has-mbar .totop{bottom:var(--fx-top)!important}
body.has-mbar .consent{bottom:var(--fx-top)}
@media (max-width:999px){
  /* زر التصفية في الوسط، «المحفوظة» في البداية، «الأعلى» في النهاية — لا يتزاحمون في نقطة واحدة */
  .plf{max-width:min(calc(100vw - 9.5rem),420px);min-height:46px;font-size:.88rem;z-index:875}
  .plf__t{max-width:38vw}
  .fdock{left:auto;right:auto;inset-inline-start:1rem;transform:none;z-index:874}
  .fdock.is-pop{animation:fpop53 .5s var(--m-out)}
  @keyframes fpop53{40%{transform:scale(1.08)}}
  .totop{z-index:874}
  html.consent-open .plf,html.consent-open .fdock{opacity:0;pointer-events:none}
  /* الزر العائم للتواصل لا يظهر مع الشريط السفلي (فيه واتساب واتصال) — القاعدة الموجودة، ونؤكدها لكل الحالات */
  body.has-mbar .floating-contact{display:none!important}
}
/* التذييل: المسافة السفلية بقدر ما تحجبه العناصر الثابتة فقط (كانت 10.5rem ثابتة) */
@media (max-width:1000px){
  .ft__bt{padding-bottom:calc(2rem + var(--fx-appbn) + env(safe-area-inset-bottom,0px))}
  body.has-mbar{padding-bottom:0}
  body.has-mbar .ft__bt{padding-bottom:calc(1.6rem + var(--mbar-space) + var(--fx-appbn))}
}
/* صفحة المشروع: الشريط القديم مخفي مع الشريط الموحّد؛ والمسافة السفلية الموروثة تُزال */
body.has-mbar .pp{padding-bottom:0}

/* =====================================================================
   ٣) الجوال والتابلت
   ===================================================================== */

/* ---------- الهوامش: مقياس واحد لكل المقاسات ---------- */
@media (max-width:999px){
  :root{--gut:clamp(1.1rem,4.6vw,2.25rem)}
}
@media (max-width:360px){
  :root{--gut:1rem}
}

/* ---------- الشريط العلوي على الجوال ---------- */
@media (max-width:640px){
  .hdr{padding:10px 10px 0}
  .hdr__bar{height:60px}
  .hdr.is-scrolled .hdr__bar{height:56px}
  html[data-mcta] .hdr__cta{height:40px;padding:0 1rem;font-size:.84rem;font-weight:600}
}
/* قائمة الجوال: مسافات أريح، والمدن في صفّ قابل للسحب */
@media (max-width:999px){
  .mmenu{padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
  .mmenu__nav a{padding:.75rem 0;font-size:clamp(1.55rem,5.8vw,2.2rem);line-height:1.45}
  .mmenu__pj{padding-bottom:1.1rem;margin-bottom:.5rem}
  .mmenu__cities{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);padding-bottom:.2rem}
  .mmenu__cities::-webkit-scrollbar{display:none}
  .mmenu__nav .mmenu__cities a.chip{flex:none;min-height:42px;padding:0 1rem;font-size:.95rem}
  /* الروابط الثانوية (الفروع، الأسئلة، الحاسبة…): كبسولات صغيرة واضحة لا سطورًا بخط العناوين الكبير */
  .mmenu__nav .mmenu__more{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
  .mmenu__nav .mmenu__more a{font-family:var(--sans);font-size:.9rem;font-weight:500;color:var(--ink-2);line-height:1;min-height:40px;padding:0 .95rem;border:1px solid var(--line-2);border-radius:999px;display:inline-flex;align-items:center;opacity:1;transform:none}
  .mmenu__ft{padding-top:1.2rem}
  .mmenu__tel{font-size:1.15rem;font-weight:600}
  /* ترتيب الدخول: المدن بعد الروابط */
  .mmenu.is-on .mmenu__cities a{animation:v53Up .55s var(--m-out) both;animation-delay:calc(.22s + var(--k,0) * 40ms)}
}
@keyframes v53Up{from{opacity:0;transform:translateY(10px)}}

/* ---------- الواجهة الرئيسية على الجوال والتابلت الرأسي ---------- */
@media (max-width:999px){
  /* الشريط السفلي يغطّي آخر الواجهة: نترك له مكانه حتى تبقى أزرار «استكشف» و«الفيلم» ظاهرة قبل التمرير */
  .stage.has-form .hero{padding-bottom:calc(2.2rem + var(--mbar-space));padding-top:calc(var(--hdr) + .6rem)}
  .hero.has-form .hero__in{max-width:540px}
  .hero.has-form .hero__logo{width:min(26vw,13vh,120px);min-width:88px;margin-bottom:.9rem}
  .hero.has-form .hero__eyebrow{margin-bottom:.45rem}
  .hero.has-form .hero__h{margin-bottom:1.15rem;line-height:1.24}
  .hero.has-form .hero__form{margin-bottom:1.1rem}
  /* صندوق الواجهة: أخفّ وأوسع للمس */
  .hbox{padding:.45rem;border-radius:22px;background:linear-gradient(158deg,rgba(18,26,21,.74) 0%,rgba(8,12,10,.62) 100%)}
  .htabs{padding:.25rem}
  .htab{min-height:44px;font-size:.9rem;gap:.4rem}
  .hpanel{padding:.95rem .85rem .9rem}
  .hbox .lead__card .lead__hd p{font-size:.88rem;margin-bottom:.8rem}
  .hbox .lead__f{gap:.7rem}
  .hbox .fld input{height:50px;border-radius:13px}
  .hbox .fld__lb{margin-bottom:.4rem;font-size:.78rem}
  .hbox .chips{gap:.4rem}
  .hbox .chip{padding:0 .9rem;font-size:.85rem}
  .hbox .pill--w{min-height:50px}
  .hbox .lead__note{font-size:.72rem;line-height:1.55}
  .hero.has-form .hero__cta{gap:.55rem;max-width:540px}
  .hero.has-form .hero__cta .abtn .abtn__t,.hero.has-form .hero__cta .vplay{height:48px;border-radius:999px}
}
@media (max-width:640px){
  .hero.has-form .hero__h{font-size:min(9.2vw,2.9rem)}
  .hero.has-form .hero__eyebrow{font-size:.8rem}
}
@media (max-width:360px){
  .hero.has-form .hero__h{font-size:min(9vw,2.5rem)}
  .htab{font-size:.82rem;gap:.3rem;padding:0 .3rem;white-space:nowrap}
  .htab svg{width:15px;height:15px}
  .hpanel{padding:.8rem .7rem .8rem}
  .hbox .chip{padding:0 .75rem;font-size:.82rem}
  .hero.has-form .hero__cta .abtn .abtn__t,.hero.has-form .hero__cta .vplay{font-size:.82rem;padding-inline:.6rem}
}
/* ---------- صفوف المشاريع: بطاقة واحدة مقروءة على الهاتف بدل بطاقتين مضغوطتين ---------- */
@media (max-width:719px){
  .rows{--cw:min(74vw,330px);--gap:.8rem;--edge:16px}
  .rows__in{row-gap:.9rem;padding-top:1.2rem}
  .rows .uxc__body{padding:.9rem 1rem 1rem;gap:.3rem}
  .rows .uxc__n{font-size:1.1rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
  .rows .uxc__w{font-size:.84rem}
  .rows .uxc__f{display:flex;font-size:.8rem;gap:.25rem .8rem}
  .rows .uxc__go{display:inline-flex;font-size:.86rem;padding-top:.5rem}
  .rows .uxc__st{top:.65rem;inset-inline-start:.65rem;font-size:.74rem;padding:.3rem .65rem}
  .rows__more{font-size:.88rem}
  /* الصف الثاني يطلّ بوضوح أكبر خلف السهم */
  .rows:not(.is-open):not(.is-single) .rows__clip{--fd:calc(var(--rh) * .5 + .3rem)}
}
/* رأس القسم على الجوال: العنوان ثم الزر بعرض مريح */
@media (max-width:999px){
  .rail__hd{margin-bottom:1.2rem}
  .rail__hd .lede{margin-top:.5rem;font-size:.95rem}
  .rail__all .abtn__t{min-width:0}
  #browse.has-rows .rail__bar{margin-bottom:.6rem}
  .rail__tabs .chip{min-height:42px;padding:0 1rem;font-size:.9rem}
}

/* ---------- عناوين الأقسام والمسافات على الجوال ---------- */
@media (max-width:640px){
  .big,.stmt{font-size:clamp(1.85rem,7.4vw,2.6rem);line-height:1.28;letter-spacing:0}
  .lbl{font-size:.95rem;margin-bottom:.6rem}
  .lede{font-size:.98rem;line-height:1.8}
  .show__hd,.rail__hd{gap:.9rem}
  .show__hd .abtn,.rail__all{align-self:flex-start}
}

/* ---------- عن محافظ ---------- */
@media (max-width:640px){
  .about{padding-top:clamp(3rem,10vw,4.5rem)}
  .about__h{font-size:clamp(2rem,8.2vw,2.9rem);line-height:1.3;max-width:16ch;text-shadow:none;margin-bottom:1.2rem}
  .about__cols{gap:1rem}
  .pfm--a{aspect-ratio:16/11}
  .pfm--b{display:none}   /* الصورة الثانية الصغيرة كانت تكرّر المشهد وتطيل القسم على الهاتف */
  .about__end .lede{margin-bottom:1.4rem}
  .tl{gap:1.4rem}
  .tl b{font-size:1.8rem;margin-bottom:.3rem}
}
@media (min-width:641px) and (max-width:999px){
  .about__h{font-size:clamp(2.4rem,5.6vw,3.6rem);max-width:18ch}
  .about__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;padding-top:.5rem}
  .pfm--a{aspect-ratio:4/5;max-width:none}
  .about__end{padding-top:0}
  .pfm--b{display:none}   /* الصورة الثانية كانت تظهر شريطًا صغيرًا معلّقًا فوق النص على التابلت */
}

/* ---------- محافظ بالأرقام ---------- */
@media (max-width:719px){
  .nums{padding:clamp(3.2rem,10vw,4.5rem) 0}
  .nums__hd{margin-bottom:1.4rem}
  .nums__h{font-size:clamp(1.8rem,7vw,2.4rem);margin:.6rem 0 .6rem}
  .nums__p{font-size:.95rem}
  .num{padding:.95rem .9rem 1.05rem;border-radius:16px}
  .num__top{margin-bottom:.7rem}
  .num__v{font-size:clamp(1.75rem,8.6vw,2.4rem)}
  .num__l{font-size:.82rem;line-height:1.5}
}
@media (max-width:360px){
  .nums__g{gap:.5rem}
  .num{padding:.85rem .75rem .95rem}
  .num__v{font-size:clamp(1.6rem,8.4vw,2rem)}
}

/* ---------- خدماتنا (الرئيسية): صفوف أوضح ومساحة لمس كاملة ---------- */
@media (max-width:999px){
  .svc__it>button{padding:1.1rem 0;gap:.3rem 1rem;align-items:center}
  .svc__n{font-size:1.15rem;line-height:1.4}
  .svc__d{font-size:.9rem;line-height:1.6}
  .svc__x{width:40px;height:40px}
  .svc__more p{font-size:.95rem;padding-bottom:1.2rem}
  .svc__img{aspect-ratio:16/9;border-radius:14px;margin-bottom:1.1rem}
  .svc__all{margin-top:1rem}
  .svc .stmt{margin-bottom:1.4rem}
}

/* ---------- تواصل مع محافظ (البطاقات) ---------- */
@media (max-width:640px){
  .reach__cards{gap:.55rem}
  .rcard{min-height:76px;padding:.7rem .75rem;border-radius:12px}
  .rcard__t{font-size:.92rem}
  .rcard__go{width:28px;height:28px;top:.5rem;left:.55rem}
  .reach__c h3{font-size:1.45rem}
  .reach__c p{min-height:0;margin-bottom:1.2rem}
}

/* ---------- كلمة الإدارة ---------- */
@media (max-width:640px){
  .q{gap:1.4rem}
  .q__pics{aspect-ratio:16/11}
  .q__it p{font-size:1.15rem;line-height:1.7;margin-bottom:1.1rem}
  .q__bar{margin-top:1.3rem;padding-top:1rem}
}

/* ---------- سجّل اهتمامك ---------- */
@media (max-width:999px){
  .intr__g{gap:2rem}
  .intr__pts{margin-top:1.6rem;padding-top:1.4rem;gap:.7rem}
  .intr__pt{font-size:.95rem}
  .intr .chn{margin-top:1.6rem}
  .lead__card{padding:1.25rem;border-radius:20px}
  .lead__hd h2,.lead__t{font-size:1.35rem}
  .lead__hd p{font-size:.9rem}
}
@media (max-width:640px){
  .chn__ls{grid-template-columns:1fr 1fr;gap:.55rem}
  .chn__it{min-height:60px;padding:.6rem .7rem;gap:.55rem;border-radius:14px}
  .chn__i{width:38px;height:38px}
  .chn__t small{font-size:.74rem}
  .chn__t b{font-size:.92rem}
}

/* ---------- آراء العملاء والأخبار ---------- */
@media (max-width:640px){
  .rvw{padding:1.2rem;gap:.8rem}
  .rvw__q p{font-size:.95rem;line-height:1.8}
  .nw__body{padding:1.1rem 1.1rem 1.2rem}
}

/* ---------- الشركاء ---------- */
@media (max-width:640px){
  .partners{padding:3rem 0 3.4rem}
  .partners__hd{margin-bottom:1.4rem}
  .marq__it{width:112px;height:64px}
  .marq__it img{width:86px;height:42px}
}

/* ---------- التذييل ---------- */
@media (max-width:640px){
  .ft__cta{padding:2.6rem 0 2.2rem;gap:1.2rem}
  .ft__huge{font-size:clamp(2.4rem,10.5vw,3.6rem)}
  .ft__mid{padding:1.4rem 0 2rem;gap:1.6rem}
  .ft--acc .ft__col .ft__h{font-size:1.05rem;min-height:52px}
  .ft--acc .ft__col nav a{min-height:38px;font-size:.95rem}
  .ft__brand{flex-direction:row;align-items:center;justify-content:space-between;gap:1.2rem;padding-top:.4rem}
  .ft__brand img{width:88px;height:88px}
  .ft__social p{font-size:.86rem;margin-bottom:.6rem}
  .ft__icons{gap:.9rem}
  .ft__icons a{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}
  .ft__icons svg{width:18px;height:18px}
  .ft__links{gap:.3rem 1.4rem;padding:1.2rem 0}
  .ft__links a{font-size:.92rem}
  .ft__reg{padding:.9rem 0;font-size:.8rem}
  .ft__bt{gap:.7rem 1rem;font-size:.82rem;padding-top:1.2rem}
  .ft__legal{gap:.4rem 1rem}
}
@media (min-width:641px) and (max-width:999px){
  .ft__brand{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}
  .ft__brand img{width:110px;height:110px}
  .ft__cols{gap:2rem 2.5rem}
}

/* =====================================================================
   ٤) سجلّ المشاريع · صفحة المشروع · الصفحات الداخلية
   ===================================================================== */

/* ---------- رأس الصفحات الداخلية ---------- */
@media (max-width:640px){
  .sh{padding-top:calc(var(--hdr) + 1.4rem);padding-bottom:1.4rem}
  .sh__h{font-size:clamp(2.1rem,9vw,3rem);line-height:1.18}
  .sh__lede{font-size:.98rem;line-height:1.8;margin-top:.8rem}
  .sh__top{margin-top:.8rem;gap:.8rem}
  .sh__crumbs{font-size:.8rem;gap:.4rem}
  .tb{margin-top:1.2rem;border-radius:14px}
  .tb__c{padding:.8rem .9rem .85rem}
  .tb dt{font-size:.74rem}
  .tb dd{font-size:.95rem;margin-top:.3rem}
}

/* ---------- جدار المشاريع ---------- */
@media (max-width:640px){
  .pl__bar{padding-block:.9rem 1rem;gap:.6rem}
  .pl__q input{height:46px}
  .seg .seg__b{padding:.5rem 1rem;min-height:42px;font-size:.92rem}
  .pl__st .chip{min-height:40px;padding:0 .85rem;font-size:.84rem}
  .wall{gap:.75rem;padding-block:1.1rem 2.6rem}
  .wall__it,.wall__it[data-sz],.wall__it[data-sz="f"]{height:clamp(240px,68vw,400px)}
  .wall__a{border-radius:16px}
  .wall__bot{inset-inline:1rem;bottom:.95rem}
  .wall__n{font-size:1.5rem;line-height:1.25}
  .wall__f{font-size:.82rem}
  .wall__st{top:.8rem;inset-inline-start:.8rem}
  .wall__go{width:42px;height:42px;top:.8rem;inset-inline-end:.8rem}
}
/* شاشات 480–640: بطاقتان جنبًا إلى جنب بوضوح كافٍ */
@media (min-width:480px) and (max-width:640px){
  .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wall__it,.wall__it[data-sz]{height:clamp(220px,46vw,300px)}
  .wall__it[data-sz="f"]{grid-column:span 2;height:clamp(240px,52vw,340px)}
  .wall__n{font-size:1.3rem}
}
/* صفحات المدن: نفس الإيقاع */
@media (min-width:480px) and (max-width:640px){
  .cty__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cty__g .uxc__body{padding:.8rem .85rem .9rem}
  .cty__g .uxc__n{font-size:1rem}
  .cty__g .uxc__f{display:none}
}

/* ---------- صفحة المشروع ---------- */
@media (max-width:640px){
  .ph{min-height:min(74svh,640px)}
  .ph__in{padding-top:calc(var(--hdr) + 1rem);padding-bottom:4.6rem}
  .ph__h{font-size:clamp(2.4rem,11vw,3.6rem);margin-top:.6rem;max-width:none}
  .ph__where{font-size:1rem;margin-top:.35rem}
  .ph__acts{margin-top:1.1rem;gap:.55rem}
  .ph__acts .gbtn{min-height:44px;padding:0 1rem;font-size:.9rem}
  .ph__acts .abtn{padding-inline-start:52px}
  .ph__acts .abtn__c{width:44px;height:44px}
  .ph__acts .abtn__t{height:44px;min-width:0;padding:0 1.3rem;font-size:.92rem}
  .pp__tbw{margin-top:-2.4rem}
  .tb--p[style*="--n:1"]{width:max-content;min-width:min(100%,240px)}   /* خانة واحدة لا تمتدّ بعرض الصفحة فارغة */
  .tb--p dd{font-size:.95rem}
  .pp__sold{margin-top:1rem;padding:.85rem 1rem;font-size:.92rem}
  .pp__grid{margin-top:1.8rem;gap:1.6rem}
  .pch{padding-block:1.5rem;gap:.6rem}
  .pch__h{font-size:1.3rem}
  .pch__h::before{margin-bottom:.55rem}
  .pp__desc p{font-size:1rem;line-height:1.9;margin-bottom:.9rem}
  .pp__desc p:first-child{font-size:1.08rem}
  .mos{gap:.45rem}
  .mos__t{border-radius:12px}
  .feats li{padding:.7rem 0;font-size:.95rem}
  .qa__a{padding:.9rem 1rem;font-size:.93rem}
  .pp__rel{margin-top:2rem;padding-block:1.8rem}
  .pp__relhd{margin-bottom:1.1rem}
  .pp__relhd .pch__h{font-size:1.5rem}
  .rel{gap:.75rem}
  .rel__t{font-size:1.25rem}
  .pnav{margin-top:1.6rem}
}
/* الجوال: المعرض في صفّ أفقي قابل للسحب (كان يُقص بشبكة 4 أعمدة) */
@media (max-width:560px){
  .mos{grid-auto-rows:30vw}
}
@media (min-width:641px){
  .tb--p[style*="--n:1"],.tb--p[style*="--n:2"]{width:max-content;min-width:min(100%,320px)}
}
@media (min-width:641px) and (max-width:999px){
  .ph{min-height:min(70svh,700px)}
  .pp__grid{gap:2rem}
  .pp__side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:1rem}
  .pp__side .qa{align-self:start}
}

/* ---------- الصفحات الداخلية الأخرى ---------- */
@media (max-width:640px){
  .sp__body{padding-block:1.6rem 1rem}
  .sp__cta{padding-block:2.2rem}
  .sp__ctat .big{font-size:clamp(1.7rem,7vw,2.3rem)}
  .sp__btns{gap:.5rem;margin-top:1.1rem}
  .ab__stmt{font-size:clamp(1.35rem,5.6vw,1.7rem);line-height:1.5}
  .ab__pics{grid-template-columns:1.2fr 1fr;gap:.55rem}
  .ab__pic--b{margin-bottom:1rem}
  .ab__vals li{padding:1.05rem 1.05rem 1.1rem}
  .ab__ld{grid-template-columns:84px minmax(0,1fr);gap:.9rem;padding:.9rem}
  .svx{padding-block:1.6rem;gap:1rem}
  .svx__h{font-size:clamp(1.6rem,7vw,2.1rem)}
  .svx__s{font-size:1rem}
  .svx__l{font-size:.95rem;line-height:1.85}
  .svx__a{margin-top:1rem}
  .brc__b{padding:1.05rem 1.05rem 1.15rem}
  .brc__h{font-size:1.4rem}
  .faq__q{padding:1rem 0;font-size:1rem}
  .fq__box{height:56px;padding:0 1.1rem}
  .fq__box input{font-size:1rem}
  .calc__in{padding:0}
  .cg{padding:1.1rem 1rem}
  .calc__out{padding:1.15rem}
  .apd__hero{padding-block:1.4rem;gap:1.4rem}
  .store{min-height:52px;padding:.4rem 1rem}
  .nf{min-height:70svh}
  .doc__grid{padding-block:1.6rem 2.4rem;gap:1.4rem}
  .cr__grid{margin-top:1.4rem;gap:1.8rem}
}

/* ---------- التابلت الأفقي (1000–1199): قائمة الجوال مع شريط عريض — نضبط الهوامش ---------- */
@media (min-width:1000px) and (max-width:1199px){
  .wrap{width:min(var(--wrap),100% - 2*clamp(1.5rem,3.5vw,2.5rem))}
  .pp__grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:2rem}
  .mos{grid-auto-rows:clamp(110px,12vw,170px)}
}

/* =====================================================================
   ٥) منظومة الحركة
   ===================================================================== */

/* ---- ظهور العناصر: مدد موحّدة، وصعود أقصر على الجوال ---- */
.rv{transition:opacity var(--m-slow) var(--m-out),transform calc(var(--m-slow) * 1.15) var(--m-out)}
.rise{transition:opacity var(--m-slow) var(--m-out),transform calc(var(--m-slow) * 1.15) var(--m-out)}
@media (max-width:999px){
  .rv:not(.rv--r):not(.rv--s){transform:translateY(var(--m-rise))}
  .rv.is-in{transform:none}
  .rise{transform:translateY(var(--m-rise))}
  .rise.is-in{transform:none}
}
/* على الجوال تُقصَّر فواصل التتابع إلى النصف (العناصر تحت بعضها لا بجانب بعضها، فالفاصل الطويل يبطئ القراءة) */
:root{--d-scale:1}
@media (max-width:999px){:root{--d-scale:.5}}
.rv{transition-delay:calc(var(--d,0ms) * var(--d-scale))}

/* ---- دخول رأس الصفحات الداخلية: مسار التنقّل ← العنوان ← الوصف ← خانة البيانات ---- */
@keyframes v53In{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v53Grow{from{transform:scaleX(0)}to{transform:none}}
html.mhf-js:not([data-rm]) .sh__crumbs{animation:v53In .6s var(--m-out) both}
html.mhf-js:not([data-rm]) .sh__h{animation:v53In .9s var(--m-out) .08s both}
html.mhf-js:not([data-rm]) .sh__aside{animation:v53In .8s var(--m-out) .2s both}
html.mhf-js:not([data-rm]) .sh__lede{animation:v53In .8s var(--m-out) .22s both}
html.mhf-js:not([data-rm]) .sh .tb{animation:v53In .8s var(--m-out) .32s both}
html.mhf-js:not([data-rm]) .sh__grid{animation:v53Fade 1.4s ease .2s both}
@keyframes v53Fade{from{opacity:0}}
/* عناوين الفصول: الخط القصير يُرسم عند الظهور */
html.mhf-js:not([data-rm]) .pch__h::before{transform-origin:right center;transform:scaleX(0);transition:transform .9s var(--m-out) .1s}
html[dir="ltr"].mhf-js:not([data-rm]) .pch__h::before{transform-origin:left center}
.pch.is-in .pch__h::before,.pch.v53-seen .pch__h::before{transform:none}

/* ---- تتابع المجموعات (تُضاف is-in من v53.js عند الظهور) ---- */
html.mhf-js:not([data-rm]) [data-stg]>*{opacity:0;transform:translateY(16px);transition:opacity .7s var(--m-out),transform .85s var(--m-out);transition-delay:calc(var(--k,0) * 70ms)}
html.mhf-js:not([data-rm]) [data-stg].is-in>*{opacity:1;transform:none}

/* ---- استجابة اللمس والضغط: كل عنصر تفاعلي يُجيب فورًا ---- */
.pill,.chip,.gbtn,.hfind__go,.rail__btn,.swp__b,.ctrl button,.hdr__cta,.mpj__all,.appbn__go,.rows__more,.gmore__btn,.rcard,.seg .seg__b,.faq__q,.svc__it>button,.plf,.fdock,.theme,.language,.burger,.hsrch,.totop,.store,.lb__x,.lb__nav,.dk__ic{-webkit-tap-highlight-color:transparent}
@media (hover:none){
  .pill:active,.chip:active,.gbtn:active,.hfind__go:active,.rail__btn:active,.swp__b:active,.ctrl button:active,.hdr__cta:active,.mpj__all:active,.appbn__go:active,.rows__more:active,.gmore__btn:active,.rcard:active,.seg .seg__b:active,.plf:active,.fdock:active,.theme:active,.language:active,.burger:active,.hsrch:active,.totop:active,.store:active{transform:scale(.96);transition-duration:var(--m-fast)}
  .uxc__a:active .uxc{transform:scale(.985)}
  .wall__a:active,.rel__a:active .rel__fig,.mos__t:active,.nw__a:active,a.chn__it:active,.ctp__help a:active,.brc:active{transform:scale(.985);transition:transform var(--m-fast) var(--m-out)}
}
.pill,.chip{transition:background-color var(--m-fast),color var(--m-fast),border-color var(--m-fast),transform var(--m-fast) var(--m-out)}
.chip[aria-pressed="true"]{box-shadow:0 8px 18px -12px rgba(47,122,69,.9)}
/* الحقول: حدّ يتوهّج بهدوء عند التركيز بدل تغيّر مفاجئ */
.fld input,.fld--ta textarea,.fld--sel select,.pl__q input,.fq__box{transition:border-color var(--m-fast),background-color var(--m-fast),box-shadow var(--m-base) var(--m-out)}
.fld input:focus,.fld--ta textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--g-300) 22%,transparent)}
.lead__card--glass .fld input:focus,.hbox .fld input:focus{box-shadow:0 0 0 3px rgba(124,203,147,.22)}
/* ---- بطاقات المشاريع: حدّ يضيء عند المرور واللمس ---- */
.uxc{transition:box-shadow var(--m-base),transform var(--m-base) var(--m-out)}
.uxc__a:focus-visible{outline:none}
.uxc__a:focus-visible .uxc,.uxc:has(.uxc__a:focus-visible){box-shadow:inset 0 0 0 2px var(--g-300)}

/* ---- الصور: تظهر بانسياب عند اكتمال تحميلها (بلا وميض للصور الكسولة) ---- */
html.mhf-js:not([data-rm]) img.v53-lz{opacity:0;transition:opacity .6s ease}
html.mhf-js img.v53-lz.is-ld{opacity:1}

/* ---- الشريط السفلي يدخل من الأسفل عند أول عرض ---- */
@media (max-width:1199px){
  html.mhf-js:not([data-rm]) .mbar{animation:v53Bar .7s var(--m-out) .25s backwards}
  @keyframes v53Bar{from{transform:translateY(110%)}}
}

/* =====================================================================
   ٦) الأداء على الجوال واحترام «تقليل الحركة»
   ===================================================================== */
/* الأضواء الخلفية: ما يكفي للأجواء بلا كلفة على معالجات الجوال (الشعاع الدوّار والشبكة والومضات تُطفأ) */
@media (max-width:999px){
  .aura__beam,.aura__grid,.aura__sp{display:none}
  .aura__o--3,.aura__o--4{display:none}
  .aura__o{animation-duration:60s}
  .nums__aura i:nth-child(3){display:none}
}
/* تقليل الحركة: كل ما أضافته هذه الطبقة يتوقف أيضًا */
html[data-rm] .sh__crumbs,html[data-rm] .sh__h,html[data-rm] .sh__aside,html[data-rm] .sh__lede,html[data-rm] .sh .tb,html[data-rm] .sh__grid,html[data-rm] .mbar,html[data-rm] .mmenu__cities a{animation:none!important}
html[data-rm] [data-stg]>*{opacity:1!important;transform:none!important;transition:none!important}
html[data-rm] .pch__h::before{transform:none!important;transition:none!important}
html[data-rm] img.v53-lz{opacity:1!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  .mbar__a,.pill,.chip,.floating-contact__button{transition:none}
}

/* =====================================================================
   ٧) سطح المكتب والموقع عمومًا — اتساق المكوّنات، حالات التفاعل، اللابتوب
   ===================================================================== */

/* ---- اللابتوب (1001–1199): القائمة الكاملة بدل زر القائمة — المكان يتّسع لها بمسافات مضغوطة
   (كانت تُستبدل بزر على شاشة فيها فأرة، فيصير الوصول للأقسام ضغطتين بدل واحدة) ---- */
@media (min-width:1001px) and (max-width:1199px){
  :root{--hdr:90px}
  .hdr{padding:14px clamp(1rem,2.2vw,1.6rem) 0}
  .hdr__bar{height:68px;padding:0 10px 0 16px;gap:.6rem}
  .nav{display:flex}
  .nav__it>a{height:68px;padding:0 .55rem;font-size:.86rem;gap:.3rem}
  .nav__it>a::after{left:.55rem;right:.55rem}
  .hdr.is-scrolled .nav__it>a{height:60px}
  .hdr__end{gap:.4rem}
  .hdr__end .sep{display:block}
  .hdr__tel{display:none}
  .hdr__end .sep:nth-child(1){display:none}
  .hdr__cta{display:inline-flex;height:42px;padding:0 1.05rem;font-size:.86rem}
  .burger{display:none}
  html:not([dir="ltr"]) .brand__t{font-size:.9rem}
  .brand img{width:36px;height:36px}
  .language{min-width:40px;width:40px;height:40px;font-size:.8rem}
  .theme,.hsrch{width:40px;min-width:40px;height:40px}
  .hsrch__t,.sep--srch{display:none}
  .mega{left:clamp(1rem,2.2vw,1.6rem);right:clamp(1rem,2.2vw,1.6rem)}
  /* الشريط السفلي يبقى للأجهزة اللمسية فقط (تابلت أفقي)؛ على اللابتوب تكفي القائمة الكاملة */
  @media (pointer:fine){
    .mbar{display:none}
    body.has-mbar{--mbar-space:0px;--fx-mbar:0px;padding-bottom:0}
    body.has-mbar .floating-contact{display:flex!important}
    body.has-mbar .hdr__cta{display:inline-flex}
  }
}
/* الإنجليزية: اسمها أطول — القائمة الكاملة من 1200 فما فوق (كما كان) */
@media (min-width:1001px) and (max-width:1199px){
  [dir="ltr"] .nav,[dir="ltr"] .hdr__cta{display:none}
  [dir="ltr"] .burger{display:flex}
}

/* ---- اتساق الزوايا: ثلاث درجات فقط في كل الموقع
   بطاقات المحتوى 20px · الألواح والنماذج 28px (--r) · الحقول والعناصر الصغيرة 14px
   (كانت البطاقات بين 14 و28 بحسب الصفحة) ---- */
:root{--r-card:20px}
@media (max-width:640px){:root{--r-card:16px}}
.uxc,.nw__a,.rvw,.brc,.ab__vals li,.ab__ld,.chn__it,.ctp__help a,.job,.cr__empty,.faq__cta,.ask,.pnav a,.wall__a,.rel__fig,.svx__img,.ab__pic,.brc__img,.nsingle__gal figure,.nsingle__hero,.pd__gal a,.cmp__im,.tb,.tb--p,.calc__in,.loc__map,.qa,.marq__it{border-radius:var(--r-card)}
.mos__t,.gmore__t,.plans__t,.hfind__im,.srch__im,.pnav__im,.mpj__im,.fsheet__im,.recent__im{border-radius:14px}
.mpj__pj{border-radius:var(--r-card)}
.ab__ldi{border-radius:calc(var(--r-card) - 6px)}
.nw__fig{border-radius:0}
.apply__drop,.calc__num,.fld--sel select,.fld--ta textarea,.visit,.lead__pj,.fld input{border-radius:14px}

/* ---- حالات المرور بالفأرة لكل البطاقات الثابتة (كانت بعض البطاقات لا تستجيب للمؤشر) ---- */
@media (hover:hover) and (pointer:fine){
  .ab__vals li,.ab__ld,.ab__logos li,.tb__c,.num,.brc,.chn__it,.ctp__help a,.rvw{transition:box-shadow var(--m-base) var(--m-out),transform var(--m-base) var(--m-out),background-color var(--m-base)}
  .ab__vals li:hover,.ab__logos li:hover,.rvw:hover{box-shadow:inset 0 0 0 1px var(--g-300),0 22px 44px -30px rgba(0,0,0,.65);transform:translateY(-3px)}
  .ab__ld:hover{box-shadow:inset 0 0 0 1px var(--g-300)}
  .ab__ld:hover .ab__ldi img{filter:grayscale(0)}
  .ab__ldi img{transition:filter .6s var(--m-out)}
  .rel__a .rel__t{transition:color var(--m-fast)}
  .rel__a:hover .rel__t{color:var(--pacc,var(--acc))}
  .faq__q{transition:color var(--m-fast)}
  .faq__q:hover{color:var(--acc)}
  .faq__q:hover i{border-color:var(--acc)}
  .tb__c{position:relative}
  .pnav a:hover b{color:var(--acc)}
  .pnav b{transition:color var(--m-fast)}
  .store:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
  .ft__icons a:hover{color:#fff}
  [data-theme="light"] .ft__icons a:hover{color:var(--brand)}
  .svx__img img,.brc__img img,.ab__pic img{transition:transform 1.1s var(--m-out)}
  .svx:hover .svx__img img,.brc:hover .brc__img img{transform:scale(1.04)}
  .sh__crumbs a:hover{color:var(--acc)}
  .pl__q input:hover,.fq__box:hover{border-color:var(--line-2)}
}

/* ---- روابط النص داخل الفقرات: لون التمييز مع خط تحت (كانت تعتمد على اللون وحده في بعض المواضع) ---- */
.pp__desc a,.svx__l a,.ab__txt a,.faq__in a,.lede a{color:var(--acc);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* ---- الشاشات العريضة جدًا (1600+): الأقسام الداخلية تتنفّس أكثر ولا تمتدّ بلا حدود ---- */
@media (min-width:1600px){
  .pp__grid{gap:clamp(3rem,5vw,6rem)}
  .sh__lede{font-size:1.18rem}
  .doc__body,.pp__desc{font-size:1.1rem}
  .wall{gap:1.25rem}
}

/* ---- تركيز لوحة المفاتيح على الكمبيوتر: حلقة واحدة واضحة فوق كل الخلفيات ---- */
:where(.uxc__a,.wall__a,.rel__a,.nw__a,.brc,a.chn__it,.ctp__help a,.pnav a,.mos__t,.gmore__t,.plans__t):focus-visible{outline:2px solid var(--g-300);outline-offset:3px;border-radius:var(--r-card)}

/* =====================================================================
   ٨) الواجهة: تدرّج التمويه متعدد المراحل حول الصور (hero-bg--soft)
   المبدأ: الصورة الحادة لا تذوب في التمويه الثقيل دفعة واحدة، بل عبر طبقتين من الصورة نفسها
   (تمويه خفيف 6px ثم متوسط 16px) بأقنعة متدرّجة بمنحنى ناعم (smoothstep) على مساحة أوسع.
   كل الطبقات بنفس الإطار ونفس القصّ ونفس حركة التقريب — فلا ازدواج ولا حدّ.
   «التدرّج السابق» يبقى كما كان حين يُختار من لوحة التحكم (بلا الصنف hero-bg--soft).
   ===================================================================== */
.hero-bg__b,.hero-slide__b{display:none}
@media (min-width:1000px){
  /* الإطار أوسع (84vw بدل 64vw): المنطقة الحادة تبقى بالحجم نفسه تقريبًا، والمساحة الإضافية كلها للتدرّج */
  .hero-bg--soft .hero-slide__frame{width:min(84vw,1560px,calc(118vh * 16 / 9));top:52%;
    -webkit-mask-image:none;mask-image:none}
  .hero-bg--soft .hero-slide__b,.hero-bg--soft .hero-bg__b{display:block;position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;background-position:var(--sp,50% 50%);pointer-events:none}
  /* القناع الناعم: منحنى بطيء في البداية والنهاية (0 → 1 عبر 26% من العرض و 24% من الارتفاع) */
  .hero-bg--soft .hero-slide__img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.03) 4%,rgba(0,0,0,.12) 9%,rgba(0,0,0,.3) 14%,rgba(0,0,0,.56) 19%,rgba(0,0,0,.82) 23%,#000 27%,#000 73%,rgba(0,0,0,.82) 77%,rgba(0,0,0,.56) 81%,rgba(0,0,0,.3) 86%,rgba(0,0,0,.12) 91%,rgba(0,0,0,.03) 96%,transparent 100%),
                       linear-gradient(180deg,transparent 0,rgba(0,0,0,.04) 4%,rgba(0,0,0,.16) 9%,rgba(0,0,0,.4) 14%,rgba(0,0,0,.7) 19%,#000 24%,#000 76%,rgba(0,0,0,.7) 81%,rgba(0,0,0,.4) 86%,rgba(0,0,0,.16) 91%,rgba(0,0,0,.04) 96%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.03) 4%,rgba(0,0,0,.12) 9%,rgba(0,0,0,.3) 14%,rgba(0,0,0,.56) 19%,rgba(0,0,0,.82) 23%,#000 27%,#000 73%,rgba(0,0,0,.82) 77%,rgba(0,0,0,.56) 81%,rgba(0,0,0,.3) 86%,rgba(0,0,0,.12) 91%,rgba(0,0,0,.03) 96%,transparent 100%),
               linear-gradient(180deg,transparent 0,rgba(0,0,0,.04) 4%,rgba(0,0,0,.16) 9%,rgba(0,0,0,.4) 14%,rgba(0,0,0,.7) 19%,#000 24%,#000 76%,rgba(0,0,0,.7) 81%,rgba(0,0,0,.4) 86%,rgba(0,0,0,.16) 91%,rgba(0,0,0,.04) 96%,transparent 100%);
    mask-composite:intersect}
  /* الطبقة الخفيفة (6px): تمتدّ أبعد قليلًا من الحادة */
  .hero-bg--soft .hero-slide__b--1{filter:blur(6px) brightness(.96);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1) 3%,rgba(0,0,0,.4) 7%,rgba(0,0,0,.78) 11%,#000 15%,#000 85%,rgba(0,0,0,.78) 89%,rgba(0,0,0,.4) 93%,rgba(0,0,0,.1) 97%,transparent 100%),
                       linear-gradient(180deg,transparent 0,rgba(0,0,0,.12) 3%,rgba(0,0,0,.45) 7%,rgba(0,0,0,.82) 11%,#000 14%,#000 86%,rgba(0,0,0,.82) 89%,rgba(0,0,0,.45) 93%,rgba(0,0,0,.12) 97%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.1) 3%,rgba(0,0,0,.4) 7%,rgba(0,0,0,.78) 11%,#000 15%,#000 85%,rgba(0,0,0,.78) 89%,rgba(0,0,0,.4) 93%,rgba(0,0,0,.1) 97%,transparent 100%),
               linear-gradient(180deg,transparent 0,rgba(0,0,0,.12) 3%,rgba(0,0,0,.45) 7%,rgba(0,0,0,.82) 11%,#000 14%,#000 86%,rgba(0,0,0,.82) 89%,rgba(0,0,0,.45) 93%,rgba(0,0,0,.12) 97%,transparent 100%);
    mask-composite:intersect}
  /* الطبقة المتوسطة (16px): حتى حافة الإطار تقريبًا ثم تذوب في التعبئة الثقيلة */
  .hero-bg--soft .hero-slide__b--2{filter:blur(16px) brightness(.9);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 2.5%,rgba(0,0,0,.8) 5%,#000 8%,#000 92%,rgba(0,0,0,.8) 95%,rgba(0,0,0,.35) 97.5%,transparent 100%),
                       linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 2.5%,rgba(0,0,0,.8) 5%,#000 8%,#000 92%,rgba(0,0,0,.8) 95%,rgba(0,0,0,.35) 97.5%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 2.5%,rgba(0,0,0,.8) 5%,#000 8%,#000 92%,rgba(0,0,0,.8) 95%,rgba(0,0,0,.35) 97.5%,transparent 100%),
               linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 2.5%,rgba(0,0,0,.8) 5%,#000 8%,#000 92%,rgba(0,0,0,.8) 95%,rgba(0,0,0,.35) 97.5%,transparent 100%);
    mask-composite:intersect}
  /* نفس التقريب البطيء للطبقات الثلاث حتى لا تنزاح عن بعضها */
  .hero-bg--soft .hero-slide__b{transform:scale(1.045);transition:transform 6s cubic-bezier(.2,.6,.3,1);will-change:transform}
  .hero-bg--soft .hero-slide.is-on .hero-slide__b,.hero-bg--soft .hero-slide.is-under .hero-slide__b{transform:scale(1)}
  /* التعبئة الثقيلة خلف الكل: أهدأ قليلًا حتى لا تنافس الصورة */
  .hero-bg--soft .hero-slide__fill{filter:brightness(.82) saturate(1.05)}
  .hero-bg--soft .hero-slide.is-raw .hero-slide__fill{filter:blur(30px) brightness(.68) saturate(1.08)}

  /* ---- الصورة الأساسية الطولية: الحواف الجانبية بالمنطق نفسه (قناع أوسع ومرحلتان قبل التعبئة) ---- */
  .hero-bg--soft.hero-bg--portrait .hero-bg__frame{-webkit-mask-image:none;mask-image:none}
  .hero-bg--soft.hero-bg--portrait .hero-bg__img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.04) 4%,rgba(0,0,0,.16) 8%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.7) 16%,rgba(0,0,0,.9) 19%,#000 22%,#000 78%,rgba(0,0,0,.9) 81%,rgba(0,0,0,.7) 84%,rgba(0,0,0,.4) 88%,rgba(0,0,0,.16) 92%,rgba(0,0,0,.04) 96%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.04) 4%,rgba(0,0,0,.16) 8%,rgba(0,0,0,.4) 12%,rgba(0,0,0,.7) 16%,rgba(0,0,0,.9) 19%,#000 22%,#000 78%,rgba(0,0,0,.9) 81%,rgba(0,0,0,.7) 84%,rgba(0,0,0,.4) 88%,rgba(0,0,0,.16) 92%,rgba(0,0,0,.04) 96%,transparent 100%)}
  .hero-bg--soft.hero-bg--portrait .hero-bg__b{background-position:50% 50%;transform:scale(1.08);transition:transform 3s cubic-bezier(.2,.6,.3,1)}
  .hero-bg--soft.hero-bg--portrait.is-on .hero-bg__b{transform:scale(1)}
  .hero-bg--soft.hero-bg--portrait .hero-bg__b--1{filter:blur(6px) brightness(.95);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 3%,rgba(0,0,0,.5) 7%,rgba(0,0,0,.85) 11%,#000 14%,#000 86%,rgba(0,0,0,.85) 89%,rgba(0,0,0,.5) 93%,rgba(0,0,0,.15) 97%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 3%,rgba(0,0,0,.5) 7%,rgba(0,0,0,.85) 11%,#000 14%,#000 86%,rgba(0,0,0,.85) 89%,rgba(0,0,0,.5) 93%,rgba(0,0,0,.15) 97%,transparent 100%)}
  .hero-bg--soft.hero-bg--portrait .hero-bg__b--2{filter:blur(16px) brightness(.9);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 2.5%,rgba(0,0,0,.85) 5%,#000 8%,#000 92%,rgba(0,0,0,.85) 95%,rgba(0,0,0,.4) 97.5%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 2.5%,rgba(0,0,0,.85) 5%,#000 8%,#000 92%,rgba(0,0,0,.85) 95%,rgba(0,0,0,.4) 97.5%,transparent 100%)}
}
html[data-rm] .hero-slide__b,html[data-rm] .hero-bg__b{transform:none!important;transition:none!important}

/* =====================================================================
   ٩) ختم «تم البيع» على صور المشاريع المباعة بالكامل (البطاقات والسجلّ وصفحة المشروع)
   ===================================================================== */
/* استعلامات الحاوية للشبكات الساكنة فقط. الصفوف المتحركة والشريط لا تحمل container-type:
   كان يفرض إعادة تخطيط (layout) في كل إطار أثناء الانسياب — الحجم هناك يُشتقّ من عرض البطاقة (--cw / vw).
   .ph__img (inset:0 بلا عرض) ينهار مع احتواء القياس — يستخدم وحدات vw.
   النص واللون والحجم والميل والإظهار تأتي متغيّرات من لوحة التحكم (inc/setup.php → mhf_stamp_css) بقيم احتياطية هنا. */
.cty__g .uxc__fig,.wall__fig,.cmp__im{container-type:inline-size}
.uxc{--stw:clamp(1.15rem,3.2vw,2.6rem);--stw-en:clamp(1rem,2.7vw,2.2rem)}
.cty__g .uxc{--stw:clamp(1.15rem,13cqw,3.4rem);--stw-en:clamp(1rem,11cqw,3rem)}
.rows .uxc{--stw:clamp(1.1rem,calc(var(--cw) * .125),2.6rem);--stw-en:clamp(.95rem,calc(var(--cw) * .105),2.2rem)}
.uxc[data-st="sd"] .uxc__fig,.cmp__im.is-sold{position:relative}   /* .ph__img و .wall__fig مُموضَعان أصلًا (absolute) */
.uxc[data-st="sd"] .uxc__fig::before,.wall__it[data-st="sd"] .wall__fig::before,.pp--sold .ph__img::before{content:"";display:var(--stamp-show,block);position:absolute;inset:0;z-index:2;background:rgba(6,8,7,.28);pointer-events:none}
.uxc[data-st="sd"] .uxc__fig::after,.wall__it[data-st="sd"] .wall__fig::after,.pp--sold .ph__img::after,.cmp__im.is-sold::after{
  content:var(--stamp-txt,"تم البيع");display:var(--stamp-show,block);position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--stamp-rot,-12deg));
  padding:.12em .55em .18em;border:.11em solid var(--stamp-c,#E2453C);border-radius:.28em;outline:.05em solid var(--stamp-c2,rgba(226,69,60,.55));outline-offset:.14em;
  font-family:var(--serif);font-weight:700;font-size:calc(clamp(1.15rem,13cqw,3.4rem) * var(--stamp-k,1));line-height:1.15;letter-spacing:.01em;white-space:nowrap;
  color:var(--stamp-ink,#FF6B61);background:rgba(10,8,8,.34);text-shadow:0 2px 14px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;
  box-shadow:0 10px 30px -10px rgba(0,0,0,.7)}
html[dir="ltr"] .uxc[data-st="sd"] .uxc__fig::after,html[dir="ltr"] .wall__it[data-st="sd"] .wall__fig::after,html[dir="ltr"] .pp--sold .ph__img::after,html[dir="ltr"] .cmp__im.is-sold::after{content:var(--stamp-txt-en,"SOLD OUT");font-family:var(--sans);font-weight:900;letter-spacing:.06em;font-size:calc(clamp(1rem,11cqw,3rem) * var(--stamp-k,1))}
.uxc[data-st="sd"] .uxc__fig::after{font-size:calc(var(--stw) * var(--stamp-k,1))}
html[dir="ltr"] .uxc[data-st="sd"] .uxc__fig::after{font-size:calc(var(--stw-en) * var(--stamp-k,1))}
/* صفحة المشروع: الختم كبير في منتصف الصورة لكن لا يغطّي العنوان (الصورة خلف المحتوى) */
.pp--sold .ph__img::after{font-size:calc(clamp(2.2rem,8vw,7rem) * var(--stamp-k,1));top:42%;opacity:.92}
html[dir="ltr"] .pp--sold .ph__img::after{font-size:calc(clamp(1.8rem,6.5vw,6rem) * var(--stamp-k,1))}
.pp--sold .ph__img::before{background:rgba(6,8,7,.18)}
@media (max-width:999px){.pp--sold .ph__img::after{top:24%;font-size:calc(clamp(2rem,11vw,3.6rem) * var(--stamp-k,1))} html[dir="ltr"] .pp--sold .ph__img::after{font-size:calc(clamp(1.6rem,9vw,3rem) * var(--stamp-k,1))}}
.wall__it[data-st="sd"] .wall__fig::after{top:40%}
/* يكبر الختم قليلًا مع مرور المؤشر على البطاقة */
@media (hover:hover){
  .uxc[data-st="sd"]:hover .uxc__fig::after,.wall__it[data-st="sd"] .wall__a:hover .wall__fig::after{transform:translate(-50%,-50%) rotate(var(--stamp-rot,-12deg)) scale(1.04)}
  .uxc__fig::after,.wall__fig::after{transition:transform var(--m-base) var(--m-out)}
}
/* الصورة الرمادية للمباع (كانت في السجلّ فقط) تُطبَّق على كل البطاقات المباعة — وتُلغى من لوحة التحكم */
.uxc[data-st="sd"] .uxc__fig img{filter:grayscale(.35) brightness(.9)}

/* =====================================================================
   ١٠) انسياب صفوف المشاريع: طبقات مركّبة ثابتة وبلا أي إعادة رسم أثناء الحركة
   ===================================================================== */
/* الصورة داخل البطاقة طبقة مستقلة (كانت بلا طبقة فتُعاد رسمها كاملة في كل إطار مع حركة العمق) */
.rows .uxc__fig img{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0) scale(1.16)}
.rows__s{backface-visibility:hidden;contain:layout style paint}
.rows__s>.uxc{transform:translateZ(0)}
/* نبضة نقطة «متاح» كانت تحرّك box-shadow (خاصية رسم) — فتُعاد رسم ١٢+ شارة في كل إطار فوق الصفوف المتحركة.
   الآن حلقة مستقلة تتحرك بالتحويل والشفافية فقط (المركِّب وحده، بلا إعادة رسم) — في الموقع كله */
.st s{animation:none;position:relative}
.st s::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.5);animation:v53Pulse 2s ease-out infinite;will-change:transform,opacity;pointer-events:none}
@keyframes v53Pulse{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(3.1);opacity:0}}
html[data-rm] .st s::after{animation:none;display:none}
/* ضوء المؤشر (mix-blend-mode) يُعاد تركيبه في كل إطار — يُستغنى عنه داخل الصفوف المتحركة */
.rows .uxc.is-lit::after{display:none}
/* الخلفية الحيّة خلف اللوح تتوقف حين تغادر الواجهة الشاشة (لا تنافس حركة الصفوف على المعالج) */
html.stage-idle .stage .aura__o,html.stage-idle .stage .aura__beam,html.stage-idle .stage .aura__grid,html.stage-idle .stage .aura__sp,html.stage-idle .stage .coin__gl::after,html.stage-idle .stage .coin__halo{animation-play-state:paused}
html.stage-idle .nums__aura i{animation-play-state:running}

/* =====================================================================
   ١١) صفحة «تطبيق محافظ»: قبل النشر — الجملة وشارتا المتجرين (معاينة غير قابلة للنقر) بلا زر نسخة الويب
   ===================================================================== */
.apd__soon{font-size:1.08rem;color:var(--ink)}
.apd__stores--soon .store{opacity:.6;cursor:default;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.apd__stores--soon .store:hover{transform:none}


/* ===== v54.css ===== */
/* =====================================================================
   V54 (3.13.0) — إصلاحات المراجعة الشاملة
   كل قاعدة هنا تصلح خللًا ظهر في الاختبار على ووردبريس حقيقي بثلاثة مقاسات
   (جوال 390 · تابلت 820 · سطح مكتب 1440)، دون أي تغيير في الهوية البصرية المعتمدة.
   ===================================================================== */

/* ---------- ١) ظهور العناصر على الجوال والتابلت ----------
   قاعدة V53 «‎.rv:not(.rv--r):not(.rv--s)‎» أقوى من «‎.rv.is-in‎»، فكان كل عنصر يظهر
   بالتمرير يبقى نازلًا 20 بكسل إلى الأبد على الشاشات حتى 999px — ومنه: بطاقات التواصل
   تتجاوز قسمها ويقطعها الخط الفاصل، وزر «كل الخدمات» يجلس على خط القائمة، ونقاط «مسيرتنا»
   فوق النص. الآن يستقرّ كل عنصر في مكانه الصحيح بعد ظهوره. */
@media (max-width:999px){
  .rv.is-in:not(.rv--r):not(.rv--s),
  .hero .rv.is-shown:not(.rv--r):not(.rv--s){transform:none}
}

/* ---------- ٢) العناصر العائمة على سطح المكتب لا تغطّي المحتوى ----------
   أزرار واتساب والاتصال و«للأعلى» تطفو على بُعد 22–74 بكسل من حافّة الشاشة، والمحتوى
   كان يبدأ على بُعد 56 بكسل — فتغطّي أوائل الكلمات وأزرار «+» وروابط التذييل.
   الهامش الجانبي على الشاشات الكبيرة صار أوسع قليلًا من عمود الأزرار العائمة. */
@media (min-width:1000px){
  :root{--gut:clamp(5.25rem,6vw,6rem)}
}
@media (min-width:1000px) and (max-width:1199px) and (pointer:coarse){
  :root{--gut:clamp(1.25rem,4vw,3.5rem)}   /* التابلت الأفقي يعرض الشريط السفلي بدل الأزرار العائمة */
}
/* على الجوال: «للأعلى» في زاوية آخر الصفحة — لا تمرّ تحته سطور البيانات النظامية */
@media (max-width:999px){
  .ft__reg,.ft__bt{padding-inline-end:3.6rem}
}

/* ---------- ٣) فواصل البيانات النظامية في التذييل ----------
   حين ينكسر السطر كان الفاصل «|» يظهر في أول السطر الجديد. تحت 1280px تُستبدل الفواصل
   بمسافة، فيبقى كل عنصر نظيفًا أينما انكسر السطر. */
@media (max-width:1279px){
  .ft__regi+.ft__regi{border-inline-start:0;padding-inline-start:0}
}

/* ---------- ٤) «مسيرتنا» (من نحن والرئيسية) ----------
   الخط الأفقي ونقاطه مصمّمة لصفّ واحد من أربعة أعمدة. في التابلت (عمودان) والجوال
   (عمود واحد) كانت نقاط الصف الثاني وما بعده تقع فوق آخر سطر من النص الذي قبلها. */
@media (max-width:1000px){
  .tl{row-gap:3.6rem}
  .tl::before{display:none}
  .tl li::after{content:"";position:absolute;inset-inline:0;top:-2rem;height:1px;background:var(--line);pointer-events:none}
}
@media (max-width:640px){
  /* خط زمني عمودي: الخط على جانب البداية، والنقطة أمام السنة مباشرة */
  .tl{padding-top:0;padding-inline-start:1.9rem;row-gap:2.2rem}
  .tl::before{display:block;top:1.15rem;bottom:1.6rem;height:auto;width:1px;left:auto;right:auto;inset-inline-start:4px}
  .tl li::after{display:none}
  html[dir] .tl li::before{top:1.17rem;right:auto;left:auto;inset-inline-start:calc(-1.9rem - .5px)}
}

/* ---------- ٥) خدماتنا (الرئيسية): الزر لا يلامس خط القائمة ---------- */
.svc__all{margin-bottom:1.4rem}
@media (max-width:999px){ .svc__all{margin-bottom:1.2rem} }

/* ---------- ٦) صفحة «تواصل معنا» ---------- */
/* البريد الإلكتروني كان يُقصّ «info@mahafet…» على التابلت: يُعرض كاملًا وينكسر إن لزم */
.chn--big .chn__t b{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.ctp__ch{padding-bottom:clamp(1.8rem,3.4vw,2.6rem)}
/* التابلت: القنوات الأربع في شبكة 2×2 بدل ثلاث بطاقات وواحدة يتيمة في سطر */
@media (min-width:641px) and (max-width:1100px){ .chn--big .chn__ls{grid-template-columns:1fr 1fr} }

/* ---------- ٧) صفحة الفرع على التابلت: النموذج بعرض الصفحة ----------
   عمود الجانب على التابلت مقسوم لخانتين (النموذج + بطاقة الإجراءات في صفحة المشروع)؛
   في صفحة الفرع لا يوجد إلا النموذج فكان يأخذ نصف العرض ويترك النصف الآخر فارغًا. */
.pp__side>:only-child{grid-column:1/-1}

/* ---------- ٨) ملخّص القسط في الحاسبة (الجوال): خلفية مصمتة لا يظهر النص من خلفها ---------- */
@media (max-width:1000px){
  .calc__peek{background:color-mix(in srgb,var(--bg) 97%,transparent)}
}

/* ---------- ٩) سهم «قدّم سيرتك» في الوظائف كان أسود على خلفية سوداء ---------- */
.cr__ego svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- ١٠) النسخة الإنجليزية ---------- */
/* الأسهم تشير لاتجاه القراءة (كانت ثلاثة مواضع تشير لليسار في الصفحات الإنجليزية) */
[dir="ltr"] .uxc__go svg,[dir="ltr"] .brc__act .pill svg,[dir="ltr"] .cr__ego svg{transform:scaleX(-1)}
@media (hover:hover){
  [dir="ltr"] .uxc:hover .uxc__go svg{transform:scaleX(-1) translateX(-4px)}
}
/* عنوان «عن محافظ» بالإنجليزية كان يمتدّ أربعة أسطر فوق الصورتين — حجم يناسب طول الجملة الإنجليزية */
@media (min-width:1001px){
  [dir="ltr"] .about__h{font-size:clamp(2.4rem,4.4vw,4.9rem);line-height:1.15;width:66%}
}

/* ---------- ١١) زرّ التصفية العائم في سجلّ المشاريع: لا تظهر خانة العدد فارغة ---------- */
.plf__n:empty{display:none}

/* ---------- ١٢) ختم الشركة في التذييل لا ينضغط بيضاويًا على الجوال ---------- */
.ft__brand img{aspect-ratio:1/1;height:auto;object-fit:contain;flex:none}