@media (min-width: 1000px) {
	.header {
		z-index: 100;
		height: 82px;
		border-bottom: 1px solid #e9edf3;
	}
	.header .inner {
		height: 82px;
	}
	.header .nav {
		height: 82px;
		gap: 0;
		margin-left: auto;
	}
	.header .nav > li {
		height: 82px;
		padding: 0 22px;
	}
	.header .nav > li > a {
		position: relative;
		padding: 28px 0 27px;
		font-size: 15px;
		letter-spacing: 0.2px;
	}
	.header .nav > li > a:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		height: 2px;
		background: var(--blue);
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.24s ease;
	}
	.header .nav > li:hover > a:after,
	.header .nav > li:focus-within > a:after,
	.header .nav > li.active > a:after {
		transform: scaleX(1);
	}
	.mega-panel {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 82px;
		width: 100%;
		min-height: 224px;
		padding: 36px max(calc((100vw - 1200px) / 2), 40px) 40px;
		background: #071a31;
		color: #fff;
		box-shadow: 0 20px 35px rgba(5, 18, 37, 0.2);
		grid-template-columns: minmax(275px, 1.2fr) 3fr;
		gap: 54px;
		z-index: 100;
	}
	.header .nav > li:hover > .mega-panel,
	.header .nav > li:focus-within > .mega-panel {
		display: grid;
	}
	.mega-intro {
		padding: 5px 50px 0 0;
		border-right: 1px solid rgba(255, 255, 255, 0.18);
	}
	.mega-intro span {
		display: block;
		color: #71a1ff;
		font-size: 11px;
		letter-spacing: 1.8px;
	}
	.mega-intro strong {
		display: block;
		margin-top: 10px;
		font-size: 28px;
		font-weight: 600;
	}
	.mega-intro p {
		margin: 8px 0 0;
		color: #a8b9cd;
		font-size: 13px;
		line-height: 1.8;
	}
	.mega-links {
		display: grid;
		grid-template-columns: repeat(3, minmax(130px, 1fr));
		align-items: start;
	}
	.mega-links a {
		padding: 8px 24px;
		border-right: 1px solid rgba(255, 255, 255, 0.12);
	}
	.mega-links a:last-child {
		border: 0;
	}
	.mega-links a span {
		display: block;
		font-size: 17px;
		line-height: 1.5;
	}
	.mega-links a small {
		display: block;
		margin-top: 9px;
		color: #7faeff;
		font-size: 11px;
		letter-spacing: 1px;
	}
	.mega-links a:hover span {
		color: #5cf5ff;
	}
	.header .phone {
		margin-left: 24px;
		font-size: 15px;
		white-space: nowrap;
	}
}
@media (max-width: 999px) {
	.container {
		width: calc(100% - 40px);
	}
	.header .inner {
		width: calc(100% - 32px);
	}
	.nav.open {
		height: 100dvh;
		min-height: 100svh;
		max-height: 100dvh;
		padding-top: 62px;
		padding-bottom: calc(22px + env(safe-area-inset-bottom));
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	.nav.open > li {
		padding: 0 22px;
	}
	.mega-panel {
		display: none !important;
	}
	.header .inner:has(.nav.open) .menu-toggle {
		position: fixed;
		z-index: 41;
		top: 14px;
		right: 16px;
		width: 36px;
		height: 36px;
		padding: 4px;
		border: 1px solid #e3e7eb;
		background: #fff;
		box-shadow: 0 6px 18px rgba(9, 25, 45, 0.12);
			transition: 0.4s ease;
	}
	.header .inner:has(.nav.open) .menu-toggle .icon {
		transform: rotate(45deg);
		transition: transform 0.4s ease;
	}
}
.home-about-grid,
.solution-grid,
.service-banners,
.catalog-grid,
.advantage-grid,
.team-grid,
.application-grid {
	gap: 24px;
}
.solution-grid .solution-card,
.service-banners .service-banner {
	min-width: 0;
}
.home-products,
.services,
.catalog,
.article,
.product-detail {
	padding-left: 0;
	padding-right: 0;
}
.home-products .section-heading,
.services .section-heading {
	padding-inline: 10px;
}
.quality .container {
	padding-left: 0;
	padding-right: 0;
}
.quality {
	padding-inline: 20px;
}
.quality .container {
	width: min(1200px, 100%);
}
.home-about {
	padding-inline: 20px;
}
.home-about .container {
	width: min(1200px, 100%);
}
.page-hero,
.hero {
	margin-inline: 0;
}
@media (max-width: 999px) {
	.home-about,
	.quality {
		padding-inline: 0;
	}
	.home-about .container,
	.quality .container {
		width: calc(100% - 40px);
	}
	.solution-grid,
	.catalog-grid {
		gap: 14px;
	}
	.service-banners,
	.application-grid {
		gap: 14px;
	}
	.article,
	.product-detail {
		padding-inline: 0;
	}
	.footer-grid {
		gap: 24px;
	}
}