/* =========================================================
   E20 V2 – N1 modern hero/banner
   ========================================================= */

.e20,
.e20 *,
.e20 *::before,
.e20 *::after{
	box-sizing: border-box !important;
}

.e20{
	position: relative !important;
	float: none !important;
	width: 100%;
	z-index: 5;
	overflow: hidden;
	background: #111;
	color: #fff;
	isolation: isolate;
}

.e20 img,
.e20 picture{
	display: block;
}

.e20 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* magasság */
.e20.he0{ height: 100vh; }
.e20.he1{ height: 90vh; }
.e20.he2{ height: 80vh; }
.e20.he3{ height: 70vh; }
.e20.he4{ height: 60vh; }
.e20.he5{ height: 50vh; }
.e20.he6{ height: 40vh; }
.e20.he7{ height: 30vh; }
.e20.he8{ height: auto; }
.e20.he9{ height: 140vh; }

.e20.hei_0{ height: 100vh; }
.e20.hei_1{ height: 90vh; }
.e20.hei_2{ height: 80vh; }
.e20.hei_3{ height: 70vh; }
.e20.hei_4{ height: 60vh; }
.e20.hei_5{ height: 50vh; }
.e20.hei_6{ height: 40vh; }
.e20.hei_7{ height: 30vh; }
.e20.hei_8{ height: auto; }
.e20.hei_9{ height: 140vh; }

.e20.ma1{
	width: calc(100% - clamp(28px, 4vw, 80px));
	margin: clamp(18px, 2vw, 38px) auto;
	border-radius: clamp(16px, 1.4vw, 28px);
	overflow: hidden;
}

/* slides */
.e20 .e20Slides,
.e20 .e20Slide,
.e20 .e20Slide__media{
	position: absolute !important;
	inset: 0;
	width: 100%;
	height: 100%;
}

.e20.he8 .e20Slides,
.e20.hei_8 .e20Slides,
.e20.he8 .e20Slide,
.e20.hei_8 .e20Slide,
.e20.he8 .e20Slide__media,
.e20.hei_8 .e20Slide__media{
	position: relative !important;
	inset: auto;
	height: auto;
}

.e20.he8 .e20Slide,
.e20.hei_8 .e20Slide{
	display: none;
}

.e20.he8 .e20Slide.is-active,
.e20.hei_8 .e20Slide.is-active{
	display: block;
}

.e20.he8 .e20Slide__media,
.e20.hei_8 .e20Slide__media{
	aspect-ratio: 16 / 9;
}

.e20 .e20Slide{
	opacity: 0;
	pointer-events: none;
	transition: opacity .75s ease;
	z-index: 1;
}

.e20 .e20Slide.is-active{
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}

.e20 .e20Slide__media{
	overflow: hidden;
	background: #111;
}

.e20 .e20Slide__media picture{
	width: 100%;
	height: 100%;
}

.e20 .e20Slide__video{
	display:block;
	width:100%;
	height:100%;
	border:0;
	background:#08060d;
	object-fit:cover;
}

.e20.vauto1 .e20Slide__video{
	pointer-events:none;
}

.e20 .e20Slide__media img{
	transform: scale(1.035) translateY(var(--e20-parallax-y, 0px));
	transition: transform 1.4s cubic-bezier(.2,.8,.2,1), filter .3s ease;
	will-change: transform;
}

.e20 .e20Slide.is-active .e20Slide__media img{
	transform: scale(1.015) translateY(var(--e20-parallax-y, 0px));
}

.e20[data-parallax="0"] .e20Slide__media img{
	transform: none !important;
}

/* A scrollpozíciót közvetlenül követő képmozgások — nincs CSS-es lemaradás. */
.e20.imgmov1 .e20Slide__media img,
.e20.imgmov2 .e20Slide__media img{
	position:absolute!important;
	left:0;
	top:-22%;
	width:100%;
	height:144%;
	transition:filter .3s ease!important;
}

.e20.imgmov1 .e20Slide.is-active .e20Slide__media img,
.e20.imgmov2 .e20Slide.is-active .e20Slide__media img{
	transform:translateY(var(--e20-parallax-y,0px)) scale(1.02);
}

.e20.imgmov3 .e20Slide__media img{
	transform:translateY(var(--e20-parallax-y,0px)) scale(1.025);
	transition:filter .3s ease!important;
}

/* desktop/mobil kép */
.e20 .mobile-img{
	display: none;
}

.e20 .desktop-img{
	display: block;
}

/* képeffektek */
.e20.ie0 .e20Slide__media img{
	filter: none;
}

.e20.ie1 .e20Slide__media img{
	filter: saturate(.92) contrast(.96) brightness(1.04);
}

.e20.ie2 .e20Slide__media img{
	filter: saturate(1.06) contrast(.98) sepia(.08) brightness(1.03);
}

.e20.ie3 .e20Slide__media img{
	filter: saturate(.88) contrast(1.05) brightness(1.02) hue-rotate(4deg);
}

.e20.ie4 .e20Slide__media img{
	filter: saturate(.78) contrast(.92) brightness(1.08);
}

.e20.ie5 .e20Slide__media img{
	filter: saturate(1.08) contrast(1.12) brightness(.96);
}

.e20.ie6 .e20Slide__media img{
	filter: saturate(.35) contrast(1.02) brightness(1.02);
}

/* overlay / árnyék */
.e20 .e20Overlay{
	position:absolute !important;
	inset:0;
	z-index:3;
	pointer-events:none;
	overflow:hidden;
}
.e20 .e20Overlay--dark{--e20-shadow-rgb:5,9,11;--e20-shadow-strength:.94}
.e20 .e20Overlay--light{--e20-shadow-rgb:255,253,249;--e20-shadow-strength:.9}
.e20 .e20Shadow{position:absolute;inset:0;display:block}
.e20 .e20Shadow--tl{background:radial-gradient(ellipse 90% 95% at 0 0,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.48) 38%,transparent 78%)}
.e20 .e20Shadow--tc{background:linear-gradient(180deg,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.52) 38%,transparent 80%)}
.e20 .e20Shadow--tr{background:radial-gradient(ellipse 90% 95% at 100% 0,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.48) 38%,transparent 78%)}
.e20 .e20Shadow--ml{background:linear-gradient(90deg,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.48) 38%,transparent 78%)}
.e20 .e20Shadow--mc{background:radial-gradient(ellipse at center,transparent 18%,rgba(var(--e20-shadow-rgb),.34) 62%,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 100%)}
.e20 .e20Shadow--mr{background:linear-gradient(270deg,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.48) 38%,transparent 78%)}
.e20 .e20Shadow--bl{background:radial-gradient(ellipse 90% 95% at 0 100%,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.48) 38%,transparent 78%)}
.e20 .e20Shadow--bc{background:linear-gradient(0deg,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.58) 38%,rgba(var(--e20-shadow-rgb),.22) 62%,transparent 84%)}
.e20 .e20Shadow--br{background:radial-gradient(ellipse 90% 95% at 100% 100%,rgba(var(--e20-shadow-rgb),var(--e20-shadow-strength)) 0,rgba(var(--e20-shadow-rgb),.48) 38%,transparent 78%)}

/* text */
.e20 .txt{
	position: absolute !important;
	z-index: 5;
	width: min(720px, calc(100% - 80px));
	display: flex !important;
	flex-direction: column;
	gap: 14px;
	color: #fff;
}

.e20.txtcol1 .txt{
	color: #2c2f38;
}

.e20 .txt *{
	float: none !important;
	position: relative !important;
	color: inherit;
}

.e20 .txt .pre{
	font-family: cou_b, Inter, system-ui, sans-serif !important;
	font-size: clamp(12px, .45vw + 10px, 15px);
	line-height: 1.4;
	letter-spacing: 4px;
	text-transform: uppercase;
	opacity: .82;
}

.e20 .txt h1{
	font-family:var(--font-display,"Display Font",Georgia,serif) !important;
	font-size: clamp(38px, 4.2vw, 82px);
	line-height: .98;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-wrap: balance;
}

.e20 .txt h1 strong,
.e20 .txt h1 b,
.e20 .txt u{
	font-family: cou_b, Inter, system-ui, sans-serif !important;
	text-decoration: none;
}

.e20 .txt .des{
	max-width: 620px;
	font-size: clamp(16px, .8vw + 13px, 23px);
	line-height: 1.48;
	opacity: .86;
}

.e20 .txt .sub{
	max-width: 620px;
	font-size: clamp(13px, .4vw + 11px, 16px);
	line-height: 1.55;
	opacity: .72;
}

/* text pozíciók */
.e20.ali0 .txt{
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	align-items: center;
}

.e20.ali1 .txt{
	left: clamp(28px, 6vw, 110px);
	top: clamp(95px, 12vh, 150px);
	text-align: left;
	align-items: flex-start;
}

.e20.ali2 .txt{
	left: 50%;
	top: clamp(95px, 12vh, 150px);
	transform: translateX(-50%);
	text-align: center;
	align-items: center;
}

.e20.ali3 .txt{
	right: clamp(28px, 6vw, 110px);
	top: clamp(95px, 12vh, 150px);
	text-align: right;
	align-items: flex-end;
}

.e20.ali4 .txt{
	right: clamp(28px, 6vw, 110px);
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
	align-items: flex-end;
}

.e20.ali5 .txt{
	right: clamp(28px, 6vw, 110px);
	bottom: clamp(80px, 12vh, 145px);
	text-align: right;
	align-items: flex-end;
}

.e20.ali6 .txt{
	left: 50%;
	bottom: clamp(80px, 12vh, 145px);
	transform: translateX(-50%);
	text-align: center;
	align-items: center;
}

.e20.ali7 .txt{
	left: clamp(28px, 6vw, 110px);
	bottom: clamp(80px, 12vh, 145px);
	text-align: left;
	align-items: flex-start;
}

.e20.ali8 .txt{
	left: clamp(28px, 6vw, 110px);
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
	align-items: flex-start;
}

.e20.ali1 .txt .des,
.e20.ali7 .txt .des,
.e20.ali8 .txt .des,
.e20.ali1 .txt .sub,
.e20.ali7 .txt .sub,
.e20.ali8 .txt .sub{
	margin-right: auto;
}

.e20.ali3 .txt .des,
.e20.ali4 .txt .des,
.e20.ali5 .txt .des,
.e20.ali3 .txt .sub,
.e20.ali4 .txt .sub,
.e20.ali5 .txt .sub{
	margin-left: auto;
}

/* normál gombok */
.e20Btns{
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 14px;
}

.e20.ali0 .e20Btns,
.e20.ali2 .e20Btns,
.e20.ali6 .e20Btns{
	justify-content: center;
}

.e20.ali3 .e20Btns,
.e20.ali4 .e20Btns,
.e20.ali5 .e20Btns{
	justify-content: flex-end;
}

.e20Btn--normal{
	margin: 0 !important;
}

/* Semleges alapmegjelenés; a projektarculat külön suffix CSS-ben él. */
.e20.e20v2 .e20Slide::before{
	content:"";
	position:absolute!important;
	inset:0;
	z-index:3;
	pointer-events:none;
	background:
		linear-gradient(180deg,rgba(4,5,13,.18) 0%,rgba(5,6,15,.08) 34%,rgba(4,5,13,.5) 100%),
		radial-gradient(circle at 50% 46%,transparent 10%,rgba(3,4,12,.3) 100%);
}
.e20.e20v2 .txt{gap:16px;text-shadow:0 4px 28px rgba(0,0,0,.42)}
.e20.e20v2 .txt .pre{
	display:inline-flex!important;
	align-items:center;
	gap:13px;
	width:auto;
	padding:7px 12px;
	background:rgba(10,12,28,.48);
	border-left:3px solid var(--e20-accent,#fff);
	backdrop-filter:blur(9px);
	font-family:"Body Font",Arial,sans-serif!important;
	font-weight:600;
	letter-spacing:.34em;
	opacity:1;
}
.e20.e20v2 .txt h1{
	font-family:"Body Font",Arial,sans-serif!important;
	font-weight:700;
	font-size:clamp(38px,4vw,72px);
	letter-spacing:0;
	line-height:.96;
	max-width:100%;
	-webkit-hyphens:auto;
	hyphens:auto;
	overflow-wrap:break-word;
	word-break:normal;
}
.e20.e20v2.hcase1 .txt h1{text-transform:uppercase}
.e20.e20v2.hsize1 .txt h1{font-size:clamp(48px,5vw,92px)}
.e20.e20v2.hsize2 .txt h1{font-size:clamp(58px,6.7vw,124px);line-height:.9}
.e20.e20v2 .txt .des{font-size:clamp(16px,.65vw + 13px,22px);font-weight:400;opacity:.94}
.e20.e20v2 .e20Btn--normal{
	margin:0!important;
}

/* alsó audioszint díszítő */
.e20 .e20Meter{
	position:absolute!important;
	z-index:5;
	left:0;
	right:0;
	bottom:0;
	height:clamp(82px,13vw,190px);
	display:grid!important;
	grid-template-columns:repeat(56,minmax(1px,1fr));
	align-items:end;
	gap:clamp(2px,.28vw,6px);
	padding:0 clamp(8px,2vw,34px);
	overflow:hidden;
	pointer-events:none;
	-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
	mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.e20 .e20Meter i{
	position:relative!important;
	z-index:1;
	display:block!important;
	width:100%;
	height:var(--meter-level);
	min-height:8px;
	border-radius:3px 3px 0 0;
	transform-origin:center bottom;
	animation:e20MeterPulse var(--meter-duration) linear var(--meter-delay) infinite;
	will-change:transform,opacity;
}
.e20 .e20Meter--white{
	-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 72%);
	mask-image:linear-gradient(180deg,transparent 0,#000 72%);
}
.e20 .e20Meter--white::before,
.e20 .e20Meter--color::before{
	content:"";
	position:absolute!important;
	z-index:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
}
.e20 .e20Meter--white::before{
	height:35%;
	background:#fff;
}
.e20 .e20Meter--white i{
	background:linear-gradient(
		to top,
		#fff 0%,
		#fff 34%,
		rgba(255,255,255,.94) 48%,
		rgba(255,255,255,.52) 72%,
		rgba(255,255,255,.14) 100%
	);
	box-shadow:0 0 8px rgba(255,255,255,.16);
}
.e20 .e20Meter--color::before{
	height:16%;
	background:#111;
}
.e20 .e20Meter--color{
	-webkit-mask-image:none;
	mask-image:none;
}
.e20 .e20Meter--color i{
	background:linear-gradient(
		to top,
		#111 0%,
		rgba(70,76,86,.9) 22%,
		rgba(145,153,166,.52) 62%,
		rgba(255,255,255,.18) 100%
	);
	box-shadow:none;
}
.e20 .e20Meter--color i:nth-child(3n){
	background:linear-gradient(
		to top,
		#111 0%,
		rgba(82,89,100,.88) 28%,
		rgba(158,166,180,.5) 60%,
		rgba(255,255,255,.16) 100%
	);
}
@keyframes e20MeterPulse{
	0%{
		transform:scaleY(.08);
		opacity:.28;
		animation-timing-function:cubic-bezier(.12,.72,.18,1);
	}
	30%{
		transform:scaleY(1);
		opacity:1;
		animation-timing-function:cubic-bezier(.22,.05,.38,1);
	}
	100%{
		transform:scaleY(.1);
		opacity:.34;
	}
}
@media(max-width:680px){
	.e20.e20v2.he1,.e20.e20v2.hei_1{height:100svh;min-height:650px}
	.e20.e20v2 .txt{width:calc(100% - 40px);gap:13px}
	.e20.e20v2 .txt .pre{padding:6px 9px;font-size:10px;letter-spacing:.22em}
	.e20.e20v2 .txt h1{font-size:clamp(42px,13vw,62px)}
	.e20.e20v2 .txt .des{font-size:15px;line-height:1.55}
	.e20.e20v2 .e20Btns{margin-top:8px}
	.e20.e20v2 .e20Btn--normal{margin:0!important}
	.e20 .e20Meter{height:clamp(64px,22vw,112px);gap:2px;padding-inline:6px}
}

@media(prefers-reduced-motion:reduce){
	.e20 .e20Meter i{animation:none!important;transform:scaleY(.68)}
}

/* promo gomb */
.e20Btn--promo{
	display: grid !important;
	grid-template-columns: minmax(210px, 1fr) auto;
	align-items: stretch;
	min-width: min(520px, 100%);
	min-height: 82px;
	background: rgba(118,166,157,.92);
	color: #fff !important;
	text-decoration: none !important;
	overflow: hidden;
	backdrop-filter: blur(8px);
	box-shadow: 0 18px 48px rgba(0,0,0,.22);
	transition: transform .22s ease, background .22s ease;
}

.e20Btn--promo:hover{
	transform: translateY(-2px);
	background: rgba(108,157,148,.98);
}

.e20Btn--promo .e20Btn__text{
	display: flex !important;
	align-items: center;
	padding: 18px 54px 18px 22px;
	font-size: clamp(18px, .8vw + 15px, 26px);
	line-height: 1.2;
}

.e20Btn--promo .e20Btn__arrow{
	position: absolute !important;
	right: calc(34% + 16px);
	top: 50%;
	width: 26px;
	height: 26px;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 999px;
	transform: translateY(-50%);
}

.e20Btn--promo .e20Btn__arrow::before{
	content: "";
	position: absolute !important;
	left: 9px;
	top: 7px;
	width: 8px;
	height: 8px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: rotate(45deg);
}

.e20Btn--promo .e20Btn__img{
	display: block;
	width: 180px;
	min-height: 82px;
}

.e20Btn--promo .e20Btn__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* slider tabs */
.e20Tabs{
	position: absolute !important;
	left: 50%;
	bottom: clamp(24px, 4vh, 48px);
	transform: translateX(-50%);
	z-index: 6;

	display: flex !important;
	align-items: flex-end;
	justify-content: center;
	gap: clamp(18px, 2.4vw, 46px);
	width: min(1100px, calc(100% - 60px));
}

.e20Tabs__btn{
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;

	border: 0;
	background: transparent;
	color: rgba(255,255,255,.74);
	cursor: pointer;

	font-family: cou_b, Inter, system-ui, sans-serif !important;
	text-transform: uppercase;
	text-align: center;

	transition: color .22s ease, opacity .22s ease, transform .22s ease;
}

.e20.txtcol1 .e20Tabs__btn{
	color: rgba(44,47,56,.66);
}

.e20Tabs__btn:hover,
.e20Tabs__btn.is-active{
	color: #fff;
	transform: translateY(-2px);
}

.e20.txtcol1 .e20Tabs__btn:hover,
.e20.txtcol1 .e20Tabs__btn.is-active{
	color: #2c2f38;
}

.e20Tabs__title{
	font-size: clamp(12px, .45vw + 10px, 15px);
	line-height: 1.1;
	letter-spacing: 4px;
}

.e20Tabs__sub{
	display: none;
	font-family: cou_r, Inter, system-ui, sans-serif !important;
	font-size: clamp(11px, .35vw + 10px, 14px);
	line-height: 1.25;
	letter-spacing: 2px;
	opacity: .78;
}

.e20Tabs__btn.is-active .e20Tabs__sub{
	display: block;
}

/* Viewportba lépő szöveg- és gombanimációk */
.e20.has-appearance .e20Slide .txt > *{
	opacity:0;
	transition:
		opacity .72s ease,
		transform .82s cubic-bezier(.18,.78,.2,1),
		filter .82s ease,
		clip-path .9s cubic-bezier(.18,.78,.2,1);
	will-change:opacity,transform,filter,clip-path;
}

.e20.has-appearance .e20Slide .txt > :nth-child(1){transition-delay:.06s}
.e20.has-appearance .e20Slide .txt > :nth-child(2){transition-delay:.16s}
.e20.has-appearance .e20Slide .txt > :nth-child(3){transition-delay:.27s}
.e20.has-appearance .e20Slide .txt > :nth-child(4){transition-delay:.38s}
.e20.has-appearance .e20Slide .txt > :nth-child(5){transition-delay:.49s}
.e20.has-appearance.apprepeat1:not(.is-inview) .e20Slide .txt > *{transition-delay:0s}

.e20.has-appearance.app1 .e20Slide .txt > *{transform:translateY(34px)}
.e20.has-appearance.app2 .e20Slide .txt > *{transform:translateX(-52px)}
.e20.has-appearance.app3 .e20Slide .txt > *{transform:translateX(52px)}
.e20.has-appearance.app4 .e20Slide .txt > *{
	transform:scale(.94) translateY(16px);
	filter:blur(13px);
}
.e20.has-appearance.app5 .e20Slide .txt > *{
	transform:translateY(28px);
	clip-path:inset(0 0 100% 0);
}

.e20.has-appearance.is-inview .e20Slide.is-active .txt > *{
	opacity:1;
	transform:none;
	filter:none;
	clip-path:inset(0);
}

/* responsive */
@media all and (max-width: 1024px){
	.e20 .txt{
		width: min(620px, calc(100% - 52px));
	}

	.e20 .txt h1{
		font-size: clamp(34px, 6vw, 60px);
	}

	.e20Btn--promo{
		min-width: min(480px, 100%);
	}
}

@media all and (max-width: 800px){
	.e20.mob_he0,
	.e20.hei_mob_0{
		height: auto !important;
	}

	/*
	 * Automata mobilmagasságnál az abszolút slide-ok nem adnának
	 * magasságot a bannernek. Ugyanúgy dokumentumfolyamba tesszük őket,
	 * mint az asztali automata képaránynál, így vertikális mobilkép
	 * hiányában a horizontális kép is biztosan megjelenik.
	 */
	.e20.mob_he0 .e20Slides,
	.e20.hei_mob_0 .e20Slides,
	.e20.mob_he0 .e20Slide,
	.e20.hei_mob_0 .e20Slide,
	.e20.mob_he0 .e20Slide__media,
	.e20.hei_mob_0 .e20Slide__media{
		position:relative!important;
		inset:auto;
		height:auto;
	}

	.e20.mob_he0 .e20Slide,
	.e20.hei_mob_0 .e20Slide{
		display:none;
	}

	.e20.mob_he0 .e20Slide.is-active,
	.e20.hei_mob_0 .e20Slide.is-active{
		display:block;
	}

	.e20.mob_he0 .e20Slide__media,
	.e20.hei_mob_0 .e20Slide__media{
		aspect-ratio:4 / 5;
	}

	.e20.mob_he1,
	.e20.hei_mob_1{ height: 100vh !important; }

	.e20.mob_he2,
	.e20.hei_mob_2{ height: 90vh !important; }

	.e20.mob_he3,
	.e20.hei_mob_3{ height: 80vh !important; }

	.e20.mob_he4,
	.e20.hei_mob_4{ height: 70vh !important; }

	.e20.mob_he5,
	.e20.hei_mob_5{ height: 60vh !important; }

	.e20.mob_he6,
	.e20.hei_mob_6{ height: 50vh !important; }

	.e20.mob_he7,
	.e20.hei_mob_7{ height: 40vh !important; }

	.e20.mob_he8,
	.e20.hei_mob_8{ height: 30vh !important; }

	.e20.mob_he9,
	.e20.hei_mob_9{ height: 20vh !important; }

	.e20.ma1{
		width: calc(100% - 28px);
		margin: 14px auto;
		border-radius: 16px;
	}

	.e20 .desktop-img{
		display: block;
	}

	.e20 .e20Slide.has-mobile .desktop-img{
		display: none;
	}

	.e20 .e20Slide.has-mobile .mobile-img{
		display: block;
	}

	.e20.imgmov0 .e20Slide__media img{
		transform: none !important;
	}

	.e20 .txt{
		width: calc(100% - 42px);
	}

	.e20.ali1 .txt,
	.e20.ali2 .txt,
	.e20.ali3 .txt{
		top: 90px;
	}

	.e20.ali4 .txt,
	.e20.ali8 .txt{
		top: 50%;
	}

	.e20.ali5 .txt,
	.e20.ali6 .txt,
	.e20.ali7 .txt{
		bottom: 90px;
	}

	.e20 .txt h1{
		font-size: clamp(30px, 9vw, 46px);
	}

	.e20 .txt .des{
		font-size: 16px;
	}

	.e20Tabs{
		width: calc(100% - 36px);
		bottom: 22px;
		gap: 14px;
		overflow-x: auto;
		justify-content: flex-start;
		padding-bottom: 4px;
	}

	.e20Tabs__btn{
		min-width: max-content;
	}

	.e20Btn--promo{
		grid-template-columns: 1fr;
		min-width: 100%;
	}

	.e20Btn--promo .e20Btn__img{
		display: none;
	}

	.e20Btn--promo .e20Btn__arrow{
		right: 18px;
	}
}

@media all and (max-width: 520px){
	.e20 .txt{
		width: calc(100% - 32px);
	}

	.e20.ali0 .txt,
	.e20.ali2 .txt,
	.e20.ali6 .txt{
		text-align: center;
		align-items: center;
	}

	.e20.ali1 .txt,
	.e20.ali7 .txt,
	.e20.ali8 .txt{
		left: 18px;
		right: auto;
		text-align: left;
		align-items: flex-start;
		transform: none;
	}

	.e20.ali3 .txt,
	.e20.ali4 .txt,
	.e20.ali5 .txt{
		left: auto;
		right: 18px;
		text-align: right;
		align-items: flex-end;
		transform: none;
	}

	.e20.ali4 .txt,
	.e20.ali8 .txt{
		transform: translateY(-50%);
	}

	.e20 .txt h1{
		font-size: clamp(28px, 10vw, 40px);
	}

	.e20Btns{
		width: 100%;
	}

	.e20.ali1 .e20Btns,
	.e20.ali7 .e20Btns,
	.e20.ali8 .e20Btns{justify-content:flex-start!important}

	.e20.ali0 .e20Btns,
	.e20.ali2 .e20Btns,
	.e20.ali6 .e20Btns{justify-content:center!important}

	.e20.ali3 .e20Btns,
	.e20.ali4 .e20Btns,
	.e20.ali5 .e20Btns{justify-content:flex-end!important}
}

@media(prefers-reduced-motion:reduce){
	.e20.has-appearance .e20Slide .txt > *{
		opacity:1!important;
		transform:none!important;
		filter:none!important;
		clip-path:none!important;
		transition:none!important;
	}
}



/* OPT_MOB */
.e20.mob1{
	display: none;
}

.e20.mob2{
	display: block;
}

@media all and (max-width: 800px){
	.e20.mob1{
		display: block;
	}

	.e20.mob2{
		display: none;
	}
}

@media (max-width:720px){
	.e20.e20v2.hsize0 .txt h1{font-size:clamp(27px,8vw,36px);line-height:1.02}
	.e20.e20v2.hsize1 .txt h1{font-size:clamp(31px,9vw,42px);line-height:.98}
	.e20.e20v2.hsize2 .txt h1{font-size:clamp(35px,10.5vw,49px);line-height:.94}
}

/* Mobilon minden banner-tartalom középre igazodik. */
@media all and (max-width:800px){
	.e20 .txt .des br,
	.e20 .txt .sub br{
		display:inline!important;
		content:" "!important;
	}
	.e20 .txt .des br::after,
	.e20 .txt .sub br::after{
		content:"\00a0"!important;
	}

	.e20 .txt,
	.e20.ali0 .txt,.e20.ali1 .txt,.e20.ali2 .txt,
	.e20.ali3 .txt,.e20.ali4 .txt,.e20.ali5 .txt,
	.e20.ali6 .txt,.e20.ali7 .txt,.e20.ali8 .txt{
		left:50%!important;
		right:auto!important;
		top:50%!important;
		bottom:auto!important;
		align-items:center!important;
		text-align:center!important;
		transform:translate(-50%,-50%)!important;
	}
	.e20 .txt .des,.e20 .txt .sub{margin-right:auto!important;margin-left:auto!important}
	.e20 .e20Btns{justify-content:center!important}

	/* Képen kívüli mobil tartalom: média fent, közös szöveg/CTA blokk alatta. */
	.e20.mobtxt1{height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden}
	.e20.mobtxt1 .e20Slides{position:relative!important;inset:auto!important;width:100%;height:auto!important}
	.e20.mobtxt1 .e20Slide{position:relative!important;inset:auto!important;display:none!important;width:100%;height:auto!important;opacity:1}
	.e20.mobtxt1 .e20Slide.is-active{display:flex!important;flex-direction:column;pointer-events:auto}
	.e20.mobtxt1 .e20Slide__media{position:relative!important;inset:auto!important;width:100%;height:auto!important;aspect-ratio:4/5}
	.e20.mobtxt1 .e20Slide::before{display:none!important}
	.e20.mobtxt1 .txt,
	.e20.mobtxt1.ali0 .txt,.e20.mobtxt1.ali1 .txt,.e20.mobtxt1.ali2 .txt,
	.e20.mobtxt1.ali3 .txt,.e20.mobtxt1.ali4 .txt,.e20.mobtxt1.ali5 .txt,
	.e20.mobtxt1.ali6 .txt,.e20.mobtxt1.ali7 .txt,.e20.mobtxt1.ali8 .txt{
		position:relative!important;
		left:auto!important;
		right:auto!important;
		top:auto!important;
		bottom:auto!important;
		width:100%!important;
		padding:32px 20px 42px;
		background:var(--e20-mobile-content-bg,#111);
		transform:none!important;
	}
	.e20.mobtxt1 .e20Tabs{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;padding:14px 18px;background:var(--e20-mobile-content-bg,#111);justify-content:center!important;transform:none!important}
	.e20.mobtxt1 .e20Meter{display:none!important}
}

@media all and (max-width:440px){
	.e20.e20v2 .e20Btns,
	.e20.e20v2.ali0 .e20Btns,.e20.e20v2.ali1 .e20Btns,.e20.e20v2.ali2 .e20Btns,
	.e20.e20v2.ali3 .e20Btns,.e20.e20v2.ali4 .e20Btns,.e20.e20v2.ali5 .e20Btns,
	.e20.e20v2.ali6 .e20Btns,.e20.e20v2.ali7 .e20Btns,.e20.e20v2.ali8 .e20Btns{
		flex-direction:column;
		align-items:center!important;
		justify-content:center!important;
	}
	.e20.e20v2 .e20Btns .btn{
		margin-right:auto!important;
		margin-left:auto!important;
	}
}

/* =========================================================
   Képenkénti 3x3 szövegpozíció
   Az article.aliX felülírja az elem régi, globális aliX osztályát.
   ========================================================= */
.e20 .e20Slide[class*="ali"] .txt{
	left:auto;
	right:auto;
	top:auto;
	bottom:auto;
	transform:none;
}
.e20 .e20Slide.ali0 .txt{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;align-items:center}
.e20 .e20Slide.ali1 .txt{left:clamp(28px,6vw,110px);top:clamp(95px,12vh,150px);text-align:left;align-items:flex-start}
.e20 .e20Slide.ali2 .txt{left:50%;top:clamp(95px,12vh,150px);transform:translateX(-50%);text-align:center;align-items:center}
.e20 .e20Slide.ali3 .txt{right:clamp(28px,6vw,110px);top:clamp(95px,12vh,150px);text-align:right;align-items:flex-end}
.e20 .e20Slide.ali4 .txt{right:clamp(28px,6vw,110px);top:50%;transform:translateY(-50%);text-align:right;align-items:flex-end}
.e20 .e20Slide.ali5 .txt{right:clamp(28px,6vw,110px);bottom:clamp(80px,12vh,145px);text-align:right;align-items:flex-end}
.e20 .e20Slide.ali6 .txt{left:50%;bottom:clamp(80px,12vh,145px);transform:translateX(-50%);text-align:center;align-items:center}
.e20 .e20Slide.ali7 .txt{left:clamp(28px,6vw,110px);bottom:clamp(80px,12vh,145px);text-align:left;align-items:flex-start}
.e20 .e20Slide.ali8 .txt{left:clamp(28px,6vw,110px);top:50%;transform:translateY(-50%);text-align:left;align-items:flex-start}

.e20 .e20Slide.ali1 .txt .des,.e20 .e20Slide.ali7 .txt .des,.e20 .e20Slide.ali8 .txt .des,
.e20 .e20Slide.ali1 .txt .sub,.e20 .e20Slide.ali7 .txt .sub,.e20 .e20Slide.ali8 .txt .sub{margin-right:auto;margin-left:0}
.e20 .e20Slide.ali3 .txt .des,.e20 .e20Slide.ali4 .txt .des,.e20 .e20Slide.ali5 .txt .des,
.e20 .e20Slide.ali3 .txt .sub,.e20 .e20Slide.ali4 .txt .sub,.e20 .e20Slide.ali5 .txt .sub{margin-right:0;margin-left:auto}
.e20 .e20Slide.ali0 .txt .des,.e20 .e20Slide.ali2 .txt .des,.e20 .e20Slide.ali6 .txt .des,
.e20 .e20Slide.ali0 .txt .sub,.e20 .e20Slide.ali2 .txt .sub,.e20 .e20Slide.ali6 .txt .sub{margin-right:auto;margin-left:auto}

.e20 .e20Slide.ali1 .e20Btns,.e20 .e20Slide.ali7 .e20Btns,.e20 .e20Slide.ali8 .e20Btns{justify-content:flex-start!important}
.e20 .e20Slide.ali0 .e20Btns,.e20 .e20Slide.ali2 .e20Btns,.e20 .e20Slide.ali6 .e20Btns{justify-content:center!important}
.e20 .e20Slide.ali3 .e20Btns,.e20 .e20Slide.ali4 .e20Btns,.e20 .e20Slide.ali5 .e20Btns{justify-content:flex-end!important}

@media all and (max-width:800px){
	.e20 .e20Slide[class*="ali"] .txt{width:calc(100% - 36px)!important}
	.e20 .e20Slide.ali1 .txt,.e20 .e20Slide.ali2 .txt,.e20 .e20Slide.ali3 .txt{top:24px!important;bottom:auto!important}
	.e20 .e20Slide.ali4 .txt,.e20 .e20Slide.ali0 .txt,.e20 .e20Slide.ali8 .txt{top:50%!important;bottom:auto!important}
	.e20 .e20Slide.ali5 .txt,.e20 .e20Slide.ali6 .txt,.e20 .e20Slide.ali7 .txt{top:auto!important;bottom:24px!important}
	.e20 .e20Slide.ali1 .txt,.e20 .e20Slide.ali7 .txt,.e20 .e20Slide.ali8 .txt{left:18px!important;right:auto!important;transform:none!important}
	.e20 .e20Slide.ali2 .txt,.e20 .e20Slide.ali6 .txt{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
	.e20 .e20Slide.ali0 .txt{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}
	.e20 .e20Slide.ali3 .txt,.e20 .e20Slide.ali4 .txt,.e20 .e20Slide.ali5 .txt{left:auto!important;right:18px!important;transform:none!important}
	.e20 .e20Slide.ali4 .txt,.e20 .e20Slide.ali8 .txt{transform:translateY(-50%)!important}

	/* Képen kívüli mobil szövegnél a 3x3 pozíció természetesen nem alkalmazható. */
	.e20.mobtxt1 .e20Slide[class*="ali"] .txt{
		position:relative!important;
		left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
		width:100%!important;
		transform:none!important;
		text-align:center!important;
		align-items:center!important;
	}
	.e20.mobtxt1 .e20Slide[class*="ali"] .txt .des,
	.e20.mobtxt1 .e20Slide[class*="ali"] .txt .sub{margin-right:auto!important;margin-left:auto!important}
	.e20.mobtxt1 .e20Slide[class*="ali"] .e20Btns{justify-content:center!important}
}