.zh-main-benefits {
	--zh-main-benefits-color: var(--zh-primary);
	--zh-main-benefits-tile-bg: rgba(24, 42, 97, 0.06);
	--zh-main-benefits-icon-circle-bg: rgba(24, 42, 97, 0.12);
	--zh-main-benefits-icon-circle-size: 68px;
	--zh-main-benefits-icon-size: 40px;

	& .zh-main-benefits__inner {
		display: flex;
		flex-direction: column;
		gap: var(--dist_1);
	}

	& .zh-main-benefits__header {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--dist_-2);
		text-align: center;
	}

	& .zh-main-benefits__heading-icon {
		display: block;
		width: 64px;
		height: auto;
		margin-bottom: var(--dist_-1);
	}

	& .zh-main-benefits__title {
		color: var(--zh-primary);
		margin-bottom: var(--distance-responsive-middle);

		& em {
			color: inherit;
			font-style: normal;
			font-weight: 700;
		}
	}

	& .zh-main-benefits__tiles {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--dist_-1);
	}

	& .zh-main-benefits__actions {
		justify-content: center;
		margin-top: var(--distance-responsive-small);
	}

	& .zh-main-benefits__tile {
		background: var(--zh-main-benefits-tile-bg);
		border-radius: var(--zh-radius-md);
		overflow: visible;
		padding: var(--dist_2);
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: var(--dist_3);
		justify-content: flex-start;
		min-height: calc(var(--dist_11) + var(--dist_4));
		padding-top: calc(var(--dist_2) + var(--dist_0));

		& p {
			margin: 0;
			color: var(--zh-main-benefits-color);
			font-size: var(--zh-font-size-normal-plus);
			line-height: var(--zh-line-height-base);
			text-wrap: balance;
		}
	}

	& .zh-main-benefits__tile-icon {
		display: block;
		width: var(--zh-main-benefits-icon-size);
		height: auto;
		object-fit: contain;
	}

	& .zh-main-benefits__tile-icon-circle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: var(--zh-main-benefits-icon-circle-size);
		height: var(--zh-main-benefits-icon-circle-size);
		border-radius: 999px;
		overflow: visible;
		background: var(--zh-main-benefits-icon-circle-bg);
		flex-shrink: 0;
	}
}

.zh-main-benefits--experts {
	--zh-main-benefits-color: var(--zh-color-audience-organizations-accent);
	--zh-main-benefits-tile-bg: rgba(38, 120, 142, 0.06);
	--zh-main-benefits-icon-circle-bg: var(--zh-color-audience-organizations-accent);

	& .zh-main-benefits__title {
		color: var(--zh-color-audience-organizations-accent);
	}

	& .zh-main-benefits__tile-icon {
		filter: brightness(0) invert(1);
	}
}

.zh-main-benefits--schools {
	--zh-main-benefits-color: var(--zh-color-audience-schools-accent);
	--zh-main-benefits-tile-bg: rgba(227, 72, 13, 0.06);
	--zh-main-benefits-icon-circle-bg: var(--zh-color-audience-schools-accent);

	& .zh-main-benefits__title {
		color: var(--zh-color-audience-schools-accent);
	}

	& .zh-main-benefits__tile-icon {
		filter: brightness(0) invert(1);
	}
}

.zh-section-heading-block {
	& .zh-section-heading-block__title {
		color: var(--zh-primary);
		text-align: inherit;
		text-transform: none;
		margin-bottom: var(--distance-responsive-big-sm);
	}
}

.zh-section-heading-block--left {
	text-align: left;

	& .zh-section-heading-block__title {
		text-align: left;
	}
}

.zh-section-heading-block--center {
	text-align: center;

	& .zh-section-heading-block__title {
		text-align: center;
	}
}

.zh-please-log-in {
	margin-top: var(--distance-responsive-middle);
	padding: clamp(var(--dist_1), 4vw, var(--dist_3));
	border-radius: var(--zh-radius-lg);
	background: rgba(24, 42, 97, 0.04);
}

.zh-please-log-in__text {
	margin: 0;
	color: var(--zh-primary);
	font-size: var(--zh-font-size-normal-plus);
	font-weight: 400;
	line-height: var(--zh-line-height-base);
	text-align: center;
	text-wrap: balance;
}

.zh-please-log-in__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--dist_0);
	margin-top: var(--distance-responsive-small);
}

.zh-feature-separator-tiles {
	--zh-feature-separator-tiles-border-color: var(--zh-color-separator-light);

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
}

.zh-feature-separator-tiles__tile {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--distance-responsive-big-sm) var(--distance-responsive-small);
	border-bottom: 1px solid var(--zh-feature-separator-tiles-border-color);
}

.zh-feature-separator-tiles__icon {
	display: block;
	width: 28px;
	height: auto;
	object-fit: contain;
}

.zh-feature-separator-tiles__title {
	margin: var(--dist_2) 0 0.414em;
	color: var(--zh-primary);
	font-size: var(--zh-font-size-md-plus);
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
}

.zh-feature-separator-tiles__description {
	margin: 0;
	color: var(--zh-primary-muted);
	font-size: var(--zh-font-size-text);
	line-height: var(--zh-line-height-base);
	text-align: left;
}

.zh-audience-main-page--schools .zh-feature-separator-tiles {
	--zh-feature-separator-schools-icon-circle-size: 64px;
	--zh-feature-separator-schools-icon-size: 36px;
	--zh-feature-separator-schools-icon-bg: var(--zh-color-menta-darker);
}

.zh-audience-main-page--schools .zh-feature-separator-tiles__tile {
	border-bottom: 0;
	border-right: 0;
}

.zh-audience-main-page--schools .zh-feature-separator-tiles__icon-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--zh-feature-separator-schools-icon-circle-size);
	height: var(--zh-feature-separator-schools-icon-circle-size);
	border-radius: 999px;
	background: var(--zh-feature-separator-schools-icon-bg);
	flex-shrink: 0;
	overflow: visible;
}

.zh-audience-main-page--schools .zh-feature-separator-tiles__icon-circle .zh-feature-separator-tiles__icon {
	width: var(--zh-feature-separator-schools-icon-size);
	height: var(--zh-feature-separator-schools-icon-size);
	max-width: none;
	max-height: none;
	padding: 0;
	border-radius: 0;
	background: transparent;
	object-fit: contain;
}

.zh-audience-main-page--organizations .zh-feature-separator-tiles {
	--zh-feature-separator-organizations-icon-circle-size: 64px;
	--zh-feature-separator-organizations-icon-size: 36px;
	--zh-feature-separator-organizations-icon-bg: var(--zh-color-menta-darker);
}

.zh-audience-main-page--organizations .zh-feature-separator-tiles__icon-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--zh-feature-separator-organizations-icon-circle-size);
	height: var(--zh-feature-separator-organizations-icon-circle-size);
	border-radius: 999px;
	background: var(--zh-feature-separator-organizations-icon-bg);
	flex-shrink: 0;
	overflow: visible;
}

.zh-audience-main-page--organizations .zh-feature-separator-tiles__icon-circle .zh-feature-separator-tiles__icon {
	width: var(--zh-feature-separator-organizations-icon-size);
	height: var(--zh-feature-separator-organizations-icon-size);
	max-width: none;
	max-height: none;
	padding: 0;
	border-radius: 0;
	background: transparent;
	object-fit: contain;
}

.zh-audience-steps-card {
	& .zh-audience-steps-card__inner {
		background: var(--zh-color-menta);
		border-radius: var(--zh-radius-lg);
		padding: clamp(var(--dist_1), 4vw, var(--dist_3));
	}

	&.zh-audience-steps-card--menta-darker {
		& .zh-audience-steps-card__inner {
			background: var(--zh-color-menta-darker);
		}
	}

	& .zh-audience-indicator-wrapper {
		justify-content: flex-start;
		margin-bottom: var(--distance-responsive-small);
	}

	& .zh-audience-steps-card__title {
		margin-bottom: var(--distance-responsive-big-sm);
		max-width: var(--dist_15);
		text-align: left;
	}

	& .zh-audience-steps-card__tiles {
		list-style: none;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--dist_2);
		margin: 0;
		padding: 0;
	}

	& .zh-audience-steps-card__tile {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: var(--dist_1);
	}

	& .zh-audience-steps-card__content {
		display: flex;
		flex-direction: column;
		gap: var(--dist_0);
	}

	& .zh-audience-steps-card__number {
		display: block;
		color: var(--zh-primary);
		font-size: var(--zh-font-size-xs);
		font-weight: 100;
		line-height: 1;
		opacity: .414;
	}

	& .zh-audience-steps-card__card-title {
		margin: 0;
		color: var(--zh-primary);
		font-size: var(--zh-font-size-normal);
		font-weight: 700;
		line-height: var(--zh-line-height-base);
	}

	& .zh-audience-steps-card__text {
		margin: 0;
		color: var(--zh-primary-muted);
		font-size: var(--zh-font-size-text);
		line-height: var(--zh-line-height-relaxed);
	}

	& .zh-audience-steps-card__actions {
		margin-top: var(--distance-responsive-big-sm);
	}
}

.zh-audience-link-cards {
	& .zh-audience-link-cards__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: var(--dist_1);
	}

	& .zh-audience-link-cards__tile {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: var(--distance-responsive-middle);
		border-radius: var(--zh-radius-lg);
		text-align: center;
	}

	& .zh-audience-link-cards__icon {
		display: block;
		width: auto;
		height: 52px;
		object-fit: contain;
		margin-bottom: 0;
	}

	& .zh-audience-link-cards__icon-circle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-bottom: var(--distance-responsive-small);
	}

	& .zh-audience-link-cards__visual {
		position: relative;
		width: 100%;
		margin-top: auto;
		margin-bottom: 0;
		overflow: hidden;
		border-radius: var(--zh-radius-lg);
	}

	& .zh-audience-link-cards__image {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		object-position: center;
		border-radius: var(--zh-radius-lg);
	}

	& .zh-audience-link-cards__title {
		margin-bottom: var(--dist_3);
		color: var(--zh-primary);
		font-size: var(--zh-font-size-lg);
		font-weight: 400;
		line-height: var(--zh-line-height-tighter);
	}

	& .zh-audience-link-cards__description {
		margin: 0 0 var(--distance-responsive-middle);
		max-width: 480px;
		color: var(--zh-primary);
		font-size: var(--zh-font-size-text);
		line-height: var(--zh-line-height-base);

		& em {
			font-style: normal;
			font-weight: 700;
		}
	}

	& .zh-audience-link-cards__actions {
		justify-content: center;
		margin-top: auto;
	}

	& .zh-audience-link-cards__actions--on-image {
		position: absolute;
		right: var(--dist_0);
		bottom: var(--dist_0);
		left: var(--dist_0);
		margin-top: 0;
	}
}

.zh-audience-main-page--schools .zh-audience-link-cards__icon-circle {
	width: 64px;
	height: 64px;
	border-radius: 999px;
	background: rgba(227, 72, 13, 0.14);
}

.zh-audience-main-page--schools .zh-audience-link-cards__icon {
	height: 36px;
}

.zh-audience-main-page--organizations .zh-audience-link-cards__icon-circle {
	width: 64px;
	height: 64px;
	border-radius: 999px;
	background: rgba(38, 120, 142, 0.14);
}

.zh-audience-main-page--organizations .zh-audience-link-cards__icon {
	height: 36px;
}

.zh-audience-content-image-block {
	& .zh-audience-content-image-block__inner {
		display: flex;
		flex-direction: column;
		gap: var(--distance-responsive-middle);
	}

	& .zh-audience-content-image-block__content {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	& .zh-audience-content-image-block__title {
		margin-bottom: var(--distance-responsive-small);
		text-align: left;
	}

	& .zh-audience-content-image-block__list {
		list-style: none;
		display: flex;
		flex-direction: column;
		gap: var(--dist_-2);
		margin: 0;
		padding: 0;
	}

	& .zh-audience-content-image-block__item {
		position: relative;
		padding-left: var(--dist_1);
		color: var(--zh-primary-muted);
		font-size: var(--zh-font-size-text);
		line-height: var(--zh-line-height-relaxed);

		&::before {
			content: "•";
			position: absolute;
			left: 0;
			top: 0;
			color: var(--zh-primary);
		}

		& em {
			font-style: normal;
			font-weight: 700;
			color: var(--zh-primary);
		}
	}

	& .zh-audience-content-image-block__actions {
		margin-top: var(--distance-responsive-middle);
	}

	& .zh-audience-content-image-block__media {
		overflow: hidden;
	}

	& .zh-audience-content-image-block__image {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 320px;
		object-fit: cover;
	}
}

.zh-ugyfelszolgalat {
	background: var(--zh-color-ugyfelszolgalat-bg);
	box-shadow: none;
	text-align: center;
	padding: clamp(var(--dist_2), 6vw, var(--dist_8)) var(--dist_2);
	margin-top: calc(var(--dist_4) + var(--dist_0));

	& .zh-ugyfelszolgalat__title {
		margin: 0 0 var(--dist_1);
	}

	& p {
		margin: var(--dist_2) auto 0;
		max-width: min(760px, 100%);
		font-size: var(--zh-font-size-md);
		line-height: var(--zh-line-height-base);
		color: var(--zh-primary);
		text-wrap: balance;
	}

	& .zh-actions {
		justify-content: center;
	}

	& .zh-ugyfelszolgalat__contacts {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: clamp(var(--dist_0), 4vw, var(--dist_1));
		margin-bottom: clamp(var(--dist_1), 4vw, var(--dist_3));
		gap: var(--dist_-3);
	}

	& .zh-ugyfelszolgalat__email {
		display: inline-block;
		font-size: var(--zh-font-size-md);
		font-weight: 500;
		line-height: var(--zh-line-height-base);
		color: var(--zh-primary);
		text-decoration: none;
		text-underline-offset: var(--zh-text-underline-offset);

		&:hover {
			text-decoration: underline;
		}
	}

	& .zh-ugyfelszolgalat__phone {
		display: inline-flex;
		align-items: center;
		gap: var(--dist_-4);
		font-size: var(--zh-font-size-md);
		font-weight: 500;
		line-height: var(--zh-line-height-base);
		color: var(--zh-primary);
		text-decoration: none;
		text-underline-offset: var(--zh-text-underline-offset);

		&:hover {
			text-decoration: underline;
		}
	}

	& .zh-ugyfelszolgalat__phone-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 1.15em;
	}

	& .zh-ugyfelszolgalat__social {
		display: flex;
		justify-content: center;
		margin-top: var(--dist_1);
	}

	& .zh-ugyfelszolgalat__linkedin {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: var(--dist_-5);
		border-radius: var(--dist_-5);
		color: var(--zh-primary);
		font-size: clamp(2.4rem, 2rem + 1.2vw, 2.8rem);
		line-height: 1;
		text-decoration: none;
		transition: opacity var(--zh-transition-time-fast) ease;

		&:hover {
			color: var(--zh-primary-strong);
			opacity: 0.78;
		}
	}
}

.zh-faqs {
	display: flex;
	flex-direction: column;
}

.zh-faq {
	display: block;
	padding-bottom: var(--distance-responsive-big);

	& .zh-faq__section {
		display: flex;
		flex-direction: column;
	}

	& .zh-audience-indicator-wrapper {
		display: flex;
		justify-content: center;
		margin-bottom: var(--zh-faq-indicator-heading-gap);

		& .zh-audience-indicator {
			border-radius: var(--dist_-3);
			margin: 0;
			display: inline-block;
			color: var(--zh-primary);
			font-size: var(--zh-font-size-tiny-fixed);
			padding: var(--dist_-3) var(--dist_0);
			font-weight: 600;
			line-height: var(--zh-line-height-base);
			letter-spacing: 0.05em;
			text-transform: uppercase;
			text-align: center;
			border: 1px solid #aaa;
		}
	}

	& .zh-faq__heading-text {
		margin-bottom: var(--distance-special-gap);
		& + .zh-faq__category {
			margin-top: 0;
			padding-top: 0;
		}
	}

	& .zh-faq__category {
		padding-top: var(--dist_2);
	}

	& .zh-faq__category-title {
		margin: var(--dist_1) 0 var(--dist_0);
		width: 100%;
		color: var(--zh-primary);
		font-size: var(--zh-font-size-md);
		font-weight: 500;
		text-align: center;
		line-height: var(--zh-line-height-base);
		border-bottom: 1px solid rgba(24, 42, 97, 0.18);
		padding-bottom: var(--dist_0);
	}

	& .zh-faq__category-title-text {
		display: block;
		width: min(100%, var(--dist_14));
		margin: 0 auto;
		text-wrap: balance;
		overflow-wrap: anywhere;
	}

	& .zh-faq__items {
		display: flex;
		flex-direction: column;
	}

	& .zh-faq__item {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0 var(--dist_2);
		padding: 0;
		margin-top: var(--dist_-3);
		margin-bottom: 0;
		background: var(--zh-color-menta-darker);
		border-radius: var(--zh-radius-lg);
		cursor: pointer;
		-webkit-user-select: none;
		user-select: none;
		transition: margin-bottom 0.28s ease, background-color var(--zh-transition-time-fast) ease;

		&:first-child {
			margin-top: 0;
		}

		&:hover {
			background: var(--zh-color-menta-hover);
		}

		&.is-open {
			& .zh-faq__icon {
				transform: rotate(45deg);
			}

			& .zh-faq__answer {
				opacity: 1;
				visibility: visible;
				pointer-events: auto;
			}
		}

		&.is-open:not(:last-child) {
			margin-bottom: var(--dist_-1);
		}
	}

	& .zh-faq__question {
		grid-column: 1;
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		gap: var(--dist_-2);
		width: 100%;
		padding: var(--dist_0) var(--dist_2);
		padding-right: calc(var(--dist_1) + var(--dist_0));
		background: transparent;
		color: var(--zh-color-text-base);
		font: inherit;
		text-align: left;
	}

	& .zh-faq__question-text {
		color: var(--zh-primary);
		font-size: var(--zh-font-size-sm);
		font-weight: 400;
		line-height: var(--zh-line-height-base);
		padding-right: var(--dist_3);
	}

	& .is-open {
		.zh-faq__question-text {
			font-weight: 700;
		}
	} 

	& .zh-faq__icon {
		position: absolute;
		top: calc((var(--dist_0) + var(--zh-font-size-sm) * 1.44) / 2);
		right: var(--dist_0);
		width: 1rem;
		height: 1rem;
		flex: 0 0 auto;
		transform: rotate(0deg);
		transition: transform 0.2s ease;

		&::before,
		&::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: 2px;
			border-radius: 999px;
			background: currentColor;
			transform: translate(-50%, -50%);
		}

		&::after {
			transform: translate(-50%, -50%) rotate(90deg);
		}
	}

	& .zh-faq__answer {
		grid-column: 1;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: max-height 0.28s ease, opacity 0.2s ease;
		-webkit-user-select: text;
		user-select: text;

			& p {
				margin: 0;
				color: var(--zh-primary);
				font-size: var(--zh-font-size-text);
				line-height: var(--zh-line-height-relaxed);
			}

			& .zh-faq-emphasis {
				font-style: normal;
				font-weight: 700;
				color: var(--zh-primary-strong);
			}

		& p + p {
			margin-top: var(--dist_-2);
		}
	}

	& .zh-faq__answer-inner {
		padding: var(--dist_-2) var(--dist_2) var(--dist_2);
	}
}

.zh-komanyag {
	margin: 0;
	padding: 0;
}

.zh-komanyag-page {
	background: transparent;
	padding: 0;
}

/* Footer */
.zh-footer {
	background: var(--zh-color-footer-bg);
	padding: 0 0 0 0;
	margin-bottom: var(--zh-footer-margin-bottom-mobile);
	border-bottom: var(--dist_-1) solid white;

	& .zh-container {
		width: min(var(--zh-footer-container-max-width), 100%);
	}

	& .zh-footer__panel {
		position: relative;
		isolation: isolate;
		padding-bottom: clamp(var(--dist_2), 10vw, var(--dist_10));
		background: transparent;
		border-radius: 0;
		overflow: hidden;
	}

	& .zh-footer__content {
		position: relative;
		z-index: 1;
	}

	& .zh-footer__banner {
		padding: clamp(calc(var(--dist_2) * 0.62), 6.2vw, calc(var(--dist_10) * 0.62)) 0 var(--dist_3);
		border-bottom: 1px solid var(--zh-color-footer-divider);
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: baseline;
		gap: var(--dist_2);

		& h2 {
			margin: 0;
			max-width: 560px;
			color: var(--zh-color-footer-text);
			font-size: var(--zh-font-size-md-plus);
			font-weight: 400;
			line-height: var(--zh-line-height-tight);
		}
	}

	& .zh-footer__cta {
		width: auto;
		flex: 0 0 auto;
		margin-left: auto;
	}

	& .zh-footer__links {
		padding: var(--dist_3) 0 0;
	}

	& .zh-footer__links-layout {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--dist_1);
	}

	& .zh-footer__nav-grid {
		display: grid;
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 0.7fr);
		gap: var(--dist_2);
	}

	& .zh-footer__link-block {
		display: flex;
		flex-direction: column;
		gap: var(--dist_-2);
		align-items: start;

		& h3 {
			margin: 0;
			color: rgba(255, 255, 255, 0.62);
			font-size: var(--zh-font-size-xxs);
			font-weight: 400;
			line-height: var(--zh-line-height-base);
		}
	}

	& .zh-footer__items {
		display: flex;
		flex-direction: column;

		& a {
			display: block;
			color: var(--zh-color-footer-text);
			text-decoration: none;
			text-underline-offset: var(--zh-text-underline-offset);
			font-size: var(--zh-font-size-sm);
			font-weight: 400;
			line-height: var(--zh-line-height-base);
			padding: var(--dist_-4) 0;

			&:hover {
				text-decoration: underline;
			}
		}
	}

	& .zh-footer__about-text {
		display: none;
		margin: 0;
		opacity: .85;
        color: var(--zh-color-footer-muted);
        font-size: var(--zh-font-size-text);
        line-height: var(--zh-line-height-relaxed);
        text-wrap: balance;
	}

	& .zh-footer__copyright {
		color: var(--zh-color-footer-muted);
		font-size: var(--zh-font-size-xxs);
		font-weight: 400;
		line-height: var(--zh-line-height-base);

		& a {
			color: var(--zh-color-footer-muted);
			text-decoration: none;
			text-underline-offset: var(--zh-text-underline-offset);
			&:hover {
				text-decoration: underline;
			}
		}
	}

	& .zh-footer__bottom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--dist_1);
		padding: var(--dist_3) 0 var(--dist_2);
		margin-top: var(--distance-responsive-small);
	}

	& .zh-footer__legal {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: var(--dist_-3);
		color: var(--zh-color-footer-muted);
		font-size: var(--zh-font-size-xxs);
		line-height: var(--zh-line-height-base);

		& a {
			color: var(--zh-color-footer-muted);
			text-decoration: none;
			display: block;
			text-underline-offset: var(--zh-text-underline-offset);
			&:hover {
				text-decoration: underline;
			}				
		}

		& a + a {
			position: relative;
			padding-left: 14px;

			&::before {
				content: "•";
				position: absolute;
				left: 0;
				color: var(--zh-color-footer-muted);
				opacity: .5;
			}
		}
	}

	& .zh-footer__decoration {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: var(--zh-footer-decoration-width);
		max-width: 80vw;
		width: 446px;
		aspect-ratio: 446 / 206;
		z-index: 0;
		pointer-events: none;

		& img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: contain;
		}
	}
}

@media (max-width: 767px) {
	.zh-main {
		padding-top: var(--dist_2);
	}

	.zh-main-benefits {
		& .zh-main-benefits__tile {
			padding: var(--dist_0);
		}
	}

	.zh-card {
		padding: var(--dist_1);

		& h1 {
			font-size: 26px;
		}
	}

	.zh-ugyfelszolgalat {
		padding-left: var(--dist_0);
		padding-right: var(--dist_0);

		& h2 {
			font-size: var(--zh-font-size-md);
		}

		& p,
		& .zh-ugyfelszolgalat__email,
		& .zh-ugyfelszolgalat__phone {
			font-size: var(--zh-font-size-md);
		}
	}

	.zh-footer {
		margin-bottom: var(--dist_3);

		& .zh-footer__banner h2 {
			max-width: 240px;
			font-size: clamp(1.75rem, 1.35rem + 2vw, 2.25rem);
		}

		& .zh-footer__banner {
			flex-direction: column;
			align-items: flex-start;
		}

		& .zh-footer__cta {
			margin-left: 0;
		}

		& .zh-footer__links {
			padding: var(--dist_2) 0 0;
		}

		& .zh-footer__links-layout {
			gap: var(--dist_0);
		}

		& .zh-footer__nav-grid {
			gap: var(--dist_0);
			grid-template-columns: 1fr;
		}

		& .zh-footer__link-block {
			gap: var(--dist_-2);
		}

		& .zh-footer__bottom {
			flex-direction: column;
			align-items: flex-start;
			gap: var(--dist_-2);
		}

		& .zh-footer__legal {
			justify-content: flex-start;
		}
	}

	}

@media (min-width: 801px) {
	.zh-feature-separator-tiles--three-columns {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.zh-feature-separator-tiles--three-columns .zh-feature-separator-tiles__tile {
		border-right: 1px solid var(--zh-feature-separator-tiles-border-color);
	}

	.zh-feature-separator-tiles--three-columns .zh-feature-separator-tiles__tile:nth-child(3n) {
		border-right: 0;
	}

	.zh-audience-main-page--schools .zh-feature-separator-tiles--three-columns .zh-feature-separator-tiles__tile {
		border-right: 0;
	}

	.zh-audience-steps-card .zh-audience-steps-card__tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zh-audience-steps-card--three-columns .zh-audience-steps-card__tiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.zh-audience-link-cards .zh-audience-link-cards__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zh-audience-content-image-block .zh-audience-content-image-block__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(20rem, 42%);
		align-items: stretch;
		column-gap: clamp(var(--dist_2), 5vw, var(--dist_6));
	}

	.zh-audience-content-image-block .zh-audience-content-image-block__content {
		align-self: center;
		padding-left: var(--zh-container-gutter);
	}

	.zh-audience-content-image-block--as-reversed .zh-audience-content-image-block__inner {
		grid-template-columns: minmax(20rem, 42%) minmax(0, 1fr);
	}

	.zh-audience-content-image-block--as-reversed .zh-audience-content-image-block__content {
		order: 2;
		padding-left: 0;
		padding-right: var(--zh-container-gutter);
	}

	.zh-audience-content-image-block--as-reversed .zh-audience-content-image-block__media {
		order: 1;
	}

	.zh-main-benefits {
		& .zh-main-benefits__tiles {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	.zh-faq__item {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.zh-faq__answer {
		grid-column: 2;
	}

	.zh-footer {
		& .zh-footer__links-layout {
			grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
			align-items: start;
			column-gap: var(--dist_3);
		}

		& .zh-footer__about-text {
			display: block;
		}
	}

}

@media (min-width: 992px) {
	.zh-footer {
		margin-bottom: var(--zh-footer-margin-bottom-lg);
	}
}