.mle-home-hero {
	min-height: auto;
	padding: 46px 0 48px;
}

.mle-home-hero .home-hero__content h1 {
	margin: 0 0 18px;
	font-size: var(--home-type-h1);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: 0;
}

.mle-home-hero .home-hero__content p {
	margin: 0;
	font-size: var(--home-type-body-lg);
	font-weight: 400;
	line-height: 1.58;
}

.mle-home-hero .home-btn {
	background: var(--uzeda-color-accent-readable, #078a50);
	color: #ffffff;
}

.mle-home-hero .home-hero__highlight {
	color: #20d981;
}

.mle-home-hero .home-hero__grid {
	grid-template-columns: minmax(0, 0.88fr) minmax(360px, 0.9fr);
	align-items: center;
	gap: 44px;
}

.mle-home-hero .home-hero__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 420px;
}

.mle-home-hero .home-hero__visual img {
	display: block;
	width: min(100%, 500px);
	height: auto;
	max-height: 420px;
	object-fit: contain;
	filter: drop-shadow(0 28px 50px rgba(0, 0, 0, 0.22));
}

@media (max-width: 1024px) {
	.mle-home-hero .home-hero__grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.mle-home-hero .home-hero__visual {
		min-height: 347px;
		justify-content: flex-start;
	}

	.mle-home-hero .home-hero__visual img {
		width: min(100%, 390px);
	}
}

@media (max-width: 640px) {
	.mle-home-hero {
		padding: 34px 0 32px;
	}

	.mle-home-hero .home-hero__content h1 {
		font-size: var(--home-type-h1-mobile);
	}

	.mle-home-hero .home-hero__grid {
		gap: 16px;
	}

	.mle-home-hero .home-hero__visual img {
		width: min(100%, 220px);
	}

	.mle-home-hero .home-hero__visual {
		min-height: 196px;
	}
}
