@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 SKODA - BASE & PAGE WRAPPER RESETS
   ============================================================= */

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

.ff-skoda-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-skoda-landing-page #content.page-section {
	padding: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

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

/* Base Container: 1160px column width */
.rac_lp_skoda_container {
	max-width: 1160px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

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

/* =============================================================
   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;
}

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

.rac_lp_skoda_header_section {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #101622;
}

.rac_lp_skoda_header_wrap {
	position: relative;
	width: 100%;
	min-height: 600px;
	aspect-ratio: 1920 / 1101;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* explicit stretch: WordPress's global .is-layout-flex rule forces align-items:center otherwise */
	align-items: stretch;
}

/* Layer 1: Background Image & Bottom Gradient */
.rac_lp_skoda_header_bg_layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

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

.rac_lp_skoda_header_bg_layer::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	pointer-events: none;
}

/* Layer 2 & 4: ŠKODA Outline Főcím és SUPERB Alcím wrap */
.rac_lp_skoda_header_main_title_wrap {
	position: absolute;
	top: 14%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 92%;
	margin: 0;
	padding: 0;
	pointer-events: none;
	user-select: none;
}

.rac_lp_skoda_header_wrap > div.rac_lp_skoda_header_main_title_wrap {
	z-index: 2;
}

.rac_lp_skoda_header_wrap > div.rac_lp_skoda_header_main_title_wrap .rac_lp_skoda_main_title {

	visibility: visible;
}

.rac_lp_skoda_header_wrap > div.rac_lp_skoda_header_main_title_wrap .rac_lp_skoda_subtitle {
	visibility: hidden;
}

.rac_lp_skoda_header_wrap > h1.rac_lp_skoda_header_main_title_wrap {
	z-index: 4;
}

.rac_lp_skoda_header_wrap > h1.rac_lp_skoda_header_main_title_wrap .rac_lp_skoda_main_title {
	visibility: hidden;
}

.rac_lp_skoda_header_wrap > h1.rac_lp_skoda_header_main_title_wrap .rac_lp_skoda_subtitle {
	visibility: visible;
	pointer-events: auto;
}

.rac_lp_skoda_main_title {
	display: block;
	font-family: sans-serif;
	font-size: clamp(5rem, 19vw, 34.75rem);
	font-weight: 800;
	text-transform: uppercase;
	line-height: 0.85;
	letter-spacing: 0.04em;
	color: rgba(0, 0, 0, 0.5);
	-webkit-text-stroke: clamp(0.1px,0.7px,1px) rgba(255, 255, 255, 0.9);
	text-stroke: clamp(0.1px,0.7px,1px) rgba(255, 255, 255, 0.9);
	margin: 0;
	padding: 0;
	transform: scaleY(1.2);
}

.rac_lp_skoda_subtitle {
	display: block;
	font-family: 'Roboto', 'Outfit', sans-serif;
	font-size: clamp(2.5rem, 7.5vw, 9.625rem); /* 154px */
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	margin: 3% 0 0 1%;
	padding: 0;
	line-height: 0.95;
	letter-spacing: 0.01em;
	text-align: left;
	align-self: flex-start;
	/* text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6); */
}
/* „bérlés cégeknek” – kisebb sor a SUPERB alatt. Blokk elemként a saját (kisebb) sormagasságát kapja,
   így közelebb kerül a SUPERB-höz, mintha a nagy betűméret sormagasságát örökölné. */
.rac_lp_skoda_subtitle > span {
	display: block;
	font-size: 41%;
	line-height: 1;
}

/* Layer 3: Foreground Image (Front car & cutout) */
.rac_lp_skoda_header_front_layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	pointer-events: none;
}

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

/* Layer 5: Bottom Slogan Content Layer */
.rac_lp_skoda_header_content_layer {
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 100%;
	z-index: 5;
	pointer-events: auto;
}

.rac_lp_skoda_header_container {
	position: relative;
	width: 100%;
}

.rac_lp_skoda_header_text {
	text-align: center;
	margin-top: auto;
}

.rac_lp_skoda_header_line1,
.rac_lp_skoda_header_line2,
.rac_lp_skoda_header_line3 {
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1.4rem, 2.7vw, 3.25rem); /* 52px */
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	letter-spacing: 0.01em;
	text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7);
}

.rac_lp_skoda_header_line1,
.rac_lp_skoda_header_line2 {
	color: #ffffff;
}

.rac_lp_skoda_header_line3 {
	color: #007bc4;
}

/* =============================================================
   2. SZOLGÁLTATÁS JELLEMZŐI SZEKCIÓ (rac_lp_skoda_features)
   ============================================================= */

.rac_lp_skoda_features_section {
	background-color: #111111;
	padding: 35px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.rac_lp_skoda_features_grid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.rac_lp_skoda_feature_item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	flex: 1;
	padding: 0 10px;
	flex-wrap: nowrap;
}

.rac_lp_skoda_feature_icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 2px;
}

.rac_lp_skoda_feature_icon img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	filter: brightness(0) invert(1); /* Pure white */
}

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

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

.rac_lp_skoda_feature_desc {
	font-size: 0.8125rem; /* 13px */
	color: #ffffff;
	font-weight: 400;
	line-height: 1.35;
	margin: 0;
	padding: 0;
}

.rac_lp_skoda_feature_divider {
	width: 1px;
	height: 80px;
	background-color: #ffffff;
	flex-shrink: 0;
}

/* =============================================================
   3. ŠKODA SUPERB ISMERTETÉSE SZEKCIÓ (rac_lp_skoda_content)
   ============================================================= */

.rac_lp_skoda_content_section {
	background: #000000 url('../images/rac_lp_skoda-content-bg.webp') no-repeat top center;
	background-size: 100% auto;
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
}

/* Top Headline & Lead Text */
.rac_lp_skoda_content_top {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
	margin-bottom: 240px;
}

.rac_lp_skoda_content_title_col {
	width: 100%;
	text-align: center;
}

.rac_lp_skoda_content_heading {
	font-family: 'Roboto', 'Outfit', sans-serif;
	font-size: clamp(2rem, 3.95vw, 4.75rem); /* 76px */
	font-weight: 900;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 1.1;
	margin: 0 auto;
	padding: 0;
	letter-spacing: -0.01em;
	text-align: center;
	text-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}

.rac_lp_skoda_content_text_col {
	width: 100%;
	display: grid;
	/* !important: see .rac_lp_skoda_contact_grid comment above */
	grid-template-columns: 1fr 1fr !important;
	gap: 40px;
	margin: 10px 0 0 0;
	box-sizing: border-box;
}

.rac_lp_skoda_content_lead {
	grid-column: 2;
	font-size: clamp(1.125rem, 1.45vw, 1.75rem); /* 28px */
	font-weight: 400;
	color: #ffffff;
	line-height: 1.45;
	margin: 0;
	padding: 0;
	text-align: center;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

/* Highlights Row (Green Checkmarks) */
.rac_lp_skoda_highlights_row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 36px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.rac_lp_skoda_highlight_item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.rac_lp_skoda_check_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.rac_lp_skoda_check_icon img,
.rac_lp_skoda_check_img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	display: block;
}

.rac_lp_skoda_highlight_text {
	font-size: 1.25rem; /* 20px */
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.01em;
}

/* Blue Price Banner Pill */
.rac_lp_skoda_price_banner_wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.rac_lp_skoda_price_banner {
	display: inline-block;
	background: #007bc4;
	color: #ffffff;
	font-family: 'Roboto', 'Outfit', sans-serif;
	font-size: clamp(1.5rem, 2.6vw, 3.125rem); /* 50px */
	font-weight: 900;
	text-transform: uppercase;
	padding: 12px 50px;
	border-radius: 1.5rem;
	letter-spacing: 0.02em;
	box-shadow: 0 10px 30px rgba(0, 123, 196, 0.45);
	text-align: center;
}

/* Car Card Box */
.rac_lp_skoda_car_card_wrap {
	position: relative;
	max-width: 1160px;
	margin: 0 auto;
}

.rac_lp_skoda_car_card {
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
	display: grid;
	/* !important: see .rac_lp_skoda_contact_grid comment above */
	grid-template-columns: 1.15fr 1fr !important;
	gap: 28px;
	padding: 36px 40px 48px 40px;
	box-sizing: border-box;
}

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

.rac_lp_skoda_card_tag {
	display: inline-block;
	align-self: flex-start;
	background-color: #007bc4;
	color: #ffffff;
	font-size: 0.75rem; /* 12px */
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 4px 10px;
	border-radius: 4px;
	margin-bottom: 12px;
}

.rac_lp_skoda_card_title {
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1.35rem, 1.72vw, 2.0625rem); /* 33px */
	font-weight: 800;
	color: #111827;
	margin: 0 0 18px 0;
	line-height: 1.2;
}

.rac_lp_skoda_plan_tabs {
	display: inline-flex;
	background: #f1f5f9;
	padding: 4px;
	border-radius: 8px;
	align-self: flex-start;
	gap: 4px;
	margin-bottom: 10px;
}

.rac_lp_skoda_plan_tab {
	border: none;
	outline: none;
	background: transparent;
	color: #64748b;
	font-family: 'Roboto', sans-serif;
	font-size: 0.8125rem; /* 13px */
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.rac_lp_skoda_plan_tab.active {
	background: #007bc4;
	color: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 123, 196, 0.3);
}

.rac_lp_skoda_card_price_row {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}

.rac_lp_skoda_card_price_prefix {
	font-size: 1rem;
	font-weight: 700;
	color: #1f2937;
}

.rac_lp_skoda_card_old_price {
	font-size: 1.125rem;
	font-weight: 700;
	color: #007bc4;
	text-decoration: line-through;
}

.rac_lp_skoda_card_strike_label {
	font-size: 0.875rem;
	font-weight: 700;
	color: #6b7280;
	text-transform: uppercase;
}

.rac_lp_skoda_card_main_price {
	font-size: 2rem;
	font-weight: 800;
	color: #007bc4;
	line-height: 1;
}

.rac_lp_skoda_card_price_suffix {
	font-size: 1rem;
	font-weight: 700;
	color: #1f2937;
}

/* 2 Columns Feature Checklist */
.rac_lp_skoda_card_features_grid {
	display: grid;
	/* !important: see .rac_lp_skoda_contact_grid comment above */
	grid-template-columns: max-content max-content !important;
	gap: 5px 24px;
	margin-bottom: 24px;
}

.rac_lp_skoda_card_feature_item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.875rem; /* 14px */
	font-weight: 500;
	color: #374151;
}

.rac_lp_skoda_card_feature_item svg,
.rac_lp_skoda_card_feature_item img,
.rac_lp_skoda_card_feature_icon {
	width: 14px;
	height: 14px;
	min-width: 14px;
	min-height: 14px;
	object-fit: contain;
	fill: #007bc4;
	display: block;
	flex-shrink: 0;
}

/* Spec Pills Row */
.rac_lp_skoda_card_spec_pills {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: auto;
}

.rac_lp_skoda_spec_pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #f3f4f6;
	padding: 6px 12px;
	border-radius: 6px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #374151;
}

.rac_lp_skoda_spec_pill img {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

/* Right Media (Car Photo) */
.rac_lp_skoda_card_media {
	background: #f8fafc;
	border-radius: 12px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rac_lp_skoda_car_photo {
	max-width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
	transition: transform 0.3s ease;
}

.rac_lp_skoda_car_card:hover .rac_lp_skoda_car_photo {
	transform: scale(1.02);
}

/* Overlapping CTA Button */
.rac_lp_skoda_cta_btn_wrap {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: -24px;
	z-index: 10;
}

.rac_lp_skoda_cta_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #007bc4;
	color: #ffffff !important;
	font-family: 'Roboto', sans-serif;
	font-size: 1.125rem; /* 18px */
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 14px 48px;
	border-radius: 8px;
	text-decoration: none !important;
	box-shadow: 0 8px 24px rgba(0, 123, 196, 0.45);
	transition: all 0.25s ease;
	cursor: pointer;
}

.rac_lp_skoda_cta_btn:hover {
	background-color: #0069a8;
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(0, 123, 196, 0.6);
	color: #ffffff !important;
}

/* =============================================================
   4. KAPCSOLAT SZEKCIÓ (rac_lp_skoda_contact)
   ============================================================= */

.rac_lp_skoda_contact_section {
	background: url('../images/rac_lp_skoda-contact-bg.webp') no-repeat center center;
	background-size: cover;
	padding: 80px 0 100px 0;
	position: relative;
}

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

.rac_lp_skoda_contact_section_b {
	display: block;
}

.rac_lp_skoda_contact_grid {
	display: grid;
	/* !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 1.3fr !important;
	gap: 32px;
	align-items: stretch;
}

.rac_lp_skoda_contact_card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 36px 36px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/* explicit stretch: WordPress's global .is-layout-flex rule forces align-items:center otherwise */
	align-items: stretch;
}

.rac_lp_skoda_cinfos_title,
.rac_lp_skoda_cform_title {
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1.75rem, 2.3vw, 2.25rem); /* 28px - 36px */
	font-weight: 800;
	color: #007bc4;
	margin: 0 0 10px 0;
	line-height: 1.2;
	text-align: center;
}

.rac_lp_skoda_cform_title {
	text-transform: uppercase;
}

.rac_lp_skoda_cinfos_subtitle,
.rac_lp_skoda_cform_subtitle {
	font-size: clamp(1rem, 1.2vw, 1.125rem); /* 16px - 18px */
	color: #475569;
	line-height: 1.5;
	margin: 0 0 24px 0;
	text-align: center;
}

.rac_lp_skoda_cinfos_divider {
	width: 100%;
	height: 1px;
	background-color: #e2e8f0;
	margin-bottom: 20px;
}

.rac_lp_skoda_cinfos_items {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

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

.rac_lp_skoda_cinfos_items li svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	stroke: #1e293b;
}

.rac_lp_skoda_cinfos_items li a {
	color: #007bc4 !important;
	text-decoration: underline !important;
	transition: color 0.2s;
}

.rac_lp_skoda_cinfos_items li a:hover {
	color: #005a91 !important;
}

.rac_lp_skoda_map_wrap {
	width: 100%;
	height: 220px;
	min-height: 220px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
	flex-grow: 1;
	margin-top: auto;
}

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

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

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

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

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

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

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

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

.rac_lp_skoda_contact_form .ff-cform-field,
.rac_lp_skoda_contact_form .ff-cform-wrap input[type="text"],
.rac_lp_skoda_contact_form .ff-cform-wrap input[type="email"],
.rac_lp_skoda_contact_form .ff-cform-wrap input[type="tel"],
.rac_lp_skoda_contact_form .ff-cform-wrap input[type="date"],
.rac_lp_skoda_contact_form .ff-cform-wrap select,
.rac_lp_skoda_contact_form input[type="text"],
.rac_lp_skoda_contact_form input[type="email"],
.rac_lp_skoda_contact_form input[type="tel"],
.rac_lp_skoda_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_skoda_contact_form .simpleselect {
	display: none !important;
}

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

.rac_lp_skoda_contact_form select.ff-cform-field,
.rac_lp_skoda_contact_form .ff-cform-wrap select,
.rac_lp_skoda_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_skoda_contact_form .ff-cform-field:focus,
.rac_lp_skoda_contact_form .ff-cform-wrap input:focus,
.rac_lp_skoda_contact_form .ff-cform-wrap select:focus,
.rac_lp_skoda_contact_form input:focus,
.rac_lp_skoda_contact_form select:focus {
	border-color: #007bc4 !important;
	box-shadow: 0 0 0 3px rgba(0, 123, 196, 0.15) !important;
}

.rac_lp_skoda_contact_form .ff-cform-textarea,
.rac_lp_skoda_contact_form .ff-cform-wrap textarea,
.rac_lp_skoda_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_skoda_contact_form .ff-cform-textarea:focus,
.rac_lp_skoda_contact_form .ff-cform-wrap textarea:focus,
.rac_lp_skoda_contact_form textarea:focus {
	border-color: #007bc4 !important;
	box-shadow: 0 0 0 3px rgba(0, 123, 196, 0.15) !important;
}

.rac_lp_skoda_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: 1rem !important;
	color: #475569 !important;
	margin: 8px auto 16px !important;
}

.rac_lp_skoda_contact_form .ff-cform-consent .wpcf7-form-control-wrap,
.rac_lp_skoda_contact_form .ff-cform-consent .wpcf7-acceptance,
.rac_lp_skoda_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_skoda_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_skoda_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_skoda_contact_form .ff-cform-consent a {
	color: #007bc4 !important;
	text-decoration: underline !important;
}

.rac_lp_skoda_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_skoda_contact_form .ff-cform-submit,
.rac_lp_skoda_contact_form input[type="submit"],
.rac_lp_skoda_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_skoda_contact_form .ff-cform-submit-wrap .wpcf7-spinner {
	position: absolute !important;
	margin: 0 !important;
	right: 15px !important;
}

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

.rac_lp_skoda_contact_form .ff-cform-submit:disabled,
.rac_lp_skoda_contact_form .ff-cform-submit[disabled],
.rac_lp_skoda_contact_form input[type="submit"]:disabled,
.rac_lp_skoda_contact_form input[type="submit"][disabled],
.rac_lp_skoda_contact_form button[type="submit"]:disabled,
.rac_lp_skoda_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_skoda_contact_form .ff-cform-submit:disabled:hover,
.rac_lp_skoda_contact_form .ff-cform-submit[disabled]:hover,
.rac_lp_skoda_contact_form input[type="submit"]:disabled:hover,
.rac_lp_skoda_contact_form input[type="submit"][disabled]:hover,
.rac_lp_skoda_contact_form button[type="submit"]:disabled:hover,
.rac_lp_skoda_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;
}

/* =============================================================
   4/B. KAPCSOLAT SZEKCIÓ B VÁLTOZAT (rac_lp_skoda_contact_section_b)
   ============================================================= */

.rac_lp_skoda_contact_section_b {
	background: url('../images/rac_lp_skoda-contact-bg.webp') no-repeat center center;
	background-size: cover;
	padding: 80px 0 100px 0;
	position: relative;
}

.rac_lp_skoda_contact_b_wrap {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
}

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

.rac_lp_skoda_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_skoda_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_skoda_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_skoda_cinfos_b_divider {
	width: 100% !important;
	height: 1px !important;
	background-color: rgba(255, 255, 255, 0.25) !important;
	margin-bottom: 20px !important;
}

.rac_lp_skoda_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_skoda_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_skoda_cinfos_b_items li svg,
.rac_lp_skoda_cinfos_b_items svg {
	width: 18px !important;
	height: 18px !important;
	flex-shrink: 0 !important;
	stroke: #ffffff !important;
	display: inline-block !important;
}

.rac_lp_skoda_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_skoda_cinfos_b_items li a:hover {
	color: #7dd3fc !important;
}

.rac_lp_skoda_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_skoda_map_b_wrap iframe {
	width: 100% !important;
	height: 100% !important;
	min-height: 240px !important;
	border: 0 !important;
	display: block !important;
}

.rac_lp_skoda_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_skoda_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_skoda_contact_card_b .ff-cform-wrap input[type="text"],
.rac_lp_skoda_contact_card_b .ff-cform-wrap input[type="email"],
.rac_lp_skoda_contact_card_b .ff-cform-wrap input[type="tel"],
.rac_lp_skoda_contact_card_b .ff-cform-wrap input[type="date"],
.rac_lp_skoda_contact_card_b .ff-cform-wrap select,
.rac_lp_skoda_contact_card_b input[type="text"],
.rac_lp_skoda_contact_card_b input[type="email"],
.rac_lp_skoda_contact_card_b input[type="tel"],
.rac_lp_skoda_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_skoda_contact_card_b .ff-cform-textarea,
.rac_lp_skoda_contact_card_b .ff-cform-wrap textarea,
.rac_lp_skoda_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_skoda_contact_card_b .ff-cform-consent {
	color: #ffffff !important;
	margin: 16px auto 20px !important;
}

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

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

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

.rac_lp_skoda_contact_card_b .ff-cform-submit,
.rac_lp_skoda_contact_card_b input[type="submit"],
.rac_lp_skoda_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_skoda_contact_card_b .ff-cform-submit:hover,
.rac_lp_skoda_contact_card_b input[type="submit"]:hover,
.rac_lp_skoda_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_skoda_contact_card_b {
		padding: 2.5rem 1.5rem !important;
		border-radius: 1.25rem !important;
	}
	.rac_lp_skoda_contact_card_b .ff-cform-row {
		grid-template-columns: 1fr !important;
	}
}

/* =============================================================
   5. MOTTÓ SZEKCIÓ (rac_lp_skoda_motto)
   ============================================================= */

.rac_lp_skoda_motto_section {
	background-color: #007bc4;
	position: relative;
	padding: 60px 20px;
	text-align: center;
	color: #ffffff;
}

/* Triangle Notch at top center */
.rac_lp_skoda_motto_section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 14px solid #000000;
}

.rac_lp_skoda_motto_inner {
	max-width: 900px;
	margin: 0 auto;
}

.rac_lp_skoda_motto_sub {
	font-size: 0.9375rem;
	font-weight: 400;
	margin: 0 0 12px 0;
	opacity: 0.9;
}

.rac_lp_skoda_motto_main {
	font-family: 'Roboto', sans-serif;
	font-size: clamp(1.5rem, 2.8vw, 2.75rem);
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 16px 0;
	color: #ffffff;
}

.rac_lp_skoda_motto_desc {
	font-size: 0.9375rem;
	font-weight: 400;
	margin: 0;
	opacity: 0.9;
	line-height: 1.5;
}

/* =============================================================
   RESPONSIVE DESIGN & MEDIA QUERIES
   ============================================================= */

@media (max-width: 1024px) {
	.rac_lp_skoda_features_grid {
		flex-wrap: wrap;
		gap: 20px 10px;
	}

	.rac_lp_skoda_feature_item {
		flex: 1 1 calc(50% - 20px);
	}

	.rac_lp_skoda_feature_divider:nth-of-type(2) {
		display: none;
	}

	.rac_lp_skoda_content_top {
		gap: 20px;
		margin-bottom: 180px;
	}

	.rac_lp_skoda_car_card {
		grid-template-columns: 1fr !important;
	}

	.rac_lp_skoda_card_media {
		order: -1;
	}

	/* 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_skoda_contact_grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 768px) {
	.rac_lp_skoda_header_wrap {
		aspect-ratio: auto;
		min-height: 520px;
		padding-top: 20px;
	}

	.rac_lp_skoda_header_bg_layer::after {
		height: 50%;
	}

	.rac_lp_skoda_main_title {
		-webkit-text-stroke: clamp(0.1px, 0.3px, 1px) rgba(255, 255, 255, 0.9);
		text-stroke: clamp(0.1px, 0.3px, 1px) rgba(255, 255, 255, 0.9);
	}

	.rac_lp_skoda_header_content_layer {
		padding-top: 140px;
		padding-bottom: 0;
	}

	.rac_lp_skoda_features_grid {
		flex-direction: column;
		align-items: stretch;
	}

	.rac_lp_skoda_feature_item {
		flex: 1 1 100%;
	}

	.rac_lp_skoda_feature_divider {
		display: none;
	}

	.rac_lp_skoda_content_heading {
		padding: 7rem 0 0 0;
	}

	.rac_lp_skoda_content_top {
		margin-bottom: 2rem;
	}

	.rac_lp_skoda_content_text_col {
		grid-template-columns: 1fr !important;
	}

	.rac_lp_skoda_content_lead {
		grid-column: 1;
		text-align: center;
	}

	.rac_lp_skoda_highlights_row {
		flex-direction: column;
		gap: 12px;
		margin-bottom: 2rem;
	}

	.rac_lp_skoda_card_media {
		order: -1;
	}

	.rac_lp_skoda_card_features_grid {
		grid-template-columns: 1fr !important;
	}

	.rac_lp_skoda_car_card {
		padding: 24px 20px 36px 20px;
	}

	.rac_lp_skoda_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_skoda_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;
}