.mkp-header{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--mkp-surface) 90%,transparent);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--mkp-border);
  transition:background .3s,box-shadow .3s;
}
.mkp-header.is-scrolled{background:color-mix(in srgb,var(--mkp-surface) 97%,transparent);box-shadow:0 7px 24px rgba(12,35,42,.055)}
.mkp-scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none}
.mkp-scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--mkp-accent),#70d79c);transform:scaleX(0);transform-origin:right center;will-change:transform}

.mkp-header__inner{position:relative;min-height:72px;display:flex;align-items:center;gap:12px;direction:ltr}
.mkp-brand{order:1;display:inline-flex;align-items:center;gap:10px;direction:rtl;flex:0 0 auto}
.mkp-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--mkp-primary),var(--mkp-accent));color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 7px 18px rgba(12,35,42,.10)}
.mkp-brand__image{width:auto;height:40px;max-width:150px;object-fit:contain}
.mkp-brand__text{display:flex;flex-direction:column;line-height:1.22}
.mkp-brand__text strong{font-size:.84rem}.mkp-brand__text small{color:var(--mkp-muted);font-size:.66rem;margin-top:3px}

.mkp-nav{order:2;margin-left:auto;direction:rtl}
.mkp-nav__list{list-style:none;display:flex;align-items:center;gap:1px;padding:0;margin:0}
.mkp-nav__list>li{position:relative}
.mkp-nav__list a{display:flex;align-items:center;padding:9px 9px;border-radius:10px;font-size:.78rem;font-weight:750;transition:.2s}
.mkp-nav__list a:hover{background:var(--mkp-accent-soft);color:var(--mkp-accent-600)}
.mkp-nav__list .current-menu-item>a,.mkp-nav__list .current_page_item>a{color:var(--mkp-accent-600)}
.mkp-nav__list .sub-menu{display:none;position:absolute;top:100%;right:0;min-width:215px;padding:7px;margin:7px 0 0;list-style:none;background:var(--mkp-surface);border:1px solid var(--mkp-border);border-radius:14px;box-shadow:0 12px 32px rgba(12,35,42,.09)}
.mkp-nav__list li:hover>.sub-menu,.mkp-nav__list li:focus-within>.sub-menu{display:block}

.mkp-header-account,.mkp-theme-toggle,.mkp-menu-toggle{
  width:42px;height:42px;border:1px solid var(--mkp-border);background:var(--mkp-surface);border-radius:13px;
  align-items:center;justify-content:center;color:var(--mkp-ink);box-shadow:0 5px 14px rgba(12,35,42,.04);
}
.mkp-header-account{order:3;display:inline-grid}.mkp-theme-toggle{order:4;display:inline-grid}.mkp-menu-toggle{display:none}
.mkp-header-account svg,.mkp-theme-toggle svg{width:18px;height:18px}
.mkp-theme-toggle__icon{display:grid;place-items:center}
html[data-mkp-theme="light"] .mkp-theme-toggle__icon--sun,html:not([data-mkp-theme]) .mkp-theme-toggle__icon--sun{display:none}
html[data-mkp-theme="dark"] .mkp-theme-toggle__icon--moon{display:none}
.mkp-menu-toggle{flex-direction:column;gap:4px}.mkp-menu-toggle span:not(.screen-reader-text){display:block;width:18px;height:1.8px;border-radius:99px;background:var(--mkp-ink)}

.mkp-mobile-menu{position:fixed;inset:0;z-index:200;visibility:hidden;pointer-events:none}
.mkp-mobile-menu.is-open{visibility:visible;pointer-events:auto}
.mkp-mobile-menu__backdrop{position:absolute;inset:0;border:0;background:rgba(4,17,21,.48);opacity:0;transition:.3s}
.mkp-mobile-menu.is-open .mkp-mobile-menu__backdrop{opacity:1}
.mkp-mobile-menu__panel{position:absolute;top:0;right:0;width:min(90vw,390px);height:100%;padding:18px;background:var(--mkp-surface);transform:translateX(104%);transition:transform .38s var(--mkp-ease);overflow:auto;box-shadow:-20px 0 50px rgba(8,24,29,.16)}
.mkp-mobile-menu.is-open .mkp-mobile-menu__panel{transform:none}
.mkp-mobile-menu__identity{display:grid;grid-template-columns:44px 1fr 40px;align-items:center;gap:10px;padding:4px 0 16px;border-bottom:1px solid var(--mkp-border)}
.mkp-mobile-menu__brand{display:grid;place-items:center;width:44px;height:44px}.mkp-mobile-menu__brand .mkp-brand__image{max-width:44px;height:40px}.mkp-mobile-menu__brand .mkp-brand__mark{width:40px;height:40px}
.mkp-mobile-menu__identity>div{display:flex;flex-direction:column;min-width:0}.mkp-mobile-menu__identity strong{font-size:.86rem}.mkp-mobile-menu__identity small{color:var(--mkp-muted);font-size:.64rem;margin-top:3px}
.mkp-mobile-menu__close{width:40px;height:40px;border:0;border-radius:12px;background:var(--mkp-surface-2);color:var(--mkp-ink);font-size:1.45rem}
.mkp-mobile-menu__quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0}
.mkp-mobile-menu__quick a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid var(--mkp-border);border-radius:13px;background:var(--mkp-surface-soft);font-size:.72rem;font-weight:800}
.mkp-mobile-menu__quick svg{width:16px;height:16px;color:var(--mkp-accent-600)}
.mkp-mobile-menu__list,.mkp-mobile-menu__list .sub-menu{list-style:none;padding:0;margin:4px 0}
.mkp-mobile-menu__list li{position:relative}
.mkp-mobile-menu__list>li>a{display:flex;align-items:center;min-height:48px;padding:10px 8px;border-bottom:1px solid var(--mkp-border);font-size:.86rem;font-weight:800}
.mkp-mobile-menu__toggle{position:absolute;top:5px;left:0;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:var(--mkp-muted)}
.mkp-mobile-menu__toggle svg{width:18px;height:18px;transition:transform .25s}
.mkp-mobile-menu__list li.is-open>.mkp-mobile-menu__toggle svg{transform:rotate(180deg)}
.mkp-mobile-menu__list .sub-menu{display:none;padding-right:14px;margin:0 0 8px}
.mkp-mobile-menu__list li.is-open>.sub-menu{display:block}
.mkp-mobile-menu__list .sub-menu a{display:block;padding:10px 8px;border-bottom:1px dashed var(--mkp-border);font-size:.78rem;font-weight:650;color:var(--mkp-muted)}
.mkp-mobile-menu__cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:16px;border-radius:14px;background:linear-gradient(135deg,var(--mkp-primary),var(--mkp-accent));color:#fff;font-size:.8rem;font-weight:850}
.mkp-mobile-menu__cta svg{width:16px;height:16px}


/* Phase 02.5: mobile menu is rendered at body root to avoid header/backdrop stacking bugs */
.mkp-mobile-menu{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100dvh!important;
  isolation:isolate;
  visibility:hidden;
  pointer-events:none;
}
.mkp-mobile-menu.is-open{visibility:visible;pointer-events:auto}
.mkp-mobile-menu__backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  background:rgba(4,17,21,.60)!important;
  opacity:0;
}
.mkp-mobile-menu.is-open .mkp-mobile-menu__backdrop{opacity:1}
.mkp-mobile-menu__panel{
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:2!important;
  width:min(90vw,390px)!important;
  max-width:390px!important;
  height:100dvh!important;
  transform:translate3d(104%,0,0);
  will-change:transform;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
.mkp-mobile-menu.is-open .mkp-mobile-menu__panel{transform:translate3d(0,0,0)!important}