/* HERO-LAB — صفحة تجربة الهيدر والهيرو
   لوحة 2000×1144 تملأ الشاشة: --u = أصغر قيمة بين العرض/2000 والارتفاع/1144 (يضبطها hero-lab.js) */
.hl{
  --u:min(calc(100vw / 2000), calc(100svh / 1144));
  --bg:#282633;
  --ink:#f4f3f7;
  --ink-2:rgba(244,243,247,.82);
  --sun:#fcb040;
  --ease-out:cubic-bezier(0.23,1,0.32,1);
  position:relative;
  height:100vh;height:100svh;min-height:480px;
  background:var(--bg);
  color:var(--ink);
  font-family:"Alexandria","IBM Plex Sans Arabic",system-ui,sans-serif;
  overflow:hidden;
  isolation:isolate;
}
.hl *,.hl *::before,.hl *::after{box-sizing:border-box}
.hl a{color:inherit;text-decoration:none}
.hl button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.hl .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ───── الهيدر (بعرض الشاشة كاملاً) ───── */
.hl-hdr{position:absolute;inset:0 0 auto 0;height:calc(150 * var(--u));z-index:20}
.hl-logo{position:absolute;top:calc(45 * var(--u));right:calc(81 * var(--u));display:block;height:max(34px,calc(64 * var(--u)))}
.hl-logo img{height:100%;width:auto;display:block}
.hl-logo--l{display:none!important}
.hl-nav{position:absolute;top:calc(54 * var(--u));right:calc(556 * var(--u));display:flex;align-items:center;gap:max(22px,calc(98 * var(--u)))}
.hl-nav__a{position:relative;font-size:max(13px,calc(22 * var(--u)));font-weight:400;line-height:calc(50 * var(--u));color:var(--ink-2);transition:color .2s ease}
.hl-nav__a::after{content:"";position:absolute;right:0;left:0;bottom:calc(4 * var(--u));height:1px;background:var(--sun);transform:scaleX(0);transform-origin:right;transition:transform .25s var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .hl-nav__a:hover{color:var(--ink)}
  .hl-nav__a:hover::after{transform:scaleX(1)}
  .hl-ico:hover{color:var(--sun)}
}
.hl-nav__a:focus-visible,.hl-ico:focus-visible{outline:2px solid var(--sun);outline-offset:4px;border-radius:4px}
.hl-acts{position:absolute;top:calc(52 * var(--u));left:calc(77 * var(--u));display:flex;align-items:center;gap:max(8px,calc(20 * var(--u)))}
.hl-ico{position:relative;display:grid;place-items:center;width:max(30px,calc(48 * var(--u)));height:max(30px,calc(48 * var(--u)));color:var(--ink);transition:color .2s ease,transform .16s cubic-bezier(0.23,1,0.32,1)}
.hl-ico:active{transform:scale(.94)}
.hl-ico svg{width:max(20px,calc(36 * var(--u)));height:max(20px,calc(36 * var(--u)))}
.hl-ico--menu svg{width:max(26px,calc(48 * var(--u)))}
.hl-badge{position:absolute;top:0;left:0;min-width:calc(22 * var(--u));height:calc(22 * var(--u));padding:0 calc(5 * var(--u));border-radius:999px;background:var(--sun);color:#1c1b22;font-size:calc(13 * var(--u));font-weight:700;display:grid;place-items:center;line-height:1}

/* ───── اللوحة: تلتصق بأسفل الشاشة وتتوسّط أفقياً ───── */
.hl-stage{position:absolute;bottom:0;left:50%;width:calc(2000 * var(--u));height:calc(1144 * var(--u));transform:translateX(-50%);z-index:1}
.hl-orb{position:absolute;border-radius:50%;pointer-events:none}
.hl-orb--ring{left:calc(253 * var(--u));top:calc(168 * var(--u));width:calc(505 * var(--u));height:calc(505 * var(--u));
  border:1.2px solid rgba(232,170,82,.62);
  background:radial-gradient(circle at 50% 50%,rgba(70,58,58,.38),rgba(70,58,58,.18) 60%,rgba(40,38,51,0) 72%)}
.hl-orb--sun{left:calc(552 * var(--u));top:calc(238 * var(--u));width:calc(684 * var(--u));height:calc(684 * var(--u));
  background:linear-gradient(168deg,#f8b53b 0%,#e9ab45 22%,rgba(196,150,74,.72) 44%,rgba(98,82,64,.38) 70%,rgba(40,38,51,0) 92%)}
.hl-orb--ember{left:calc(252 * var(--u));top:calc(585 * var(--u));width:calc(515 * var(--u));height:calc(515 * var(--u));
  background:radial-gradient(circle at 20% 92%,#f65d61 0%,#d64f56 14%,#93343c 33%,#4c2028 54%,#2e1c24 74%,#2a2330 100%)}
.hl-glow{position:absolute;left:calc(980 * var(--u));top:calc(180 * var(--u));width:calc(700 * var(--u));height:calc(700 * var(--u));border-radius:50%;
  background:radial-gradient(circle,rgba(92,90,104,.34),rgba(40,38,51,0) 64%);pointer-events:none}

/* الكلمات: كل سطر قطعتان (يمين ويسار) تختفي أطرافهما خلف الشخصين */
.hl-title{margin:0;font-weight:700;position:absolute;inset:0;z-index:2;pointer-events:none}
.hl-line{position:absolute;inset:0;display:block}
.hl-seg{position:absolute;white-space:nowrap;line-height:1;font-size:calc(var(--fs,140) * var(--u));display:block}
.hl-seg--r{transform-origin:100% 50%}
.hl-seg--l{transform-origin:0 50%}
.hl-seg[hidden]{display:none}
.hl-l1{color:var(--sun);font-weight:700}
.hl-l2{color:#fff;font-weight:400}
.hl-l3{color:#fff;font-weight:200}

.hl-people{position:absolute;left:calc(520 * var(--u));top:auto;bottom:0;width:calc(840 * var(--u));height:auto;z-index:3;
  filter:drop-shadow(0 calc(30 * var(--u)) calc(60 * var(--u)) rgba(10,8,16,.35))}

/* ───── الحركة: اللوحة تتكوّن مرة واحدة عند الدخول (الشخصان يظهران بتلاشٍ فقط) ───── */
.hl.is-anim .hl-orb,.hl.is-anim .hl-glow{opacity:0;transform:scale(.94)}
.hl.is-anim .hl-line{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(calc(18 * var(--u)))}
.hl.is-anim .hl-people{opacity:0}
.hl.is-anim .hl-hdr>*{opacity:0;transform:translateY(calc(-14 * var(--u)))}

.hl.is-ready .hl-orb,.hl.is-ready .hl-glow{animation:hl-orb 1.1s var(--ease-out) both}
.hl.is-ready .hl-orb--sun{animation-delay:.05s}
.hl.is-ready .hl-orb--ember{animation-delay:.16s}
.hl.is-ready .hl-orb--ring{animation-delay:.26s}
.hl.is-ready .hl-glow{animation-delay:.3s}
.hl.is-ready .hl-line{animation:hl-line 1.15s var(--ease-out) both}
.hl.is-ready .hl-l1{animation-delay:.32s}
.hl.is-ready .hl-l2{animation-delay:.42s}
.hl.is-ready .hl-l3{animation-delay:.52s}
.hl.is-ready .hl-people{animation:hl-fade .9s ease .15s both}
.hl.is-ready .hl-hdr>*{animation:hl-drop .7s var(--ease-out) both}
.hl.is-ready .hl-hdr>:nth-child(2){animation-delay:.06s}
.hl.is-ready .hl-hdr>:nth-child(3){animation-delay:.12s}

@keyframes hl-orb{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes hl-line{from{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(calc(18 * var(--u)))}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes hl-drop{from{opacity:0;transform:translateY(calc(-14 * var(--u)))}to{opacity:1;transform:none}}
@keyframes hl-fade{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  .hl.is-ready .hl-orb,.hl.is-ready .hl-glow,.hl.is-ready .hl-line,.hl.is-ready .hl-people,.hl.is-ready .hl-hdr>*{animation:hl-fade .4s ease both}
}

/* ───── قائمة الجوال ───── */
.hl-drawer{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-start;visibility:hidden;font-family:"Alexandria","IBM Plex Sans Arabic",system-ui,sans-serif}
.hl-drawer.is-open{visibility:visible}
.hl-drawer__bg{position:absolute;inset:0;background:rgba(12,11,18,.55);opacity:0;transition:opacity .25s ease}
.hl-drawer.is-open .hl-drawer__bg{opacity:1}
.hl-drawer__panel{position:relative;margin-right:auto;width:min(340px,86vw);height:100%;background:#1f1e28;padding:28px 26px;display:flex;flex-direction:column;gap:6px;transform:translateX(-100%);transition:transform .32s cubic-bezier(0.32,0.72,0,1)}
.hl-drawer.is-open .hl-drawer__panel{transform:none}
.hl-drawer__panel a{display:block;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:16px;color:#f4f3f7;text-decoration:none}
.hl-drawer__x{align-self:flex-end;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#f4f3f7;background:none;border:0;cursor:pointer}

/* ───── الجوال والتابلت بالطول: نفس اللوحة بترتيب عمودي (عمود 900 وحدة في الوسط) ───── */
@media (max-width:860px),(max-aspect-ratio:1/1){
  .hl{--u:min(calc(100vw / 900), calc(100svh / 1500));--ps:1}
  .hl-hdr{height:calc(170 * var(--u))}
  .hl-logo{top:calc(52 * var(--u));right:calc(44 * var(--u));height:calc(66 * var(--u))}
  .hl-nav{display:none}
  .hl-acts{top:calc(52 * var(--u));left:calc(34 * var(--u));gap:calc(10 * var(--u))}
  .hl-ico{width:calc(68 * var(--u));height:calc(68 * var(--u))}
  .hl-ico svg{width:calc(40 * var(--u));height:calc(40 * var(--u))}
  .hl-ico--menu svg{width:calc(52 * var(--u))}
  .hl-ico--hide-sm{display:none}
  .hl-stage{left:50%;width:calc(900 * var(--u));height:100%;transform:translateX(-50%)}
  /* الكلام في الأعلى، والشخصان والأقراص في الأسفل تُصغَّر (--ps يضبطها hero-lab.js) حتى لا تغطي الكلام */
  .hl-orb--ring{left:calc((450 + (34 - 450) * var(--ps)) * var(--u));top:auto;bottom:calc(720 * var(--ps) * var(--u));width:calc(420 * var(--ps) * var(--u));height:calc(420 * var(--ps) * var(--u))}
  .hl-orb--sun{left:calc((450 + (190 - 450) * var(--ps)) * var(--u));top:auto;bottom:calc(560 * var(--ps) * var(--u));width:calc(580 * var(--ps) * var(--u));height:calc(580 * var(--ps) * var(--u))}
  .hl-orb--ember{left:calc((450 + (24 - 450) * var(--ps)) * var(--u));top:auto;bottom:calc(330 * var(--ps) * var(--u));width:calc(410 * var(--ps) * var(--u));height:calc(410 * var(--ps) * var(--u))}
  .hl-glow{left:calc((450 + (360 - 450) * var(--ps)) * var(--u));top:auto;bottom:calc(420 * var(--ps) * var(--u));width:calc(560 * var(--ps) * var(--u));height:calc(560 * var(--ps) * var(--u))}
  .hl-people{left:50%;right:auto;top:auto;bottom:0;width:calc(800 * var(--ps) * var(--u));translate:-50% 0}
}
/* الشاشات المتوسطة: الروابط لا تتسع بجانب الأيقونات ⇐ تنتقل للقائمة الجانبية */
@media (max-width:1180px){.hl-nav{display:none}}

/* ───── القوائم المنسدلة ───── */
.hl{--pop-bg:rgba(33,32,42,.97);--pop-line:rgba(255,255,255,.08);--pop-ink:#f4f3f7;--pop-mute:rgba(244,243,247,.58);--pop-hover:rgba(255,255,255,.06);--pop-shadow:0 24px 60px -20px rgba(0,0,0,.6)}
.hl-dd{position:relative}
.hl-dd.is-open>.hl-nav__a{color:var(--ink)}
.hl-dd.is-open>.hl-nav__a::after{transform:scaleX(1)}
.hl-pop{position:absolute;top:calc(100% + 14px);right:0;z-index:30;min-width:220px;padding:10px;border-radius:18px;background:var(--pop-bg);border:1px solid var(--pop-line);box-shadow:var(--pop-shadow);color:var(--pop-ink);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility 0s linear .18s;font-size:14px;line-height:1.6;text-align:right}
.hl-pop::before{content:"";position:absolute;inset:-16px 0 auto 0;height:16px}
.hl-dd.is-open>.hl-pop{opacity:1;visibility:visible;transform:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility 0s}
.hl-acts .hl-pop{right:auto;left:0;transform-origin:top left}

.hl-mega{width:300px;padding:14px}
.hl-mega--2{width:560px}
.hl-mega--3{width:780px}
.hl-mega__grid{display:grid;grid-template-columns:1fr;gap:2px}
.hl-mega--2 .hl-mega__grid{grid-template-columns:repeat(2,1fr)}
.hl-mega--3 .hl-mega__grid{grid-template-columns:repeat(3,1fr)}
.hl-mega__a{display:block;padding:11px 14px;border-radius:12px;transition:background-color .15s ease}
.hl-mega__a b{display:block;font-weight:500;font-size:14px;color:var(--pop-ink)}
.hl-mega__a span{display:block;font-size:12px;line-height:1.55;color:var(--pop-mute);margin-top:2px}
.hl-mega__all{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:12px 14px;border-top:1px solid var(--pop-line);font-size:13px;font-weight:500;color:var(--sun)}
.hl-mega__all svg{width:16px;height:16px}

.hl-menu{width:240px}
.hl-menu--sm{width:170px}
.hl-menu__a{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--pop-ink);text-align:right;transition:background-color .15s ease}
.hl-menu__a svg{width:14px;height:14px;color:var(--sun)}
.hl-menu__a.is-on{color:var(--sun)}
.hl-menu__h{padding:10px 12px 4px;font-size:11.5px;font-weight:500;color:var(--pop-mute)}
.hl-menu__h:not(:first-child){margin-top:4px;border-top:1px solid var(--pop-line);padding-top:12px}
.hl-menu__who{display:flex;align-items:center;gap:12px;padding:10px 12px 14px;margin-bottom:6px;border-bottom:1px solid var(--pop-line)}
.hl-menu__who b{display:block;font-size:14px;font-weight:500}
.hl-menu__who small{display:block;font-size:12px;color:var(--pop-mute)}
.hl-menu__sep{height:1px;background:var(--pop-line);margin:6px 0}
.hl-menu__out{color:#f07a7e}
@media (hover:hover) and (pointer:fine){
  .hl-mega__a:hover,.hl-menu__a:hover{background:var(--pop-hover)}
}
.hl-mega__a:focus-visible,.hl-menu__a:focus-visible,.hl-mega__all:focus-visible{outline:2px solid var(--sun);outline-offset:-2px}
.hl-av{display:grid;place-items:center;width:calc(40 * var(--u));height:calc(40 * var(--u));min-width:26px;min-height:26px;border-radius:50%;background:var(--sun);color:#1c1b22;font-size:13px;font-weight:700;object-fit:cover}
.hl-av--l{width:40px;height:40px;font-size:16px}
.hl-ico__moon{display:none}
html:not(.dark) .hl-ico__sun{display:none}
html:not(.dark) .hl-ico__moon{display:block}

/* ───── الوضع النهاري: الهيدر والهيرو بلونهما الداكن نفسه، والقوائم المنسدلة فاتحة ───── */
html:not(.dark) .hl{--pop-bg:rgba(255,255,255,.97);--pop-line:rgba(31,30,39,.08);--pop-ink:#1f1e27;--pop-mute:rgba(31,30,39,.55);--pop-hover:rgba(31,30,39,.05);--pop-shadow:0 24px 60px -24px rgba(31,30,39,.28)}
html:not(.dark) .hl-mega__all,html:not(.dark) .hl-menu__a.is-on,html:not(.dark) .hl-menu__a svg{color:#c07c16}
.hl,.hl-l2,.hl-l3{transition:background-color .3s ease,color .3s ease}

/* ───── القائمة الجانبية: الأقسام ───── */
.hl-drawer__panel{overflow-y:auto}
.hl-drawer__g{border-bottom:1px solid rgba(255,255,255,.08)}
.hl-drawer__g summary{list-style:none;cursor:pointer;padding:15px 4px;font-size:16px;font-weight:500;color:#f4f3f7;display:flex;justify-content:space-between;align-items:center}
.hl-drawer__g summary::-webkit-details-marker{display:none}
.hl-drawer__g summary::after{content:"";width:8px;height:8px;border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease;opacity:.6}
.hl-drawer__g[open] summary::after{transform:rotate(135deg)}
.hl-drawer__panel .hl-drawer__g a{border:0;padding:9px 14px;font-size:14px;color:rgba(244,243,247,.78)}
.hl-drawer__panel .hl-drawer__g a.hl-drawer__all{color:#fcb040;padding-bottom:14px}
.hl-drawer__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hl-drawer__btn{flex:1 1 auto;padding:11px 14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px;background:none;color:#f4f3f7;font:inherit;font-size:14px;text-align:center;cursor:pointer}
@media (prefers-reduced-motion:reduce){.hl-pop{transition:opacity .15s ease,visibility 0s linear .15s;transform:none}}

/* ───── السلة المنسدلة بألوان هذه الصفحة وخطها ───── */
body.hl-body .nh-cd{font-family:"Alexandria","IBM Plex Sans Arabic",system-ui,sans-serif;
  --cd-bg:#f3f1ec;--cd-card:#ffffff;--cd-ink:#1f1e27;--cd-muted:#6d6a75;--cd-line:#e5e1d9;--cd-brand:#282633;--cd-brand-ink:#f4f3f7;--cd-accent:#f2a42e;--cd-soft:#fbeed6;--cd-warn:#9a5b06;--cd-warn-bg:#fdf3e2}
html.dark body.hl-body .nh-cd{--cd-bg:#1f1e28;--cd-card:#2a2934;--cd-ink:#f4f3f7;--cd-muted:rgba(244,243,247,.6);--cd-line:rgba(255,255,255,.08);--cd-brand:#282633;--cd-brand-ink:#f4f3f7;--cd-accent:#fcb040;--cd-soft:rgba(252,176,64,.12);--cd-warn:#f2b54a;--cd-warn-bg:#2e2310}
body.hl-body .nh-cd__head{border-bottom:1px solid rgba(255,255,255,.06)}
body.hl-body .nh-cd__count,body.hl-body .nh-cd__btn--main{color:#1c1b22}
body.hl-body .nh-cd__btn--main:hover{background:#ffbf5e}
body.hl-body .nh-cd__kind,body.hl-body .nh-cd__save{color:#b8761a}
html.dark body.hl-body .nh-cd__kind,html.dark body.hl-body .nh-cd__save{color:var(--cd-accent)}
body.hl-body .nh-cd__backdrop{background:rgba(16,15,22,.6)}

/* السلة: أيقونة المكوّن مخفية (القائمة الجانبية تبقى)، والعدّاد بلون التصميم */
.hl-cart-host>.nh-cart-icon{display:none!important}
.hl-ico .hl-badge.nh-cart-icon__n{position:absolute;top:0;left:0;right:auto;inset-inline-end:auto;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--sun);color:#1c1b22;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.hl-ico .hl-badge[hidden]{display:none}

/* ───── الصفحة بلا هوامش بيضاء ───── */
html,body.hl-body{margin:0;padding:0;background:#282633}
body.hl-body{overflow-x:hidden}

/* ───── أثر الضغط على الأيقونات: هالة عند المرور، وانضغاط مع موجة ذهبية عند النقر ───── */
.hl-ico{border-radius:50%;isolation:isolate}
.hl-ico::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:rgba(255,255,255,.08);opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s var(--ease-out);z-index:-1}
.hl-ico::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--sun);opacity:0;transform:scale(.6);pointer-events:none}
@media (hover:hover) and (pointer:fine){.hl-ico:hover::before{opacity:1;transform:none}}
.hl-ico:focus-visible::before,.hl-dd.is-open>.hl-ico::before{opacity:1;transform:none}
.hl-dd.is-open>.hl-ico{color:var(--sun)}
.hl-ico:active{transform:scale(.88)}
.hl-ico.is-pressed::after{animation:hl-ring .45s var(--ease-out)}
@keyframes hl-ring{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){.hl-ico.is-pressed::after{animation:none}.hl-ico:active{transform:none}}

/* ───── الإنجليزية: من اليسار لليمين، والكلمات بلا تمديد ───── */
.hl-title--en .hl-seg{letter-spacing:-.015em}
/* رأس الإنجليزية: صف مرن (الشعار ثم الأقسام في المنتصف ثم الأيقونات) حتى لا تتداخل التسميات الأطول */
.hl[dir="ltr"] .hl-hdr{display:flex;align-items:flex-start;padding:0 calc(77 * var(--u)) 0 calc(81 * var(--u));box-sizing:border-box}
.hl[dir="ltr"] .hl-logo,.hl[dir="ltr"] .hl-nav,.hl[dir="ltr"] .hl-acts{position:relative;left:auto;right:auto;flex-shrink:0}
.hl[dir="ltr"] .hl-nav{flex:1 1 auto;justify-content:center;gap:clamp(20px,calc(64 * var(--u)),64px);margin:0 calc(40 * var(--u))}
.hl[dir="ltr"] .hl-nav__a{white-space:nowrap}
.hl[dir="ltr"] .hl-acts{margin-left:auto}
.hl.is-anim[dir="ltr"] .hl-line{clip-path:inset(0 100% 0 0)}
.hl.is-ready[dir="ltr"] .hl-line{animation-name:hl-line-ltr}
@keyframes hl-line-ltr{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(calc(18 * var(--u)))}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
.hl[dir="ltr"] .hl-nav__a::after{transform-origin:left}
.hl[dir="ltr"] .hl-pop{right:auto;left:0;text-align:left;transform-origin:top left}
.hl[dir="ltr"] .hl-acts .hl-pop{left:auto;right:0;transform-origin:top right}
.hl[dir="ltr"] .hl-menu__a{text-align:left}
.hl[dir="ltr"] .hl-mega__all svg{transform:scaleX(-1)}
.hl[dir="ltr"] .hl-ico .hl-badge.nh-cart-icon__n{left:auto;right:0}
.hl-drawer[dir="ltr"] .hl-drawer__panel{margin-right:0;margin-left:auto;transform:translateX(100%)}
.hl-drawer[dir="ltr"].is-open .hl-drawer__panel{transform:none}
@media (max-width:860px),(max-aspect-ratio:1/1){
  .hl[dir="ltr"] .hl-hdr{padding:0 calc(34 * var(--u)) 0 calc(44 * var(--u))}
}

/* ───── تحت الهيرو: خلفية بلون الهيرو، وفوقها لوح أبيض بهامش جانبي وزاويتين علويتين مستديرتين ───── */
.hl-below{--gap:clamp(16px,4.5vw,72px);--rad:clamp(28px,6vw,110px);background:#282633;padding:0 var(--gap)}
.hl-sheet.hv2{background:var(--bg);border-radius:var(--rad);padding-bottom:96px;overflow:clip;transition:background-color .3s ease,color .3s ease}
/* اللوح أبيض في الوضعين، فألوان محتواه ألوان الوضع النهاري دائماً */
/* الوضع الليلي داخل اللوح: سطح داكن من درجات لون الهيرو، والنصوص فاتحة */
html.dark .hl-sheet.hv2{--bg:#1d1c26;--card:#262533;--inner:#2c2a39;--inner2:#2c2a39;--fg:#f1f0f5;--fg2:#a9a6b8;--line:#353345;--stroke:rgba(255,255,255,.08);--panel:#14131a;--shadow:rgba(0,0,0,.55);--btnd:#f1f0f5;--btnd-fg:#1d1c26;--glass:rgba(255,255,255,.06);--glass-line:rgba(255,255,255,.12);--glass2:#262533;--glass-line2:rgba(255,255,255,.3)}
html.dark .hl-sheet.hv2 .cbig-n em{background-image:linear-gradient(170deg,#c9c5e0 0%,#8e88b8 100%)}
html.dark .hl-sheet.hv2 .ac-k2{background:#383258}
html.dark .hl-sheet.hv2 .fc-img{background:linear-gradient(180deg,#2c2a39 0%,#232230 100%)}
/* الوضع النهاري: لوح أبيض والبطاقات رمادية فاتحة حتى تبين */
.hl-sheet.hv2{--bg:#ffffff;--card:#f5f6f8}

/* التذييل: قسم مستقل تحت اللوح الأبيض بنفس الهامش، مستدير من فوق وسادة ولاصق بأسفل الصفحة */
.hl-foot{margin-top:var(--gap)}
.hl-foot .hv2.hv2-ftw{background:transparent}
.hl-foot .hv2 .ft{margin-top:0;border-radius:var(--rad) var(--rad) 0 0}

/* الخط: Alexandria في الصفحة كلها، ومنها أقسام اللوح الأبيض والتذييل */
.hl-sheet.hv2,.hl-sheet.hv2 .d,.hl-foot .hv2,.hl-foot .hv2 .d{font-family:"Alexandria","IBM Plex Sans Arabic",system-ui,sans-serif}

/* الإنجليزية داخل اللوح: عكس بطاقتي المنشأة والفرد (النص يساراً، والظل من اليسار، والصورة يميناً) */
.hl-sheet.hv2[dir="ltr"] .dr-body{right:auto;left:0}
.hl-sheet.hv2[dir="ltr"] .dr-shade{transform:scaleX(-1)}
.hl-sheet.hv2[dir="ltr"] .dr-cpl{left:auto;right:0;object-position:right bottom}
.hl-sheet.hv2[dir="ltr"] .dr-org{border-radius:150px 28px 28px 28px}
.hl-sheet.hv2[dir="ltr"] .dr-ind{border-radius:28px 150px 28px 28px}
.hl-sheet.hv2[dir="ltr"] .dr-btn svg,.hl-sheet.hv2[dir="ltr"] .dr-go svg{transform:scaleX(-1)}
.hl-sheet.hv2[dir="ltr"] .eco-n{right:auto !important;left:0}

/* الإنجليزية: عكس ما بُني على اتجاه اليمين في قوالب الرئيسية */
.hl-sheet.hv2[dir="ltr"] svg:has(path[d="M19 12H5"]){transform:scaleX(-1)}
.hl-sheet.hv2[dir="ltr"] .dr-btn svg:has(path[d="M19 12H5"]),.hl-sheet.hv2[dir="ltr"] .dr-go svg:has(path[d="M19 12H5"]){transform:scaleX(-1)}
.hl-sheet.hv2[dir="ltr"] .dr-body{width:580px;transform:translateX(-24px)}
.hl-sheet.hv2[dir="ltr"] .dr-on .dr-body{transform:none}
.hl-sheet.hv2[dir="ltr"] .dr-body p.d{font-size:26px !important;line-height:1.3 !important}
.hl-sheet.hv2[dir="ltr"] .ac-grid .cert{padding:40px 44px 36px 0 !important}
.hl-sheet.hv2[dir="ltr"] .ac-grid .cert::before{left:-2000px !important;right:0 !important;border-radius:0 110px 28px 0 !important}
.hl-sheet.hv2[dir="ltr"] .ac-grid .cert::after{left:auto;right:-50px}
.hl-sheet.hv2[dir="ltr"] .cert-seal,.hl-sheet.hv2[dir="ltr"] .ac-grid .cert-seal{left:auto !important;right:40px}
.hl-sheet.hv2[dir="ltr"] :is(.exec-tab,.dom,.trk){text-align:left}
.hl-sheet.hv2[dir="ltr"] .exec-tab{padding:18px 0 4px 14px}
.hl-sheet.hv2[dir="ltr"] .exec-tab::before{right:14px;left:0}
.hl-sheet.hv2[dir="ltr"] .exec-ghost{left:auto;right:30px}
.hl-sheet.hv2[dir="ltr"] .ka-row{padding:12px 52px 12px 0 !important}
.hl-sheet.hv2[dir="ltr"] .ka-go{left:auto;right:20px}
.hl-sheet.hv2[dir="ltr"] .ka-row .ka-go{right:0}
.hl-sheet.hv2[dir="ltr"] .ka-tag{right:auto;left:18px}
.hl-sheet.hv2[dir="ltr"] .pl-badge{left:auto;right:26px}
.hl-sheet.hv2[dir="ltr"] .kn-shelf a.ks:nth-of-type(3) .ks-go{left:auto;right:18px}
@container hv2 (max-width: 1100px){.hl-sheet.hv2[dir="ltr"] .ac-grid .cert{padding-left:0 !important;padding-right:32px !important}.hl-sheet.hv2[dir="ltr"] .dr-body{width:100% !important}}
@container hv2 (max-width: 700px){.hl-sheet.hv2[dir="ltr"] .ac-grid .cert{padding:32px 16px 28px !important}.hl-sheet.hv2[dir="ltr"] .ac-grid .cert::before{right:-16px !important;left:-16px !important;border-radius:56px 56px 0 0 !important}.hl-sheet.hv2[dir="ltr"] .ka-row{padding-left:0 !important;padding-right:44px !important}.hl-sheet.hv2[dir="ltr"] .dr-body p.d{font-size:22px !important}}

/* الإنجليزية: كتلة الأكاديمية تمتد لليسار (قصّ الخلفية معكوس)، وصور البوابات معكوسة حتى يبقى الرقم في الفراغ المخصص له */
.hl-sheet.hv2[dir="ltr"] .ac-grid .cert{clip-path:inset(0 0 0 -2000px round 0 110px 28px 0)}
.hl-sheet.hv2[dir="ltr"] #business .fc-img{scale:-1 1}
.hl-sheet.hv2[dir="ltr"] #business .fc-img img{scale:-1 1}
@container hv2 (max-width: 700px){.hl-sheet.hv2[dir="ltr"] .cert h3.d{font-size:24px !important;line-height:1.3 !important;max-width:none !important}}

/* كتلة الأكاديمية: ارتفاع يتسع لمحتواها (كان ثابتاً 560px فيطفح النص الأطول على «معرض الأكاديمية») */
.hl-sheet.hv2 .ac-grid{height:auto !important;min-height:560px}

/* قائمة السلة في الإنجليزية: تنفتح من اليسار (عكس العربية التي تنفتح من اليمين) */
body.hl-body .nh-cd[dir="ltr"] .nh-cd__sheet{right:auto;left:0;transform:translateX(-100%);box-shadow:16px 0 48px rgba(0,0,0,.28)}
body.hl-body .nh-cd[dir="ltr"].is-open .nh-cd__sheet{transform:translateX(0)}

/* الخط الإنجليزي: Bricolage Grotesque للعناوين (بديل مجاني قريب جداً من Degular Display) وPlus Jakarta Sans للنصوص (العربية تبقى Alexandria) */
html[lang="en"] .hl,html[lang="en"] .hl-drawer,html[lang="en"] body.hl-body .nh-cd,html[lang="en"] .hl-sheet.hv2,html[lang="en"] .hl-foot .hv2{font-family:"Plus Jakarta Sans","Alexandria",system-ui,sans-serif}
html[lang="en"] .hl-title,html[lang="en"] .hl-sheet.hv2 :is(.d,h1,h2,h3),html[lang="en"] .hl-foot .hv2 .d{font-family:"Bricolage Grotesque","Plus Jakarta Sans","Alexandria",system-ui,sans-serif;font-optical-sizing:auto}

/* ───── الهيدر: خطوط أصغر ───── */
.hl-nav__a{font-size:max(12px,calc(18 * var(--u)))}
.hl-pop{font-size:13px}
.hl-mega__a b{font-size:13px}
.hl-mega__a span{font-size:11.5px}
.hl-menu__a{font-size:13px}

/* ───── قائمة العضو: رسمية — رأس للهوية، وقائمة صفوف بأيقونات مربعة، وخروج منفصل ───── */
.hl-me{width:300px;padding:0;overflow:hidden;border-radius:16px}
.hl-acts .hl-me{transform-origin:top left}
.hl[dir="ltr"] .hl-acts .hl-me{transform-origin:top right}
.hl-me__head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--pop-line)}
.hl-me__av{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:var(--sun);color:#1c1b22;font-size:16px;font-weight:700;overflow:hidden}
.hl-me__av img{width:100%;height:100%;object-fit:cover}
.hl-me__id{min-width:0;display:flex;flex-direction:column;gap:3px}
.hl-me__id b{font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-me__id small{font-size:11.5px;line-height:1.4;color:var(--pop-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-me__list{display:flex;flex-direction:column;padding:6px}
.hl-me__item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--pop-ink);font:inherit;font-size:13px;text-align:start;cursor:pointer;transition:background-color .15s ease}
.hl-me__ic{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;border:1px solid var(--pop-line);color:var(--pop-mute);transition:color .15s ease,border-color .15s ease}
.hl-me__ic svg{width:16px;height:16px}
.hl-me__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.hl-me__t b{font-size:13px;font-weight:600}
.hl-me__t small{font-size:11.5px;color:var(--pop-mute);line-height:1.45}
.hl-me__go{width:14px;height:14px;color:var(--pop-mute);opacity:0;transform:translateX(4px);transition:opacity .15s ease,transform .15s var(--ease-out)}
.hl[dir="ltr"] .hl-me__go{transform:scaleX(-1) translateX(4px)}
.hl-me__foot{margin:0;padding:6px;border-top:1px solid var(--pop-line)}
.hl-me__item--out{color:#ec7a7e}
.hl-me__item--out .hl-me__ic{color:#ec7a7e;border-color:rgba(236,122,126,.28)}
.hl[dir="ltr"] .hl-me__item--out .hl-me__ic svg{transform:scaleX(-1)}
.hl-me__guest{display:flex;flex-direction:column;gap:4px;padding:18px 16px 16px;border-bottom:1px solid var(--pop-line)}
.hl-me__k{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--sun)}
.hl-me__guest b{font-size:15px;font-weight:600;line-height:1.4}
.hl-me__guest small{font-size:12px;line-height:1.6;color:var(--pop-mute);margin-bottom:10px}
.hl-me__btn{display:grid;place-items:center;height:40px;border-radius:10px;background:var(--sun);color:#1c1b22;font-size:13px;font-weight:700;transition:background-color .15s ease}
.hl-me__alt{margin-top:10px;font-size:12px;color:var(--pop-mute);text-align:center}
.hl-me__alt span{color:var(--pop-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--pop-line)}
.hl-me__sec{padding:12px 16px 2px;font-size:11px;font-weight:600;color:var(--pop-mute)}
.hl-me__item--2{align-items:flex-start;padding:10px}
.hl-me__item--2 .hl-me__go{margin-top:9px}
.hl-me__joins{display:flex;flex-wrap:wrap;gap:6px 16px;padding:4px 16px 14px;font-size:12px}
.hl-me__joins a{color:var(--pop-mute);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--pop-line)}
@media (hover:hover) and (pointer:fine){
  .hl-me__item:hover{background:var(--pop-hover)}
  .hl-me__item:hover .hl-me__ic{color:var(--sun);border-color:rgba(252,176,64,.4)}
  .hl-me__item:hover .hl-me__go{opacity:1;transform:none}
  .hl[dir="ltr"] .hl-me__item:hover .hl-me__go{transform:scaleX(-1)}
  .hl-me__item--out:hover{background:rgba(236,122,126,.08)}
  .hl-me__item--out:hover .hl-me__ic{color:#ec7a7e;border-color:rgba(236,122,126,.45)}
  .hl-me__btn:hover{background:#f2a42e}
  .hl-me__alt:hover span,.hl-me__joins a:hover{color:var(--sun)}
}
.hl-me a:focus-visible,.hl-me button:focus-visible{outline:2px solid var(--sun);outline-offset:1px}
html:not(.dark) .hl-me__k{color:#b9770e}
@media (hover:hover) and (pointer:fine){html:not(.dark) .hl-me__item:hover .hl-me__ic{color:#b9770e;border-color:rgba(185,119,14,.35)}}
.hl[dir="rtl"] .hl-me{direction:rtl}
.hl[dir="ltr"] .hl-me{direction:ltr}

/* قائمة العضو بتنسيق قائمة المستخدم في هيدر الموقع: أيقونة صغيرة باهتة بلا إطار، وخروج أحمر هادئ بنفس هيئة الصفوف */
.hl-me__list{padding:6px 4px}
.hl-me__item{gap:10px;padding:8px 12px;border-radius:8px;font-size:13px}
.hl-me__ic{flex:0 0 auto;width:auto;height:auto;border:0;border-radius:0;color:currentColor;opacity:.4}
.hl-me__ic svg{width:15px;height:15px}
.hl-me__item--2{align-items:flex-start}
.hl-me__item--2 .hl-me__ic{margin-top:2px}
.hl-me__foot{padding:4px;border-top:1px solid var(--pop-line)}
.hl-me__item--out,.hl-me__item--out .hl-me__ic{color:rgba(239,68,68,.75);border:0;opacity:1}
.hl[dir="ltr"] .hl-me__item--out .hl-me__ic svg{transform:none}
@media (hover:hover) and (pointer:fine){
  .hl-me__item:hover .hl-me__ic{opacity:.75;color:currentColor;border:0}
  .hl-me__item--out:hover{background:rgba(239,68,68,.1)}
  .hl-me__item--out:hover .hl-me__ic{color:rgba(239,68,68,.9);opacity:1}
}
@media (hover:hover) and (pointer:fine){html:not(.dark) .hl-me__item:hover .hl-me__ic{color:currentColor;border:0}}

/* ───── قائمة الأقسام (HERO-LAB-31): جانب تعريفي للبوابة، وأعمدة مجموعاتها ───── */
.hl-mega{display:grid;grid-template-columns:232px auto;width:max-content;max-width:calc(100vw - 32px);padding:0;overflow:hidden;border-radius:18px}
.hl-mega__side{display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;background:var(--pop-hover);border-inline-end:1px solid var(--pop-line)}
.hl-mega__k{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--sun)}
.hl-mega__h{font-size:20px;font-weight:600;line-height:1.3;color:var(--pop-ink)}
.hl-mega__p{margin:0;font-size:12.5px;line-height:1.75;color:var(--pop-mute)}
.hl-mega__side .hl-mega__all{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;justify-content:flex-start;margin-top:auto;padding:9px 14px;border:1px solid var(--pop-line);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--pop-ink);border-top:1px solid var(--pop-line);transition:border-color .15s ease,color .15s ease}
.hl-mega__side .hl-mega__all svg{width:14px;height:14px;color:var(--sun)}
.hl-mega__cols{display:grid;grid-template-columns:repeat(var(--cols,1),206px);gap:6px 10px;padding:14px;align-content:start}
.hl-mega__cols.is-one{grid-template-columns:none}
.hl-mega__cols.is-one .hl-mega__g{display:grid;grid-template-columns:repeat(var(--cols,1),220px);gap:2px 10px}
.hl-mega__g{display:flex;flex-direction:column;gap:2px;min-width:0}
.hl-mega__gt{padding:6px 12px 8px;font-size:11px;font-weight:600;color:var(--pop-mute);border-bottom:1px solid var(--pop-line);margin-bottom:4px}
.hl-mega .hl-mega__a{display:block;padding:9px 12px;border-radius:10px;border-inline-start:2px solid transparent;transition:background-color .15s ease,border-color .15s ease}
.hl-mega .hl-mega__a b{display:block;font-size:13px;font-weight:500;line-height:1.5;color:var(--pop-ink)}
.hl-mega .hl-mega__a span{display:block;margin-top:2px;font-size:11.5px;line-height:1.6;color:var(--pop-mute)}
@media (hover:hover) and (pointer:fine){
  .hl-mega .hl-mega__a:hover{background:var(--pop-hover);border-inline-start-color:var(--sun)}
  .hl-mega__side .hl-mega__all:hover{border-color:rgba(252,176,64,.5);color:var(--sun)}
}
.hl-mega .hl-mega__a:focus-visible{outline:2px solid var(--sun);outline-offset:-2px}
.hl[dir="ltr"] .hl-mega__side .hl-mega__all svg{transform:scaleX(-1)}
.hl-dd.is-open>.hl-mega .hl-mega__g{animation:hl-megain .32s var(--ease-out) both}
.hl-dd.is-open>.hl-mega .hl-mega__g:nth-child(2){animation-delay:.04s}
.hl-dd.is-open>.hl-mega .hl-mega__g:nth-child(3){animation-delay:.08s}
.hl-dd.is-open>.hl-mega .hl-mega__g:nth-child(4){animation-delay:.12s}
@keyframes hl-megain{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hl-dd.is-open>.hl-mega .hl-mega__g{animation:none}}
html:not(.dark) .hl-mega__k{color:#b9770e}

/* ───── القائمة الجانبية (HERO-LAB-32): شعار وإغلاق، ثم البوابات مرقّمة بسطرها التعريفي، ثم الحساب وأدوات الوضع واللغة ───── */
.hl-nv{width:min(380px,88vw);padding:0;gap:0;background:#1f1e28;color:#f4f3f7;display:flex;flex-direction:column}
.hl-nv a{border:0}
.hl-nv__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.hl-nv__logo{display:block;padding:0 !important}
.hl-nv__logo img{display:block;height:34px;width:auto}
.hl-nv__x{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:none;color:#f4f3f7;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.hl-nv__x svg{width:16px;height:16px}
.hl-nv__k{padding:20px 22px 8px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#fcb040}
.hl-nv__list{flex:1;overflow-y:auto;padding:0 12px 12px}
.hl-nv__g{border-bottom:1px solid rgba(255,255,255,.06)}
.hl-nv__g:last-child{border-bottom:0}
.hl-nv__g summary{display:flex;align-items:flex-start;gap:14px;padding:14px 10px;border-radius:12px;list-style:none;cursor:pointer;transition:background-color .15s ease}
.hl-nv__g summary::-webkit-details-marker{display:none}
.hl-nv__g summary::after{display:none}
.hl-nv__n{flex:0 0 auto;margin-top:3px;font-size:11px;font-weight:600;color:rgba(244,243,247,.4);font-variant-numeric:tabular-nums}
.hl-nv__st{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hl-nv__st b{font-size:15px;font-weight:600;line-height:1.4}
.hl-nv__st small{font-size:12px;line-height:1.6;color:rgba(244,243,247,.5)}
.hl-nv__chev{flex:0 0 14px;width:14px;height:14px;margin-top:5px;color:rgba(244,243,247,.45);transition:transform .2s var(--ease-out)}
.hl-nv__g[open] summary{background:rgba(255,255,255,.04)}
.hl-nv__g[open] .hl-nv__n{color:#fcb040}
.hl-nv__g[open] .hl-nv__chev{transform:rotate(180deg)}
.hl-nv__body{display:flex;flex-direction:column;padding:6px 10px 14px;padding-inline-start:38px}
.hl-nv__gt{margin:10px 0 4px;font-size:11px;font-weight:600;color:rgba(244,243,247,.4)}
.hl-nv__gt:first-child{margin-top:4px}
.hl-nv .hl-nv__g a.hl-nv__a{display:block;padding:8px 12px;border-inline-start:1px solid rgba(255,255,255,.08) !important;font-size:13.5px;color:rgba(244,243,247,.82);transition:color .15s ease,border-color .15s ease}
.hl-nv .hl-nv__g a.hl-nv__all{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:10px;padding:0;font-size:12.5px;font-weight:600;color:#fcb040}
.hl-nv__all svg{width:14px;height:14px}
.hl-drawer[dir="ltr"] .hl-nv__all svg{transform:scaleX(-1)}
.hl-nv__foot{display:flex;flex-direction:column;gap:12px;padding:16px 22px 22px;border-top:1px solid rgba(255,255,255,.07)}
.hl-nv .hl-nv__me{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08) !important;color:#f4f3f7;transition:border-color .15s ease}
.hl-nv__av{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#fcb040;color:#1c1b22;font-weight:700;overflow:hidden}
.hl-nv__av img{width:100%;height:100%;object-fit:cover}
.hl-nv__mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hl-nv__mt b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-nv__mt small{font-size:11.5px;color:rgba(244,243,247,.5)}
.hl-nv__mi{opacity:.45}
.hl-nv__mi svg{width:16px;height:16px}
.hl-nv__auth{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hl-nv .hl-nv__btn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:11px;background:#fcb040;color:#1c1b22;font-size:13px;font-weight:700}
.hl-nv .hl-nv__btn--ghost{background:transparent;color:#f4f3f7;border:1px solid rgba(255,255,255,.12) !important;font-weight:600}
.hl-nv__btn svg{width:15px;height:15px}
.hl-nv__tools{display:flex;gap:8px}
.hl-nv .hl-nv__tool{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 12px;border-radius:11px;border:1px solid rgba(255,255,255,.1) !important;background:none;color:rgba(244,243,247,.8);font:inherit;font-size:12.5px;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.hl-nv__tool svg{width:15px;height:15px}
@media (hover:hover) and (pointer:fine){
  .hl-nv__x:hover{border-color:rgba(252,176,64,.5);background:rgba(255,255,255,.04)}
  .hl-nv__g summary:hover{background:rgba(255,255,255,.04)}
  .hl-nv .hl-nv__g a.hl-nv__a:hover{color:#fff;border-inline-start-color:#fcb040 !important}
  .hl-nv .hl-nv__me:hover,.hl-nv .hl-nv__tool:hover,.hl-nv .hl-nv__btn--ghost:hover{border-color:rgba(252,176,64,.45) !important;color:#fff}
  .hl-nv .hl-nv__btn:not(.hl-nv__btn--ghost):hover{background:#f2a42e}
}
.hl-nv a:focus-visible,.hl-nv button:focus-visible,.hl-nv summary:focus-visible{outline:2px solid #fcb040;outline-offset:2px}
.hl-nv__g[open] .hl-nv__body{animation:hl-nvin .26s var(--ease-out) both}
@keyframes hl-nvin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hl-nv__g[open] .hl-nv__body{animation:none}}

/* قائمة العضو — بطاقة واسعة (اختيار حمد): أعرض وبخط أكبر، والاسم والدور والبريد كلٌّ في سطر، والروابط بعنوان ووصف */
.hl-me{width:360px;border-radius:18px}
.hl-me__head{align-items:flex-start;gap:14px;padding:20px 20px 18px}
.hl-me__av{flex:0 0 52px;height:52px;border-radius:14px;font-size:20px}
.hl-me__id{gap:4px;padding-top:2px}
.hl-me__id b{font-size:16px;font-weight:600}
.hl-me__id .hl-me__role{font-size:13px;color:var(--pop-ink);opacity:.75}
.hl-me__id .hl-me__mail{font-size:12.5px;color:var(--pop-mute);text-align:right}
.hl[dir="ltr"] .hl-me__id .hl-me__mail{text-align:left}
.hl-me__list{padding:8px}
.hl-me .hl-me__item{gap:14px;padding:11px 12px;border-radius:12px;font-size:14px}
.hl-me .hl-me__item--2 .hl-me__ic{margin-top:3px}
.hl-me .hl-me__ic svg{width:18px;height:18px}
.hl-me .hl-me__t b{font-size:14px;font-weight:600;line-height:1.5}
.hl-me .hl-me__t small{font-size:12px;line-height:1.55}
.hl-me__foot{padding:8px}
.hl-me .hl-me__item--out{padding:12px;font-size:14px;font-weight:500}

/* المحتوى داخل البطاقة البيضاء أعرض: بلا سقف 1320px، وهامش داخلي أصغر (على الشاشات الواسعة فقط) */
@container hv2 (min-width: 1101px){.hl-sheet.hv2>section{max-width:none !important;padding-left:clamp(32px,4.5vw,72px) !important;padding-right:clamp(32px,4.5vw,72px) !important}.hl-foot .hv2 .ft-in{max-width:none !important;padding-left:clamp(32px,4.5vw,72px) !important;padding-right:clamp(32px,4.5vw,72px) !important}}

/* ───── الوضع النهاري: خلفية الهيرو بأخضر نهضة الغامق #203526 (الليلي يبقى كما هو) ───── */
html:not(.dark) .hl{--bg:#203526}
html:not(.dark),html:not(.dark) body.hl-body,html:not(.dark) .hl-below{background:#203526}
html:not(.dark) .hl-orb--ring{background:radial-gradient(circle at 50% 50%,rgba(64,88,64,.38),rgba(64,88,64,.16) 60%,rgba(32,53,38,0) 72%)}
html:not(.dark) .hl-orb--sun{background:linear-gradient(168deg,#f8b53b 0%,#e9ab45 22%,rgba(196,150,74,.72) 44%,rgba(90,92,58,.38) 70%,rgba(32,53,38,0) 92%)}
html:not(.dark) .hl-orb--ember{background:radial-gradient(circle at 20% 92%,#9be3b0 0%,#74cb8f 14%,#46985f 33%,#2c5f3d 54%,#24432f 74%,#203526 100%)}
html:not(.dark) .hl-glow{background:radial-gradient(circle,rgba(84,112,90,.34),rgba(32,53,38,0) 64%)}

/* ───── الهيدر ثابت أعلى الشاشة، ويصير زجاجياً عند التمرير ───── */
.hl{z-index:30}
.hl-hdr{position:fixed;inset:0 0 auto 0;transition:background-color .3s ease,box-shadow .3s ease,height .3s var(--ease-out),-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease}
.hl-hdr.is-glass{height:calc(128 * var(--u));min-height:64px;background:rgba(40,38,51,.58);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.07),0 12px 32px -18px rgba(0,0,0,.5)}
html:not(.dark) .hl-hdr.is-glass{background:rgba(32,53,38,.6)}
.hl-hdr.is-glass>.hl-logo{top:calc(34 * var(--u))}
.hl-hdr.is-glass>.hl-nav{top:calc(41 * var(--u))}
.hl-hdr.is-glass>.hl-acts{top:calc(39 * var(--u))}
.hl-hdr>.hl-logo,.hl-hdr>.hl-nav,.hl-hdr>.hl-acts{transition:top .3s var(--ease-out)}
@media (max-width:860px),(max-aspect-ratio:1/1){
  .hl-hdr.is-glass{height:calc(150 * var(--u))}
  .hl-hdr.is-glass>.hl-logo,.hl-hdr.is-glass>.hl-acts{top:calc(42 * var(--u))}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hl-hdr.is-glass{background:rgba(40,38,51,.94)}html:not(.dark) .hl-hdr.is-glass{background:rgba(32,53,38,.95)}}
@media (prefers-reduced-motion:reduce){.hl-hdr,.hl-hdr>*{transition:none}}

/* ───── HERO-LAB-40: القوائم المنبثقة بألوان الوضع النهاري (القائمة الجانبية، السلة، لمسات القوائم) ───── */
html:not(.dark) .hl-pop{--sun:#1f6b3d}
html:not(.dark) .hl-nv{background:#ffffff;color:#1f1e27}
html:not(.dark) .hl-drawer__bg{background:rgba(16,28,20,.45)}
html:not(.dark) .hl-nv__top,html:not(.dark) .hl-nv__foot{border-color:rgba(31,30,39,.08)}
html:not(.dark) .hl-nv__x{color:#1f1e27;border-color:rgba(31,30,39,.12)}
html:not(.dark) .hl-nv__k,html:not(.dark) .hl-nv__g[open] .hl-nv__n,html:not(.dark) .hl-nv .hl-nv__g a.hl-nv__all{color:#1f6b3d}
html:not(.dark) .hl-nv__g{border-color:rgba(31,30,39,.07)}
html:not(.dark) .hl-nv__n,html:not(.dark) .hl-nv__gt{color:rgba(31,30,39,.42)}
html:not(.dark) .hl-nv__st small,html:not(.dark) .hl-nv__mt small{color:rgba(31,30,39,.55)}
html:not(.dark) .hl-nv__chev{color:rgba(31,30,39,.45)}
html:not(.dark) .hl-nv__g[open] summary{background:rgba(31,53,38,.05)}
html:not(.dark) .hl-nv .hl-nv__g a.hl-nv__a{color:rgba(31,30,39,.82);border-inline-start-color:rgba(31,30,39,.1) !important}
html:not(.dark) .hl-nv .hl-nv__me{color:#1f1e27;border-color:rgba(31,30,39,.1) !important}
html:not(.dark) .hl-nv__av{background:#203526;color:#fff}
html:not(.dark) .hl-nv .hl-nv__btn{background:#203526;color:#fff}
html:not(.dark) .hl-nv .hl-nv__btn--ghost{background:transparent;color:#1f1e27;border-color:rgba(31,30,39,.14) !important}
html:not(.dark) .hl-nv .hl-nv__tool{color:rgba(31,30,39,.8);border-color:rgba(31,30,39,.12) !important}
html:not(.dark) .hl-nv a:focus-visible,html:not(.dark) .hl-nv button:focus-visible,html:not(.dark) .hl-nv summary:focus-visible{outline-color:#1f6b3d}
@media (hover:hover) and (pointer:fine){
  html:not(.dark) .hl-nv__x:hover{border-color:rgba(31,107,61,.45);background:rgba(31,53,38,.04)}
  html:not(.dark) .hl-nv__g summary:hover{background:rgba(31,53,38,.05)}
  html:not(.dark) .hl-nv .hl-nv__g a.hl-nv__a:hover{color:#203526;border-inline-start-color:#1f6b3d !important}
  html:not(.dark) .hl-nv .hl-nv__me:hover,html:not(.dark) .hl-nv .hl-nv__tool:hover,html:not(.dark) .hl-nv .hl-nv__btn--ghost:hover{border-color:rgba(31,107,61,.45) !important;color:#203526}
  html:not(.dark) .hl-nv .hl-nv__btn:not(.hl-nv__btn--ghost):hover{background:#1f6b3d}
}
html:not(.dark) body.hl-body .nh-cd{--cd-bg:#f5f6f8;--cd-card:#ffffff;--cd-ink:#1f1e27;--cd-muted:#5f646d;--cd-line:#e3e6ea;--cd-brand:#203526;--cd-brand-ink:#ffffff;--cd-accent:#203526;--cd-soft:#e2efe6;--cd-warn:#9a5b06;--cd-warn-bg:#fdf3e2}
html:not(.dark) body.hl-body .nh-cd__count,html:not(.dark) body.hl-body .nh-cd__btn--main{color:#ffffff}
html:not(.dark) body.hl-body .nh-cd__btn--main:hover{background:#1f6b3d}
html:not(.dark) body.hl-body .nh-cd__kind,html:not(.dark) body.hl-body .nh-cd__save{color:#1f6b3d}
html:not(.dark) body.hl-body .nh-cd__backdrop{background:rgba(16,28,20,.45)}
.hl-nv__logo--l{display:none !important}
html:not(.dark) .hl-nv__logo--d{display:none !important}
html:not(.dark) .hl-nv__logo--l{display:block !important}
/* HERO-LAB-41: عنوان البوابة في القائمة الجانبية كان يرث لون الليلي (#f4f3f7) */
html:not(.dark) .hl-nv .hl-drawer__g summary,html:not(.dark) .hl-nv__st b{color:#1f1e27}
html:not(.dark) .hl-nv__g[open] .hl-nv__st b{color:#203526}

/* ───── HERO-LAB-43: زر «ابدأ بتقييم منشأتك» + تلوين رقم «بالأرقام» عند التمرير (نهاري وليلي) ───── */
.hl-sheet.hv2 .dr-btn{background:#ffffff;color:#203526;font-weight:600;transition:background-color .2s ease,color .2s ease,transform .16s cubic-bezier(0.23,1,0.32,1)}
.hl-sheet.hv2 .dr-btn:active{transform:scale(.97)}
html.dark .hl-sheet.hv2 .doors .dr-btn{background:#ffffff;color:#1d1c26}
@media (hover:hover) and (pointer:fine){
  .hl-sheet.hv2 .dr-btn:hover{background:#e2efe6;color:#203526}
  html.dark .hl-sheet.hv2 .doors .dr-btn:hover{background:#e6e5ec;color:#1d1c26}
}
.hl-sheet.hv2 .fgrid .fcard>span:first-child{transition:color .25s ease}
@media (hover:hover) and (pointer:fine){
  .hl-sheet.hv2 .fgrid .fcard:hover>span:first-child{color:#51ba74 !important}
  html.dark .hl-sheet.hv2 .fgrid .fcard:hover>span:first-child{color:#b3acdc !important}
}
.hl-sheet.hv2 .fgrid .fcard:focus-visible>span:first-child{color:#51ba74 !important}
html.dark .hl-sheet.hv2 .fgrid .fcard:focus-visible>span:first-child{color:#b3acdc !important}

/* ───── HERO-LAB-44: معرض الأكاديمية — شبكة 4 × 2 بطاقات دورات ───── */
.hl-sheet.hv2 .cx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;margin-top:28px}
.hl-sheet.hv2 .cx{display:flex;flex-direction:column;gap:14px;min-width:0;color:var(--fg);text-decoration:none;border-radius:16px;outline-offset:4px}
.hl-sheet.hv2 .cx-cv{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--cv,#203526);color:#fff;isolation:isolate}
.hl-sheet.hv2 .cx:nth-child(4n+2) .cx-cv{--cv:#2a4a35}
.hl-sheet.hv2 .cx:nth-child(4n+3) .cx-cv{--cv:#1f5a36}
.hl-sheet.hv2 .cx:nth-child(4n+4) .cx-cv{--cv:#33503c}
html.dark .hl-sheet.hv2 .cx-cv{--cv:#2c2a39}
html.dark .hl-sheet.hv2 .cx:nth-child(4n+2) .cx-cv{--cv:#353247}
html.dark .hl-sheet.hv2 .cx:nth-child(4n+3) .cx-cv{--cv:#3b3851}
html.dark .hl-sheet.hv2 .cx:nth-child(4n+4) .cx-cv{--cv:#302e40}
.hl-sheet.hv2 .cx-cv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(0.23,1,0.32,1)}
.hl-sheet.hv2 .cx-art{position:absolute;inset-block-end:-14%;inset-inline-start:-6%;width:62%;aspect-ratio:1;opacity:.13;transition:transform .5s cubic-bezier(0.23,1,0.32,1)}
.hl-sheet.hv2 .cx-art svg{width:100%;height:100%}
.hl-sheet.hv2 .cx-cn{position:absolute;top:16px;inset-inline-start:16px;inset-inline-end:16px;font-size:12px;font-weight:500;line-height:1.5;color:rgba(255,255,255,.78)}
.hl-sheet.hv2 .cx-hr{position:absolute;bottom:12px;inset-inline-end:12px;padding:4px 10px;border-radius:8px;background:rgba(10,14,12,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11.5px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.hl-sheet.hv2 .cx-bd{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 2px}
.hl-sheet.hv2 .cx-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.55em);font-size:15.5px;font-weight:600;line-height:1.55;transition:color .2s ease}
.hl-sheet.hv2 .cx-by{font-size:12.5px;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl-sheet.hv2 .cx-mt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;color:var(--fg2)}
.hl-sheet.hv2 .cx-mt>span+span::before{content:"";display:inline-block;width:3px;height:3px;margin-inline-end:12px;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.6}
.hl-sheet.hv2 .cx-pr{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--fg2)}
.hl-sheet.hv2 .cx-pr b{font-size:17px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}
@media (hover:hover) and (pointer:fine){
  .hl-sheet.hv2 .cx:hover .cx-cv img{transform:scale(1.05)}
  .hl-sheet.hv2 .cx:hover .cx-art{transform:translateY(-6px) scale(1.04)}
  .hl-sheet.hv2 .cx:hover .cx-t{color:var(--gink)}
}
.hl-sheet.hv2 .cx:focus-visible{outline:2px solid var(--gink)}
@media (prefers-reduced-motion:reduce){.hl-sheet.hv2 .cx-cv img,.hl-sheet.hv2 .cx-art{transition:none}}
@container hv2 (max-width:1100px){.hl-sheet.hv2 .cx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container hv2 (max-width:520px){.hl-sheet.hv2 .cx-grid{gap:22px 12px}.hl-sheet.hv2 .cx{gap:10px}.hl-sheet.hv2 .cx-cv{aspect-ratio:4/3;border-radius:12px}.hl-sheet.hv2 .cx-cn{top:10px;inset-inline:10px;font-size:10.5px}.hl-sheet.hv2 .cx-hr{bottom:8px;inset-inline-end:8px;font-size:10.5px;padding:3px 8px}.hl-sheet.hv2 .cx-t{font-size:13.5px}.hl-sheet.hv2 .cx-by{font-size:11.5px}.hl-sheet.hv2 .cx-mt{font-size:11px;gap:4px 8px}.hl-sheet.hv2 .cx-mt>span+span::before{margin-inline-end:8px}.hl-sheet.hv2 .cx-pr b{font-size:15px}}

/* ───── HERO-LAB-45: شريط المجالات قابل للتحريك (أسهم + سحب بالماوس + تلاشي الأطراف حسب الموضع) ───── */
.hl-sheet.hv2 .cx-rail{display:flex;align-items:center;gap:8px;min-width:0}
.hl-sheet.hv2 .cx-rail .cg-chips{flex:1 1 auto;min-width:0;cursor:grab;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
.hl-sheet.hv2 .cx-rail .cg-chips-in{padding:2px 0}
.hl-sheet.hv2[dir="rtl"] .cx-rail.is-start .cg-chips,.hl-sheet.hv2[dir="ltr"] .cx-rail.is-end .cg-chips{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 100%)}
.hl-sheet.hv2[dir="rtl"] .cx-rail.is-end .cg-chips,.hl-sheet.hv2[dir="ltr"] .cx-rail.is-start .cg-chips{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent 100%)}
.hl-sheet.hv2 .cx-rail.is-start.is-end .cg-chips{-webkit-mask-image:none;mask-image:none}
.hl-sheet.hv2 .cx-rail.is-drag .cg-chips{cursor:grabbing;scroll-behavior:auto;user-select:none}
.hl-sheet.hv2 .cx-rail.is-drag .cg-chip{pointer-events:none}
.hl-sheet.hv2 .cx-nav{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;transition:border-color .2s ease,color .2s ease,opacity .2s ease,transform .16s cubic-bezier(0.23,1,0.32,1)}
.hl-sheet.hv2 .cx-nav svg{width:16px;height:16px}
.hl-sheet.hv2[dir="ltr"] .cx-nav svg{transform:scaleX(-1)}
.hl-sheet.hv2 .cx-nav:disabled{opacity:.35;cursor:default}
.hl-sheet.hv2 .cx-nav:not(:disabled):active{transform:scale(.94)}
.hl-sheet.hv2 .cx-rail.is-start.is-end .cx-nav{display:none}
@media (hover:hover) and (pointer:fine){.hl-sheet.hv2 .cx-nav:not(:disabled):hover{border-color:#51ba74;color:var(--gink)}html.dark .hl-sheet.hv2 .cx-nav:not(:disabled):hover{border-color:#9a94be}}
@media (pointer:coarse){.hl-sheet.hv2 .cx-nav{display:none}.hl-sheet.hv2 .cx-rail .cg-chips{cursor:auto}}
@media (prefers-reduced-motion:reduce){.hl-sheet.hv2 .cx-rail .cg-chips{scroll-behavior:auto}}

/* ───── HERO-LAB-46: بطاقات الدورات متناسقة (إطار موحّد، غلاف بلون واحد، تذييل ثابت في الأسفل) ───── */
.hl-sheet.hv2 .cx-grid{gap:20px;align-items:stretch}
.hl-sheet.hv2 .cx{gap:0;height:100%;border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;transition:border-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(0.23,1,0.32,1)}
.hl-sheet.hv2 .cx-cv,.hl-sheet.hv2 .cx:nth-child(n) .cx-cv{--cv:#203526;border-radius:0;aspect-ratio:16/9}
html.dark .hl-sheet.hv2 .cx-cv,html.dark .hl-sheet.hv2 .cx:nth-child(n) .cx-cv{--cv:#2c2a39}
.hl-sheet.hv2 .cx-art{inset:auto;top:50%;left:50%;width:34%;opacity:.16;transform:translate(-50%,-50%)}
.hl-sheet.hv2 .cx-lv{position:absolute;top:12px;inset-inline-start:12px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.14);font-size:11.5px;font-weight:600;color:#fff}
.hl-sheet.hv2 .cx-bd{flex:1 1 auto;gap:8px;padding:16px 16px 0}
.hl-sheet.hv2 .cx-t{font-size:15px}
.hl-sheet.hv2 .cx-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 16px 0;padding:12px 0 14px;border-top:1px solid var(--line)}
.hl-sheet.hv2 .cx-pr{margin:0;white-space:nowrap}
.hl-sheet.hv2 .cx-ty{font-size:11.5px;font-weight:500;color:var(--fg2);white-space:nowrap}
@media (hover:hover) and (pointer:fine){
  .hl-sheet.hv2 .cx:hover{border-color:rgba(81,186,116,.55);box-shadow:0 14px 34px -22px rgba(16,40,24,.45);transform:translateY(-2px)}
  html.dark .hl-sheet.hv2 .cx:hover{border-color:rgba(154,148,190,.5);box-shadow:0 14px 34px -22px rgba(0,0,0,.7)}
  .hl-sheet.hv2 .cx:hover .cx-art{transform:translate(-50%,-50%) scale(1.06)}
}
@media (prefers-reduced-motion:reduce){.hl-sheet.hv2 .cx{transition:border-color .2s ease}.hl-sheet.hv2 .cx:hover{transform:none}}
@container hv2 (max-width:520px){.hl-sheet.hv2 .cx-grid{gap:12px}.hl-sheet.hv2 .cx{border-radius:14px}.hl-sheet.hv2 .cx-cv{aspect-ratio:16/10}.hl-sheet.hv2 .cx-lv{top:8px;inset-inline-start:8px;font-size:10px;padding:3px 7px}.hl-sheet.hv2 .cx-bd{padding:12px 12px 0;gap:6px}.hl-sheet.hv2 .cx-t{font-size:13px}.hl-sheet.hv2 .cx-ft{flex-direction:column;align-items:flex-start;gap:4px;margin:10px 12px 0;padding:10px 0 12px}}

/* HERO-LAB-47: مع حركة GSAP يتوقف دخول «بالأرقام» القديم بالـCSS حتى لا تتعارض الحركتان */
html.hl-motion .hl-sheet.hv2 .tuck{animation:none}

/* HERO-LAB-49: العدّاد الأسطواني (كل خانة عمود أرقام) */
.hl-odo-w{display:inline-flex;direction:ltr;unicode-bidi:isolate;line-height:1}
.hl-odo{display:inline-block;height:1em;overflow:hidden;line-height:1}
.hl-odo-c{display:flex;flex-direction:column}
.hl-odo-c>span{display:block;height:1em;line-height:1}

/* HERO-LAB-51: مع GSAP دخول الهيدر يتولاه السكربت (الشعار ثم الروابط ثم الأيقونات)، فنوقف دخوله القديم بالـCSS */
html.hl-motion .hl.is-anim .hl-hdr>*,html.hl-motion .hl.is-ready .hl-hdr>*{animation:none;opacity:1;transform:none}

/* HERO-LAB-53: تنبيه إعادة الموافقة ثابت أسفل الشاشة في الرئيسية الجديدة */
.hl-consent{position:fixed;inset-inline:0;bottom:0;z-index:80}
.hl-consent:empty{display:none}

/* HERO-LAB-82 — مع عنصر «المزيد» صار الرأس ستة: مسافة أقل بين الروابط حتى لا تلامس الأيقونات */
.hl-nav:has(> :nth-child(6)){gap:max(20px,calc(98 * var(--u) - 28px))}

/* HERO-LAB-98: تصغير الرأس انتقل إلى hero-lab-header.css (HERO-LAB-99) */