@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,700&display=swap');

/* =============================================================
   RAC LP EV - BASE & PAGE WRAPPER RESETS
   ============================================================= */

body.ff-ev-landing-page,
.ff-ev-landing-page {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #1a202c;
	background-color: #0b0f19;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.ff-ev-landing-page #page-wrap {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.ff-ev-landing-page #content.page-section {
	padding: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.ff-ev-landing-page #notitlebar {
	display: none !important;
}

/* =============================================================
   Group Block Column Width Variations
   ============================================================= */
.wp-block-group.ff-width-1400,
.wp-block-group.is-style-ff-width-1400 {
	max-width: 1400px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wp-block-group.ff-width-1200,
.wp-block-group.is-style-ff-width-1200 {
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wp-block-group.ff-width-960,
.wp-block-group.is-style-ff-width-960 {
	max-width: 960px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wp-block-group.ff-width-800,
.wp-block-group.is-style-ff-width-800 {
	max-width: 800px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wp-block-group.ff-width-640,
.wp-block-group.is-style-ff-width-640 {
	max-width: 640px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	width: 100% !important;
}

.wp-block-group.ff-width-full,
.wp-block-group.is-style-ff-width-full {
	max-width: 100% !important;
	width: 100% !important;
}

/* =============================================================
   LANDING TITLEBAR (#fulltitle) - Header Green Background
   ============================================================= */

#fulltitle.rac-lp-ev-titlebar,
.ff-ev-landing-page #fulltitle {
	background-color: #39a02c !important;
	border-bottom: none !important;
	padding: 1.75rem 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	position: relative;
	z-index: 20;
}

#fulltitle.rac-lp-ev-titlebar .container,
.ff-ev-landing-page #fulltitle .container {
	max-width: 1160px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding-left: 175px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}

@media (max-width: 991px) {
	#fulltitle.rac-lp-ev-titlebar .container,
	.ff-ev-landing-page #fulltitle .container {
		padding-left: 20px !important;
	}
}

.rac-lp-ev-titlebar-content {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.rac-lp-ev-titlebar-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	font-size: 1.0625rem; /* 17px */
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 0.01em;
}

.rac-lp-ev-titlebar-nav a {
	color: #ffffff !important;
	text-decoration: none !important;
	transition: opacity 0.2s ease, text-decoration 0.2s ease;
	display: inline-block;
	font-weight: 400;
	text-transform: uppercase;
}

.rac-lp-ev-titlebar-nav a:hover {
	opacity: 0.85;
	text-decoration: underline !important;
}

.rac-lp-ev-titlebar-sep {
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0.4rem;
	user-select: none;
}

/* =============================================================
   WORDPRESS CORE & GUTENBERG RESETS
   ============================================================= */
.rac_lp_ev_section .wp-block-group__inner-container,
.rac_lp_ev_section.wp-block-group > .wp-block-group__inner-container {
	display: contents !important;
}

/* Base Container: 1160px column width */
.rac_lp_ev_container,
.rac_lp_ev_header_container,
.rac_lp_ev_range_container,
.rac_lp_ev_sub_container {
	max-width: 1160px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
	position: relative !important;
}

/* Full-bleed Section Wrapper */
.rac_lp_ev_section {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	clear: both;
}

/* =============================================================
   1. TARTALOM FEJLÉC SZEKCIÓ (rac_lp_ev_header)
   ============================================================= */

.rac_lp_ev_header_section {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: linear-gradient(180deg, #39a02c 0%, #6dc659 100%);
	padding-top: 3rem;
}

.rac_lp_ev_header_wrap {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	min-height: unset;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden;
	padding-top: 1rem;
}

.rac_lp_ev_header_container {
	position: relative;
	z-index: 3;
	padding-top: 0rem;
	padding-bottom: 3.5rem;
	margin-left: auto!important;
	margin-right: auto!important;
}

.rac_lp_ev_header_content {
	max-width: 625px;
}

.rac_lp_ev_header_title {
	font-size: 4.4rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 0 1.5rem 0;
	letter-spacing: -0.02em;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.rac_lp_ev_header_btn_wrap {
	display: block;
	margin-top: 0.5rem;
}

.rac_lp_ev_header_btn {
	display: inline-block;
	background-color: #0b111d;
	color: #ffffff !important;
	font-size: 1.5rem;
	font-weight: 500;
	text-decoration: none !important;
	padding: 0.9rem 2.4rem;
	border-radius: 0.75rem;
	transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.rac_lp_ev_header_btn:hover {
	background-color: #1a2538;
	transform: translateY(-2px);
	color: #ffffff !important;
}

/* Image on the right: starts from screen center and extends to the right screen edge */
.rac_lp_ev_header_image_wrap {
	position: absolute;
	top: 0;
	left: 54.5%;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
}

.rac_lp_ev_header_img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: left center;
	display: block;
}

/* =============================================================
   2. SZOLGÁLTATÁS JELLEMZŐK SZEKCIÓ (rac_lp_ev_features)
   ============================================================= */

.rac_lp_ev_features_section {
	background-color: #319725;
	padding: 2.2rem 0;
	position: relative;
	z-index: 4;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.rac_lp_ev_features_grid {
	display: grid !important;
	/* !important: WordPress core injects a competing grid-template-columns rule
	   for Group blocks with layout type "grid" (wp-includes/block-supports/layout.php) */
	grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr !important;
	align-items: center !important;
	gap: 1.5rem !important;
	width: 100% !important;
}

.rac_lp_ev_feature_item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 1rem !important;
	padding-left: 1rem !important;
}

.rac_lp_ev_feature_item > .wp-block-group__inner-container {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 1rem !important;
	width: 100% !important;
}

.rac_lp_ev_feature_check {
	margin-bottom: 0.25rem;
}

.rac_lp_ev_feature_icon {
	flex-shrink: 0 !important;
	width: 44px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rac_lp_ev_feature_icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1); /* Fehér rajzolat */
}

.rac_lp_ev_icon_flipped {
	transform: scaleX(-1);
	display: inline-block;
}

.rac_lp_ev_feature_body {
	flex: 1;
}

.rac_lp_ev_feature_title {
	font-size: 1.125rem; /* 18px */
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 0.3rem 0;
	line-height: 1.25;
}

.rac_lp_ev_feature_desc {
	font-size: 0.875rem; /* 14px */
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	line-height: 1.35;
}

.rac_lp_ev_feature_divider {
	width: 1px;
	align-self: stretch;
	min-height: 52px;
	background-color: #ffffff; /* Tiszta fehér vonal */
}

/* =============================================================
   3. HATÓTÁV TÖLTÉS SZEKCIÓ (rac_lp_ev_range)
   ============================================================= */

.rac_lp_ev_range_section {
	background-color: #ffffff;
	position: relative;
	overflow: visible;
	z-index: 10; /* Magasabb z-index mint az előtte lévő szekcióké */
}

.rac_lp_ev_range_wrap {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	overflow: visible;
	min-height: 560px;
}

.rac_lp_ev_range_container {
	position: relative;
	z-index: 3;
	margin-left: auto!important;
	margin-right: auto!important;
}

.rac_lp_ev_range_content {
	max-width: 500px;
}

.rac_lp_ev_range_badge {
	display: inline-block;
	background-color: #3ea82f;
	color: #ffffff;
	font-size: 0.875rem; /* 14px */
	font-weight: 800;
	letter-spacing: 0.05em;
	padding: 0.35rem 1.1rem;
	border-radius: 0.75rem; /* 0.75rem lekerekítés */
	margin-bottom: 1.25rem;
}

.rac_lp_ev_range_title {
	font-size: 3.75rem; /* 60px remben */
	font-weight: 900;
	line-height: 1.08;
	color: #0b111d;
	margin: 0 0 1.5rem 0;
	letter-spacing: -0.02em;
}

.rac_lp_ev_range_desc {
	font-size: 1.25rem; /* 20px remben */
	font-weight: 400;
	line-height: 1.5;
	color: #1a202c;
	margin: 0;
	max-width: 560px;
}

/* Right Media Wrap: Szabadon igazítható a teljes szekció jobb széléhez */
.rac_lp_ev_range_media_wrap {
	position: absolute;
	left: calc(50% + 20px);
	right: 0;
	top: -220px; /* 1920 felbontásban -220px, kisebb ablaknál arányos negatív margó */
	top: clamp(-240px, -15vw, -120px);
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	overflow: hidden;
	pointer-events: none;
	z-index: 15;
}

.rac_lp_ev_range_img {
	height: 100%;
	min-width: 850px;
	max-width: none;
	width: 100%;
	object-fit: contain;
	object-position: right bottom;
	display: block;
	filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.12));
}



/* =============================================================
   4. ELÉRHETŐ AUTÓK SZEKCIÓ (rac_lp_ev_cars)
   ============================================================= */

.rac_lp_ev_cars_section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Top green banner band */
.rac_lp_ev_cars_banner {
	background-color: #319725;
	padding-top: 2rem;
	padding-bottom: 0;
	text-align: center;
	color: #ffffff;
	position: relative;
	z-index: 3;
}

.rac_lp_ev_cars_banner_title {
	font-size: 4.5rem;
	font-weight: 700; /* Egyel kisebb vastagság */
	letter-spacing: 0.03em;
	color: #ffffff;
	margin: 0;
	line-height: 1.1;
}

.rac_lp_ev_cars_subtitle_bar {
	width: 100%;
	background-color: #1a6316;
}

.rac_lp_ev_cars_subtitle_bar .rac_lp_ev_container {
	max-width: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rac_lp_ev_cars_banner_subtitle {
	font-size: 1.125rem; /* 18px */
	font-weight: 400;
	color: #ffffff;
	background-color: #1a6316; /* Sötétzöld háttér */
	margin: 1.5rem 0 0 0;
	padding: 0.65rem 1rem;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.4; /* Ne legyen sokkal több mint a sormagasság */
}

/* Body with background image */
.rac_lp_ev_cars_body {
	position: relative;
	/* padding-top: max(475px, calc(19vw + 60px)); */
    padding-top: max(275px, calc(17vw + 60px));
	padding-bottom: 8rem;
	/* min-height: 640px; */
}

.rac_lp_ev_cars_bg_layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	background-color: #b0a7a1; /* A kép alsó (beton) színe – kitölti a kép alatti részt */
}

.rac_lp_ev_cars_bg_img {
	width: 100%;
	height: auto; /* aránytartó, nem torzul */
	display: block;
}

.rac_lp_ev_cars_container {
	position: relative;
	z-index: 3;
	max-width: 1390px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Car selector pills/tabs: ~1350px széles nagy monitoron, megnövelt cellatávolsággal */
.rac_lp_ev_car_tabs {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
	width: 100%;
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4rem;
	padding: 0.2rem 0 0.6rem 2rem;
	box-sizing: border-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
@media (min-width: 1800px) {
    .rac_lp_ev_car_tabs {
		gap: 1.25rem;
		width: 105%;
		max-width: 1350px;
		margin-left: -1rem;
		padding: 0.2rem 0 0.6rem 0rem;
    }
}
.rac_lp_ev_car_tab {
	background: transparent;
	background-color: transparent;
	color: #ffffff;
	border: none;
	padding: 5px 0 0 0;
	margin: 0;
	outline: none;
	cursor: pointer;
	flex-shrink: 0;
	max-width: 200px;
	text-align: center;
	transition: transform 0.2s ease;
}

.rac_lp_ev_car_tab:hover {
	transform: translateY(-2px);
	background-color: transparent !important;
}

.rac_lp_ev_car_tab span {
	display: inline;
	background-color: #3ea82f;
	color: #ffffff;
	border-radius: 0.75rem;
	padding: 0.4rem 1.4rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	font-size: 1.15rem;
	text-transform: none;
	line-height: 1.3;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.rac_lp_ev_car_tab.active span {
	background-color: #1a202c;
	color: #ffffff;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}

/* Kisebb asztali / tablet fekvő szélesség: a gombok férjenek ki görgetősáv nélkül */
@media (min-width: 992px) and (max-width: 1399px) {
	.rac_lp_ev_car_tabs {
		gap: 0.75rem;
		padding-left: 3rem;
		overflow: visible;
	}
	.rac_lp_ev_car_tab {
		flex-shrink: 1;
		min-width: 0;
	}
	.rac_lp_ev_car_tab span {
		font-size: 1rem;
		padding: 0.35rem 1rem;
	}
}

/* Carousel wrapper */
.rac_lp_ev_carousel_wrap {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
}

/* V alakú fehér vastag nyilak kör és háttér nélkül */
.rac_lp_ev_carousel_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 54px;
	height: 54px;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 10;
	padding: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
	outline: none;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

.rac_lp_ev_carousel_arrow:hover {
	background: transparent !important;
	transform: translateY(-50%) scale(1.15);
	opacity: 0.95;
}

.rac_lp_ev_arrow_prev {
	left: -65px; /* Kicsit jobban kinyúlik balra */
}

.rac_lp_ev_arrow_next {
	right: -65px; /* Kicsit jobban kinyúlik jobbra */
}

.rac_lp_ev_carousel_arrow svg {
	width: 36px;
	height: 49px;
	stroke: #ffffff;
	stroke-width: 4.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	display: block;
}

/* Carousel Track & Slides */
.rac_lp_ev_carousel_track {
	position: relative;
	width: 100%;
}

.rac_lp_ev_car_slide {
	display: none;
	width: 100%;
}

.rac_lp_ev_car_slide.active {
	display: block;
	animation: racLpEvFadeIn 0.3s ease;
}

@keyframes racLpEvFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Car Card White Box */
.rac_lp_ev_car_card {
	position: relative;
	background-color: #ffffff;
	border-radius: 34px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
	padding: 0.5rem 0rem 0 2.75rem;
	box-sizing: border-box;
}

/* Attached top tab for car brand/model - alsó sarkai is lekerekítve */
.rac_lp_ev_card_header_tab {
	position: absolute;
	top: -1.5rem;
	left: 2.75rem;
	background-color: #1a202c;
	color: #ffffff;
	font-size: 1.75rem; /* 28px */
	font-weight: 500;
	padding: 0.4rem 1.25rem;
	border-radius: 14px; /* Alsó sarkai is lekerekítve */
	line-height: 1.1;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 3; /* a transform-os (.scale-1-3) autókép különben fölé rajzolódik */
}

.rac_lp_ev_card_inner {
	display: grid;
	grid-template-columns: 1fr 1.3fr;
	align-items: center;
	gap: 0;
}

.rac_lp_ev_card_info {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	/* padding-top: 2rem; */
}

.rac_lp_ev_card_badges {
	display: flex;
	gap: 0.5rem;
	/* margin-bottom: 0.8rem; */
}

.rac_lp_ev_badge {
	font-size: 0.625rem; /* 10px */
	font-weight: 300; /* 300 szövegvastagság */
	letter-spacing: 0.04em;
	padding: 0.2rem 0.6rem 0.1rem 0.6rem;
	border-radius: 4px;
	text-transform: uppercase;
	background-color: #3ea82f;
	color: #ffffff;
}

.rac_lp_ev_badge_green,
.rac_lp_ev_badge_dark {
	background-color: #3ea82f;
	color: #ffffff;
}

/* Price Row */
.rac_lp_ev_card_price_row {
	font-size: 1.35rem;
	font-weight: 700;
	color: #1e293b;
	/* margin-bottom: 1.2rem; */
	line-height: 1.2;
}

.rac_lp_ev_card_price_val {
	font-size: 1.8rem;
	line-height: 1em;
	font-weight: 700;
	color: #3ea82f;
	margin: 0 0.2rem;
}

/* Features List 2 cols */
.rac_lp_ev_card_features {
	display: grid;
	grid-template-columns: max-content max-content;
	gap: 0.6rem 1rem;
	/* margin-bottom: 1.5rem; */
}

.rac_lp_ev_feature_check {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8rem; /* 14px */
	font-weight: 500;
	color: #334155;
	line-height: 1.3;
}

.rac_lp_ev_check_icon {
	width: 14px;
	height: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.rac_lp_ev_check_img,
.rac_lp_ev_check_icon img {
	width: 14px;
	height: 14px;
	object-fit: contain;
	display: block;
}

/* CTA Row: 320px széles, kisebb padding, vékonyabb szöveg, balra igazítva, 0.25rem lekerekítés, nincs árnyék */
.rac_lp_ev_card_cta_row {
	/* margin-bottom: 1.25rem; */
	display: flex;
	justify-content: flex-start;
}

.rac_lp_ev_card_cta_btn {
	display: block;
	width: 320px;
	max-width: 100%;
	text-align: center;
	background-color: #3ea82f;
	color: #ffffff !important;
	font-size: 0.95rem; /* Kisebb fontméret */
	font-weight: 600; /* Vékonyabb szöveg */
	text-decoration: none !important;
	padding: 0.65rem 1rem; /* Kisebb padding */
	border-radius: 0.25rem; /* 0.25rem lekerekítés */
	box-shadow: none !important; /* Nem kell árnyék */
	transition: background-color 0.2s ease;
	box-sizing: border-box;
}

.rac_lp_ev_card_cta_btn:hover {
	background-color: #349227;
	color: #ffffff !important;
	box-shadow: none !important;
	transform: none;
}

/* Specs pills bar: egy sorba rendezve, balra igazítva, vékonyabb rajzolat, kisebb fontméret, körvonal nélkül */
.rac_lp_ev_card_specs {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	width: auto;
	max-width: 100%;
	margin: 0;
	border: none;
	overflow-x: auto;
}

.rac_lp_ev_spec_pill {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	background-color: #f1f5f9; /* Csak háttérszín */
	border: none !important; /* Nincs körvonal */
	padding: 0.25rem 0.65rem;
	border-radius: 0.5rem;
	font-size: 0.8rem; /* Picit kisebb fontméret */
	font-weight: 500; /* Egyel vékonyabb vastagság */
	color: #334155;
	white-space: nowrap;
	flex-shrink: 0;
}

.rac_lp_ev_spec_pill img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}

/* Media: Car Image extends 1rem above the box */
.rac_lp_ev_card_media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rac_lp_ev_card_car_img {
	width: 115%;
	max-width: 700px;
	max-height: 320px;
	height: auto;
	min-height: 310px;
	object-fit: contain;
	display: block;
	transform: translateY(-1.75rem) /*scaleX(-1)*/;
	filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.2));
	transition: transform 0.3s ease;
	margin-left: -15%;
	margin-right: -2%;
	margin-bottom: -3%;
}

/* CSV 'class' oszlop – kép módosítók (a 'scale' tulajdonság nem írja felül a transform-ot) */
img.rac_lp_ev_card_car_img.scale-1-3 {
	scale: 1.3;
}

img.rac_lp_ev_card_car_img.flip-v {
	scale: -1 1;
}

img.rac_lp_ev_card_car_img.scale-1-3.flip-v {
	scale: -1.3 1.3;
}

/* Carousel Dots - Abszolút pozicionálva a kártya alatt, hogy ne tolja el a nyilak vertikális középre igazítását */
.rac_lp_ev_carousel_dots {
	display: flex;
	justify-content: center;
	gap: 0.1rem;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 1.25rem);
	margin: 0 auto;
	z-index: 5;
}

.rac_lp_ev_carousel_dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.2s ease, transform 0.2s ease;
	outline: none;
}

.rac_lp_ev_carousel_dot:hover {
	background-color: rgba(255, 255, 255, 0.8);
	transform: scale(1.15);
}

.rac_lp_ev_carousel_dot.active {
	background-color: #ffffff;
	transform: scale(1.3);
}

/* =============================================================
   5. TÍZNAPOS HAGYOMÁNYOS AUTÓ SZEKCIÓ (rac_lp_ev_substitute)
   ============================================================= */

.rac_lp_ev_substitute_section {
	background-color: #0b111d;
	position: relative;
	width: 100%;
	overflow: visible; /* Hogy a badge túlnyúlhasson */
	min-height: 480px;
}

.rac_lp_ev_substitute_wrap {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 480px;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Right side image running to the right edge with gradient overlay */
.rac_lp_ev_sub_bg_layer {
	position: absolute;
	top: 0;
	left: 45%;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

.rac_lp_ev_sub_car_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	display: block;
}

/* 260px wide dark gradient transition from center to the right */
.rac_lp_ev_sub_gradient_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 260px;
	height: 100%;
	background: linear-gradient(90deg, #0b111d 0%, rgba(11, 17, 29, 0) 100%);
	z-index: 2;
	pointer-events: none;
}

.rac_lp_ev_sub_container {
	position: relative; 
	z-index: 3;
	padding-top: 4rem;
	padding-bottom: 4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: auto!important;
	margin-right: auto!important;
}

.rac_lp_ev_sub_content {
	max-width: 655px;
}

.rac_lp_ev_sub_tag {
	display: inline-block;
	background-color: #3ea82f;
	color: #ffffff;
	font-size: 0.875rem; /* 14px */
	font-weight: 800;
	letter-spacing: 0.05em;
	padding: 0.35rem 1.1rem;
	border-radius: 0.5rem; /* 0.5rem lekerekítés */
	margin-bottom: 1.25rem;
}

.rac_lp_ev_sub_title {
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1.12;
	color: #ffffff;
	margin: 0 0 1.25rem 0;
}

.rac_lp_ev_sub_desc {
	font-size: 1.5rem;
	line-height: 1.5;
	color: rgb(255 255 255);
	margin: 0;
	max-width: 90%;
}

/* Round Green Badge vertikálisan a szekció tetején, ~1.5rem túlnyúlással felfelé */
.rac_lp_ev_sub_badge {
	position: absolute;
	left: 50%;
	top: -3rem; /* Másfél rem értékig nyúljon a szekció elé felfelé */
	transform: translateX(-50%);
	width: 200px; /* Nagyobb méret */
	height: 200px;
	border-radius: 50%;
	background-color: #3ea82f;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
	z-index: 25;
	pointer-events: none;
}

.rac_lp_ev_sub_badge_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.25;
}

.rac_lp_ev_badge_line1,
.rac_lp_ev_badge_line2,
.rac_lp_ev_badge_line3,
.rac_lp_ev_badge_line4 {
	font-size: 1.25rem; /* Nagyobb betűméret */
	font-weight: 800;
	letter-spacing: 0.03em;
}

/* =============================================================
   6. KAPCSOLAT SZEKCIÓ (rac_lp_ev_contact)
   ============================================================= */

.rac_lp_ev_contact_section {
	position: relative;
	width: 100%;
	padding: 4.5rem 0 5rem 0;
	overflow: hidden;
}

/* Contact Section Variants: Default is B */
.rac_lp_ev_contact_section_a {
	display: none;
}

.rac_lp_ev_contact_section_b {
	display: block;
}

.rac_lp_ev_contact_bg_layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.rac_lp_ev_contact_bg_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.rac_lp_ev_contact_container {
	position: relative;
	z-index: 3;
}

.rac_lp_ev_contact_grid {
	display: grid;
	/* !important: see .rac_lp_ev_features_grid comment above */
	grid-template-columns: 1fr 1.35fr !important;
	gap: 2rem;
	align-items: stretch;
}

.rac_lp_ev_contact_card {
	background-color: #ffffff;
	border-radius: 20px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
	padding: 2.5rem 2.2rem;
	box-sizing: border-box;
}

/* Left Card: Info & Map - nagyobb cím és leírás, középre zárt */
.rac_lp_ev_cinfos_title {
	font-size: 2.1rem; /* Nagyobb cím */
	font-weight: 800;
	color: #0b111d;
	margin: 0 0 0.6rem 0;
	line-height: 1.2;
	text-align: center; /* Középre zárt */
}

.rac_lp_ev_cinfos_subtitle {
	font-size: 1.1rem; /* Nagyobb leírás */
	color: #64748b;
	margin: 0 auto 1.25rem auto;
	line-height: 1.4;
	text-align: center; /* Középre zárt */
	max-width: 440px;
}

.rac_lp_ev_cinfos_divider {
	height: 1px;
	background-color: #e2e8f0;
	margin: 1.25rem auto;
	max-width: 320px;
}

.rac_lp_ev_cinfos_items,
.rac_lp_skoda_cinfos_items {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5rem 0;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.rac_lp_ev_cinfos_items li,
.rac_lp_skoda_cinfos_items li {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-size: 1rem;
	font-weight: 500;
	color: #1e293b;
}

.rac_lp_ev_cinfos_items li svg,
.rac_lp_skoda_cinfos_items li svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.rac_lp_ev_contact_label {
	font-weight: 700;
	color: #0b111d;
	margin-right: 0.25rem;
}

.rac_lp_ev_cinfos_items li a,
.rac_lp_skoda_cinfos_items li a {
	color: #007bc4;
	text-decoration: none;
	font-weight: 600;
}

.rac_lp_ev_cinfos_items li a:hover,
.rac_lp_skoda_cinfos_items li a:hover {
	text-decoration: underline;
}

.rac_lp_ev_contact_infos {
	display: flex;
	flex-direction: column;
	/* explicit stretch: WordPress's global .is-layout-flex rule forces align-items:center otherwise */
	align-items: stretch;
}

.rac_lp_ev_map_wrap {
	width: 100%;
	flex: 1;
	min-height: 220px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
}

.rac_lp_ev_map_wrap iframe {
	width: 100%;
	height: 100%;
	min-height: 100%;
	border: 0;
	display: block;
}

/* Right Card: Contact Form - nagyobb cím és leírás, középre zárt */
.rac_lp_ev_cform_title {
	font-size: 2.2rem; /* Nagyobb cím */
	font-weight: 900;
	color: #007bc4;
	margin: 0 0 0.6rem 0;
	line-height: 1.15;
	text-align: center; /* Középre zárt */
}

.rac_lp_ev_cform_subtitle {
	font-size: 1.1rem; /* Nagyobb leírás */
	color: #64748b;
	margin: 0 auto 1.5rem auto;
	line-height: 1.4;
	text-align: center; /* Középre zárt */
	max-width: 480px;
}

/* Contact Form 7 Field Resets & Styling inside rac_lp_ev_contact_form (Matching RAC-PG) */
.rac_lp_ev_contact_form .wpcf7-form {
	margin: 0;
	padding: 0;
}

.rac_lp_ev_contact_form .ff-cform-wrap {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
}

.rac_lp_ev_contact_form .ff-cform-wrap p {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.rac_lp_ev_contact_form .ff-cform-wrap br {
	display: none !important;
}

.rac_lp_ev_contact_form .ff-cform-wrap > .wpcf7-form-control-wrap,
.rac_lp_ev_contact_form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	margin-bottom: 0;
}

.rac_lp_ev_contact_form .ff-cform-row {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 14px !important;
	width: 100% !important;
}

.rac_lp_ev_contact_form .ff-cform-row > .wpcf7-form-control-wrap {
	display: block !important;
	width: 100% !important;
}

.rac_lp_ev_contact_form .ff-cform-field,
.rac_lp_ev_contact_form .ff-cform-wrap input[type="text"],
.rac_lp_ev_contact_form .ff-cform-wrap input[type="email"],
.rac_lp_ev_contact_form .ff-cform-wrap input[type="tel"],
.rac_lp_ev_contact_form .ff-cform-wrap input[type="date"],
.rac_lp_ev_contact_form .ff-cform-wrap select,
.rac_lp_ev_contact_form input[type="text"],
.rac_lp_ev_contact_form input[type="email"],
.rac_lp_ev_contact_form input[type="tel"],
.rac_lp_ev_contact_form select {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 44px;
	height: 44px;
	margin: 0 !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	font-size: 1rem !important;
	color: #1e293b !important;
	background-color: #ffffff !important;
	box-sizing: border-box !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	outline: none !important;
	font-family: inherit !important;
}

.rac_lp_ev_contact_form .simpleselect {
	display: none !important;
}

.rac_lp_ev_contact_form .hidden_select_container {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
}

.rac_lp_ev_contact_form select.ff-cform-field,
.rac_lp_ev_contact_form .ff-cform-wrap select,
.rac_lp_ev_contact_form select {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	height: 44px !important;
	min-height: 44px !important;
	max-height: 44px !important;
	line-height: 1.2 !important;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 16px 16px !important;
	padding-right: 36px !important;
}

.rac_lp_ev_contact_form .ff-cform-field:focus,
.rac_lp_ev_contact_form .ff-cform-wrap input:focus,
.rac_lp_ev_contact_form .ff-cform-wrap select:focus,
.rac_lp_ev_contact_form input:focus,
.rac_lp_ev_contact_form select:focus {
	border-color: #007bc4 !important;
	box-shadow: 0 0 0 3px rgba(0, 123, 196, 0.15) !important;
}

.rac_lp_ev_contact_form .ff-cform-textarea,
.rac_lp_ev_contact_form .ff-cform-wrap textarea,
.rac_lp_ev_contact_form textarea {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 90px !important;
	margin: 0 !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	font-size: 1rem !important;
	color: #1e293b !important;
	background-color: #ffffff !important;
	box-sizing: border-box !important;
	resize: vertical !important;
	outline: none !important;
	font-family: inherit !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.rac_lp_ev_contact_form .ff-cform-textarea:focus,
.rac_lp_ev_contact_form .ff-cform-wrap textarea:focus,
.rac_lp_ev_contact_form textarea:focus {
	border-color: #007bc4 !important;
	box-shadow: 0 0 0 3px rgba(0, 123, 196, 0.15) !important;
}

.rac_lp_ev_contact_form .ff-cform-consent {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
	gap: 8px;
	font-size: 1.1rem !important;
	color: #475569 !important;
	margin: 8px auto 16px !important;
}

.rac_lp_ev_contact_form .ff-cform-consent .wpcf7-form-control-wrap,
.rac_lp_ev_contact_form .ff-cform-consent .wpcf7-acceptance,
.rac_lp_ev_contact_form .ff-cform-consent .wpcf7-list-item {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	margin: 0 auto !important;
}

.rac_lp_ev_contact_form .ff-cform-consent label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	margin: 0 !important;
	color: #475569 !important;
	font-weight: 400 !important;
}

.rac_lp_ev_contact_form .ff-cform-consent input[type="checkbox"] {
	margin: 0 !important;
	cursor: pointer !important;
	width: 16px !important;
	height: 16px !important;
	accent-color: #007bc4 !important;
}

.rac_lp_ev_contact_form .ff-cform-consent a {
	color: #007bc4 !important;
	text-decoration: underline !important;
}

.rac_lp_ev_contact_form .ff-cform-submit-wrap,
.ff-cform-submit-wrap {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	margin: 8px auto 0 auto !important;
	position: relative !important;
}

.rac_lp_ev_contact_form .ff-cform-submit,
.rac_lp_ev_contact_form input[type="submit"],
.rac_lp_ev_contact_form button[type="submit"] {
	display: inline-block !important;
	width: auto !important;
	min-width: 240px !important;
	margin: 0 auto !important;
	background-color: #007bc4 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	padding: 16px 48px !important;
	cursor: pointer !important;
	text-align: center !important;
	transition: background-color 0.2s ease, transform 0.15s ease !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
}

.rac_lp_ev_contact_form .ff-cform-submit-wrap .wpcf7-spinner {
	position: absolute !important;
	margin: 0 !important;
	right: 15px !important;
}

.rac_lp_ev_contact_form .ff-cform-submit:hover,
.rac_lp_ev_contact_form input[type="submit"]:hover,
.rac_lp_ev_contact_form button[type="submit"]:hover {
	background-color: #0064a0 !important;
	transform: translateY(-1px) !important;
	box-shadow: none !important;
}

.rac_lp_ev_contact_form .ff-cform-submit:disabled,
.rac_lp_ev_contact_form .ff-cform-submit[disabled],
.rac_lp_ev_contact_form input[type="submit"]:disabled,
.rac_lp_ev_contact_form input[type="submit"][disabled],
.rac_lp_ev_contact_form button[type="submit"]:disabled,
.rac_lp_ev_contact_form button[type="submit"][disabled] {
	background-color: #94a3b8 !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
	opacity: 0.65 !important;
	transform: none !important;
	box-shadow: none !important;
	pointer-events: auto !important;
}

.rac_lp_ev_contact_form .ff-cform-submit:disabled:hover,
.rac_lp_ev_contact_form .ff-cform-submit[disabled]:hover,
.rac_lp_ev_contact_form input[type="submit"]:disabled:hover,
.rac_lp_ev_contact_form input[type="submit"][disabled]:hover,
.rac_lp_ev_contact_form button[type="submit"]:disabled:hover,
.rac_lp_ev_contact_form button[type="submit"][disabled]:hover {
	background-color: #94a3b8 !important;
	color: #ffffff !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: none !important;
}

/* =============================================================
   6/B. KAPCSOLAT SZEKCIÓ B VÁLTOZAT (rac_lp_ev_contact_section_b)
   ============================================================= */

.rac_lp_ev_contact_section_b {
	position: relative;
	width: 100%;
	padding: 80px 0 100px 0;
	overflow: hidden;
	background: url('../images/ev-contact-bg-b.webp') no-repeat center center;
	background-size: cover;
}

.rac_lp_ev_contact_b_wrap {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
	position: relative;
	z-index: 3;
}

.rac_lp_ev_contact_b_grid {
	display: grid !important;
	grid-template-columns: 1fr 1.3fr !important;
	gap: 32px !important;
	align-items: stretch !important;
}

.rac_lp_ev_contact_card_b {
	max-width: 100% !important;
	margin: 0 auto;
	width: 100%;
	background: rgba(0, 0, 0, 0.75) !important;
	background-color: rgba(0, 0, 0, 0.55) !important;
	backdrop-filter: unset !important;
	-webkit-backdrop-filter: unset !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	border-radius: 1.5rem !important;
	padding: 2.75rem 2.5rem !important;
	box-shadow: unset !important;
	box-sizing: border-box !important;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.rac_lp_ev_cinfos_b_title {
	color: #ffffff !important;
	font-family: 'Roboto', sans-serif !important;
	font-size: clamp(1.75rem, 2.3vw, 2.25rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px;
	text-align: center !important;
	margin: 0 0 10px 0 !important;
	line-height: 1.2 !important;
}

.rac_lp_ev_cinfos_b_subtitle {
	color: #e2e8f0 !important;
	font-size: 1.05rem !important;
	line-height: 1.5 !important;
	text-align: center !important;
	margin: 0 auto 20px auto !important;
	max-width: 440px !important;
}

.rac_lp_ev_cinfos_b_divider {
	width: 100% !important;
	height: 1px !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	margin-bottom: 20px !important;
}

.rac_lp_ev_cinfos_b_items {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 0 24px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}

.rac_lp_ev_cinfos_b_items li {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	color: #ffffff !important;
}

.rac_lp_ev_cinfos_b_items li svg,
.rac_lp_ev_cinfos_b_items svg {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
	stroke: #ffffff !important;
	display: inline-block !important;
}

.rac_lp_ev_cinfos_b_items li a {
	min-width: 0;
	overflow-wrap: anywhere;
	color: #38bdf8 !important;
	text-decoration: underline !important;
	transition: color 0.2s ease !important;
}

.rac_lp_ev_cinfos_b_items li a:hover {
	color: #7dd3fc !important;
}

.rac_lp_ev_map_b_wrap {
	width: 100% !important;
	height: 240px !important;
	min-height: 240px !important;
	border-radius: 12px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	flex-grow: 1 !important;
	margin-top: auto !important;
}

.rac_lp_ev_map_b_wrap iframe {
	width: 100% !important;
	height: 100% !important;
	min-height: 240px !important;
	border: 0 !important;
	display: block !important;
}

.rac_lp_ev_cform_b_title {
	color: #ffffff !important;
	font-size: clamp(2rem, 2.8vw, 3rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px;
	text-align: center !important;
	margin: 0 0 12px 0 !important;
}

.rac_lp_ev_cform_b_subtitle {
	color: #e2e8f0 !important;
	font-size: 1.15rem !important;
	line-height: 1.5 !important;
	text-align: center !important;
	max-width: 540px !important;
	margin: 0 auto 28px auto !important;
}

.rac_lp_ev_contact_card_b .ff-cform-wrap input[type="text"],
.rac_lp_ev_contact_card_b .ff-cform-wrap input[type="email"],
.rac_lp_ev_contact_card_b .ff-cform-wrap input[type="tel"],
.rac_lp_ev_contact_card_b .ff-cform-wrap input[type="date"],
.rac_lp_ev_contact_card_b .ff-cform-wrap select,
.rac_lp_ev_contact_card_b input[type="text"],
.rac_lp_ev_contact_card_b input[type="email"],
.rac_lp_ev_contact_card_b input[type="tel"],
.rac_lp_ev_contact_card_b select {
	border-radius: 8px !important;
	height: 48px !important;
	min-height: 48px !important;
	border: 1px solid #e2e8f0 !important;
	font-size: 0.95rem !important;
	background-color: #ffffff !important;
	color: #1e293b !important;
}

.rac_lp_ev_contact_card_b .ff-cform-textarea,
.rac_lp_ev_contact_card_b .ff-cform-wrap textarea,
.rac_lp_ev_contact_card_b textarea {
	border-radius: 8px !important;
	border: 1px solid #e2e8f0 !important;
	font-size: 0.95rem !important;
	min-height: 100px !important;
	background-color: #ffffff !important;
	color: #1e293b !important;
}

.rac_lp_ev_contact_card_b .ff-cform-consent {
	color: #ffffff !important;
	margin: 16px auto 20px !important;
}

.rac_lp_ev_contact_card_b .ff-cform-consent label {
	color: #ffffff !important;
}

.rac_lp_ev_contact_card_b .ff-cform-consent a {
	color: #38bdf8 !important;
	text-decoration: underline !important;
}

.rac_lp_ev_contact_card_b .ff-cform-consent a:hover {
	color: #7dd3fc !important;
}

.rac_lp_ev_contact_card_b .ff-cform-submit,
.rac_lp_ev_contact_card_b input[type="submit"],
.rac_lp_ev_contact_card_b button[type="submit"] {
	text-transform: none !important;
	border-radius: 8px !important;
	padding: 20px 72px !important;
	font-size: 1.4rem !important;
	font-weight: 400 !important;
	background-color: #007bc4 !important;
	background: #007bc4 !important;
	box-shadow: unset !important;
}

.rac_lp_ev_contact_card_b .ff-cform-submit:hover,
.rac_lp_ev_contact_card_b input[type="submit"]:hover,
.rac_lp_ev_contact_card_b button[type="submit"]:hover {
	background-color: #006aa9 !important;
	background: #006aa9 !important;
	transform: translateY(-2px) !important;
	box-shadow: unset !important;
}

@media (max-width: 767px) {
	.rac_lp_ev_contact_card_b {
		padding: 2.5rem 1.5rem !important;
		border-radius: 1.25rem !important;
	}
	.rac_lp_ev_contact_card_b .ff-cform-row {
		grid-template-columns: 1fr !important;
	}
}

/* =============================================================
   7. MOTTÓ SZEKCIÓ (rac_lp_ev_motto)
   ============================================================= */

.rac_lp_ev_motto_section {
	background-color: #007bc4;
	position: relative;
	width: 100%;
	padding: 4.5rem 0;
	color: #ffffff;
	text-align: center;
}

/* Arrow Notch pointing down from top */
.rac_lp_ev_motto_section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 18px solid #000000;
	z-index: 2;
}

.rac_lp_ev_motto_wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.rac_lp_ev_motto_inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.rac_lp_ev_motto_sub {
	font-size: 1.125rem; /* 18px */
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);
	margin: 0 0 0.5rem 0;
}

.rac_lp_ev_motto_main {
	font-size: 2.75rem; /* 44px */
	font-weight: 300;
	letter-spacing: 0.03em;
	color: #ffffff;
	margin: 0 0 1rem 0;
	line-height: 1.2;
}

.rac_lp_ev_motto_desc {
	font-size: 1.125rem; /* 18px */
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);
	margin: 0;
	max-width: 700px;
	line-height: 1.4;
}

/* =============================================================
   RESPONSIVE STYLES (Mobile & Tablet)
   ============================================================= */

@media (max-width: 1200px) {
	.rac_lp_ev_header_title {
		font-size: 3.25rem;
	}
	.rac_lp_ev_range_title {
		font-size: 3.25rem;
	}
	.rac_lp_ev_range_desc {
		font-size: 1.2rem;
	}
}

@media (max-width: 991px) {
	.rac-lp-ev-titlebar-nav {
		margin-top: 3rem;
	}
	.rac_lp_ev_header_section {
		padding-top: unset;
	}
	.rac_lp_ev_header_wrap {
		flex-direction: column-reverse;
		align-items: flex-start;
		min-height: auto;
		padding-bottom: 2rem;
	}
	.rac_lp_ev_header_image_wrap {
		position: relative;
		left: 0;
		width: 100%;
		height: 320px;
	}
	.rac_lp_ev_features_grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 1.5rem;
	}
	.rac_lp_ev_feature_item {
		padding-left: 1rem;
	}
	.rac_lp_ev_feature_divider {
		display: none;
	}
	.rac_lp_ev_range_wrap {
		flex-direction: column;
		padding-bottom: 2rem;
	}
	.rac_lp_ev_range_media_wrap {
		position: relative;
		left: 0;
		top: unset;
		margin-top: clamp(-240px, -15vw, -120px);
		z-index: 1;
		width: 100%;
		height: 340px;
		justify-content: center;
	}
	.rac_lp_ev_range_img {
		min-width: 0;
		width: auto;
		max-width: 100%;
		height: 100%;
		object-fit: contain;
	}
	.rac_lp_ev_cars_body {
		padding-top: 2rem;
	}
	.rac_lp_ev_cars_bg_img {
		height: 100%;
		object-fit: cover; /* aránytartó kitöltés */
		object-position: center top;
	}
	.rac_lp_ev_car_tabs {
		justify-content: center;
		margin-bottom: 4rem;
		padding: 0;
		flex-wrap: wrap;
		overflow: unset;
	}
	.rac_lp_ev_car_tab {
		max-width: unset;
	}
	.rac_lp_ev_car_tab span {
		padding: 0.4rem 0.9rem 0.3rem 0.9rem;
	}
	.rac_lp_ev_card_header_tab {
		top: -0.9rem;
		left: 1rem;
		right: 1rem;
		min-width: 0;
		max-width: none;
		width: auto;
		box-sizing: border-box;
	}
	.rac_lp_ev_card_inner {
		grid-template-columns: 1fr;
	}
	.rac_lp_ev_card_info {
		min-width: 0;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}
	.rac_lp_ev_card_media {
		order: -1;
	}
	.rac_lp_ev_card_price_row {
		font-size: 1.25rem;
	}
	.rac_lp_ev_card_features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.rac_lp_ev_card_specs {
		flex-wrap: wrap;
	}
	.rac_lp_ev_car_card {
		padding: 1rem;
		padding-top: 4rem;
	}
	.rac_lp_ev_card_car_img {
		width: 100%;
		max-width: 700px;
		max-height: 320px;
		height: auto;
		min-height: unset;
		object-fit: contain;
		display: block;
		transform: translateY(-1.75rem) /*scaleX(-1)*/;
		filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.2));
		transition: transform 0.3s ease;
		margin-left: unset;
		margin-right: unset;
		margin-bottom: 1rem;
	}
	.rac_lp_ev_carousel_arrow {
		top: calc(100% + 0.5rem);
		transform: unset;
	}
	.rac_lp_ev_carousel_arrow:hover {
		transform: unset;
	}
	.rac_lp_ev_carousel_arrow svg {
		width: 30px;
		height: 40px;
	}
	.rac_lp_ev_carousel_dots {
		top: calc(100% + 1.75rem);
	}
	.rac_lp_ev_substitute_wrap {
		flex-direction: column;
		min-height: auto;
	}
	.rac_lp_ev_sub_container {
		flex-direction: column-reverse;
		text-align: center;
	}
	.rac_lp_ev_sub_bg_layer {
		position: relative;
		left: 0;
		width: 100%;
		height: 300px;
	}
	.rac_lp_ev_sub_gradient_overlay {
		width: 100%;
		height: 100px;
		background: linear-gradient(180deg, #0b111d 0%, rgba(11, 17, 29, 0) 100%);
	}
	.rac_lp_ev_sub_badge {
		position: static;
		transform: none;
		margin: -6rem auto 2rem auto;
	}
	.rac_lp_ev_sub_desc {
		max-width: unset;
	}
	/* minmax(0, ...): a sima 1fr a tartalom min-szélességére nyúlik (térkép, hosszú e-mail) és kilóg a képből */
	.rac_lp_ev_contact_grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
	.rac_lp_ev_contact_card {
		padding: 2.5rem 1.75rem;
	}
	.rac_lp_ev_arrow_prev {
		left: 5px;
	}
	.rac_lp_ev_arrow_next {
		right: 5px;
	}
}

@media (max-width: 640px) {
	.rac_lp_ev_header_title {
		font-size: 2.25rem;
	}
	.rac_lp_ev_range_title {
		font-size: 2.25rem;
	}
	.rac_lp_ev_range_desc {
		font-size: 1.1rem;
	}
	.rac_lp_ev_features_grid {
		grid-template-columns: 1fr !important;
	}
	.rac_lp_ev_cars_banner_title {
		font-size: 2.2rem;
	}
	.rac_lp_ev_card_header_tab {
		font-size: 1.35rem;
		top: -0.9rem;
	}
	.rac_lp_ev_card_price_val {
		font-size: 2rem;
	}
	.rac_lp_ev_card_features {
		grid-template-columns: 1fr;
	}
	.rac_lp_ev_sub_title {
		font-size: 2rem;
	}
	.rac_lp_ev_motto_main {
		font-size: 1.75rem;
	}
	.rac_lp_ev_contact_form .ff-cform-row {
		grid-template-columns: 1fr !important;
	}
}

/* =============================================================
   ANCHOR JUMP TARGETS & SCROLL MARGINS
   ============================================================= */
#kapcsolat,
#kapcsolata,
#kapcsolatb,
#ajanlat,
#ajanlata,
#ajanlatb,
#ajanlat-b,
.rac_lp_ev_contact_section,
.rac_lp_anchor_target {
	scroll-margin-top: 100px;
}

.rac_lp_anchor_target {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}