:root{
  --mk-bg:#ffffff;
  --mk-border:#e5e7eb;
  --mk-hover:#f3f4f6;
  --mk-text:#111827;
  --mk-burger-line:#000;
}
.mk-nav-wrap{position:sticky;top:0;z-index:1000;background:transparent;}
.mk-nav{
  max-width:1200px;margin:12px auto;padding:8px 14px;
  background:var(--mk-bg);border:1px solid var(--mk-border);border-radius:12px;
  display:flex;align-items:center;gap:14px;box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.mk-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--mk-text);white-space:nowrap}
.mk-logo img{max-height:22px;width:auto}
.mk-name{font-weight:600;letter-spacing:.1px}
.mk-menu .mk-list{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.mk-menu a{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;color:var(--mk-text);text-decoration:none}
.mk-menu a:hover{background:var(--mk-hover)}
.mk-cta{margin-left:auto;display:flex;gap:8px;align-items:center}
.mk-login{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border:1px solid var(--mk-border);border-radius:999px;
  color:var(--mk-text);text-decoration:none;white-space:nowrap;
}
.mk-login--full{background:#fff;color:#000;border-color:#000}
.mk-login--outline{background:transparent;color:#000;border-color:#000}
.mk-menu-like{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;color:var(--mk-text);text-decoration:none}
.mk-menu-like:hover{background:var(--mk-hover)}
.mk-menu li.menu-item-has-children{position:relative}
.mk-menu li.menu-item-has-children > .sub-menu{
  position:absolute;top:100%;
  margin-top:8px;left:0;min-width:220px;
  background:#fff;border:1px solid var(--mk-border);border-radius:12px;
  padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:none;pointer-events:auto;z-index:9999;
}
.mk-menu li.menu-item-has-children.is-open > .sub-menu{display:block}
.mk-menu .sub-menu li a{display:block;width:100%;border-radius:8px;padding:8px 10px}
.mk-burger{
  margin-left:auto;width:40px;height:40px;border:1px solid var(--mk-text);border-radius:10px;background:#fff;
  display:inline-flex;flex-direction:column;justify-content:center;gap:6px;padding:0 10px;
}
.mk-burger span{display:block;height:2px;background:var(--mk-burger-line)}
@media (max-width: 900px){
  .mk-brand{display:none}
  .mk-cta{display:none}
  .mk-menu{
    position:fixed;left:16px;right:16px;top:64px;background:#fff;border:1px solid var(--mk-border);
    border-radius:12px;padding:10px;display:none;pointer-events:auto;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.08);
  }
  .mk-nav.is-open .mk-menu{display:block}
  .mk-menu .mk-list{flex-direction:column;align-items:stretch}
  .mk-menu li.menu-item-has-children > .sub-menu{position:static;box-shadow:none;border:0;padding:4px 0;display:none}
  .mk-menu li.menu-item-has-children.is-open > .sub-menu{display:block}
  .mk-menu .sub-menu li a{padding-left:14px}
  .mk-mobile-cta{border-top:1px solid var(--mk-border);margin-top:8px;padding-top:8px;display:grid;gap:8px}
}
@media (min-width: 901px){
  .mk-mobile-cta{display:none}
  .mk-burger { display: none}
}

/* Hover bridge to keep submenu alive when moving cursor */
.mk-menu li.menu-item-has-children{
  position:relative;
}
.mk-menu li.menu-item-has-children::after{
  content:"";position:absolute;left:0;right:0;top:100%;
  height:12px;
}


/* Bridge via padding so the parent <li> area covers the gap above submenu */
.mk-menu li.menu-item-has-children{
  
}


/* Reset list styles for clean submenu (no bullets) */
.mk-menu, .mk-menu ul{list-style:none;margin:0;padding:0}
.mk-menu .sub-menu{list-style:none;margin:0;padding:6px}
.mk-menu .sub-menu li{list-style:none}
.mk-menu .sub-menu li a{display:block;width:100%;border-radius:8px;padding:8px 10px}