/*
 * Klímaenergia front-page hero — refined in theme 1.0.386.
 * Loaded only on the front page and after every shared header stylesheet.
 */
.klima-home-main .klima-hero {
	position: relative;
	isolation: isolate;
	min-height: clamp(570px, calc(100svh - 148px), 760px) !important;
	display: grid;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #091326 !important;
	background-image: url("../images/home-hero-optimized.webp") !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	color: #fff;
	overflow: hidden;
}

.klima-home-main .klima-hero::before {
	display: none !important;
	content: none !important;
}

.klima-home-main .klima-hero::after {
	display: none !important;
	content: none !important;
}

.klima-home-main .klima-hero__inner {
	position: relative;
	width: min(1932px, calc(100% - clamp(76px, 11vw, 240px))) !important;
	min-height: inherit;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-content: center !important;
	align-items: start !important;
	justify-content: flex-start !important;
	row-gap: clamp(30px, 4svh, 46px);
	margin: 0 auto !important;
	padding: clamp(34px, 5svh, 56px) 0 !important;
}

.klima-home-main .klima-hero__copy {
	width: min(760px, 47vw) !important;
	max-width: none !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.klima-home-main .klima-hero h1 {
	max-width: 12.5em !important;
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(52px, 3.22vw, 70px) !important;
	font-weight: 900 !important;
	letter-spacing: -0.043em !important;
	line-height: 0.95 !important;
	text-transform: none !important;
	text-wrap: balance;
}

.klima-home-main .klima-hero h1 span {
	display: block !important;
	white-space: nowrap;
}

.klima-home-main .klima-hero__lead {
	max-width: 620px !important;
	margin: clamp(10px, 0.8vw, 16px) 0 0 !important;
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: clamp(22px, 1.4vw, 30px) !important;
	font-weight: 500 !important;
	letter-spacing: -0.015em !important;
	line-height: 1.25 !important;
}

.klima-home-main .klima-hero .klima-actions {
	display: flex !important;
	margin: clamp(18px, 1.6vw, 30px) 0 0 !important;
}

.klima-home-main .klima-hero .klima-button {
	min-width: clamp(310px, 19vw, 400px) !important;
	min-height: clamp(62px, 3.35vw, 72px) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(22px, 2.1vw, 44px) !important;
	padding: 0 clamp(24px, 1.9vw, 38px) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 6px !important;
	background: linear-gradient(135deg, #d91f43, #ef244b) !important;
	box-shadow: 0 15px 34px rgba(206, 22, 59, 0.3) !important;
	color: #fff !important;
	font-size: clamp(14px, 0.84vw, 18px) !important;
	font-weight: 900 !important;
	letter-spacing: 0.025em !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}

.klima-home-main .klima-hero .klima-button svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	transition: transform 180ms ease;
}

.klima-home-main .klima-hero .klima-button:is(:hover, :focus-visible) {
	background: linear-gradient(135deg, #c91b3c, #e72349) !important;
	box-shadow: 0 18px 38px rgba(206, 22, 59, 0.38) !important;
	transform: translateY(-2px);
}

.klima-home-main .klima-hero .klima-button:is(:hover, :focus-visible) svg {
	transform: translateX(4px);
}

.klima-home-main .klima-hero__trust {
	position: static;
	width: fit-content;
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(3, max-content);
	gap: clamp(28px, 2.5vw, 48px);
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.klima-home-main .klima-hero__trust li {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0;
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(13px, 0.78vw, 17px);
	font-weight: 700;
	line-height: 1.25;
}

.klima-home-main .klima-hero__trust svg {
	width: clamp(38px, 2.15vw, 46px);
	height: clamp(38px, 2.15vw, 46px);
	flex: 0 0 auto;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.65;
}

@media (max-width: 1279px) {
	.klima-home-main .klima-hero {
		min-height: clamp(580px, calc(100svh - 74px), 720px) !important;
		background-position: 62% center !important;
	}


	.klima-home-main .klima-hero__inner {
		width: min(100% - 48px, 1180px) !important;
		row-gap: clamp(28px, 3.5svh, 38px);
		padding: clamp(38px, 5svh, 52px) 0 !important;
	}

	.klima-home-main .klima-hero__copy {
		width: min(650px, 61vw) !important;
	}

	.klima-home-main .klima-hero h1 {
		font-size: clamp(48px, 5.1vw, 64px) !important;
	}

	.klima-home-main .klima-hero__trust {
		width: fit-content;
		max-width: 100%;
		gap: 32px;
	}
}

@media (max-width: 782px) {
	.klima-home-main .klima-hero {
		min-height: 710px !important;
		background-position: 66% center !important;
	}


	.klima-home-main .klima-hero__inner {
		width: calc(100% - 32px) !important;
		row-gap: 28px;
		padding: 40px 0 !important;
	}

	.klima-home-main .klima-hero__copy {
		width: 100% !important;
	}

	.klima-home-main .klima-hero h1 {
		max-width: 9em !important;
		font-size: clamp(39px, 11vw, 54px) !important;
		line-height: 0.98 !important;
	}

	.klima-home-main .klima-hero h1 span {
		white-space: normal;
	}

	.klima-home-main .klima-hero__lead {
		max-width: 24em !important;
		font-size: 17px !important;
	}

	.klima-home-main .klima-hero .klima-button {
		width: min(100%, 360px) !important;
		min-width: 0 !important;
		min-height: 58px !important;
		gap: 20px !important;
		font-size: 13px !important;
	}

	.klima-home-main .klima-hero__trust {
		width: 100%;
		grid-template-columns: 1fr;
		gap: 11px;
	}

	.klima-home-main .klima-hero__trust li {
		gap: 12px;
		font-size: 13px;
	}

	.klima-home-main .klima-hero__trust li br {
		display: none;
	}

	.klima-home-main .klima-hero__trust svg {
		width: 31px;
		height: 31px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.klima-home-main .klima-hero .klima-button,
	.klima-home-main .klima-hero .klima-button svg {
		transition: none !important;
	}
}