/**
 * EVO phone typography — Figma 390px homepage + split hero + GTM compare.
 * Hero sub max-width tiers: tablet ≤1100 → 39%; phone 451–700 → 41%; narrow ≤450 → 76%.
 */

@media (max-width: 700px) {
	/* Elementor Heading — evo-h2-wrap (Figma phone) */
	html body .elementor-element.evo-h2-wrap.elementor-widget-heading .elementor-heading-title,
	html body .elementor-element.evo-h2-wrap h2.elementor-heading-title {
		max-width: min(340px, 92%) !important;
		font-family: "Manrope", var(--evo-font-heading, sans-serif) !important;
		font-size: clamp(28px, 7.2vw, 32px) !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.01em !important;
		text-align: center !important;
		margin-inline: auto !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	.elementor-widget-evoport-hero .evo-hero__title,
	.elementor-widget-evoport-hero h1.evo-hero__title,
	.elementor-widget-evoport-hero .evo-hero .elementor-heading-title.evo-hero__title,
	.elementor-widget-evoport-split-hero .evo-split-hero__title,
	.elementor-widget-evoport-split-hero h1.evo-split-hero__title {
		font-family: "Manrope", var(--evo-font-heading, sans-serif) !important;
		font-size: 34px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.03em !important;
		max-width: 100% !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	.elementor-widget-evoport-hero .evo-hero__sub,
	.elementor-widget-evoport-hero p.evo-hero__sub,
	.elementor-widget-evoport-hero .evo-hero p.evo-hero__sub,
	.elementor-widget-evoport-split-hero .evo-split-hero__sub,
	.elementor-widget-evoport-split-hero p.evo-split-hero__sub {
		font-family: "Helvetica Neue", Helvetica, Arial, var(--evo-font-body, sans-serif) !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
		letter-spacing: 0.04em !important;
		color: rgba(255, 255, 255, 0.88) !important;
		max-width: 41% !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}

	body .elementor-widget-evoport-gtm-compare h2.evo-gtm-compare__title,
	body .elementor-widget-evoport-gtm-compare .evo-gtm-compare__title {
		font-size: 28px !important;
		font-weight: 500 !important;
	}

	body .elementor-widget-evoport-gtm-compare p.evo-gtm-compare__subtitle,
	body .elementor-widget-evoport-gtm-compare .evo-gtm-compare__subtitle {
		font-size: 14px !important;
		font-weight: 400 !important;
	}
}

/* Ultra-narrow phone (≤450px) — wider sub than 451–700 band (41%) for Figma ~390px */
@media (max-width: 450px) {
	.elementor-widget-evoport-hero .evo-hero__sub,
	.elementor-widget-evoport-hero p.evo-hero__sub,
	.elementor-widget-evoport-hero .evo-hero p.evo-hero__sub,
	.elementor-widget-evoport-split-hero .evo-split-hero__sub,
	.elementor-widget-evoport-split-hero p.evo-split-hero__sub {
		max-width: 76% !important;
	}

	html body .elementor-element.evo-h2-wrap.elementor-widget-heading .elementor-heading-title,
	html body .elementor-element.evo-h2-wrap h2.elementor-heading-title {
		max-width: min(480px, 76%) !important;
		font-size: 28px !important;
		font-weight: 500 !important;
	}
}

@media (max-width: 700px) {
	.elementor-widget-evoport-tri-cards .evo-tri-cards__title {
		font-family: "Manrope", var(--evo-font-heading, sans-serif) !important;
		font-size: 32px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		letter-spacing: 0 !important;
	}

	.elementor-widget-evoport-tri-cards .evo-tri-cards__desc {
		font-family: "Helvetica Neue", Helvetica, Arial, var(--evo-font-body, sans-serif) !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
		letter-spacing: 0.04em !important;
	}
}