:root {
	--m-nav-content: 3.75em;

	--g-product-header: radial-gradient(
		closest-side at 55% 50%,
		var(--c-white) 0%,
		var(--c-white) 48%,
		#EDEDED 100%
	);

	scroll-behavior: smooth;
	
	/* Styles */
	--c-hybrid-green: #c9ce6a;

	--cmp-subbanner-bg: var(--c-brand);
	--cmp-subbanner-fg: var(--c-white);
}
.hybridGreen {
	--cmp-subbanner-bg: var(--c-hybrid-green);
	--cmp-subbanner-fg: var(--c-grey-1);
}

/* Overrides */
.landing-otthon #page {
	line-height: 1.2;
}

.with-navigation > #content {
	margin-top: var(--m-nav-content);
}
.with-navigation > #content > .section {
	font-family: var(--font-family-main);
}

.footer-navigation.footer-navigation {
	margin-top: 0;
}

/*
	Styles
*/
.el-fullwidth:not(.partnerMap-mapFrameExpander) {
	position: relative;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
}

/* Banner */
.landingBanner {
	--el-frame-n: 384;
	--el-frame-d: 1280;
}

/* ================================================================= Subbanner #
*/
.landingSubbanner {
	padding: 5%;
	background-color: var(--cmp-subbanner-bg);
}
.landingSubbanner-title {
	color: var(--cmp-subbanner-fg);

	font-size: var(--fs-title-sub);
	font-weight: var(--fw-bold);
}
.landingSubbanner-content {
	--el-switcher-gap: 2rem;
	--el-switcher-threshold: 45ch;
}
.landingSubbanner-main > p {
	color: var(--cmp-subbanner-fg);

	font-size: var(--fs-label);
}
.landingSubbanner-main > p > a,
.landingSubbanner-supporting > p > a {
	color: var(--cmp-subbanner-fg);
}
.landingSubbanner-supporting > * {
	color: var(--cmp-subbanner-fg);

	font-size: var(--fs-copy);
	font-weight: var(--fw-regular);
}
.landingSubbanner-main > p,
.landingSubbanner-supporting > * {
	text-align: left;
	margin: 0;
}
.landingSubbanner-main > p + p,
.landingSubbanner-supporting > * + * {
	margin-top: 1.2rem;
}


/* =================================================================== Product #
*/
.landingProduct-header {
	--el-sidebar-aside-width: 20%;
	--el-sidebar-main-width: 40ch;

	background-image: var(--g-product-header);
}
.landingProduct-imageWrapper {
	padding: 4%;
}
.landingProduct-imageFrame {
	--el-frame-n: 365;
	--el-frame-d: 265;
	--el-frame-fit: contain;
}

.landingProduct-infoWrapper {
	display: flex;
	padding: 3em 3% 3em 0;
}
.landingProduct-infoWrapper > .el-stack {
	flex: 1 1 auto;
}
.landingProduct-info {
	--el-switcher-threshold: 76ch;

	margin-top: auto;
	margin-bottom: auto;
}
.landingProduct-infoItem.name {
	text-align: left;
}
.landingProduct-infoItem.price > .landingProduct-infoSupport,
.landingProduct-infoItem.price > .landingProduct-infoMain {
	text-align: right;
}
.landingProduct-infoSupport {
	margin: 0;

	color: var(--c-grey-3);

	font-size: var(--fs-supporting);
	font-weight: var(--fw-bold);
	letter-spacing: var(--kerning-extra-large);
	text-align: left!important;
	text-transform: uppercase;
}
.landingProduct-infoMain {
	margin: 1rem 0 0 0;

	color: var(--c-black);

	font-size: var(--fs-title-sub);
	font-weight: var(--fw-bold);
	text-align: left;
}

.landingProduct-actions {
	--el-cluster-justify: space-around;
}
.landingProduct-actions .button {
	padding: 0.6em 2em;
}
.detailToggle {
	color: var(--c-brand);

	font-size: var(--fs-supporting);
	font-weight: var(--fw-bold);
	letter-spacing: var(--kerning-extra-large);
	text-decoration: none;
	text-transform: uppercase;
}
.detailToggle::after {
	content: '';
	display: inline-block;

	margin-left: 0.25em;
	width: 1em;
	height: 1em;

	background-image: var(--img-icon-chevron-up);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

	transition-property: transform;
	transition-duration: 100ms;
}
.detailToggle:not(.active)::after {
	transform: rotate(180deg);
}

.product-data {
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 1em;
}
.product-dataList {
	list-style-type: none;
	padding: 0;
}
.product-dataItem {
	flex-grow: 1;

	display: flex;
	flex-flow: column nowrap;

	padding: 1em;
	border-left: 2px solid var(--c-grey-4);
}

.product-dataValue {
	color: var(--c-brand);

	min-height: 68px;

	font-size: var(--fs-title-item);
	font-weight: var(--fw-bold);
}
.product-dataTitle {
	display: flex;
	flex-flow: row nowrap;
	margin-top: 1em;

	color: var(--c-grey-3);

	font-size: var(--fs-supporting);
	font-weight: var(--fw-bold);
	letter-spacing: var(--kerning-extra-large);
	text-transform: uppercase;
}
.product-dataTitle::before {
	content: '';

	display: inline-block;
	flex: 0 0 1em;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;

	background-image: var(--img-icon-flame);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.landingProduct-detail {
	--el-sidebar-aside-width: 55ch;
	--el-sidebar-main-width: 50%;

	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
}
.landingProduct-detail:not(.active) {
	display: none;
	visibility: hidden;
}
.landingProduct-detail p {
	text-align: left;
}
.landingProduct-label {
	max-width: 100%;
}
.landingProduct-detailMisc > * {
	margin: 0;
}
.landingProduct-detailMisc > * + * {
	margin-top: 1.2rem;
}
.landingProduct-detailText {
	display: flex;
	flex-flow: column nowrap;

	font-size: var(--fs-copy);
	font-weight: var(--fw-regular);
}
.landingProduct-detailText > * {
	color: var(--c-black);
}

.landingProduct-partners {
	padding: 1em;
}
.landingProduct-partners:not(.active) {
	display: none;
	visibility: hidden;
}

.landingProduct-partnersTitle {
	color: var(--c-brand);

	font-size: var(--fs-supporting);
	font-weight: var(--fw-bold);
	letter-spacing: var(--kerning-extra-large);
}
.landingProduct-partnersList {
	--el-grid-min: 14ch;
	--el-grid-gap: 1.5rem;
}

.landingProduct-partnerItem {
	--el-stack-space: 0.8rem;
	align-items: center;
	padding: 0.5rem;
}
.landingProduct-partnerName {
	display: none;
	visibility: hidden;

	color: var(--c-black);

	font-size: var(--fs-copy);
}
.landingProduct-partnerLink {
	display: block;
	max-width: 165px;
	width: 100%;

	color: var(--c-brand);

	font-size: var(--fs-copy);
	text-decoration: none;
}
.landingProduct-partnerLink > .el-frame {
	--el-frame-n: 141;
	--el-frame-d: 374;
	--el-frame-fit: contain;
}
.landingProduct-partnerStars {
	max-width: 91px;
	width: 100%;
}
.landingProduct-partnerStars > .el-frame {
	--el-frame-n: 21;
	--el-frame-d: 91;
	--el-frame-fit: contain;
}
.landingProduct-partnerTrusted {
	max-width: 120px;
	width: 100%;
}
.landingProduct-partnerTrusted > .el-frame {
	--el-frame-n: 25;
	--el-frame-d: 120;
	--el-frame-fit: contain;
}

/* Counter */
.infoCounter {
	--el-frame-n: 350;
	--el-frame-d: 1920;

	background-color: var(--c-brand);
	background-image: var(--img-bg-counter);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	text-align: center;
}
.infoCounter-switcher {
	--el-switcher-gap: 4em;
	padding: 1em;
}
.infoCounter-value {
	border-bottom: 2px solid var(--c-white);

	color: var(--c-white);

	font-size: var(--fs-title-sub);
	font-weight: var(--fw-bold);
	letter-spacing: var(--kerning-semi-big);
}
.infoCounter-label {
	margin-top: 0.5em;

	color: var(--c-white);

	font-size: var(--fs-label);
	font-weight: var(--fw-bold);
}

/* Button */
.button {
	--cmp-button-fs: var(--fs-label-small);
	--cmp-button-kerning: var(--kerning-semi-large);
	--cmp-button-fg: var(--c-brand);
	--cmp-button-bg: var(--c-white);

	--style-link-color: var(--cmp-button-fg);

	padding: 0.4em 1.125em;
	border-radius: 0.25em;
	box-shadow: var(--style-box-shadow);

	color: var(--cmp-button-fg);
	background-color: var(--cmp-button-bg);

	font-size: var(--cmp-button-fs);
	font-weight: var(--fw-bold);
	letter-spacing: var(--cmp-button-kerning);
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
.button--small {
	--cmp-button-fs: var(--fs-supporting);
}
.button--main {
	--cmp-button-fg: var(--c-white);
	--cmp-button-bg: var(--c-brand);
}
.button--stark {
	--cmp-button-fg: var(--c-white);
	--cmp-button-bg: var(--c-black);
}

/* Supporting */
.supporting {
	color: var(--c-grey-3);

	font-size: var(--fs-supporting);
	font-weight: var(--fw-bold);
	letter-spacing: var(--kerning-extra-large);
	text-decoration: none;
	text-transform: uppercase;
}
.supporting--small {
	font-size: var(--fs-supporting-small);
}

/* ====================================================== Discriminator styles #
*/
.futeskorszerusites-2021 .landingBanner,
.fenntarthatosag-2021 .landingBanner {
	--el-frame-n: 384;
	--el-frame-d: 1280;
}

/* ======================================================================= New #
*/
.productLanding {
	max-width: var(--d-max-width-2);
	margin-left: auto;
	margin-right: auto;
}
.productLanding .product-data {
	margin-top: 0;
}

.infoLanding-banner {
	--el-frame-n: 384;
	--el-frame-d: 1280;
}

.wc {
	--el-wc-max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: var(--el-wc-max-width);
}

.wc-banner {
	--el-wc-max-width: 1360px;
}

.infoLanding .landingProduct-header {
	--el-sidebar-main-width: 80%;
	--el-sidebar-aside-width: 234px;
}
.infoLanding .landingProduct-imageWrapper > .el-center {
	--el-center-width: 234px;
}
.landingProduct-infoMain > .button {
	display: inline-block;
}
@media (min-width: 410px) {
	.landingProduct-infoSupport {
		white-space: nowrap;
	}
}