/* Media King — unified site header (one implementation for every page) */
header.mkh{position:sticky;top:env(safe-area-inset-top,0px);z-index:1000;width:100%;margin:0;padding:0;background:#05060Fee;color:#f4f4fa;border-bottom:1px solid #23274D;box-sizing:border-box;font-family:"IBM Plex Sans Arabic","Readex Pro",Tahoma,Arial,sans-serif;line-height:1.5;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px)}
header.mkh *{box-sizing:border-box}
header.mkh .mkh-in{display:flex;align-items:center;gap:22px;height:70px;max-width:1160px;margin:0 auto;padding:0 22px}
header.mkh .mkh-logo{display:flex;align-items:center;flex:none;background:#fff;border-radius:10px;padding:2px 8px;text-decoration:none}
header.mkh .mkh-logo img{display:block;width:130px;height:54px;max-width:none;object-fit:cover;object-position:50% 46%}
header.mkh nav.mkh-nav{display:flex;align-items:center;gap:22px;margin:0;margin-inline-start:auto;padding:0;position:static;flex-direction:row;background:none;border:0;box-shadow:none;max-height:none;overflow:visible;font-size:15px}
header.mkh nav.mkh-nav a{display:inline-flex;align-items:center;min-height:0;padding:0;border:0;color:#A4A7C6;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .18s}
header.mkh nav.mkh-nav a:hover,header.mkh nav.mkh-nav a[aria-current="page"]{color:#FF8F45}
header.mkh .mkh-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:10px 20px;border-radius:999px;background:#FF6B1A;color:#0A0A14;font-size:15px;font-weight:600;text-decoration:none;border:0;transition:background .18s}
header.mkh .mkh-cta:hover{background:#FF8F45}
header.mkh .mkh-toggle{display:none;position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid #23274D;background:#12152F;cursor:pointer}
header.mkh .mkh-toggle span{position:absolute;inset-inline:12px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s,top .2s}
header.mkh .mkh-toggle span:nth-child(1){top:15px}
header.mkh .mkh-toggle span:nth-child(2){top:21px}
header.mkh .mkh-toggle span:nth-child(3){top:27px}
header.mkh.mkh-open .mkh-toggle span:nth-child(1){top:21px;transform:rotate(45deg)}
header.mkh.mkh-open .mkh-toggle span:nth-child(2){opacity:0}
header.mkh.mkh-open .mkh-toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}
@media (max-width:1080px){header.mkh .mkh-in{gap:16px}header.mkh nav.mkh-nav{gap:14px}header.mkh nav.mkh-nav a{font-size:14px}}
@media (max-width:900px){
  header.mkh .mkh-in{gap:12px}
  header.mkh .mkh-cta{margin-inline-start:auto;padding:9px 16px;font-size:14px}
  header.mkh .mkh-toggle{display:block}
  header.mkh nav.mkh-nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 22px 14px;background:#05060F;border-bottom:1px solid #23274D;box-shadow:0 24px 40px #000a;max-height:calc(100vh - 70px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 70px - env(safe-area-inset-top,0px));overflow-y:auto}
  header.mkh.mkh-open nav.mkh-nav{display:flex}
  header.mkh nav.mkh-nav a{min-height:52px;font-size:18px;color:#f4f4fa;border-bottom:1px solid #23274D}
  header.mkh nav.mkh-nav a:last-child{border-bottom:0}
}
@media (max-width:520px){header.mkh .mkh-in{padding:0 16px}header.mkh .mkh-logo img{width:112px;height:48px}header.mkh .mkh-cta{padding:8px 13px;font-size:13px}}
