.mkb-site-header {
	position: sticky;
	z-index: 100;
	top: 0;
	border-bottom: 1px solid rgba(79, 124, 103, 0.1);
	background: rgba(248, 248, 246, 0.92);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.mkb-site-header__inner {
	display: flex;
	width: min(var(--mkb-container), calc(100% - 40px));
	min-height: var(--mkb-header-height);
	align-items: center;
	justify-content: space-between;
	gap: var(--mkb-space-8);
	margin-inline: auto;
}

.mkb-site-brand {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}

.mkb-site-brand img {
	display: block;
	width: auto;
	height: 44px;
	object-fit: contain;
}

.mkb-desktop-nav {
	display: flex;
	align-items: center;
	gap: var(--mkb-space-2);
}

.mkb-nav-link {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	padding-inline: var(--mkb-space-4);
	border-radius: var(--mkb-radius-sm);
	color: var(--mkb-color-muted);
	font-size: var(--mkb-text-sm);
	font-weight: 600;
	text-decoration: none;
	transition: color var(--mkb-transition), background var(--mkb-transition);
}

.mkb-nav-link:hover,
.mkb-nav-link.is-current {
	background: var(--mkb-color-primary-soft);
	color: var(--mkb-color-primary-strong);
}

.mkb-nav-link:focus-visible,
.mkb-mobile-menu summary:focus-visible,
.mkb-mobile-bottom-nav a:focus-visible {
	outline: none;
	box-shadow: var(--mkb-focus-ring);
}

.mkb-nav-dropdown {
	position: relative;
}

.mkb-nav-dropdown__panel {
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	display: grid;
	min-width: 220px;
	padding: var(--mkb-space-2);
	border: 1px solid var(--mkb-color-border);
	border-radius: var(--mkb-radius-md);
	background: var(--mkb-color-surface);
	box-shadow: var(--mkb-shadow-md);
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -6px);
	transition: opacity var(--mkb-transition), transform var(--mkb-transition), visibility var(--mkb-transition);
}

.mkb-nav-dropdown:hover .mkb-nav-dropdown__panel,
.mkb-nav-dropdown:focus-within .mkb-nav-dropdown__panel {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.mkb-mobile-menu {
	display: none;
}

.mkb-mobile-bottom-nav {
	display: none;
}
