/**
 * Commercial homepage — Variante B (premium, wide spacing, tech blue).
 * 0.4.1: full-width AV hero, spacing scale, dark/light contrast, sticky offsets.
 */

.eav-home [id] {
	scroll-margin-top: var(--eav-sticky-offset);
}

html {
	scroll-padding-top: var(--eav-sticky-offset);
}

body.admin-bar {
	--eav-wp-adminbar: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--eav-wp-adminbar: 46px;
	}
}

/* Shared section rhythm */
.eav-home > section {
	padding-block: var(--section-space-mobile, 3rem);
}

@media (min-width: 768px) {
	.eav-home > section {
		padding-block: var(--section-space-tablet, 4rem);
	}
}

@media (min-width: 1100px) {
	.eav-home > section {
		padding-block: var(--section-space-desktop, 5.5rem);
	}
}

/* Light stripe — never override dark caps, hero, or demo */
.eav-home > section:nth-child(even):not(.eav-tech):not(.eav-demo):not(.eav-cap--dark):not(.eav-hero):not(.eav-sticky-nav) {
	background: var(--eav-color-surface);
}

.eav-home--j150 {
	background: var(--eav-color-background);
	padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 901px) {
	.eav-home--j150 {
		padding-bottom: 0;
	}
}

/* Placeholder */
.eav-home-ph {
	position: relative;
	display: grid;
	place-items: center;
	align-content: center;
	gap: var(--eav-space-3);
	width: 100%;
	overflow: hidden;
	border-radius: var(--eav-radius-medium);
	background: linear-gradient(145deg, var(--eav-color-dark-elevated) 0%, var(--eav-color-dark) 55%, #0d2430 100%);
	color: var(--eav-color-on-dark);
	border: 1px solid rgba(255, 255, 255, 0.08);
	text-align: center;
	padding: var(--eav-space-5);
}

.eav-home-ph::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(10, 127, 181, 0.08) 1px, transparent 1px),
		linear-gradient(rgba(10, 127, 181, 0.08) 1px, transparent 1px);
	background-size: 1.5rem 1.5rem;
	opacity: 0.45;
	pointer-events: none;
}

.eav-home-ph--wide {
	aspect-ratio: 16 / 9;
	min-height: 14rem;
}

.eav-home-ph--square {
	aspect-ratio: 1 / 1;
	min-height: 16rem;
}

.eav-home-ph--portrait {
	aspect-ratio: 3 / 4;
	min-height: 18rem;
}

.eav-home-ph__mark {
	position: relative;
	z-index: 1;
	font-family: var(--eav-font-heading);
	font-size: var(--eav-text-xs);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--eav-color-primary-light);
}

.eav-home-ph__label {
	position: relative;
	z-index: 1;
	max-width: 18rem;
	font-size: var(--eav-text-sm);
	color: rgba(245, 247, 250, 0.82);
}

/* Hero — max 1280px (native), contain, no upscale beyond source */
.eav-hero {
	position: relative;
	padding-block: 0;
	background: var(--eav-color-background);
	display: block;
	min-height: 0;
}

.eav-hero--av {
	padding-block: 0;
}

/* Beat .eav-home > section padding-block (3–5.5rem) that opened a white gap above the strip */
.eav-home > section.eav-hero,
.eav-home > section.eav-hero--av,
.eav-home--j150 > section.eav-hero {
	padding-block: 0;
	/* Small air under sticky header — not glued, not a large empty band */
	padding-top: 0.5rem;
}

/* Launch strip — reserved space in document flow (no CLS) */
.eav-launch-strip {
	background: linear-gradient(180deg, var(--eav-color-dark-elevated, #12232e) 0%, var(--eav-color-dark, #0b1720) 100%);
	color: var(--eav-color-on-dark, #f4f7f9);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding-block: 0.85rem 1rem;
	margin-bottom: 0;
}

/* Secondary CTA on black strip — dark text/border is invisible; force light contrast */
.eav-launch-strip .eav-btn--secondary {
	color: #fff;
	background: transparent;
	border-color: rgba(255, 255, 255, 0.88);
}

.eav-launch-strip .eav-btn--secondary:hover,
.eav-launch-strip .eav-btn--secondary:focus-visible {
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
	border-color: #fff;
	outline: 2px solid rgba(255, 255, 255, 0.55);
	outline-offset: 2px;
}

.eav-launch-strip .eav-btn--secondary:active {
	color: #fff;
	background: rgba(255, 255, 255, 0.18);
	border-color: #fff;
}

.eav-launch-strip__inner {
	display: grid;
	gap: 0.35rem;
	max-width: 1280px;
}

.eav-launch-strip__eyebrow {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
}

.eav-launch-strip__title {
	margin: 0;
	font-size: clamp(1.05rem, 2.4vw, 1.35rem);
	font-weight: 700;
	line-height: 1.25;
	color: inherit;
}

.eav-launch-strip__text {
	margin: 0;
	max-width: 52rem;
	font-size: 0.95rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.86);
}

.eav-launch-strip__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem 1rem;
	margin: 0.45rem 0 0;
}

.eav-launch-strip__actions .eav-btn {
	min-height: 2.5rem;
}

.eav-launch-strip__actions .eav-link-arrow {
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.9rem;
}

@media (max-width: 480px) {
	.eav-launch-strip {
		padding-block: 0.75rem 0.9rem;
	}

	.eav-launch-strip__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.eav-launch-strip__actions .eav-btn,
	.eav-launch-strip__actions .eav-link-arrow {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

/* First-visit welcome card — non-blocking, below cookie layer if any */
.eav-welcome {
	position: fixed;
	inset: auto 1rem 1rem auto;
	z-index: 40;
	width: min(22.5rem, calc(100vw - 2rem));
	pointer-events: none;
}

.eav-welcome:not([hidden]) {
	pointer-events: auto;
}

.eav-welcome__panel {
	position: relative;
	background: var(--eav-color-background, #fff);
	color: var(--eav-color-text, #12232e);
	border: 1px solid rgba(18, 35, 46, 0.12);
	border-radius: var(--eav-radius-medium, 0.75rem);
	box-shadow: 0 12px 32px rgba(11, 23, 32, 0.18);
	padding: 1.15rem 1.15rem 1.25rem;
}

.eav-welcome__close {
	position: absolute;
	top: 0.35rem;
	right: 0.35rem;
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0.4rem;
	background: transparent;
	color: inherit;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.eav-welcome__close:focus-visible {
	outline: 2px solid var(--eav-color-accent, #0a7fb5);
	outline-offset: 2px;
}

.eav-welcome__eyebrow {
	margin: 0 2rem 0.2rem 0;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--eav-color-muted, #5a6b76);
}

.eav-welcome__title {
	margin: 0 2rem 0.45rem 0;
	font-size: 1.25rem;
	line-height: 1.2;
}

.eav-welcome__text,
.eav-welcome__note {
	margin: 0 0 0.55rem;
	font-size: 0.95rem;
	line-height: 1.45;
}

.eav-welcome__note {
	color: var(--eav-color-muted, #5a6b76);
}

.eav-welcome__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin: 0.85rem 0 0;
}

.eav-welcome__actions .eav-btn {
	min-height: 2.65rem;
	flex: 1 1 auto;
	justify-content: center;
	text-align: center;
}

@media (max-width: 480px) {
	.eav-welcome {
		inset: auto 0.75rem 0.75rem 0.75rem;
		width: auto;
	}

	.eav-welcome__actions {
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eav-welcome__panel {
		transition: none;
	}
}

.eav-hero__stage {
	width: calc(100% - 32px);
	max-width: 1280px;
	margin-inline: auto;
	/* Separate video from black strip (independent of reduced space above strip) */
	margin-top: 1.15rem;
	background: var(--eav-color-background);
	padding-inline: 0;
}

@media (min-width: 768px) {
	.eav-hero__stage {
		margin-top: 1.35rem;
	}
}

.eav-hero__stage .eav-j150-media--hero {
	border-radius: var(--eav-radius-medium);
	width: 100%;
	height: auto;
	max-height: none;
	min-height: 0;
	aspect-ratio: auto;
	overflow: visible;
	background: var(--eav-color-surface);
	transform: none;
}

.eav-hero__stage .eav-j150-media__video,
.eav-hero__stage .eav-j150-media__poster,
.eav-hero__stage .eav-hero__image,
.eav-hero__stage video,
.eav-hero__stage img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	object-position: center center;
	border-radius: var(--eav-radius-medium);
	background: var(--eav-color-surface);
	transform: none;
}

.eav-hero__summary {
	padding-block: clamp(1.75rem, 3.5vw, 2.75rem) clamp(0.5rem, 1vw, 1rem);
}

.eav-hero__content {
	max-width: 40rem;
}

.eav-hero__eyebrow {
	margin: 0 0 var(--content-gap, var(--eav-space-3));
	font-size: var(--eav-text-xs);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--eav-color-primary);
}

.eav-hero__title {
	margin: 0 0 var(--eav-space-3);
	font-size: var(--eav-text-3xl);
	color: var(--eav-color-text);
}

.eav-hero__highlight {
	margin: 0 0 var(--eav-space-4);
	font-size: var(--eav-text-lg);
	font-weight: 600;
	color: var(--eav-color-text);
}

.eav-hero__text {
	margin: 0 0 var(--eav-space-5);
	max-width: 38rem;
	color: var(--eav-color-text-muted, var(--eav-color-muted));
	font-size: var(--eav-text-md);
}

.eav-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	align-items: center;
}

.eav-hero__actions .eav-btn {
	min-height: 2.75rem;
}

.eav-hero__media,
.eav-hero__picture,
.eav-hero__video,
.eav-hero__image {
	width: 100%;
}

@media (max-width: 767px) {
	.eav-hero__stage {
		width: calc(100% - 24px);
		padding-inline: 0;
	}
}

/* Trust strip */
.eav-trust {
	padding-block: clamp(1.75rem, 3vw, 2.5rem);
	background: var(--eav-color-background);
	border-block: 1px solid var(--eav-color-border);
}

.eav-trust__list {
	display: grid;
	gap: var(--eav-space-5);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 640px) {
	.eav-trust__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.eav-trust__list {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.eav-trust__item {
	display: grid;
	gap: var(--eav-space-2);
}

.eav-trust__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--eav-radius-small);
	background: var(--eav-color-surface);
	color: var(--eav-color-primary);
}

.eav-trust__title {
	margin: 0;
	font-size: var(--eav-text-md);
}

.eav-trust__text {
	margin: 0;
	font-size: var(--eav-text-sm);
	color: var(--eav-color-muted);
}

/* J150 */
.eav-j150 {
	background: var(--eav-color-background);
}

.eav-j150__grid {
	display: grid;
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: center;
}

@media (min-width: 900px) {
	.eav-j150__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

.eav-j150__title {
	margin-bottom: var(--eav-space-3);
}

.eav-j150__subtitle {
	margin: 0 0 var(--eav-space-4);
	font-size: var(--eav-text-lg);
	font-weight: 600;
	color: var(--eav-color-text);
}

.eav-j150__text {
	margin: 0 0 var(--eav-space-5);
	color: var(--eav-color-muted);
	max-width: 36rem;
}

.eav-j150__features {
	margin: 0 0 var(--eav-space-5);
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.65rem;
}

.eav-j150__features li {
	position: relative;
	padding-left: 1.35rem;
	font-size: var(--eav-text-sm);
}

.eav-j150__features li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--eav-color-primary);
}

.eav-j150__specs {
	display: grid;
	gap: var(--eav-space-3);
	margin: 0 0 var(--eav-space-5);
}

@media (min-width: 480px) {
	.eav-j150__specs {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.eav-j150__spec {
	margin: 0;
	padding: var(--eav-space-3);
	background: var(--eav-color-surface);
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-small);
}

.eav-j150__spec dt {
	margin: 0 0 0.25rem;
	font-size: var(--eav-text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--eav-color-muted);
}

.eav-j150__spec dd {
	margin: 0;
	font-family: var(--eav-font-heading);
	font-weight: 600;
	font-size: var(--eav-text-md);
}

.eav-j150__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	align-items: center;
}

.eav-j150__image {
	width: 100%;
	border-radius: var(--eav-radius-medium);
	object-fit: cover;
}

/* Technology (dark) */
.eav-tech {
	background: var(--eav-color-dark);
	color: var(--eav-color-on-dark);
}

.eav-tech__title,
.eav-tech__block-title {
	color: var(--eav-color-on-dark);
}

.eav-tech__text,
.eav-tech__block-text {
	color: rgba(245, 247, 250, 0.78);
}

.eav-tech__inner {
	display: grid;
	gap: clamp(2rem, 4vw, 3rem);
}

.eav-tech__intro {
	max-width: 42rem;
}

.eav-tech__media {
	border-radius: var(--eav-radius-medium);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.eav-tech__video,
.eav-tech__image {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background: var(--eav-color-dark-elevated);
}

.eav-tech__blocks {
	display: grid;
	gap: var(--eav-space-5);
}

@media (min-width: 768px) {
	.eav-tech__blocks {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.eav-tech__blocks {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.eav-tech__block {
	padding-top: var(--eav-space-4);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.eav-tech__block-title {
	margin-bottom: var(--eav-space-2);
	font-size: var(--eav-text-md);
}

.eav-tech__block-text {
	margin: 0;
	font-size: var(--eav-text-sm);
}

/* Solutions */
.eav-solutions {
	background: var(--eav-color-background);
}

.eav-solutions__grid {
	display: grid;
	gap: var(--eav-space-5);
}

@media (min-width: 640px) {
	.eav-solutions__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.eav-solutions__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.eav-solutions__card {
	display: flex;
	flex-direction: column;
	gap: var(--eav-space-3);
	padding: var(--eav-space-4);
	background: var(--eav-color-background);
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	text-decoration: none;
	color: inherit;
	transition: border-color var(--eav-transition-normal), transform var(--eav-transition-normal);
}

.eav-solutions__card--link:hover,
.eav-solutions__card--link:focus-visible {
	border-color: var(--eav-color-primary);
	transform: translateY(-2px);
	text-decoration: none;
	color: inherit;
}

.eav-solutions__media {
	border-radius: var(--eav-radius-small);
	overflow: hidden;
}

.eav-solutions__media img,
.eav-solutions__media .eav-home-ph {
	border-radius: var(--eav-radius-small);
}

.eav-solutions__title {
	margin: 0;
	font-size: var(--eav-text-lg);
}

.eav-solutions__text {
	margin: 0;
	font-size: var(--eav-text-sm);
	color: var(--eav-color-muted);
}

/* Spare parts */
.eav-spares {
	background: var(--eav-color-surface);
}

.eav-spares__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	list-style: none;
	margin: 0 0 var(--eav-space-5);
	padding: 0;
}

.eav-spares__cat {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	min-height: 0;
	display: block;
}

.eav-spares__cta-wrap {
	margin: 0;
}

/* Service + training */
.eav-service {
	background: var(--eav-color-background);
}

.eav-service__grid {
	display: grid;
	gap: clamp(2rem, 4vw, 3rem);
}

@media (min-width: 768px) {
	.eav-service__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.eav-service__col {
	padding: var(--eav-space-5);
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	background: var(--eav-color-background);
}

.eav-service__title {
	margin-bottom: var(--eav-space-3);
	font-size: var(--eav-text-xl);
}

.eav-service__text {
	margin: 0;
	color: var(--eav-color-muted);
}

.eav-service__cta-wrap {
	margin: var(--eav-space-4) 0 0;
}

/* Distributors */
.eav-dist {
	background: var(--eav-color-surface);
}

.eav-dist__zones {
	display: grid;
	gap: var(--eav-space-3);
	list-style: none;
	margin: 0 0 var(--eav-space-5);
	padding: 0;
}

@media (min-width: 640px) {
	.eav-dist__zones {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.eav-dist__zones {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.eav-dist__zone {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: var(--eav-space-3) var(--eav-space-4);
	background: var(--eav-color-background);
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-small);
	font-weight: 600;
}

.eav-dist__zone-mark {
	display: inline-flex;
	color: var(--eav-color-primary);
}

.eav-dist__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

/* Demo CTA — light surface (0.4.2) */
.eav-demo,
.eav-demo--light {
	background: var(--eav-color-surface);
	color: var(--eav-color-text);
	text-align: center;
}

.eav-demo__inner {
	max-width: 56rem;
	margin-inline: auto;
}

.eav-demo__title {
	margin-bottom: var(--eav-space-3);
	color: var(--eav-color-text);
}

.eav-demo__text {
	margin: 0 0 var(--eav-space-4);
	color: var(--eav-color-muted);
}

.eav-demo__category {
	margin: 0 0 var(--eav-space-5);
	font-weight: 700;
	color: var(--eav-color-primary);
}

.eav-demo__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
}

.eav-demo .eav-btn--secondary {
	border-color: var(--eav-color-border);
	color: var(--eav-color-text);
	background: var(--eav-color-background);
}

.eav-demo .eav-btn--secondary:hover,
.eav-demo .eav-btn--secondary:focus-visible {
	border-color: var(--eav-color-primary);
	color: var(--eav-color-primary);
}

.eav-demo .eav-btn--text {
	color: var(--eav-color-primary);
}

.eav-demo .eav-btn--text:hover {
	color: var(--eav-color-primary-dark);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	.eav-solutions__card {
		transition: none;
	}

	.eav-solutions__card--link:hover,
	.eav-solutions__card--link:focus-visible {
		transform: none;
	}
}

/* ===== 0.4.0 / 0.4.1 J150 long homepage ===== */
.eav-home--j150 > section:nth-child(even):not(.eav-cap--dark):not(.eav-demo):not(.eav-hero):not(.eav-sticky-nav) {
	background: var(--eav-color-surface);
}

.eav-section-title {
	font-family: var(--eav-font-heading);
	font-size: clamp(1.6rem, 3vw, 2.25rem);
	line-height: 1.15;
	margin: 0 0 0.75rem;
	color: var(--eav-color-text);
}

.eav-section-title--inline {
	font-size: 1.25rem;
}

.eav-section-kicker {
	font-weight: 600;
	color: var(--eav-color-primary);
	margin: 0 0 0.75rem;
}

.eav-section-lead {
	max-width: 40rem;
	margin: 0 0 1.5rem;
	color: var(--eav-color-text-muted, var(--eav-color-muted));
	line-height: 1.55;
}

/* Sticky secondary nav removed in 0.4.5+; keep height token at 0 (tokens.css). */

.eav-dist__card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1rem;
}

.eav-dist__join {
	margin-top: 2rem;
}

.eav-demo__coverage {
	font-weight: 600;
	color: var(--eav-color-muted);
	margin: 0 0 1rem;
}

.eav-demo-form textarea {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.55rem 0.65rem;
	border-radius: var(--eav-radius-small);
	border: 1px solid var(--eav-color-border);
	background: var(--eav-color-background);
	color: var(--eav-color-text);
	font: inherit;
	min-height: 6rem;
	font-size: 1rem;
}

.eav-j150-media {
	position: relative;
	width: calc(100% - 32px);
	max-width: 1160px;
	margin-inline: auto;
	aspect-ratio: auto;
	height: auto;
	max-height: none;
	min-height: 0;
	overflow: visible;
	border-radius: var(--eav-radius-medium);
	background: var(--eav-color-surface);
	transform: none;
}

.eav-j150-media__video,
.eav-j150-media__poster,
.eav-j150-media img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	object-position: center center;
	background: var(--eav-color-surface);
	transform: none;
}

.eav-j150-media__play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	box-shadow: var(--eav-shadow-soft);
}

.eav-j150-media__play[hidden] {
	display: none !important;
}

@media (max-width: 767px) {
	.eav-j150-media {
		width: calc(100% - 24px);
	}
}

.eav-j150-media--section,
.eav-j150-media--large,
.eav-j150-media--medium {
	max-width: 1160px;
	margin-inline: auto;
}

.eav-cap--spray .eav-j150-media,
.eav-cap--spread .eav-j150-media,
#lidar .eav-j150-media,
#pulverizacion .eav-j150-media,
#esparcido .eav-j150-media,
#elevacion .eav-j150-media,
#navegacion .eav-j150-media,
#boquillas .eav-j150-media,
#potencia .eav-j150-media {
	max-width: 100%;
}

.eav-summary__feats,
.eav-close__blocks,
.eav-cap__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
}

.eav-summary__feats li,
.eav-close__blocks li,
.eav-cap__stats li {
	padding: 0.4rem 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: var(--eav-radius-small);
	font-weight: 600;
	font-size: 0.95rem;
	color: var(--eav-color-text);
	background: var(--eav-color-background);
}

.eav-summary__data {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	gap: 1rem;
	margin: 0 0 1.5rem;
}

.eav-summary__datum dt {
	font-size: 0.8rem;
	color: var(--eav-color-muted);
}

.eav-summary__datum dd {
	margin: 0.15rem 0 0;
	font-size: 1.15rem;
	font-weight: 700;
	font-family: var(--eav-font-heading);
	color: var(--eav-color-text);
}

.eav-summary__guide {
	margin: 0.5rem 0 0;
}

.eav-cap__grid {
	display: grid;
	gap: var(--media-copy-gap, clamp(1.5rem, 4vw, 3rem));
	align-items: center;
}

@media (min-width: 900px) {
	.eav-cap__grid {
		grid-template-columns: 1fr 1.1fr;
	}
	.eav-cap--flip .eav-cap__grid {
		grid-template-columns: 1.1fr 1fr;
	}
	.eav-cap--flip .eav-cap__copy {
		order: 2;
	}
}

.eav-cap--dark {
	background: var(--eav-color-dark);
	color: var(--eav-color-on-dark);
}

.eav-cap--dark .eav-section-title,
.eav-cap--dark .eav-cap__subtitle {
	color: #ffffff;
}

.eav-cap--dark .eav-section-kicker {
	color: var(--eav-color-primary-light, #7ec8e8);
}

.eav-cap--dark .eav-section-lead,
.eav-cap--dark .eav-cap__note,
.eav-cap--dark p {
	color: var(--eav-color-on-dark-muted, rgba(245, 247, 250, 0.88));
}

.eav-cap--dark .eav-cap__stats li {
	border-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}

.eav-cap--dark .eav-cap__subblock {
	border-top-color: rgba(255, 255, 255, 0.18);
}

.eav-cap--dark a.eav-btn--primary {
	/* Prefer light CTA on dark sections when primary used by mistake */
	background: var(--eav-color-primary);
	color: #fff;
}

.eav-cap--dark a:not(.eav-btn) {
	color: var(--eav-color-primary-light);
}

.eav-cap--dark a:not(.eav-btn):hover,
.eav-cap--dark a:not(.eav-btn):focus-visible {
	color: #fff;
}

.eav-cap__cta {
	margin-top: 0.5rem;
}

.eav-cap__note {
	font-size: 0.9rem;
	opacity: 0.95;
	border-left: 3px solid var(--eav-color-primary);
	padding-left: 0.75rem;
}

.eav-cap__subblock {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(127, 127, 127, 0.25);
}

.eav-spares__cats {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
}

.eav-spares__cat {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	min-height: 0;
}

.eav-spares__cat-link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0.45rem 0.9rem;
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-small);
	background: var(--eav-color-background);
	color: var(--eav-color-text);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.95rem;
}

.eav-spares__cat-link:hover,
.eav-spares__cat-link:focus-visible {
	border-color: var(--eav-color-primary);
	color: var(--eav-color-primary);
	outline: none;
	box-shadow: var(--eav-focus-ring);
}

.eav-specs__wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: var(--eav-radius-medium);
}

.eav-specs__table {
	width: 100%;
	min-width: 20rem;
	border-collapse: collapse;
}

.eav-specs__table th,
.eav-specs__table td {
	padding: 0.75rem 1rem;
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	color: var(--eav-color-text);
}

.eav-specs__table th {
	width: 55%;
	font-weight: 600;
}

.eav-accordion__summary {
	cursor: pointer;
	list-style: none;
	padding: 0.5rem 0;
}

.eav-accordion__summary::-webkit-details-marker {
	display: none;
}

.eav-safety__list {
	margin: 1rem 0 0;
	padding-left: 1.25rem;
}

.eav-close__actions,
.eav-demo-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
}

.eav-demo {
	text-align: center;
}

.eav-demo-form {
	margin: 1.5rem auto 0;
	max-width: 52rem;
	text-align: left;
	position: relative;
}

.eav-demo-form__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem 1rem;
}

.eav-demo-form__full {
	grid-column: 1 / -1;
}

.eav-demo-form label {
	display: block;
	font-size: 0.85rem;
	margin-bottom: 0.25rem;
	color: var(--eav-color-text);
}

.eav-demo-form input[type="text"],
.eav-demo-form input[type="email"],
.eav-demo-form input[type="tel"],
.eav-demo-form input[type="url"],
.eav-demo-form select,
.eav-demo-form textarea {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0.55rem 0.65rem;
	border-radius: var(--eav-radius-small);
	border: 1px solid var(--eav-color-border);
	background: var(--eav-color-background);
	color: var(--eav-color-text);
	min-height: 2.75rem;
	font-size: 1rem;
}

#solicitud-distribuidor {
	scroll-margin-top: var(--eav-sticky-offset);
}

.eav-join {
	display: grid;
	gap: 1.5rem;
	align-items: start;
	justify-items: stretch;
	width: 100%;
}

.eav-join__media {
	margin: 0;
	border-radius: var(--eav-radius-small, 0.35rem);
	overflow: hidden;
	background: var(--eav-color-surface, #f3f5f7);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 0;
	height: auto;
	justify-self: start;
	width: 100%;
}

.eav-join__media--stack {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0.75rem;
	overflow: visible;
	background: transparent;
}

.eav-join__media--stack picture {
	display: block;
	width: 100%;
	margin: 0;
	border-radius: var(--eav-radius-small, 0.35rem);
	overflow: hidden;
	background: var(--eav-color-surface, #f3f5f7);
}

.eav-join__media picture,
.eav-join__media img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.eav-join__media img {
	object-fit: contain;
	object-position: center center;
}

.eav-join__copy {
	min-width: 0;
	width: 100%;
	text-align: left;
}

.eav-join__copy .eav-demo__title {
	max-width: none;
	margin-top: 0;
}

.eav-join__copy .eav-demo__text {
	max-width: none;
}

.eav-demo-form__status:focus {
	outline: none;
}

.eav-demo-form.is-success .eav-demo-form__status {
	scroll-margin-top: var(--eav-sticky-offset, 6rem);
	padding: 0.75rem 0 0.25rem;
	line-height: 1.45;
}

/* Join uses full page container: photos left, wide form right */
.eav-demo--join {
	text-align: left;
}

.eav-demo--join .eav-demo__inner {
	max-width: none;
	width: min(100% - 2rem, var(--eav-container, 72rem));
	margin-inline: auto;
}

.eav-demo--join .eav-demo-form {
	max-width: none;
	width: 100%;
	margin: 1rem 0 0;
}

.eav-demo--join .eav-demo__title {
	max-width: none;
}

@media (min-width: 900px) {
	.eav-join {
		/* Narrow photo column flush left; form takes remaining width */
		grid-template-columns: minmax(15rem, 22rem) minmax(0, 1fr);
		gap: clamp(1.5rem, 3vw, 2.75rem);
		align-items: start;
	}

	.eav-join__media {
		min-height: 0;
		height: auto;
		max-height: none;
		align-self: start;
		justify-self: start;
	}
}

.eav-demo-form input:focus-visible {
	outline: none;
	box-shadow: var(--eav-focus-ring);
	border-color: var(--eav-color-primary);
}

.eav-demo-form__hp {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.eav-demo-form__status {
	min-height: 1.25rem;
	margin-top: 0.75rem;
	color: var(--eav-color-text);
}

.eav-demo-form.is-success {
	opacity: 0.92;
}

.eav-demo-form.is-success .eav-demo-form__status {
	font-weight: 600;
	color: var(--eav-color-success);
}

.eav-demo-form.is-error .eav-demo-form__status {
	font-weight: 600;
	color: #a11f1f;
}

.eav-link-arrow--btn {
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	cursor: pointer;
	text-decoration: underline;
}

.eav-video-modal[hidden] {
	display: none !important;
}

.eav-video-modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: grid;
	place-items: center;
	padding: 1rem;
}

.eav-video-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.72);
}

.eav-video-modal__dialog {
	position: relative;
	width: min(960px, 100%);
	background: #000;
	border-radius: var(--eav-radius-medium);
	overflow: hidden;
}

.eav-video-modal__loading {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 0.95rem;
	pointer-events: none;
	z-index: 1;
	background: rgba(0, 0, 0, 0.35);
}

.eav-video-modal__loading[hidden] {
	display: none !important;
}

.eav-video-modal__player {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	background: #000;
}

.eav-video-modal__close {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 2;
	width: 2.75rem;
	height: 2.75rem;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 1.5rem;
	cursor: pointer;
}

.eav-video-modal__close:focus-visible {
	outline: none;
	box-shadow: var(--eav-focus-ring);
}

html.eav-modal-open {
	overflow: hidden;
}

.eav-mobile-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 40;
	display: flex;
	gap: 0.5rem;
	padding: 0.65rem 0.75rem calc(0.65rem + env(safe-area-inset-bottom));
	background: rgba(255, 255, 255, 0.96);
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);
}

.eav-mobile-cta[hidden] {
	display: none !important;
}

.eav-mobile-cta__btn {
	flex: 1 1 auto;
	justify-content: center;
	min-height: 2.75rem;
}

.eav-mobile-cta__close {
	flex: 0 0 auto;
	width: 2.75rem;
	min-height: 2.75rem;
	border: 0;
	background: transparent;
	font-size: 1.35rem;
	cursor: pointer;
}

@media (min-width: 901px) {
	.eav-mobile-cta {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.eav-demo-form__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eav-home [id] {
		scroll-margin-top: calc(
			var(--eav-topbar-height, 2.25rem) + var(--eav-header-height, 4.25rem) + var(--eav-sticky-nav-height, 3rem) + 0.75rem
		);
	}
}

/* ===== 0.4.2 light extras + technical blocks ===== */
.eav-home--j150 > section.eav-demo {
	background: var(--eav-color-surface);
}

.eav-cards-3 {
	display: grid;
	gap: var(--media-copy-gap);
	grid-template-columns: 1fr;
}

@media (min-width: 900px) {
	.eav-cards-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.eav-tech-card {
	padding: 1.25rem 1.35rem;
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	background: var(--eav-color-background);
}

.eav-tech-card h3 {
	margin: 0 0 0.65rem;
	font-size: 1.1rem;
	color: var(--eav-color-text);
}

.eav-tech-card p {
	margin: 0;
	color: var(--eav-color-muted);
	line-height: 1.5;
}

.eav-tech-grid {
	display: grid;
	gap: var(--media-copy-gap);
	align-items: start;
}

@media (min-width: 900px) {
	.eav-tech-grid {
		grid-template-columns: 1.05fr 1fr;
	}
}

.eav-spec-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
}

.eav-spec-chips li {
	padding: 0.4rem 0.75rem;
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-small);
	font-weight: 600;
	font-size: 0.9rem;
	background: var(--eav-color-background);
	color: var(--eav-color-text);
}

.eav-note {
	font-size: 0.9rem;
	color: var(--eav-color-muted);
	border-left: 3px solid var(--eav-color-primary);
	padding-left: 0.75rem;
}

.eav-scenarios {
	display: grid;
	gap: 0.85rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.eav-scenarios {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.eav-scenarios {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.eav-scenario {
	padding: 1rem 1.1rem;
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	background: var(--eav-color-background);
}

.eav-scenario h3 {
	margin: 0 0 0.4rem;
	font-size: 1rem;
}

.eav-scenario p {
	margin: 0;
	color: var(--eav-color-muted);
	font-size: 0.95rem;
}

/* ===== 0.4.3 / 0.4.4 stacked layout + visual cards ===== */
html {
	scroll-padding-top: var(--eav-sticky-offset);
}

.eav-home--j150 > section:nth-child(even):not(.eav-demo):not(.eav-hero):not(.eav-sticky-nav) {
	background: var(--eav-color-background);
}

.eav-home--j150 > section.eav-cap--light,
.eav-home--j150 > section.eav-industrial,
.eav-home--j150 > section.eav-rc,
.eav-home--j150 > section.eav-comms,
.eav-home--j150 > section.eav-powerpack,
.eav-home--j150 > section.eav-use-cases,
.eav-home--j150 > section.eav-specs,
.eav-home--j150 > section.eav-spares,
.eav-home--j150 > section.eav-service,
.eav-home--j150 > section.eav-demo {
	background: var(--eav-color-background);
	color: var(--eav-color-text);
}

.eav-cap--stacked {
	display: block;
}

.eav-cap--stacked .eav-cap__media--lead {
	width: 100%;
	margin: 0 0 var(--media-copy-gap);
}

.eav-cap--stacked .eav-cap__copy--below {
	margin-inline: 0;
}

.eav-cap--stacked .eav-section-title {
	margin-top: 0;
}

.eav-cap--stacked .eav-section-kicker {
	margin-top: 0;
	margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.eav-cap--stacked .eav-section-lead {
	max-width: var(--eav-measure, 58rem);
	margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
}

.eav-cap--stacked .eav-cap__stats {
	margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
}

.eav-cap--stacked .eav-cap__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	margin-top: clamp(1.75rem, 3vw, 2.5rem);
}

.eav-cap__more {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin: 0.75rem 0 0;
}

.eav-cap--stacked .eav-visual-cards,
.eav-cap--stacked .eav-product-shot {
	margin-top: clamp(2rem, 4vw, 3rem);
}

.eav-product-shot {
	margin: 0;
	padding: clamp(1rem, 2vw, 1.5rem);
	background: var(--eav-color-surface);
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	text-align: center;
}

.eav-product-shot img {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(70vh, 40rem);
	margin-inline: auto;
	object-fit: contain;
}

.eav-product-shot--lead {
	margin-bottom: var(--media-copy-gap);
}

.eav-product-shot--wide {
	padding: 0;
	overflow: hidden;
}

.eav-product-shot--wide img {
	max-height: none;
	aspect-ratio: 21 / 9;
	object-fit: cover;
	width: 100%;
}

.eav-visual-cards {
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.5rem);
	grid-template-columns: 1fr;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 700px) {
	.eav-visual-cards--3,
	.eav-visual-cards--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.eav-visual-cards--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.eav-visual-cards--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.eav-visual-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background: var(--eav-color-background);
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	overflow: hidden;
	box-shadow: var(--eav-shadow-soft);
}

.eav-visual-card__media {
	margin: 0;
	aspect-ratio: 4 / 3;
	background: var(--eav-color-surface);
	overflow: hidden;
	padding: 0.85rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.eav-visual-card__media img {
	/* Natural proportion: fill width, never crop or force vertical stretch */
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
	transform: none;
}

.eav-visual-card__media--contain {
	aspect-ratio: 1 / 1;
	padding: 1rem;
}

.eav-visual-card__media--contain img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	transform: none;
}

.eav-visual-card__media--icon {
	aspect-ratio: 1 / 1;
	min-height: 10rem;
}

.eav-visual-card__icon {
	width: min(4.5rem, 40%);
	height: auto;
	color: var(--eav-color-primary, #0b3d2e);
	opacity: 0.85;
	display: flex;
	align-items: center;
	justify-content: center;
}

.eav-visual-card__icon svg {
	width: 100%;
	height: auto;
	display: block;
}

.eav-visual-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.1rem 1.2rem 1.25rem;
	flex: 1 1 auto;
}

.eav-visual-card__body--solo {
	justify-content: center;
	min-height: 12rem;
}

.eav-visual-card__title {
	margin: 0;
	font-size: 1.05rem;
	color: var(--eav-color-text);
}

.eav-visual-card__text {
	margin: 0;
	color: var(--eav-color-muted);
	line-height: 1.5;
	font-size: 0.95rem;
}

.eav-visual-card__stat {
	margin: 0.35rem 0 0;
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--eav-color-primary);
}

.eav-visual-card__badge {
	margin: 0;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--eav-color-primary);
}

.eav-visual-card__cta {
	margin-top: auto;
	padding-top: 0.75rem;
}

.eav-rc__layout {
	display: grid;
	gap: var(--media-copy-gap);
	align-items: start;
}

@media (min-width: 960px) {
	.eav-rc__layout {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
	}
}

.eav-scenario--visual {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	box-shadow: var(--eav-shadow-soft);
}

.eav-scenario__media {
	margin: 0;
	aspect-ratio: 16 / 10;
	background: var(--eav-color-surface);
	overflow: hidden;
}

.eav-scenario__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	transform: none;
	display: block;
}

.eav-scenario__body {
	padding: 1rem 1.1rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	flex: 1 1 auto;
}

.eav-scenario__action {
	margin-top: auto;
	padding-top: 0.5rem;
}

.eav-specs__product {
	margin-bottom: var(--media-copy-gap);
}

.eav-specs__groups {
	display: grid;
	gap: 1.25rem;
}

.eav-specs__group {
	border: 1px solid var(--eav-color-border);
	border-radius: var(--eav-radius-medium);
	padding: 0.35rem 0.85rem 0.85rem;
	background: var(--eav-color-background);
}

.eav-specs__group-title,
.eav-specs__group > .eav-accordion__summary {
	margin: 0;
	padding: 0.65rem 0.15rem;
	font-size: 1.1rem;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

.eav-specs__group > .eav-accordion__summary::-webkit-details-marker {
	display: none;
}

@media (min-width: 768px) {
	.eav-specs__group {
		/* Keep open appearance on desktop; details still single DOM */
		padding-top: 0.5rem;
	}
}

.eav-hero__av-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 0.85rem;
	justify-content: flex-start;
}

.eav-visual-cards--2 {
	grid-template-columns: 1fr;
}

@media (min-width: 700px) {
	.eav-visual-cards--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.eav-service__visual {
	margin-bottom: var(--media-copy-gap);
}

.eav-service__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 0;
	align-items: center;
}

.eav-home--j150 > section:last-of-type {
	margin-bottom: clamp(4rem, 8vw, 6.5rem);
}

.eav-home-ph {
	background: linear-gradient(145deg, #eef2f5 0%, #f7f9fb 55%, #e8eef2 100%);
	color: var(--eav-color-text);
	border: 1px solid var(--eav-color-border);
}

.eav-home-ph__mark {
	color: var(--eav-color-primary);
}

.eav-home-ph__label {
	color: var(--eav-color-muted);
}

.eav-cap__grid {
	display: block;
}

@media (min-width: 900px) {
	.eav-cap__grid {
		grid-template-columns: none;
	}
	.eav-cap--flip .eav-cap__grid {
		grid-template-columns: none;
	}
	.eav-cap--flip .eav-cap__copy {
		order: unset;
	}
}

/* 0.4.8 — responsive polish: hero controls + dense visual grids */
@media (max-width: 767px) {
	.eav-hero__av-controls {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		justify-content: flex-start;
		padding-inline: 0.75rem;
	}

	.eav-hero__av-controls .eav-btn {
		flex: 1 1 auto;
		min-width: min(100%, 11rem);
		text-align: center;
	}

	.eav-visual-cards--3,
	.eav-visual-cards--4,
	.eav-spares__cards {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.eav-visual-card__media--contain {
		padding: 0.75rem;
	}
}

@media (min-width: 768px) and (max-width: 1099px) {
	.eav-visual-cards--4,
	.eav-spares__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}