/*
 * /kalkulator/: rövid bevezető (eyebrow, h1, bevezető) teljes szélességű elválasztó vonallal, alatta a kalkulátor.
 * Mobilon csak a rövid „Kalkulátor” cím látszik (design 02-kalk-*).
 */

.tf-kalk-intro {
	padding-top: var(--s-6);
}

.tf-kalk-intro__eyebrow,
.tf-kalk-intro__lead,
.tf-kalk-intro__d {
	display: none;
}

.tf-kalk-intro__title {
	font-size: var(--fs-h1);
}

.tf-calc--page {
	padding-top: var(--s-5);
}

@media (min-width: 640px) {
	.tf-kalk-intro {
		padding-top: 56px;
		padding-bottom: 44px;
		border-bottom: 1px solid var(--c-line);
	}

	.tf-kalk-intro__eyebrow {
		display: block;
		margin-bottom: 12px;
	}

	.tf-kalk-intro__lead {
		display: block;
		margin-top: 14px;
		color: var(--c-text);
	}

	.tf-kalk-intro__d {
		display: inline;
	}

	.tf-kalk-intro__m {
		display: none;
	}

	.tf-calc--page {
		padding-top: var(--s-10);
	}
}