/**
 * HV Ingatlan — a főoldalról kimért design-rendszer szerint.
 * Színek: #142b88 CTA · #06bee2 cián · #2641b2 királykék · #a3cef1 világoskék
 *         #201a1c ink · #d6ebfc világos sáv · Betű: Roboto
 * Töréspont: 860 px
 */

.hv-kinalat,
.hv-single {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	color: #201a1c;
	line-height: 1.4;
}

.hv-kinalat *,
.hv-single * { box-sizing: border-box; }

/* A szuro es a galeria a hidden attributummal rejt el elemeket. A sajat
   display-szabalyaink (pl. .hv-card { display: flex }) viszont felulirjak a
   bongeszo alap [hidden] szabalyat, ezert az elrejtett kartya latszott.
   Ez visszaadja az elrejtes erejet — a lathato elemek kinezete nem valtozik. */
.hv-kinalat [hidden],
.hv-single [hidden],
.hv-lb [hidden] { display: none !important; }

/* Csak kepernyoolvasonak: lathatatlan, de felolvashato (pl. a talalatszam bejelentese). */
.hv-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.hv-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-weight: 700;
	font-size: 17px;
	line-height: 1;
	text-transform: uppercase;
	padding: 17px 30px;
	border: 0;
	border-radius: 50px;
	background: #142b88;
	color: #fff !important;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(20, 43, 136, .45);
	cursor: pointer;
	transition: .2s;
}
.hv-btn:hover { filter: brightness(1.12); transform: translateY(-2px); color: #fff !important; }

/* ------------------------------------------------------------------ kereső */

/* Fehér lap a világos sávon, a kártyák árnyékával. A z-index miatt a lenyíló
   panel a forgó kártyák fölé nyílik, nem alájuk. */
.hv-szuro {
	position: relative;
	z-index: 5;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 10px 30px rgba(20, 43, 136, .14);
	padding: 24px 26px 20px;
}
.hv-szuro__racs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, .8fr) minmax(0, 1.3fr);
	gap: 16px;
	align-items: end;
}

.hv-mezo {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}
.hv-kinalat .hv-mezo__cim {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #2641b2;
}

.hv-dd,
.hv-input {
	height: 50px;
	border: 2px solid #dbe4ee;
	border-radius: 12px;
	background: #fff;
	transition: border-color .15s;
}
.hv-dd {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 14px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #201a1c;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
	box-shadow: none;
}
.hv-dd:hover,
.hv-dd[aria-expanded="true"],
.hv-input:focus-within { border-color: #142b88; }
.hv-dd:focus-visible { outline: 3px solid #142b88; outline-offset: 2px; }
.hv-dd.is-set { border-color: #142b88; background: #f2f6ff; color: #142b88; font-weight: 700; }
.hv-dd__label {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hv-dd__count {
	flex: 0 0 auto;
	background: #142b88;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	border-radius: 50px;
	padding: 2px 8px;
}
.hv-dd__nyil { flex: 0 0 auto; font-size: 14px; color: #142b88; }

/* Az Avada a szövegmezőket saját magassággal, kerettel és árnyékkal rajzolja —
   a mező itt a keret nélküli belső, a keretet a .hv-input adja. */
.hv-input { display: flex; align-items: center; padding: 0 14px; }
.hv-kinalat .hv-input input {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0;
	background: transparent !important;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 16px !important;
	color: #201a1c !important;
	-moz-appearance: textfield;
}
/* Helykitolto: legalabb 4,5:1 a feher mezon. */
.hv-kinalat .hv-input input::placeholder { color: #6a7484; opacity: 1; }
.hv-kinalat .hv-input input::-webkit-outer-spin-button,
.hv-kinalat .hv-input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.hv-ar { display: flex; align-items: center; gap: 8px; }
.hv-ar .hv-input { flex: 1 1 0; min-width: 0; }
.hv-ar__jel { font-weight: 700; color: #5b6577; }

/* lenyíló panel */

.hv-dd-panel {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 20;
	min-width: 100%;
	width: max-content;
	max-width: min(600px, 90vw);
	max-height: 420px;
	overflow-y: auto;
	border: 2px solid #142b88;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(20, 43, 136, .16);
}
.hv-dd-doboz--szeles .hv-dd-panel { width: 640px; }
.hv-dd-panel > .hv-panel__items { padding: 10px; grid-template-columns: 1fr; }
.hv-dd-panel__kesz { display: none; }

/* Telefonon ide kerül a nyitott panel (lásd hv.js): sötétített háttér a teljes képernyőn. */
.hv-lap-tarto {
	position: fixed;
	inset: 0;
	z-index: 99995;
	background: rgba(13, 20, 64, .45);
}
.hv-lap-tarto[hidden] { display: none !important; }

.hv-panel__group { padding: 14px 16px; }
.hv-panel__group + .hv-panel__group { border-top: 2px solid #eef2f6; }
.hv-panel__name {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #2641b2;
	margin-bottom: 8px;
}
.hv-panel__items {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 2px;
}
.hv-panel__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 10px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 16px;
	white-space: nowrap;
}
.hv-panel__item:hover { background: #f4f8fc; }
/* Darabszam: legalabb 4,5:1 a feher es a hover-hatteren is. */
.hv-panel__item em {
	margin-left: auto;
	padding-left: 12px;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
	color: #5b6577;
}
/* Nulla talalatos valasztas: halvanyabb, de olvashato (az atlatszosag 4,5:1 ala vitte a szoveget). */
.hv-panel__item.is-empty span,
.hv-panel__item.is-empty em { color: #5f6b7a; }
.hv-panel__item.is-empty input { opacity: .55; }
/* Budapest (összes kerület): a csoport elejen, teljes sorban. */
.hv-panel__item--csoport { grid-column: 1 / -1; font-weight: 700; }

.hv-kinalat .hv-szuro input[type="checkbox"],
.hv-lap-tarto input[type="checkbox"] {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin: 0;
	accent-color: #142b88;
	cursor: pointer;
}

/* státusz és törlés */

.hv-szuro__also {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 2px solid #eef2f6;
}
.hv-statusz {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 24px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.hv-kinalat .hv-statusz legend { float: left; width: auto; margin: 0; }
.hv-statusz label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

.hv-clear {
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	color: #142b88;
	background: none;
	border: 0;
	padding: 6px 0;
	cursor: pointer;
	margin-left: auto;
	white-space: nowrap;
}
.hv-clear:hover { text-decoration: underline; }

/* ---------------------------------------------------------------- találatok */

/* A ragadós fejléc ne takarja el a találatok elejét odagörgetéskor. */
.hv-talalat { scroll-margin-top: 90px; }
/* .hv-kinalat elotag: az oldal sajat CSS-e (.hv-ep p) kulonben lenullazza a margot. */
.hv-kinalat .hv-count { margin: 30px 0 0; font-size: 21px; font-weight: 700; }
.hv-kinalat .hv-count + .hv-grid { margin-top: 16px; }

/* ------------------------------------------------------------------ kártya */

.hv-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px;
	margin-top: 24px;
}

.hv-card {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(20, 43, 136, .14);
	display: flex;
}
.hv-card__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-decoration: none;
	color: inherit;
}
.hv-card__link:hover .hv-card__more { text-decoration: underline; }
.hv-card:hover { transform: translateY(-3px); transition: .2s; }

.hv-card__ph {
	position: relative;
	aspect-ratio: 4 / 3;
	background: linear-gradient(145deg, #e4f2fb, #a3cef1);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.hv-card__ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hv-card__nophoto {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #2641b2; /* a szinatmenet sotetebb vegen is 5:1 folott */
}

.hv-price {
	position: absolute;
	left: 14px;
	bottom: 14px;
	white-space: nowrap;
	background: #142b88;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	padding: 9px 15px;
	border-radius: 50px;
}
.hv-ribbon {
	position: absolute;
	top: 26px;
	right: -46px;
	transform: rotate(45deg);
	background: #201a1c;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	padding: 8px 56px;
	z-index: 2;
}
.hv-oldprice {
	position: absolute;
	left: 14px;
	bottom: 14px;
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: rgba(32, 26, 28, .9);
	color: #fff;
	padding: 8px 15px;
	border-radius: 14px;
}
.hv-oldprice small {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	opacity: .75;
}
.hv-oldprice b { font-size: 17px; text-decoration: line-through; white-space: nowrap; }

.hv-card.is-sold .hv-card__ph img { filter: grayscale(1); opacity: .72; }

/* Vazlat-jeloles — csak bejelentkezett szerkesztonek jelenik meg, a latogato
   ilyen kartyat nem is kap. A jobb also sarok minden kartyan szabad. */
.hv-draft {
	position: absolute;
	right: 14px;
	bottom: 14px;
	z-index: 2;
	background: #fff;
	color: #142b88;
	border: 2px dashed #142b88;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 50px;
}

/* Forgo valogatas: a csere rovid athalvanyulassal, a racs nem ugral. */
.hv-valogatas__grid { transition: opacity .25s ease; }
.hv-valogatas__grid.is-valt { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
	.hv-valogatas__grid { transition: none; }
}

/* Szunet/Lejatszas gomb a forgo valogatashoz (a hv.js teszi lathatova).
   Asztali gepen a CTA-sor jobb szelen all, igy megjelenesekor semmi nem mozdul. */
.hv-valogatas__tovabb { position: relative; }
.hv-kinalat .hv-valogatas__szunet {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 8px 16px;
	border: 2px solid #142b88;
	border-radius: 50px;
	background: #fff;
	color: #142b88;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	box-shadow: none;
	cursor: pointer;
}
.hv-kinalat .hv-valogatas__szunet:hover { background: #eef4fb; }
.hv-kinalat .hv-valogatas__szunet[aria-pressed="true"] { background: #142b88; color: #fff; }
.hv-valogatas__ikon {
	display: block;
	flex: 0 0 auto;
	width: 10px;
	height: 12px;
	border-left: 3px solid currentColor;
	border-right: 3px solid currentColor;
}
.hv-valogatas__szunet[aria-pressed="true"] .hv-valogatas__ikon {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent currentColor;
}
@media (min-width: 861px) {
	.hv-kinalat .hv-valogatas__szunet { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
}
@media (max-width: 860px) {
	.hv-kinalat .hv-valogatas__szunet { display: flex; width: fit-content; margin: 14px auto 0; }
}

/* ------------------------------------------------------ billentyuzet-fokusz */
/* Sotetkek gyuru a vilagos feluleteken (a cian a feheren 3:1 alatt marad),
   sotet hatteren cian vagy feher. */
.hv-clear:focus-visible,
.hv-btn:focus-visible,
.hv-dd-panel__kesz:focus-visible,
.hv-kinalat .hv-valogatas__szunet:focus-visible,
.hv-gal__nyit:focus-visible {
	outline: 3px solid #142b88;
	outline-offset: 3px;
}
.hv-igeny-cta .hv-btn:focus-visible { outline-color: #fff; }
.hv-soldbanner a:focus-visible { outline: 3px solid #06bee2; outline-offset: 3px; }
.hv-kinalat .hv-szuro input[type="checkbox"]:focus-visible,
.hv-lap-tarto input[type="checkbox"]:focus-visible {
	outline: 3px solid #142b88;
	outline-offset: 2px;
}
.hv-gal__sav .hv-gal__nyit:focus-visible { outline-offset: -3px; opacity: 1; }
.hv-lb__x:focus-visible,
.hv-lb__nyil:focus-visible {
	outline: 3px solid #06bee2;
	outline-offset: 3px;
}
/* Kartya: a gyuru a kartya kore kerul (a kartya a sajat tartalmat levagja). */
.hv-card__link:focus-visible { outline: 3px solid #142b88; outline-offset: -3px; border-radius: 24px; }
@supports selector(.hv-card:has(a)) {
	.hv-card__link:focus-visible { outline: none; }
	.hv-card:has(> .hv-card__link:focus-visible) { outline: 3px solid #142b88; outline-offset: 3px; }
	.hv-panel__item:has(input:focus-visible) { background: #eef4fb; }
}

/* Porgo szamlalo: egyforma szelessegu szamjegyek, igy porges kozben nem remeg a szam. */
.hv-szam { font-variant-numeric: tabular-nums; }

.hv-card__body {
	padding: 18px 20px 22px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex-grow: 1;
}
.hv-card__town {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #2641b2;
}
.hv-card__title { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 700; color: #201a1c; }
.hv-card__specs {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 14px;
	font-size: 15px;
	color: #4a5568;
	font-weight: 500;
}
.hv-card__desc { font-size: 15px; line-height: 1.5; color: #5a6472; margin: 0; }
.hv-card__more {
	margin-top: auto;
	padding-top: 12px;
	font-size: 16px;
	font-weight: 700;
	color: #142b88;
}

/* ------------------------------------------------------------ üres állapot */

.hv-empty {
	background: #d6ebfc;
	border-radius: 24px;
	padding: 44px 34px;
	text-align: center;
	margin-top: 24px;
}
.hv-kinalat .hv-empty h3 { margin: 0 0 10px; font-size: 26px; }
.hv-kinalat .hv-empty p { margin: 0 0 22px; font-size: 18px; color: #3c4553; }

/* ---------------------------------------------------------------- aloldal */

/* width: 100% — az Avada sora flex-tarolo, benne a doboz tartalomszelessegre zsugorodna,
   es a savok 100vw-s kitolasa (50% - 50vw) mobilon balra csuszna. */
.hv-single { max-width: none; width: 100%; margin: 0; padding: 0; }

/* SAVOK — a fooldal es a kereso oldal rendszere, halvany regiszterben.
   Ott eros cian/sotet savok valtakoznak; itt ugyanaz a szerkezet es ugyanaz a
   V-alaku atmenet, csak vilagos arnyalatokkal, mert az adatlapon sok a szoveg.
   A mintakep is ugyanaz (section3_background.jpg), amit a fooldal hasznal. */
body.single-hv_ingatlan #main {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #e9f4fd;
}

.hv-sav {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 44px 30px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.hv-sav .in { max-width: 1060px; margin: 0 auto; position: relative; z-index: 1; }

/* A kovetkezo sav V-vel csuszik ra az elozore — ugyanaz a megoldas, mint a
   fooldalon, csak kisebb ivvel (64px a 80 helyett), mert itt suruBB a tartalom. */
.hv-sav + .hv-sav {
	clip-path: polygon(0 0, 50% 64px, 100% 0, 100% 100%, 0 100%);
	margin-top: -64px;
	padding-top: 112px;
}

.hv-sav--kek {
	background-color: #e9f4fd;
	background-image: linear-gradient(rgba(214, 235, 252, .72), rgba(214, 235, 252, .72)), url(https://horvathvilmos.hu/wp-content/uploads/2025/04/section3_background.jpg);
}
.hv-sav--vilagos {
	background-color: #fff;
	background-image: linear-gradient(rgba(255, 255, 255, .86), rgba(255, 255, 255, .86)), url(https://horvathvilmos.hu/wp-content/uploads/2025/04/section3_background.jpg);
}

/* A torzsszoveg fehér lapon ul: a minta folott a hosszu leiras faraszto lenne. */

.hv-gal { margin-bottom: 4px; }
.hv-gal__fo { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; }
.hv-gal__nyit { padding: 0; border: 0; background: none; cursor: zoom-in; display: block; position: relative; overflow: hidden; border-radius: 18px; width: 100%; }
.hv-gal__nyit img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hv-gal__fo > .hv-gal__nyit { height: 430px; }
.hv-gal__fo .side { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; }
.hv-gal__fo .side .hv-gal__nyit { height: 209px; }
.hv-gal__tobb { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(32,26,28,.6); color: #fff; font-weight: 700; font-size: 20px; }
.hv-gal__sav { display: flex; gap: 8px; overflow-x: auto; padding: 12px 2px 2px; }
.hv-gal__sav .hv-gal__nyit { flex: 0 0 96px; height: 68px; border-radius: 10px; opacity: .7; transition: opacity .15s, box-shadow .15s; }
.hv-gal__sav .hv-gal__nyit:hover, .hv-gal__sav .hv-gal__nyit.is-on { opacity: 1; box-shadow: 0 0 0 3px #06bee2; }
.hv-gal__adat { display: none; }

.hv-lb { position: fixed; inset: 0; z-index: 99999; background: rgba(16,13,14,.94); display: flex; align-items: center; justify-content: center; }
.hv-lb[hidden] { display: none; }
.hv-lb img { max-width: 92vw; max-height: 84vh; object-fit: contain; border-radius: 8px; }
.hv-lb__x, .hv-lb__nyil { position: absolute; border: 0; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; border-radius: 50%; width: 52px; height: 52px; font-size: 26px; display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s; }
.hv-lb__x:hover, .hv-lb__nyil:hover { background: #06bee2; color: #0d1440; }
.hv-lb__x { top: 18px; right: 18px; }
.hv-lb__nyil--elo { left: 18px; }
.hv-lb__nyil--kov { right: 18px; }
.hv-lb__szam { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 15px; background: rgba(0,0,0,.45); padding: 6px 16px; border-radius: 50px; }

.hv-single__gal { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; }
.hv-single__gal .main,
.hv-single__gal .side img {
	border-radius: 16px;
	overflow: hidden;
	display: block;
	width: 100%;
	object-fit: cover;
}
.hv-single__gal .main { height: 430px; }
.hv-single__gal .side { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; }
.hv-single__gal .side img { height: 209px; }

.hv-single__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin-top: 28px;
}

/* Adatlap nyitosav: a galeria mellett jobbra a kapcsolat-kartya, alattuk a cim es az ar. */
.hv-hero-racs {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	grid-template-areas: "gal cta" "top top";
	column-gap: 34px;
	align-items: start;
}
.hv-hero-racs > .hv-gal { grid-area: gal; }
.hv-hero-racs > .hv-cta { grid-area: cta; }
.hv-hero-racs > .hv-single__top { grid-area: top; }
.hv-hero-racs--kep-nelkul { grid-template-areas: "top cta"; }
/* A cim a galeria ala, az ar a kartya ala kerul, pontosan annak szelessegeben. */
.hv-hero-racs > .hv-single__top { gap: 34px; align-items: center; }
.hv-hero-racs .hv-pricebox { flex: 0 0 400px; min-width: 0; padding: 26px 30px; }
.hv-hero-racs .hv-pricebox small { font-size: 14px; margin-bottom: 6px; }
.hv-hero-racs .hv-pricebox b { font-size: 40px; line-height: 1.1; }
.hv-hero-racs .hv-pricebox span { font-size: 16px; margin-top: 10px; }
/* A kulon "GÖD" felirat megszunt: a telepules mostantol a H1-ben van, ott van
   SEO-erteke. Helyette a cimkek kerultek a cim fole. */
.hv-fejlec { min-width: 0; }
.hv-single h1 { font-size: 36px; line-height: 1.2; font-weight: 700; margin: 0 0 10px; color: #17203a; }
.hv-badges + h1 { margin-top: 12px; }
.hv-gyors {
	font-size: 16px;
	color: #4a5568;
	margin: 0;
	font-weight: 500;
}
.hv-badges { display: flex; gap: 8px; flex-wrap: wrap; }
/* Hierarchia: az allapot a hangos cimke, minden mas halk. Igy egy pillantasra
   latszik, hogy elerheto-e, es a tobbi nem verseng vele. */
.hv-badge {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 7px 14px;
	border-radius: 50px;
	background: rgba(255, 255, 255, .85);
	color: #142b88;
	border: 1px solid rgba(20, 43, 136, .22);
}
.hv-badge--sold { background: #201a1c; color: #fff; border-color: #201a1c; }

.hv-pricebox {
	flex: 0 0 auto;
	min-width: 260px;
	background: #142b88;
	color: #fff;
	border-radius: 20px;
	padding: 22px 24px;
	box-shadow: 0 10px 28px rgba(20, 43, 136, .35);
}
.hv-pricebox small {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	opacity: .75;
	margin-bottom: 5px;
}
.hv-pricebox b { font-size: 28px; line-height: 1.15; display: block; white-space: nowrap; }
.hv-pricebox--sold { background: #2f2a2d; }
.hv-pricebox--sold b { text-decoration: line-through; opacity: .85; }
.hv-pricebox span { display: block; font-size: 13px; margin-top: 9px; opacity: .85; }

.hv-soldbanner {
	background: #201a1c;
	color: #fff;
	border-radius: 16px;
	padding: 20px 26px;
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
.hv-soldbanner b { display: block; font-size: 19px; }
.hv-soldbanner span { display: block; font-size: 15px; color: #c9cfd8; margin-top: 2px; }
.hv-soldbanner a {
	margin-left: auto;
	background: #06bee2;
	color: #0d1440 !important;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: 13px 22px;
	border-radius: 50px;
	text-decoration: none;
	white-space: nowrap;
}

.hv-cols { display: grid; grid-template-columns: 1fr; gap: 34px; margin-top: 36px; align-items: start; }
.hv-single h2 { font-size: 24px; font-weight: 700; margin: 0 0 14px; }
.hv-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 2px solid #e4ebf3; }
.hv-fact {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 4px;
	border-bottom: 2px solid #e4ebf3;
	font-size: 16px;
}
.hv-fact span { color: #6a7484; }
.hv-fact b { font-weight: 700; text-align: right; }
.hv-body p { font-size: 17px; line-height: 1.65; color: #3c4553; }

/* A hirdetesi szoveg tordelese. A leiras h3-akkal es listakkal tagolt —
   az olvaso igy at tudja futni, es a kulcsszavak is jobban lathatoak. */
.hv-body h3 {
	font-size: 19px;
	font-weight: 700;
	color: #17203a;
	margin: 26px 0 8px;
}
.hv-body h3:first-child { margin-top: 0; }
.hv-body ul { margin: 0 0 18px; padding: 0; list-style: none; }
.hv-body li {
	position: relative;
	padding: 5px 0 5px 24px;
	font-size: 17px;
	line-height: 1.55;
	color: #3c4553;
}
.hv-body li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 14px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #06bee2;
}
.hv-body a {
	color: #142b88;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.hv-body a:hover { color: #06bee2; }
.hv-body .hv-lead { font-size: 18px; font-weight: 600; color: #17203a; }
.hv-cta {
	background: #d6ebfc;
	border-radius: 20px;
	padding: 30px;
}
.hv-cta .who { display: flex; gap: 18px; align-items: center; margin-bottom: 22px; }
.hv-cta .who b { display: block; font-size: 22px; line-height: 1.25; }
.hv-cta .who i { display: block; font-style: normal; font-size: 16px; line-height: 1.4; color: #4a5568; }
.hv-cta .hv-btn { width: 100%; margin-bottom: 4px; }
.hv-cta .hv-btn + .hv-btn { margin-top: 14px; }
/* Masodlagos gomb a telefon alatt: ugyanaz a gomb, keretes valtozatban. */
.hv-cta .hv-btn--masod {
	background: #fff;
	color: #142b88 !important;
	border: 3px solid #142b88;
	box-shadow: none;
}
.hv-cta .hint { font-size: 17px; line-height: 1.45; color: #3c4553; margin: 16px 0 16px; text-align: center; }
.hv-cta .hv-elkelt { font-size: 17px; line-height: 1.5; margin: 0 0 18px; }

/* Keresesi igeny ATVEZETO az ingatlan-aloldal aljan.
   Az urlap maga kulon aloldalon el — itt csak egy tomor sav all, ami atvisz oda. */
.hv-igeny-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	flex-wrap: wrap;
	background: #142b88;
	color: #fff;
	border-radius: 24px;
	padding: 26px 32px;
	margin-top: 46px;
	box-shadow: 0 12px 32px rgba(20, 43, 136, .3);
}
.hv-igeny-cta:first-child { margin-top: 0; }
.hv-igeny-cta h2 { font-size: 23px; line-height: 1.25; margin: 0 0 6px; color: #fff; }
.hv-igeny-cta p { font-size: 16px; line-height: 1.5; margin: 0; color: #ccd6f2; max-width: 560px; }
.hv-igeny-cta .hv-btn { flex: 0 0 auto; background: #06bee2; color: #0d1440 !important; box-shadow: 0 8px 20px rgba(6, 190, 226, .35); }

/* A keresesi igeny sajat aloldala: ugyanaz a halvany mintas sav, mint az
   ingatlan-aloldalakon, hogy egy rendszerbe tartozzon. Teljes szelesseg, a
   tartalom kozepre fogva. */
.hv-urlap-oldal {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 46px 30px 58px;
	background-color: #e9f4fd;
	background-image:
		linear-gradient(rgba(214, 235, 252, .72), rgba(214, 235, 252, .72)),
		url(https://horvathvilmos.hu/wp-content/uploads/2025/04/section3_background.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	color: #201a1c;
}
.hv-urlap-oldal > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.hv-urlap-oldal h1 {
	font-size: 38px;
	line-height: 1.18;
	font-weight: 700;
	color: #17203a;
	margin: 0 auto 12px;
	text-align: center;
}
.hv-urlap-oldal .lead {
	font-size: 19px;
	line-height: 1.55;
	color: #3c4553;
	margin: 0 auto 28px;
	text-align: center;
}

/* ------------------------------------------ a keresesi igeny urlap kinezete */
/* A Gravity Forms alap-stilusanak semmi koze az arculathoz: itt a fooldalrol
   kimert ertekekre szabjuk — Roboto, #142b88 gomb, cian kiemeles, lekerekitett
   mezok. A .hv-urlap-lap burkot a [hv_igeny_urlap] rovidkod teszi ki. */
.hv-urlap-lap {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	color: #201a1c;
	max-width: 760px;
	margin: 0 auto;
	background: #fff;
	border-radius: 24px;
	padding: 36px 40px 30px;
	box-shadow: 0 14px 40px rgba(20, 43, 136, .12);
}
.hv-urlap-lap .gform_wrapper .gform_fields { row-gap: 20px; }
.hv-urlap-lap .gform_wrapper .gfield_label {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #17203a;
	margin-bottom: 7px;
}
.hv-urlap-lap .gform_wrapper .gfield_required { color: #06bee2; font-weight: 700; }
.hv-urlap-lap .gform_wrapper input[type=text],
.hv-urlap-lap .gform_wrapper input[type=email],
.hv-urlap-lap .gform_wrapper input[type=tel],
.hv-urlap-lap .gform_wrapper input[type=number],
.hv-urlap-lap .gform_wrapper textarea {
	width: 100%;
	font-family: inherit;
	font-size: 17px;
	line-height: 1.4;
	color: #201a1c !important;
	padding: 13px 16px !important;
	border: 2px solid #dbe6f4 !important;
	border-radius: 12px !important;
	background: #fbfdff !important;
	box-shadow: none !important;
	height: auto !important;
	transition: border-color .15s, background .15s;
}
.hv-urlap-lap .gform_wrapper input:focus,
.hv-urlap-lap .gform_wrapper textarea:focus {
	outline: none;
	border-color: #06bee2 !important;
	background: #fff !important;
}
.hv-urlap-lap .gform_wrapper ::placeholder { color: #6a7484; opacity: 1; }
.hv-urlap-lap .gform_wrapper textarea { min-height: 118px !important; resize: vertical; }
.hv-urlap-lap .gform_wrapper .gfield_description {
	font-size: 13.5px;
	line-height: 1.55;
	color: #5b6577;
	padding-top: 6px;
}

/* Jelolonegyzetek: az eladas-negyzet es a ket hozzajarulas. */
.hv-urlap-lap .gform_wrapper .gfield--type-checkbox .gchoice,
.hv-urlap-lap .gform_wrapper .gfield--type-consent .ginput_container_consent {
	background: #f2f8fe;
	border: 2px solid #dbe6f4;
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	align-items: flex-start;
	gap: 11px;
}
.hv-urlap-lap .gform_wrapper .gfield--type-checkbox input[type=checkbox],
.hv-urlap-lap .gform_wrapper .gfield--type-consent input[type=checkbox] {
	margin-top: 2px;
	width: 19px;
	height: 19px;
	accent-color: #142b88;
	flex: 0 0 auto;
}
.hv-urlap-lap .gform_wrapper .gfield--type-checkbox label,
.hv-urlap-lap .gform_wrapper .gfield--type-consent label {
	font-size: 15.5px;
	line-height: 1.5;
	font-weight: 500;
	color: #201a1c;
}
/* A magyarazo sorokat az oldal CSS-e alapbol elrejti (ismert csapda). */
.hv-urlap-lap .show-description .gfield_description { display: block !important; }

/* Telepules-lista (Gravity Forms tobbszoros valasztas, Chosen): ugyanaz a doboz, mint a tobbi mezo.
   Minden szabaly !important: a Gravity Forms Orbital temaja azonos erossegu, kesobb betoltott szabalyokkal irna felul.
   A beirosav a fenti altalanos input-szabalyt orokolne (keret, belso margo) — itt nullazzuk. */
.hv-urlap-lap .gform_wrapper .chosen-container { width: 100% !important; font-family: inherit !important; font-size: 17px !important; }
/* A Gravity Forms (Orbital) a kulso Chosen-dobozra is tesz keretet es arnyekot —
   a lekerekitett belso doboz kore egy szogletes, sotet keret rajzolodott. */
.hv-urlap-lap .gform_wrapper .chosen-container,
.hv-urlap-lap .gform_wrapper .chosen-container.chosen-container-active { border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 12px !important; outline: 0 !important; }
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices {
	min-height: 53px !important;
	padding: 6px 10px !important;
	border: 2px solid #dbe6f4 !important;
	border-radius: 12px !important;
	background: #fbfdff !important;
	background-image: none !important;
	box-shadow: none !important;
	cursor: text !important;
}
.hv-urlap-lap .gform_wrapper .chosen-container-active .chosen-choices { border-color: #06bee2 !important; background: #fff !important; }
.hv-urlap-lap .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-choices { border-radius: 12px 12px 0 0 !important; }
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	width: auto !important;
	height: 37px !important;
	margin: 0 !important;
	padding: 0 6px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: inherit !important;
	font-size: 17px !important;
	color: #201a1c !important;
}
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text]::placeholder,
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-field .default { color: #6a7484 !important; }
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
	margin: 4px 6px 4px 0 !important;
	padding: 7px 28px 7px 13px !important;
	border: 0 !important;
	border-radius: 50px !important;
	background: #142b88 !important;
	background-image: none !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
}
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 50% !important;
	right: 8px !important;
	width: 14px !important;
	height: 14px !important;
	margin-top: -7px !important;
	background: none !important;
	color: #fff !important;
	text-decoration: none !important;
}
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
	content: '×';
	display: block !important;
	font-size: 18px !important;
	line-height: 14px !important;
	text-align: center !important;
	opacity: .8 !important;
}
.hv-urlap-lap .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::before { opacity: 1 !important; }
.hv-urlap-lap .gform_wrapper .chosen-container .chosen-drop {
	border: 2px solid #06bee2 !important;
	border-top: 0 !important;
	border-radius: 0 0 12px 12px !important;
	box-shadow: 0 12px 26px rgba(20, 43, 136, .16) !important;
	overflow: hidden !important;
}
.hv-urlap-lap .gform_wrapper .chosen-container .chosen-results { max-height: 260px !important; margin: 0 !important; padding: 4px 0 !important; }
.hv-urlap-lap .gform_wrapper .chosen-container .chosen-results li { padding: 9px 16px !important; font-size: 16px !important; line-height: 1.3 !important; }
/* A Gravity Forms sajat Chosen-temaja erosebb szaballyal szurkere festene a kijelolt sort (feher betuvel). */
.hv-urlap-lap .gform_wrapper .chosen-container .chosen-results li.highlighted { background: #142b88 !important; background-image: none !important; color: #fff !important; }
.hv-urlap-lap .gform_wrapper .chosen-container .chosen-results li em { font-style: normal !important; font-weight: 700 !important; text-decoration: none !important; background: none !important; color: inherit !important; }
.hv-urlap-lap .gform_wrapper .chosen-container .chosen-results li.no-results { background: #f2f8fe !important; color: #5b6577 !important; }

/* Gomb */
.hv-urlap-lap .gform_wrapper .gform_footer { margin-top: 26px; padding: 0; }
.hv-urlap-lap .gform_wrapper .gform_footer input[type=submit] {
	font-family: inherit;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: .02em !important;
	font-size: 17px !important;
	line-height: 1.2 !important;
	padding: 17px 32px !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 50px !important;
	background: #142b88 !important;
	color: #fff !important;
	box-shadow: 0 8px 22px rgba(20, 43, 136, .45) !important;
	cursor: pointer;
	transition: .2s;
}
.hv-urlap-lap .gform_wrapper .gform_footer input[type=submit]:hover {
	filter: brightness(1.12);
	transform: translateY(-2px);
}

/* Hibajelzes */
.hv-urlap-lap .gform_wrapper .gfield_error input,
.hv-urlap-lap .gform_wrapper .gfield_error textarea { border-color: #d63638 !important; background: #fff7f7 !important; }
.hv-urlap-lap .gform_wrapper .validation_message {
	font-size: 14px;
	color: #b32d2e;
	background: none;
	border: 0;
	padding: 6px 0 0;
}
.hv-urlap-lap .gform_wrapper .gform_validation_errors {
	border-radius: 14px;
	border: 2px solid #f0c2c2;
	background: #fff7f7;
	box-shadow: none;
}
/* Sikeres bekuldes utani uzenet */
.hv-urlap-lap .gform_confirmation_message {
	font-size: 18px;
	line-height: 1.6;
	color: #201a1c;
}

.hv-similar { margin-top: 46px; }
.hv-similar .hv-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ------------------------------------------------------------------ mobil */

@media (max-width: 860px) {
	.hv-grid,
	.hv-similar .hv-grid { grid-template-columns: 1fr; }

	.hv-szuro { padding: 18px 16px 16px; border-radius: 18px; }
	.hv-szuro__racs { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.hv-szuro__also { align-items: flex-start; }
	.hv-statusz { gap: 10px 20px; }
	.hv-kinalat .hv-statusz legend { float: none; width: 100%; margin-bottom: 2px; }
	.hv-clear { margin-left: 0; }

	/* a lenyíló panel alulról felcsúszó lap lesz, alján a Kész gombbal */
	.hv-dd-panel,
	.hv-dd-doboz--szeles .hv-dd-panel {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		z-index: 99995;
		width: auto;
		min-width: 0;
		max-width: none;
		max-height: 78vh;
		margin: 0;
		border-width: 0;
		border-radius: 22px 22px 0 0;
		box-shadow: 0 -10px 40px rgba(0, 0, 0, .3);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.hv-dd-panel .hv-panel__items { grid-template-columns: 1fr; }
	.hv-panel__item { padding: 12px 10px; }
	.hv-dd-panel__kesz {
		display: block;
		position: sticky;
		bottom: 0;
		width: calc(100% - 32px);
		margin: 6px 16px 16px;
		padding: 15px;
		border: 0;
		border-radius: 50px;
		background: #142b88;
		color: #fff;
		font-family: inherit;
		font-size: 17px;
		font-weight: 700;
		cursor: pointer;
		box-shadow: 0 -12px 16px #fff;
	}

	.hv-single { padding: 0; }
	.hv-sav { padding: 32px 16px; }
	.hv-sav + .hv-sav {
		clip-path: polygon(0 0, 50% 40px, 100% 0, 100% 100%, 0 100%);
		margin-top: -40px;
		padding-top: 74px;
	}
	.hv-single h1 { font-size: 26px; }
	.hv-gyors { font-size: 15px; }
	.hv-igeny-cta { padding: 22px 20px; border-radius: 18px; }
	.hv-igeny-cta h2 { font-size: 20px; }
	.hv-igeny-cta .hv-btn { width: 100%; }
	.hv-urlap-oldal { padding: 30px 16px 40px; }
	.hv-urlap-oldal h1 { font-size: 27px; }
	.hv-urlap-oldal .lead { font-size: 17px; }
	.hv-urlap-lap { padding: 22px 18px 20px; border-radius: 18px; }
	.hv-gal__fo { grid-template-columns: 1fr; }
	.hv-gal__fo > .hv-gal__nyit { height: 240px; }
	.hv-gal__fo .side { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
	.hv-gal__fo .side .hv-gal__nyit { height: 120px; }
	.hv-gal__sav .hv-gal__nyit { flex: 0 0 74px; height: 54px; }
	.hv-lb__x, .hv-lb__nyil { width: 44px; height: 44px; font-size: 22px; }
	.hv-lb__nyil--elo { left: 8px; }
	.hv-lb__nyil--kov { right: 8px; }
	.hv-single__gal { grid-template-columns: 1fr; }
	.hv-single__gal .main { height: 240px; }
	.hv-single__gal .side { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
	.hv-single__gal .side img { height: 120px; }
	.hv-single__top { flex-direction: column; gap: 18px; }
	.hv-pricebox { flex: none; width: 100%; }
	/* Telefonon: galeria, cim es ar, utana a kapcsolat-kartya. */
	/* minmax(0, 1fr): az indexkep-sav minimalis szelessege kulonben szethuzna a racsot. */
	.hv-hero-racs { grid-template-columns: minmax(0, 1fr); grid-template-areas: "gal" "top" "cta"; }
	.hv-hero-racs--kep-nelkul { grid-template-areas: "top" "cta"; }
	.hv-hero-racs > .hv-cta { margin-top: 22px; padding: 24px; }
	.hv-hero-racs > .hv-single__top { gap: 18px; align-items: stretch; }
	.hv-hero-racs .hv-pricebox { flex: none; width: 100%; }
	.hv-hero-racs .hv-pricebox b { font-size: 34px; }
	.hv-facts { grid-template-columns: 1fr; }
	.hv-btn { width: 100%; }
	.hv-soldbanner a { margin-left: 0; width: 100%; text-align: center; }
}

/* ---------------------------------------------------------------------------
   Portre-kor — a fooldali nyitokep (section1_photo1) korenek masa.
   Ket retegbol all, mert egy hatterkep nem loghat ki a korbol: a ::before a kor,
   a ::after a portre (felul kilog a fej, alul a kor menten vagva). A --d a kor
   atmeroje, minden mas ebbol szamolodik (a keplet a landing design-rendszerbol).
--------------------------------------------------------------------------- */
.hv-portre {
	--d: 330px;
	--gy: calc(var(--d) * .018);
	position: relative;
	display: block;
	flex: 0 0 auto;
	width: var(--d);
	height: calc(var(--d) * 1.1);
}
.hv-portre::before,
.hv-portre::after { content: ''; position: absolute; left: 0; box-sizing: border-box; }
.hv-portre::before {
	bottom: 0;
	width: var(--d);
	height: var(--d);
	border-radius: 50%;
	border: var(--gy) solid #fff;
	background: linear-gradient(35deg, #06bde1 0%, #1e98c8 45%, #3754c5 100%);
	box-shadow: 0 calc(var(--d) * .042) calc(var(--d) * .103) rgba(16, 26, 80, .45);
}
.hv-portre::after {
	top: 0;
	width: var(--d);
	height: calc(var(--d) * 1.1);
	background: url(https://horvathvilmos.hu/wp-content/uploads/2026/05/En.webp) 50% calc(var(--d) * -.094) / 88% auto no-repeat;
	-webkit-mask-image: radial-gradient(circle calc(var(--d) / 2 - var(--gy)) at 50% calc(var(--d) * .6), #000 98%, transparent 100%), linear-gradient(#000 0 0);
	-webkit-mask-size: 100% 100%, 100% calc(var(--d) * .6);
	-webkit-mask-repeat: no-repeat;
	mask-image: radial-gradient(circle calc(var(--d) / 2 - var(--gy)) at 50% calc(var(--d) * .6), #000 98%, transparent 100%), linear-gradient(#000 0 0);
	mask-size: 100% 100%, 100% calc(var(--d) * .6);
	mask-repeat: no-repeat;
}
/* Az ingatlan-aloldal kapcsolat-kartyajan kicsiben. */
.hv-cta .who .hv-portre { --d: 96px; --gy: 4px; }

/* Kinalati oldal nyitosav: a szoveg mellett a fooldali kep mintajara osszerakott
   kompozicio (portre-kor + haz + kulcs). Az aranyok a 688x617-es fooldali keprol. */
.hv-ep .s-hero .in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); gap: 34px; align-items: center; }
.hv-ep .s-hero .hero-szoveg > h1,
.hv-ep .s-hero .hero-szoveg > .lead,
.hv-ep .s-hero .hero-szoveg > .terulet { color: #0d1440 !important; }
.hv-ep .s-hero .hero-szoveg .cta { text-align: left; }
.hv-hero-kep { position: relative; width: 100%; aspect-ratio: 688 / 617; container-type: inline-size; }
.hv-hero-kep .hv-portre { --d: 44cqw; position: absolute; left: 52%; top: 2%; }
.hv-hero-kep__haz { position: absolute; z-index: 2; left: -4%; top: 33%; width: 84%; height: auto; }
.hv-hero-kep__kulcs { position: absolute; z-index: 3; left: 66%; top: 73%; width: 22%; height: auto; }
@media (max-width: 860px) {
	.hv-ep .s-hero .in { grid-template-columns: 1fr; gap: 18px; }
	.hv-ep .s-hero .hero-szoveg .cta { text-align: center; }
	.hv-hero-kep { max-width: 380px; margin: 0 auto; }
}

/* Az Avada oszlop 20 px alsó margója fehér csíkot hagyna a lábléc fölött. */
.fusion-layout-column:has(> .fusion-column-wrapper > .hv-kinalat) { margin-bottom: 0 !important; }

/* Telefonon a lebegő hívógomb (jobb alul, inc/fejlec.php) és a süti-beállítás
   gomb (bal alul) ne takarja el a tartalom végét: az utolsó sáv és az űrlap
   alja kap alul helyet. A süti-gomb helyét a Moove beállítása adja, nem ez. */
@media (max-width: 640px) {
	.hv-single > .hv-sav:last-child,
	.hv-ep > section.band:last-of-type,
	.hv-urlap-oldal { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
	/* Ha az űrlap nem .hv-urlap-oldal burokban áll. */
	.hv-urlap-lap:not(.hv-urlap-oldal .hv-urlap-lap) { margin-bottom: calc(90px + env(safe-area-inset-bottom)); }
}

/* Kinalati oldal, „Vevőként mit teszek hozzá?” kartyak: a cim H4 helyett H3
   (a H2 alatt), ugyanazzal a kinezettel, mint a regi .hv-ep .cardw h4. */
.hv-ep .cardw h3 { font-size: 21px !important; line-height: 1.25 !important; font-weight: 700; margin: 0 0 8px; color: #fff !important; }
.hv-ep .grid3 .cardw:nth-child(2) h3 { color: #0d1440 !important; }