/* YG Media — shared site navigation (used on every page) */
.ygn{--ygn-h:72px;--ygn-gold:#F7C04F;--ygn-gold2:#FBD27D;--ygn-txt:#F3F0E8;--ygn-mut:#A29E94;--ygn-line:#2e3137;--ygn-bg:rgba(18,19,22,.92);
  position:sticky;top:0;z-index:60;background:var(--ygn-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ygn-line);
  font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;direction:rtl;transition:background .3s,border-color .3s}
.ygn{padding:0;margin:0}
.ygn *{box-sizing:border-box}
.ygn .ygn-logo img{height:44px;width:auto}
.ygn a{text-decoration:none;color:inherit}
/* home: transparent over the hero, solid after scrolling */
.ygn--overlay{position:fixed;inset:0 0 auto 0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.ygn--overlay.ygn--solid,.ygn--overlay.ygn--open{background:var(--ygn-bg);border-bottom-color:var(--ygn-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ygn-in{max-width:1200px;margin:0 auto;padding:0 24px;height:var(--ygn-h);display:flex;align-items:center;gap:28px}
.ygn-logo{display:flex;align-items:center;flex:0 0 auto}
.ygn-logo img{height:44px;width:auto;display:block}
.ygn-menu{display:flex;align-items:center;gap:4px;flex:1 1 auto}
.ygn-link,.ygn-ddbtn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:15.5px;font-weight:500;color:#d9d5cb;
  background:none;border:0;font-family:inherit;cursor:pointer;line-height:1.4;transition:color .2s,background .2s;white-space:nowrap}
.ygn-link:hover,.ygn-ddbtn:hover,.ygn-dd.is-open .ygn-ddbtn{color:var(--ygn-gold2);background:rgba(251,210,125,.07)}
.ygn-link[aria-current="page"],.ygn-ddbtn.is-current{color:var(--ygn-gold2)}
.ygn-link[aria-current="page"]::after,.ygn-ddbtn.is-current::after{content:"";position:absolute;right:14px;left:14px;bottom:2px;height:2px;border-radius:2px;background:var(--ygn-gold)}
.ygn-ddbtn svg{width:12px;height:12px;transition:transform .2s}
.ygn-dd{position:relative}
.ygn-dd.is-open .ygn-ddbtn svg{transform:rotate(180deg)}
.ygn-ddp{position:absolute;top:calc(100% + 10px);right:0;min-width:340px;padding:8px;border-radius:16px;background:#1a1c20;border:1px solid var(--ygn-line);
  box-shadow:0 24px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}
.ygn-dd.is-open .ygn-ddp{opacity:1;visibility:visible;transform:none}
.ygn-ddp a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;transition:background .2s}
.ygn-ddp a:hover,.ygn-ddp a[aria-current="page"]{background:rgba(251,210,125,.08)}
.ygn-ddp .ic{flex:0 0 38px;height:38px;border-radius:10px;background:rgba(251,210,125,.1);border:1px solid rgba(251,210,125,.25);display:grid;place-items:center;color:var(--ygn-gold2);font-size:17px}
.ygn-ddp b{display:block;font-size:15px;font-weight:600;color:var(--ygn-txt)}
.ygn-ddp small{display:block;font-size:13px;color:var(--ygn-mut);line-height:1.5}
.ygn-badge{margin-right:auto;font-size:11px;font-weight:700;color:#141519;background:var(--ygn-gold2);border-radius:999px;padding:2px 8px;font-style:normal}
.ygn-side{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.ygn-ig{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#d9d5cb;border:1px solid var(--ygn-line);transition:.2s}
.ygn-ig:hover{color:var(--ygn-gold2);border-color:rgba(251,210,125,.5)}
.ygn-ig svg{width:19px;height:19px}
.ygn-cta{display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;font-weight:600;font-size:15px;color:#141519!important;white-space:nowrap;
  background:linear-gradient(135deg,var(--ygn-gold),var(--ygn-gold2));box-shadow:0 8px 24px rgba(247,192,79,.22);transition:transform .2s}
.ygn-cta:hover{transform:translateY(-1px)}
.ygn-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--ygn-line);background:rgba(255,255,255,.03);cursor:pointer;position:relative;padding:0}
.ygn-burger span,.ygn-burger span::before,.ygn-burger span::after{position:absolute;right:12px;width:20px;height:2px;border-radius:2px;background:var(--ygn-txt);transition:.25s;content:""}
.ygn-burger span{top:21px}.ygn-burger span::before{top:-7px;right:0}.ygn-burger span::after{top:7px;right:0}
.ygn--open .ygn-burger span{background:transparent}
.ygn--open .ygn-burger span::before{top:0;transform:rotate(45deg)}
.ygn--open .ygn-burger span::after{top:0;transform:rotate(-45deg)}
.ygn-mcta{display:none}
@media (max-width:1180px){
  .ygn-in{gap:12px;padding:0 16px}
  .ygn .ygn-logo img{height:36px}
  .ygn-burger{display:block}
  .ygn-side{margin-right:auto}
  .ygn-side .ygn-cta{display:none}
  .ygn-menu{position:absolute;top:100%;right:0;left:0;height:calc(100vh - var(--ygn-h));height:calc(100dvh - var(--ygn-h));flex-direction:column;align-items:stretch;gap:2px;padding:18px 16px 32px;overflow-y:auto;
    background:#121316;border-top:1px solid var(--ygn-line);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.25s}
  .ygn--open .ygn-menu{opacity:1;visibility:visible;transform:none}
  .ygn-link,.ygn-ddbtn{width:100%;justify-content:space-between;padding:14px 12px;font-size:17px;border-radius:12px}
  .ygn-link[aria-current="page"]::after,.ygn-ddbtn.is-current::after{right:auto;left:12px;top:50%;bottom:auto;width:6px;height:6px;margin-top:-3px;border-radius:50%}
  .ygn-ddp{position:static;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;background:transparent;border:0;padding:0 8px 6px;display:none}
  .ygn-dd.is-open .ygn-ddp{display:block}
  .ygn-mcta{display:flex;justify-content:center;margin-top:18px;padding:14px 22px;font-size:16px}
  html.ygn-lock,html.ygn-lock body{overflow:hidden}
  .ygn.ygn--open{background:#121316;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media (max-width:380px){.ygn-ig{display:none}}
@media (prefers-reduced-motion:reduce){.ygn *,.ygn{transition:none!important}}
:where(html){scroll-padding-top:84px}
/* back to top */
.ygn-top{position:fixed;left:22px;bottom:22px;z-index:55;width:50px;height:50px;border-radius:50%;border:1px solid rgba(251,210,125,.45);cursor:pointer;
  background:rgba(26,28,32,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#FBD27D;display:grid;place-items:center;padding:0;
  box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}
.ygn-top.is-on{opacity:1;visibility:visible;transform:none}
.ygn-top:hover{background:linear-gradient(135deg,#F7C04F,#FBD27D);color:#141519}
.ygn-top svg{width:20px;height:20px}
.ygn-top svg circle{fill:none;stroke:rgba(251,210,125,.9);stroke-width:2;transition:stroke-dashoffset .1s linear}
.ygn-top .ring{position:absolute;inset:-1px;width:50px;height:50px;transform:rotate(-90deg);pointer-events:none}
.ygn-top:hover .ring circle{stroke:transparent}
html.ygn-lock .ygn-top{display:none}
@media (max-width:600px){.ygn-top{left:16px;bottom:16px;width:46px;height:46px}.ygn-top .ring{width:46px;height:46px}}

.ygn-sub{display:flex;align-items:center;gap:8px;padding:10px 12px 4px;font:600 12px/1.4 Poppins,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--ygn-gold);direction:ltr;justify-content:flex-end}
.ygn-sub::before{content:"";flex:1;height:1px;background:var(--ygn-line)}
.ygn-sub~a{padding-inline-start:20px}
.ygn-ddp .ic-img{background:#101114}.ygn-ddp .ic-img img{width:26px;height:26px;object-fit:contain;display:block}
.ygn-ddp .ic-img:has(img[src*="/resolve.png"]){background:none;border:0;overflow:hidden;border-radius:10px}.ygn-ddp .ic-img img[src*="/resolve.png"]{width:100%;height:100%;object-fit:cover;border-radius:10px}
/* language switch */
.ygn-lang{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;border:1px solid var(--ygn-line);color:#d9d5cb;font:600 14px 'Poppins','IBM Plex Sans Arabic',sans-serif;transition:.2s}
.ygn-lang:hover{color:var(--ygn-gold2);border-color:rgba(251,210,125,.5)}
/* English (left-to-right) menu */
.ygn[dir=ltr]{direction:ltr;font-family:'Poppins','IBM Plex Sans Arabic',system-ui,sans-serif}
.ygn[dir=ltr] .ygn-ddp{right:auto;left:0}
.ygn[dir=ltr] .ygn-badge{margin-right:0;margin-left:auto}
.ygn[dir=ltr] .ygn-sub{flex-direction:row-reverse;direction:ltr}
.ygn[dir=ltr] .ygn-burger span,.ygn[dir=ltr] .ygn-burger span::before,.ygn[dir=ltr] .ygn-burger span::after{right:auto;left:12px}
.ygn[dir=ltr] .ygn-burger span::before,.ygn[dir=ltr] .ygn-burger span::after{left:0}
@media (max-width:1180px){
  .ygn[dir=ltr] .ygn-side{margin-right:0;margin-left:auto}
  .ygn[dir=ltr] .ygn-link[aria-current="page"]::after,.ygn[dir=ltr] .ygn-ddbtn.is-current::after{left:auto;right:12px}
}
html[lang=en] .ygn-top{left:auto;right:22px}@media (max-width:600px){html[lang=en] .ygn-top{left:auto;right:16px}}

/* mobile menu open: keep the bar pinned to the screen (the scroll lock turns off sticky) */
@media (max-width:1180px){html.ygn-lock .ygn{position:fixed;top:0;left:0;right:0}}