:root {
  --header-h: 80px;
}

/* ===== Menu base ===== */
.kt-header { 
  position: fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  z-index: 10000;
  background:#fff; 
  border-bottom:1px solid #eee; 
}

.kt-header__inner { 
  max-width:1100px; 
  margin:0 auto; 
  padding:0 16px;
  height: var(--header-h, 80px); 
  display:flex; 
  align-items:center; 
  gap:16px; 
}

.kt-logo { 
  display:flex; 
  align-items:center; 
  gap:10px; 
  text-decoration:none; 
  color:#111; 
}

.kt-logo img { 
  height: var(--logo-h, 70px); 
  max-height: var(--logo-h, 70px); 
  width:auto; 
  display:block; 
}

/* improve tap behavior on iOS */
.kt-header * { -webkit-tap-highlight-color: transparent; }

.kt-tagline { 
  font-size:0.9rem; 
  color:#444; 
  white-space:nowrap; 
}

.kt-nav { 
  display:flex; 
  align-items:center; 
  gap:18px; 
  margin-left:auto; 
}

.kt-menu { 
  list-style:none; 
  margin:0; 
  padding:0; 
  display:flex; 
  gap:12px; 
}

.kt-menu__link { 
  display:inline-block; 
  padding:10px 10px; 
  text-decoration:none; 
  color:#222; 
  border-radius:8px; 
}

.kt-menu__link:hover, 
.kt-menu__link:focus { 
  background:#f6f6f6; 
}

.kt-menu__link.is-active { 
  background:#111; 
  color:#fff; 
}

/* Hamburger (shown on small screens) */
.kt-nav-toggle { 
  margin-left:auto; 
  display:none; 
  border:0; 
  background:transparent; 
  cursor:pointer; 
}

.kt-nav-toggle__bar { 
  display:block; 
  width:24px; 
  height:2px; 
  background:#111; 
  margin:5px 0; 
  border-radius:2px; 
}

/* ===== Mobile layout ===== */
@media (max-width: 860px){
  .kt-nav-toggle { display:block; }
  .kt-nav {
    position: fixed; 
    left:0; 
    right:0; 
    top: var(--header-h, 72px);
    background:#fff; 
    border-top:1px solid #eee;
    transform: translateY(-100%); 
    transition: transform .25s ease;
    display:block; 
    padding:14px 16px; 
    overflow:auto; 
    max-height: calc(100vh - var(--header-h, 72px));
    z-index: 10000;
  }
  .kt-nav.is-open { transform: translateY(0); }
  .kt-menu { display:block; }
  .kt-menu__item { margin-bottom:8px; }
  .no-scroll { overflow:hidden; }
}

/* ===== Push page content below fixed header ===== */
body { padding-top: var(--header-h, 72px); }