.tkmh-header {
	display: none;
}

@media (max-width: 767px) {
	:root {
		--tkmh-navy: #042435;
		--tkmh-cyan: #10c8ee;
		--tkmh-white: #f7fbfd;
	}

	.whb-header {
		display: none !important;
	}

	.tkmh-header {
		position: relative;
		z-index: 31;
		display: block;
		width: 100%;
		background: var(--tkmh-navy);
		border-bottom: 2px solid var(--tkmh-cyan);
		box-shadow: 0 1px 0 rgba(16, 200, 238, .18);
	}

	.tkmh-header__inner {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr) 94px;
		align-items: center;
		gap: 8px;
		min-height: 76px;
		padding: 10px 14px;
	}

	.tkmh-header__menu {
		display: flex !important;
		align-items: center;
		justify-content: flex-start;
		width: 52px;
		height: 52px;
	}

	.tkmh-header__menu > button {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 48px !important;
		height: 48px !important;
		min-width: 48px;
		padding: 0 !important;
		color: var(--tkmh-white) !important;
		border: 1px solid var(--tkmh-cyan);
		border-radius: 9px;
		background: rgba(0, 12, 21, .16);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
		cursor: pointer;
	}

	.tkmh-header__menu .dashicons {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		color: var(--tkmh-white);
		font-size: 28px;
		line-height: 28px;
	}

	.tkmh-header__brand {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		height: 52px;
		padding: 6px 4px;
	}

	.tkmh-header__brand img {
		display: block;
		width: min(100%, 188px);
		height: auto;
		max-height: 40px;
		object-fit: contain;
		filter: brightness(0) invert(1);
	}

	.tkmh-header__catalog {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		gap: 3px;
		min-width: 88px;
		min-height: 48px;
		padding: 0;
		color: var(--tkmh-cyan) !important;
		font-size: 14px;
		font-weight: 800;
		line-height: 1;
		letter-spacing: .035em;
		text-decoration: none;
		white-space: nowrap;
	}

	.tkmh-header__catalog .dashicons {
		width: 18px;
		height: 18px;
		font-size: 18px;
		line-height: 18px;
	}

	.tkmh-header a:focus-visible,
	.tkmh-header button:focus-visible {
		outline: 3px solid #fff;
		outline-offset: 3px;
	}

	.tkmh-header__menu > button:active,
	.tkmh-header__catalog:active {
		transform: translateY(1px);
	}

	.mobile-nav {
		--bgcolor-white: #fff;
	}

	.mobile-nav .wd-heading {
		border-bottom-color: rgba(4, 36, 53, .12);
	}

	.mobile-nav .wd-nav-mobile > li > a {
		min-height: 50px;
	}
}

@media (max-width: 359px) {
	.tkmh-header__inner {
		grid-template-columns: 48px minmax(0, 1fr) 82px;
		gap: 5px;
		padding-inline: 10px;
	}

	.tkmh-header__menu {
		width: 48px;
	}

	.tkmh-header__catalog {
		min-width: 78px;
		font-size: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tkmh-header * {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}