.menu-toggle {
	display: none;
}

@media (max-width: 900px) {
	.header-inner {
		position: relative;
	}

	.menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		padding: 0;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--surface);
		color: var(--text);
		font-size: 1.35rem;
		cursor: pointer;
	}

	.primary-nav {
		display: none;
		position: absolute;
		top: calc(100% + 1px);
		left: 0;
		right: 0;
		padding: 14px 20px;
		background: var(--surface);
		border-bottom: 1px solid var(--line);
		box-shadow: 0 18px 34px rgba(0, 0, 0, .3);
	}

	.primary-nav.is-open {
		display: block;
	}

	.primary-nav ul {
		display: grid;
		gap: 4px;
	}

	.primary-nav a {
		display: block;
		padding: 10px 0;
	}
}