/**
 * EVO-SEC-GTM-FLOW — desktop spacing + tablet grid (701–1100) + last-card phone fixes (≤700).
 * Odd: 3 cards = tall left + 2 stacked right; 5+ = 2-col + last full width.
 * Even: uniform 2×2 grid.
 */

@media (min-width: 1021px) {
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__inner {
		margin-top: var(--evo-section-title-offset, 56px) !important;
	}
}

@media (min-width: 701px) and (max-width: 1100px) {
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow {
		--evo-gtm-flow-gap: clamp(12px, calc(16 * 100vw / 1100), 16px);
		--evo-gtm-flow-short-h: clamp(168px, calc(268 * 100vw / 1100), 268px);
		--evo-gtm-flow-tab-uniform-h: clamp(220px, calc(314 * 100vw / 1100), 314px);
		--evo-gtm-flow-left-h: calc(var(--evo-gtm-flow-short-h) * 2 + var(--evo-gtm-flow-gap));
		--evo-gtm-flow-tall-h: var(--evo-gtm-flow-short-h);
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__inner {
		max-width: none !important;
		margin: 0 !important;
		padding: clamp(32px, calc(48 * 100vw / 1100), 48px) clamp(20px, calc(32 * 100vw / 1100), 32px) !important;
		box-sizing: border-box !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__head,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__grid {
		max-width: none !important;
		width: 100% !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__head {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: clamp(24px, calc(40 * 100vw / 1100), 40px) !important;
		margin-bottom: clamp(32px, calc(48 * 100vw / 1100), 48px) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__title {
		font-size: clamp(28px, calc(36 * 100vw / 1100), 36px) !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.01em !important;
		text-align: left !important;
		color: #1a1814 !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__grid {
		display: grid !important;
		gap: var(--evo-gtm-flow-gap) !important;
		align-items: stretch !important;
	}

	/* —— Flat 2×2 grid (even + odd ≠ 3): Figma row pairs + 16px gap —— */
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__grid,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__col,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__col {
		display: contents !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card--left,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card--short,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card--tall {
		--evo-gtm-flow-card-h: var(--evo-gtm-flow-tab-uniform-h) !important;
		height: var(--evo-gtm-flow-tab-uniform-h) !important;
		min-height: var(--evo-gtm-flow-tab-uniform-h) !important;
		overflow: hidden !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-shell {
		height: 100% !important;
		min-height: var(--evo-gtm-flow-tab-uniform-h) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--left,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--short,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--tall {
		--evo-gtm-flow-card-h: var(--evo-gtm-flow-tab-uniform-h) !important;
		height: var(--evo-gtm-flow-tab-uniform-h) !important;
		min-height: var(--evo-gtm-flow-tab-uniform-h) !important;
		overflow: hidden !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	/* JS marks true last card (not per-column :last-child) */
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--tab-last {
		grid-column: 1 / -1 !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-shell {
		height: 100% !important;
		min-height: var(--evo-gtm-flow-tab-uniform-h) !important;
	}

	/* —— Odd count = 3: asymmetric columns (1 tall left + 2 stacked right) —— */
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__grid {
		grid-template-columns: minmax(0, 476fr) minmax(0, 732fr) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__col {
		display: flex !important;
		flex-direction: column !important;
		gap: var(--evo-gtm-flow-gap) !important;
		min-width: 0 !important;
		width: auto !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__col--left .evo-gtm-flow__card {
		flex: 1 1 auto !important;
		height: 100% !important;
		min-height: calc(var(--evo-gtm-flow-short-h) * 2 + var(--evo-gtm-flow-gap)) !important;
		--evo-gtm-flow-card-h: auto !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__col--left .evo-gtm-flow__card-shell {
		height: 100% !important;
		min-height: 100% !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__col--right .evo-gtm-flow__card {
		flex: 0 0 var(--evo-gtm-flow-short-h) !important;
		height: var(--evo-gtm-flow-short-h) !important;
		min-height: var(--evo-gtm-flow-short-h) !important;
		--evo-gtm-flow-card-h: var(--evo-gtm-flow-short-h) !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__col--right .evo-gtm-flow__card-shell {
		height: 100% !important;
		min-height: var(--evo-gtm-flow-short-h) !important;
	}

	/* Uniform cards (even + odd 5+): compact stacked copy/overlay */
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-body,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-body {
		top: clamp(24px, calc(32 * 100vw / 1100), 32px) !important;
		left: clamp(16px, calc(24 * 100vw / 1100), 24px) !important;
		right: auto !important;
		width: calc(100% - clamp(56px, calc(86 * 100vw / 1100), 86px)) !important;
		max-width: min(296px, 72%) !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: clamp(10px, calc(14 * 100vw / 1100), 14px) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-title,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-title {
		font-size: clamp(14px, calc(16 * 100vw / 1100), 16px) !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.01em !important;
		max-width: none !important;
		flex: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-desc,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-desc {
		font-size: clamp(12px, calc(13 * 100vw / 1100), 13px) !important;
		line-height: 1.4 !important;
		letter-spacing: 0.04em !important;
		max-width: none !important;
		flex: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card--left .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card--short .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card--tall .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--left .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--short .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card--tall .evo-gtm-flow__card-front {
		top: 42% !important;
		left: clamp(16px, calc(24 * 100vw / 1100), 24px) !important;
		right: 0 !important;
		bottom: 0 !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		overflow: hidden !important;
		transform: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-front-inner,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-front-inner {
		height: 100% !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		transform: none !important;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-even .evo-gtm-flow__card-front img,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-odd:not(.evo-gtm-flow--count-3) .evo-gtm-flow__card-front img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		object-position: left bottom !important;
		max-height: 100% !important;
	}

	/* 3-card asymmetric: desktop-like card regions, scaled */
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--left .evo-gtm-flow__card-body {
		top: clamp(32px, calc(56 * 100vw / 1100), 56px) !important;
		left: clamp(24px, calc(49 * 100vw / 1100), 49px) !important;
		right: auto !important;
		width: min(372px, 78%) !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: clamp(10px, calc(14 * 100vw / 1100), 14px) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short .evo-gtm-flow__card-body,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--tall .evo-gtm-flow__card-body {
		top: clamp(32px, calc(56 * 100vw / 1100), 56px) !important;
		left: clamp(16px, calc(30 * 100vw / 1100), 30px) !important;
		right: clamp(16px, calc(30 * 100vw / 1100), 30px) !important;
		width: auto !important;
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
		gap: clamp(10px, calc(14 * 100vw / 1100), 14px) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short.evo-gtm-flow__card--title-wide .evo-gtm-flow__card-body {
		flex-direction: row !important;
		justify-content: space-between !important;
		align-items: flex-start !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short.evo-gtm-flow__card--title-wide .evo-gtm-flow__card-title {
		flex: 1 1 auto !important;
		max-width: min(62%, 460px) !important;
		width: auto !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short.evo-gtm-flow__card--title-wide .evo-gtm-flow__card-desc {
		flex: 0 1 36% !important;
		max-width: 36% !important;
		min-width: 0 !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card-title {
		font-size: clamp(16px, calc(24 * 100vw / 1100), 24px) !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short .evo-gtm-flow__card-title,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--tall .evo-gtm-flow__card-title {
		font-weight: 600 !important;
		letter-spacing: -0.01em !important;
		flex: 0 0 auto !important;
		max-width: clamp(90px, calc(140 * 100vw / 1100), 140px) !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card-desc {
		font-size: clamp(12px, calc(16 * 100vw / 1100), 16px) !important;
		line-height: 1.4 !important;
		letter-spacing: 0.04em !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--left .evo-gtm-flow__card-front {
		top: 36.74% !important;
		bottom: 0 !important;
		left: 13.56% !important;
		right: 0 !important;
		width: auto !important;
		height: auto !important;
		max-width: none !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--left .evo-gtm-flow__card-front-inner {
		height: 100% !important;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border-radius: 0 !important;
		overflow: hidden !important;
		transform: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--tall .evo-gtm-flow__card-front {
		top: var(--evo-gtm-flow-front-top, 36.74%) !important;
		bottom: 0 !important;
		left: 16.37% !important;
		right: auto !important;
		width: 55.57% !important;
		max-width: min(407px, 72%) !important;
		height: auto !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--short .evo-gtm-flow__card-front-inner,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card--tall .evo-gtm-flow__card-front-inner {
		height: 100% !important;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__card-front img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		object-position: left bottom !important;
		max-height: 100% !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow--count-3.evo-gtm-flow--count-odd .evo-gtm-flow__col--right > .evo-gtm-flow__card:last-child .evo-gtm-flow__card-desc {
		padding-bottom: clamp(8px, calc(12 * 100vw / 1100), 12px) !important;
	}
}

/* Stacked phone layout — all cards uniform (≤700; tablet uses grid above) */
@media (max-width: 700px) {
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card--left,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card--short,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card--tall {
		height: 332px !important;
		min-height: 332px !important;
		--evo-gtm-flow-card-h: 332px !important;
		overflow: hidden !important;
		border-radius: 12px 0 12px 12px !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-shell {
		min-height: 332px !important;
		height: 100% !important;
		overflow: hidden !important;
		border-radius: inherit !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-body {
		top: 32px !important;
		left: 24px !important;
		right: 48px !important;
		width: auto !important;
		max-width: none !important;
		max-height: 122px !important;
		overflow: hidden !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-title {
		font-size: 15px !important;
		line-height: 1.15 !important;
		max-width: 100% !important;
		flex: none !important;
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 2 !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-desc {
		font-size: 12px !important;
		line-height: 1.35 !important;
		max-width: 100% !important;
		flex: none !important;
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 3 !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card--left .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card--short .evo-gtm-flow__card-front,
	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card--tall .evo-gtm-flow__card-front {
		top: 42% !important;
		bottom: 0 !important;
		left: 24px !important;
		right: 0 !important;
		width: auto !important;
		max-width: none !important;
		height: auto !important;
		max-height: none !important;
		overflow: hidden !important;
		transform: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-front-inner {
		height: 100% !important;
		min-height: 0 !important;
		border-radius: 12px !important;
		overflow: hidden !important;
		transform: none !important;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-front img {
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		object-position: left bottom !important;
		max-height: 100% !important;
	}

	.elementor-widget-evoport-gtm-flow .evo-gtm-flow__card-bg {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}
}