/* ===========================================================
 * EVA Customization Page Styles
 * Based on reference HTML: eva-customization-delivery/index.html
 * ===========================================================
 * Enqueue: in template-eva-customization.php
 * Scope: all selectors under .eva-page
 * =========================================================== */

/* ===========================================================
 * CSS Variables
 * =========================================================== */
.eva-page {
	--eva-blue: #145bff;
	--eva-blue2: #0d48d8;
	--eva-ink: #0d1117;
	--eva-graphite: #2c3440;
	--eva-muted: #667085;
	--eva-line: #dfe5ee;
	--eva-soft: #f4f7fb;
	--eva-white: #fff;
	--eva-navy: #07162b;
}

.eva-page * {
	box-sizing: border-box;
}

.eva-page {
	color: var(--eva-ink);
	font-family: var(--font-geist), Arial, sans-serif;
}

.eva-page a {
	color: inherit;
	text-decoration: none;
}

.eva-page .wrap {
	width: min(1180px, calc(100% - 48px));
	margin: auto;
}

/* ===========================================================
 * Hero
 * =========================================================== */
.eva-page .hero {
	position: relative;
	overflow: hidden;
	background: linear-gradient(110deg, #fff 0%, #fff 46%, #eef4fc 100%);
	padding-bottom: 0;
}

.eva-page .hero-grid-bg {
	position: absolute;
	inset: 0;
	opacity: .32;
	background-image:
		linear-gradient(#d8e4f5 1px, transparent 1px),
		linear-gradient(90deg, #d8e4f5 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(90deg, #000, transparent 40%, transparent 75%, #000);
}

.eva-page .hero-layout {
	position: relative;
	display: grid;
	grid-template-columns: 45% 55%;
	min-height: 620px;
	align-items: center;
}

.eva-page .hero-copy {
	padding: 68px 28px 70px 0;
	z-index: 2;
}

.eva-page .eyebrow {
	font-size: 12px;
	letter-spacing: .16em;
	color: var(--eva-blue);
	font-weight: 800;
	margin: 0 0 18px;
}

.eva-page .hero h1 {
	font-size: 60px;
	line-height: 1.01;
	letter-spacing: -.055em;
	margin: 0;
	max-width: 620px;
}

.eva-page .hero h1 span {
	color: var(--eva-blue);
}

.eva-page .lead {
	font-size: 17px;
	line-height: 1.7;
	color: #586170;
	max-width: 570px;
	margin: 28px 0;
}

.eva-page .hero-actions {
	display: flex;
	align-items: center;
	gap: 31px;
}

.eva-page .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	border: 0;
	cursor: pointer;
	font: inherit;
	font-weight: 750;
	padding: 16px 21px;
	min-height: 52px;
	transition: .2s;
}

.eva-page .button:hover {
	transform: translateY(-2px);
}

.eva-page .primary {
	background: var(--eva-blue);
	color: #fff;
	box-shadow: 0 12px 30px rgba(20, 91, 255, .2);
}

.eva-page .primary:hover {
	background: var(--eva-blue2);
}

.eva-page .text-link {
	color: var(--eva-blue);
	font-size: 14px;
	font-weight: 750;
}

.eva-page .hero-visual {
	align-self: stretch;
	background: center/cover no-repeat;
	position: relative;
	min-height: 530px;
}

.eva-page .hero-visual:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #fff 0%, transparent 23%);
}

.eva-page .visual-label {
	position: absolute;
	right: 20px;
	bottom: 20px;
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(20, 91, 255, .25);
	backdrop-filter: blur(8px);
	padding: 13px 16px;
	display: flex;
	flex-direction: column;
	font-size: 11px;
	color: #657083;
}

.eva-page .visual-label b {
	color: var(--eva-blue);
	letter-spacing: .12em;
	margin-bottom: 4px;
}

/* ===========================================================
 * Trust Bar
 * =========================================================== */
.eva-page .trustbar {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: #fff;
	border: 1px solid var(--eva-line);
	box-shadow: 0 14px 38px rgba(18, 31, 53, .08);
	transform: translateY(1px);
}

.eva-page .trustbar div {
	padding: 23px 25px;
	border-right: 1px solid var(--eva-line);
}

.eva-page .trustbar div:last-child {
	border: 0;
}

.eva-page .trustbar b {
	display: block;
	font-size: 20px;
	letter-spacing: -.03em;
}

.eva-page .trustbar span {
	display: block;
	color: #737d8b;
	font-size: 12px;
	margin-top: 6px;
}

/* ===========================================================
 * Section (shared)
 * =========================================================== */
.eva-page .section {
	padding: 100px 0;
}

.eva-page .section-heading {
	max-width: 760px;
	margin-bottom: 46px;
}

	.eva-page .faq h2 {
	font-size: 43px;
	line-height: 1.12;
	letter-spacing: -.045em;
	margin: 0;
}

.eva-page .section-heading.split {
	max-width: none;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	align-items: end;
	gap: 80px;
}

.eva-page .section-heading.split p:last-child {
	font-size: 16px;
	line-height: 1.75;
	color: var(--eva-muted);
	margin: 0;
}

.eva-page .eyebrow.light {
	color: #75a1ff;
}

/* ===========================================================
 * Capabilities
 * =========================================================== */
.eva-page .capability-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--eva-line);
	border-left: 1px solid var(--eva-line);
}

.eva-page .capability {
	min-height: 330px;
	padding: 27px;
	border-right: 1px solid var(--eva-line);
	border-bottom: 1px solid var(--eva-line);
	position: relative;
	transition: .25s;
}

.eva-page .capability:hover {
	background: var(--eva-soft);
	transform: translateY(-5px);
}

.eva-page .capability > span {
	font-size: 11px;
	color: #98a2b3;
}

.eva-page .cap-icon {
	width: 49px;
	height: 49px;
	border-radius: 50%;
	background: #eaf1ff;
	color: var(--eva-blue);
	display: grid;
	place-items: center;
	font-size: 25px;
	margin: 48px 0 25px;
}

.eva-page .capability h3,
.eva-page .applications h3,
.eva-page .process h3 {
	font-size: 20px;
	margin: 0 0 13px;
	letter-spacing: -.02em;
}

.eva-page .capability p,
.eva-page .applications article p {
	font-size: 14px;
	line-height: 1.7;
	color: var(--eva-muted);
	margin: 0;
}

/* Compact capabilities variant (intro section) */
.eva-page .compact-capabilities {
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	border: 0;
	background: transparent;
}

.eva-page .compact-capabilities .capability {
	min-height: 250px;
	padding: 30px 32px;
	border: 1px solid #dce4ef;
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.eva-page .compact-capabilities .capability:hover {
	background: #fff;
	border-color: #9bb8fa;
	box-shadow: 0 16px 42px rgba(20, 45, 85, .08);
	transform: translateY(-3px);
}

.eva-page .capability-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.eva-page .compact-capabilities .capability-top > span {
	font-size: 13px;
	font-weight: 750;
	color: #145bff;
}

.eva-page .capability-top small {
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .16em;
	color: #8894a5;
	background: #f1f5fb;
	padding: 7px 9px;
}

.eva-page .capability-line {
	height: 2px;
	background: #e7ecf3;
	margin: 20px 0 24px;
	position: relative;
}

.eva-page .capability-line i {
	display: block;
	width: 42px;
	height: 2px;
	background: #145bff;
}

.eva-page .compact-capabilities .capability h3 {
	font-size: 24px;
	margin: 0 0 13px;
}

.eva-page .compact-capabilities .capability p {
	max-width: 500px;
	font-size: 14px;
	line-height: 1.75;
}

.eva-page .compact-capabilities .capability > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 21px;
	font-size: 11px;
	font-weight: 750;
	color: #536070;
}

.eva-page .compact-capabilities .capability > a span {
	color: #145bff;
	font-size: 16px;
}

.eva-page .compact-capabilities .cap-icon {
	display: none;
}

/* ===========================================================
 * Catalog (option cards)
 * =========================================================== */
.eva-page .option-catalog {
	background: #f4f7fb;
	border-top: 1px solid var(--eva-line);
}

.eva-page .catalog-head {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 50px;
}

.eva-page .catalog-head h2 {
	font-size: 47px;
	line-height: 1.08;
	letter-spacing: -.05em;
	margin: 0;
	max-width: 760px;
}

.eva-page .catalog-summary {
	display: grid;
	grid-template-columns: auto auto;
	gap: 3px 11px;
	align-items: center;
	background: #07162b;
	color: #fff;
	padding: 22px 26px;
	min-width: 280px;
}

.eva-page .catalog-summary b {
	font-size: 25px;
	color: #75a1ff;
	line-height: 1;
}

.eva-page .catalog-summary span {
	font-size: 11px;
	color: #bdc8d7;
}

.eva-page .catalog-intro {
	max-width: 850px;
	color: var(--eva-muted);
	line-height: 1.75;
	margin: 28px 0 45px;
}

.eva-page .option-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.eva-page .option-card {
	background: #fff;
	border: 1px solid #dbe3ee;
	padding: 20px;
	display: flex;
	flex-direction: column;
	min-height: 500px;
	transition: .25s;
}

.eva-page .option-card:hover {
	border-color: #9ab8ff;
	box-shadow: 0 18px 45px rgba(25, 52, 92, .09);
	transform: translateY(-3px);
}

.eva-page .option-title {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 4px 3px 18px;
}

.eva-page .option-title > span {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #eaf1ff;
	color: var(--eva-blue);
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 800;
	flex: 0 0 auto;
}

.eva-page .option-title h3 {
	font-size: 19px;
	margin: 0 0 4px;
	letter-spacing: -.025em;
}

.eva-page .option-title b {
	font-size: 10px;
	color: var(--eva-blue);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.eva-page .option-photo {
	display: block;
	width: calc(100% + 40px);
	height: 205px;
	margin: 0 -20px 19px;
	object-fit: cover;
	background: #f7f8fa;
	border-top: 1px solid #e5eaf1;
	border-bottom: 1px solid #e5eaf1;
	max-width:none
}

.eva-page .option-card > p {
	font-size: 12px;
	line-height: 1.6;
	color: #7b8594;
	margin: 0 3px 16px;
}

.eva-page .option-card ul {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	list-style: none;
	padding: 0;
	margin: auto 3px 3px;
}

.eva-page .option-card li {
	font-size: 11px;
	color: #354052;
	background: #f4f7fb;
	border: 1px solid #e3e9f1;
	padding: 7px 9px;
}

.eva-page .catalog-cta {
	margin-top: 22px;
	background: #fff;
	border-left: 4px solid var(--eva-blue);
	padding: 24px 27px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
}

.eva-page .catalog-cta div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.eva-page .catalog-cta b {
	font-size: 17px;
}

.eva-page .catalog-cta span {
	font-size: 12px;
	color: var(--eva-muted);
}

/* ===========================================================
 * Engineering
 * =========================================================== */
.eva-page .engineering {
	background: var(--eva-soft);
}

.eva-page .engineering-grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 85px;
	align-items: center;
}

.eva-page .engineering-art {
	height: 500px;
	background: #e9f0fa;
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
}

.eva-page .engineering-art:before,
.eva-page .engineering-art:after {
	content: "";
	position: absolute;
	background: var(--eva-blue);
	opacity: .35;
}

.eva-page .engineering-art:before {
	width: 1px;
	height: 100%;
	left: 50%;
}

.eva-page .engineering-art:after {
	height: 1px;
	width: 100%;
	top: 50%;
}

.eva-page .case-outline {
	width: 360px;
	height: 255px;
	border: 22px solid #1a222e;
	border-radius: 42px;
	box-shadow:
		0 30px 60px rgba(17, 33, 55, .22),
		inset 0 0 0 5px var(--eva-blue);
	padding: 25px;
	transform: rotate(-6deg);
	background: #303946;
}

.eva-page .foam-grid {
	height: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 13px;
}

.eva-page .foam-grid i {
	background: #10151d;
	border-radius: 12px;
	box-shadow: inset 0 0 0 2px #485361;
}

.eva-page .measure {
	position: absolute;
	background: #fff;
	color: var(--eva-blue);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .12em;
	padding: 10px 13px;
	border-left: 3px solid var(--eva-blue);
}

.eva-page .m1 {
	top: 50px;
	right: 35px;
}

.eva-page .m2 {
	bottom: 40px;
	left: 40px;
}

.eva-page .engineering-copy > p:not(.eyebrow) {
	font-size: 16px;
	line-height: 1.75;
	color: var(--eva-muted);
	margin: 24px 0;
}

.eva-page .engineering-copy ul {
	list-style: none;
	padding: 0;
	margin: 30px 0;
}

.eva-page .engineering-copy li {
	border-top: 1px solid #d8e0ec;
	padding: 15px 0;
	display: grid;
	grid-template-columns: 155px 1fr;
	font-size: 14px;
}

.eva-page .engineering-copy li span {
	color: var(--eva-muted);
}

.eva-page .button.dark {
	background: var(--eva-ink);
	color: #fff;
}

/* ===========================================================
 * Applications / Industries
 * =========================================================== */
.eva-page .applications {
	background: #fff;
}


.eva-page .product-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 28px;
}

.eva-page .product-tabs span {
	display: flex;
	align-items: center;
	gap: 9px;
	background: #eef3fb;
	color: #526071;
	font-size: 11px;
	font-weight: 700;
	padding: 11px 15px;
}

.eva-page .product-tabs b {
	color: var(--eva-blue);
	font-size: 18px;
}

.eva-page .applications .section-heading {
	max-width: 800px;
}
.eva-page .applications .product-heading {
	max-width: none;
	margin-bottom: 30px;
}
.eva-page .application-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.eva-page .applications .application-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.eva-page .application-grid article {
	position: relative;
}

.eva-page .app-no {
	position: absolute;
	z-index: 2;
	top: 12px;
	left: 14px;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
}

.eva-page .app-pic {
	height: 245px;
	margin-bottom: 22px;
	display: grid;
	place-items: center;
	position: relative;
	overflow: hidden;
}

.eva-page .app-pic:before {
	content: "";
	position: absolute;
	width: 170px;
	height: 125px;
	border-radius: 27px;
	background: #141b25;
	border: 10px solid #303a47;
	box-shadow: 0 24px 35px rgba(4, 12, 25, .25);
	transform: rotate(-8deg);
}

.eva-page .app-pic span {
	position: relative;
	z-index: 2;
	font-size: 40px;
	color: var(--eva-blue);
}

.eva-page .app-1 { background: #dfeaff; }
.eva-page .app-2 { background: #d9f1ec; }
.eva-page .app-3 { background: #ede8fa; }
.eva-page .app-4 { background: #f5e8d8; }

/* Product card (industry grid) */
.eva-page .product-card {
	border: 1px solid #dce3ed;
	background: #fff;
	position: relative;
	transition: .25s;
	min-width: 0;
}

.eva-page .product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 42px rgba(20, 38, 68, .1);
	border-color: #9db9f8;
}

.eva-page .product-image {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f3f5f8;
}

.eva-page .product-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform .35s;
}

.eva-page .product-card:hover .product-image img {
	transform: scale(1.035);
}

.eva-page .product-image > span {
	position: absolute;
	left: 10px;
	bottom: 10px;
	background: #145bff;
	color: #fff;
	padding: 7px 9px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.eva-page .product-image > span.molded {
	background: #162236;
}

.eva-page .product-card-body {
	padding: 19px 17px 18px;
	display: flex;
	flex-direction: column;
	min-height: 270px;
}

.eva-page .product-index {
	color: #a0aaba;
	font-size: 10px;
	margin-bottom: 11px;
}

.eva-page .product-card h3 {
	font-size: 18px;
	margin: 0 0 10px;
	letter-spacing: -.025em;
}

.eva-page .product-card p {
	font-size: 12px;
	line-height: 1.65;
	color: var(--eva-muted);
	margin: 0 0 15px;
}

.eva-page .product-card small {
	display: block;
	color: #145bff;
	font-size: 10px;
	line-height: 1.5;
	margin-bottom: 18px;
}

.eva-page .product-card-body > a {
	margin-top: auto;
	font-size: 11px;
	font-weight: 750;
	border-top: 1px solid #e4e9f0;
	padding-top: 13px;
}

.eva-page .product-card-body > a span {
	color: var(--eva-blue);
	float: right;
}

.eva-page .product-link-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 25px;
	background: #f3f6fa;
	border-left: 4px solid var(--eva-blue);
	padding: 25px 28px;
}

.eva-page .product-link-panel > div {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.eva-page .product-link-panel b {
	font-size: 17px;
}

.eva-page .product-link-panel span {
	font-size: 12px;
	color: var(--eva-muted);
}

.eva-page .industry-grid {
	grid-template-columns: repeat(4, 1fr) !important;
}

.eva-page .industry-card .product-card-body {
	min-height: 275px;
}

.eva-page .industry-card .product-image > span {
	background: rgba(7, 22, 43, .88);
	backdrop-filter: blur(5px);
}

/* ===========================================================
 * Process
 * =========================================================== */
.eva-page .process {
	background: var(--eva-navy);
	color: #fff;
}

.eva-page .process .section-heading p:last-child {
	color: #aebdd1;
}

.eva-page .process-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid #31405a;
}

.eva-page .process-list article {
	padding: 30px 27px 15px;
	border-right: 1px solid #31405a;
}

.eva-page .process-list article:last-child {
	border: 0;
}

.eva-page .process-list article > span {
	display: block;
	color: #6797ff;
	font-size: 13px;
	margin-bottom: 42px;
}

.eva-page .process-list h3 {
	color: #fff;
}

.eva-page .process-list p {
	color: #aeb8c8;
	font-size: 14px;
	line-height: 1.75;
}

/* ===========================================================
 * Quality
 * =========================================================== */
.eva-page .quality-grid {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 90px;
}

.eva-page .quality-grid > div > p:not(.eyebrow) {
	color: var(--eva-muted);
	line-height: 1.8;
	max-width: 680px;
}

.eva-page .certs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 35px;
}

.eva-page .certs span {
	background: var(--eva-soft);
	padding: 19px;
	font-size: 11px;
	color: var(--eva-muted);
}

.eva-page .certs b {
	display: block;
	color: var(--eva-blue);
	font-size: 15px;
	margin-bottom: 7px;
}

.eva-page .quality aside {
	background: var(--eva-blue);
	color: #fff;
	padding: 42px;
}

.eva-page .quality aside > p {
	font-weight: 800;
	font-size: 21px;
	margin-top: 0;
}

.eva-page .quality aside ul {
	list-style: none;
	padding: 0;
	margin: 25px 0 0;
}

.eva-page .quality aside li {
	border-top: 1px solid rgba(255, 255, 255, .25);
	padding: 16px 0;
	font-size: 14px;
}

.eva-page .quality aside li:before {
	content: "\2713";
	margin-right: 12px;
}

/* ===========================================================
 * FAQ
 * =========================================================== */
.eva-page .faq {
	background: var(--eva-soft);
}

.eva-page .faq-grid {
	display: grid;
	grid-template-columns: 0.75fr 1.25fr;
	gap: 90px;
}

.eva-page .faq-note {
	color: var(--eva-muted);
	line-height: 1.7;
	margin-top: 24px;
}

.eva-page .faq details {
	border-top: 1px solid #ced7e4;
	padding: 22px 0;
}

.eva-page .faq details:last-child {
	border-bottom: 1px solid #ced7e4;
}

.eva-page .faq summary {
	font-weight: 750;
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.eva-page .faq summary::-webkit-details-marker {
	display: none;
}

.eva-page .faq summary span {
	color: var(--eva-blue);
}

.eva-page .faq details p {
	color: var(--eva-muted);
	font-size: 14px;
	line-height: 1.75;
	max-width: 680px;
}

/* ===========================================================
 * Responsive — 980px
 * =========================================================== */
@media (max-width: 980px) {

	.eva-page .hero-layout {
		grid-template-columns: 1fr;
	}

	.eva-page .hero-copy {
		padding-right: 0;
	}

	.eva-page .hero-visual {
		min-height: 460px;
	}

	.eva-page .hero-visual:before {
		background: linear-gradient(#fff 0%, transparent 16%);
	}

	.eva-page .trustbar {
		grid-template-columns: repeat(2, 1fr);
	}

	.eva-page .capability-grid,
	.eva-page .application-grid,
	.eva-page .process-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.eva-page .option-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.eva-page .catalog-head {
		grid-template-columns: 1fr;
	}

	.eva-page .catalog-summary {
		width: max-content;
	}

	.eva-page .engineering-grid,
	.eva-page .quality-grid,
	.eva-page .faq-grid {
		grid-template-columns: 1fr;
		gap: 55px;
	}

	.eva-page .section-heading.split {
		grid-template-columns: 1fr;
		gap: 25px;
	}


	.eva-page .applications .application-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.eva-page .industry-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

/* ===========================================================
 * Responsive — 640px
 * =========================================================== */
@media (max-width: 640px) {
	.eva-page .wrap {
		width: min(calc(100% - 32px), 1180px);
	}


	.eva-page .hero-copy {
		padding: 55px 0 42px;
	}

	.eva-page .hero h1 {
		font-size: 42px;
	}

	.eva-page .lead {
		font-size: 15px;
	}

	.eva-page .hero-actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}

	.eva-page .hero-visual {
		min-height: 345px;
		margin: 0 -16px;
		background-position: 58% center;
	}

	.eva-page .visual-label {
		display: none;
	}

	.eva-page .trustbar {
		width: 100%;
		grid-template-columns: 1fr 1fr;
	}

	.eva-page .trustbar div {
		padding: 18px 14px;
	}

	.eva-page .trustbar b {
		font-size: 15px;
	}

	.eva-page .section {
		padding: 72px 0;
	}

	.eva-page .section-heading h2,
	.eva-page .engineering-copy h2,
	.eva-page .quality h2,
	.eva-page .faq h2,
	.eva-page .catalog-head h2 {
		font-size: 34px;
	}

	.eva-page .capability-grid,
	.eva-page .application-grid,
	.eva-page .process-list,
	.eva-page .option-grid {
		grid-template-columns: 1fr;
	}

	.eva-page .catalog-summary {
		width: 100%;
		min-width: 0;
	}

	.eva-page .catalog-cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.eva-page .option-card {
		min-height: 0;
	}

	.eva-page .capability {
		min-height: 260px;
	}

	.eva-page .cap-icon {
		margin: 28px 0 20px;
	}

	.eva-page .compact-capabilities {
		grid-template-columns: 1fr;
	}

	.eva-page .compact-capabilities .capability {
		min-height: 230px;
		padding: 25px;
	}

	.eva-page .engineering-art {
		height: 350px;
	}

	.eva-page .case-outline {
		width: 260px;
		height: 185px;
		border-width: 16px;
		padding: 18px;
	}

	.eva-page .engineering-copy li {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.eva-page .application-grid {
		gap: 38px;
	}

	.eva-page .applications .application-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.eva-page .product-tabs {
		flex-direction: column;
	}

	.eva-page .product-link-panel {
		align-items: flex-start;
		flex-direction: column;
	}

	.eva-page .product-card-body {
		min-height: 0;
	}

	.eva-page .process-list article {
		border-right: 0;
		border-bottom: 1px solid #31405a;
	}

	.eva-page .process-list article > span {
		margin-bottom: 18px;
	}

	.eva-page .certs {
		grid-template-columns: 1fr;
	}





	.eva-page .industry-grid {
		grid-template-columns: 1fr !important;
	}

	.eva-page .industry-card .product-card-body {
		min-height: 0;
	}
}

/* ===========================================================
 * Reduced Motion
 * =========================================================== */
@media (prefers-reduced-motion: reduce) {
	.eva-page * {
		transition: none !important;
	}
}

/* ===========================================================
 * Table styles (blog-template.css consistency)
 * =========================================================== */
.eva-page table {
	width: 100%;
	border-collapse: collapse;
	margin: 22px 0 30px;
	font-size: 15px;
	border-radius: 16px;
	overflow: hidden;
}

.eva-page th,
.eva-page td {
	border: 1px solid #e5e7eb;
	padding: 13px 14px;
	vertical-align: top;
	text-align: left;
}

.eva-page th {
	background: #f1f5f9;
	color: #111827;
	font-weight: 600;
}

.eva-page table thead th,
.eva-page .section table tbody tr:first-child td,
.eva-page .section table tbody tr:first-child th {
	background: #f1f5f9;
	color: #111827;
	font-weight: 600;
}

.eva-page .section table tbody tr:not(:first-child) td,
.eva-page .section table tbody tr:not(:first-child) th {
	background: none;
}