/**
 * Site pages design language — đồng nhất trang chủ (light shell + brand).
 * Covers listing / single / utility pages. Home has home-origin-force.php.
 *
 * Order (menu-like): about → products → services → news → dealers → recruit → contact
 * + compare / installment / content + CPT singles + archives.
 */

:root {
	--fc-page-radius: 1rem;
	--fc-page-radius-sm: 0.75rem;
	--fc-page-card-border: #dfe7e2;
	--fc-page-card-shadow: 0 12px 32px rgba(16, 26, 21, 0.07);
	--fc-page-card-shadow-hover: 0 20px 44px rgba(20, 193, 49, 0.12);
	--fc-page-ink: var(--fc-shell-text, #1a2420);
	--fc-page-muted: var(--fc-shell-muted, #5c6b63);
	--fc-page-section-y: clamp(3rem, 3.6vw, 3.75rem);
	--fc-page-heading-top: clamp(2rem, 2.8vw, 2.45rem);
	--fc-page-heading-gap: clamp(1.1rem, 1.7vw, 1.5rem);
}

/* ═══════════════════════════════════════════
   GLOBAL INNER SHELL
   ═══════════════════════════════════════════ */
body:not(.home):not(.page-template-home):not(.page-template-templateshome-php),
body:not(.home):not(.page-template-home) #wrapper,
body:not(.home):not(.page-template-home) #main {
	background-color: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}

/* Breadcrumbs strip — dealers/banner style (sage, soft gray path) */
body:not(.home) .breadcrumbs,
body:not(.home) section.breadcrumbs,
body:not(.home) .product_single_breadcrumbs,
body:not(.home) .services_breadcrumbs,
body:not(.home) .contact_breadcrumbs,
body:not(.home) .service_single_breadcrumbs,
body:not(.home) .page_banner_breadcrumbs {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative;
	z-index: 5;
	background: var(--fc-shell, #f2f5f3) !important;
	border-bottom: 0 !important;
	overflow: visible !important;
}
body:not(.home) .breadcrumbs a,
body:not(.home) .breadcrumb a,
body:not(.home) .breadcrumbs cite,
body:not(.home) .breadcrumb cite,
body:not(.home) .service_single_breadcrumbs cite,
body:not(.home) .page_banner_breadcrumbs cite {
	color: #8a968f !important;
	-webkit-text-fill-color: #8a968f !important;
	opacity: 1 !important;
	font-style: normal !important;
	font-size: 0.8125rem !important;
	font-weight: 400 !important;
}
body:not(.home) .breadcrumbs .title_single cite,
body:not(.home) .breadcrumb .title_single cite,
body:not(.home) .service_single_breadcrumbs .title_single cite,
body:not(.home) .page_banner_breadcrumbs .title_single cite {
	color: #5c6b63 !important;
	-webkit-text-fill-color: #5c6b63 !important;
	font-weight: 500 !important;
}
body:not(.home) .breadcrumbs .divider,
body:not(.home) .breadcrumb .divider,
body:not(.home) .service_single_breadcrumbs .divider,
body:not(.home) .page_banner_breadcrumbs .divider {
	color: #b0bab4 !important;
	-webkit-text-fill-color: #b0bab4 !important;
	opacity: 1 !important;
	margin: 0 0.5rem !important;
}
body:not(.home) .breadcrumbs a:hover,
body:not(.home) .breadcrumb a:hover,
body:not(.home) .breadcrumbs a:hover cite,
body:not(.home) .breadcrumb a:hover cite {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body:not(.home) .breadcrumbs .breadcrumb ul,
body:not(.home) .service_single_breadcrumbs .breadcrumb ul,
body:not(.home) .page_banner_breadcrumbs .breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 1rem 0;
}

/* Section / page titles on inner pages — brand primary (all shells) */
body:not(.home) .heading_group .sec_title,
body:not(.home) h1.sec_title,
body:not(.home) h2.sec_title,
body:not(.home) .sec_title_2,
body:not(.home) .font_secondary.sec_title_2,
body:not(.home) .contact_form_col .sec_title_2,
body:not(.home) .fc-article-title,
body:not(.home) .fc-news-banner-title,
body:not(.home) .fc-part-section-title,
body:not(.home) .fc-parts-hero h1,
body:not(.home) .fc-pd-hero-panel h1,
body:not(.home) .product_details_1 h1,
body:not(.home) .product_details_1 .product_name,
body:not(.home) .service_details_1 h1,
body:not(.home) .service_details_1 .sec_title,
body:not(.home) .single-service .sec_title,
body:not(.home) .post_header h1,
body:not(.home) .entry-title,
body:not(.home) article h1.entry-title,
body:not(.home) .fc-part-hero h1,
body:not(.home) .fc-part-title,
body:not(.home) .fc-pd-name,
body:not(.home) .fc-pd-hero h1 {
	position: relative;
	z-index: 2;
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
/* Keep watermark / bg word soft (not full brand) */
body:not(.home) .heading_group .title_background {
	color: inherit;
	-webkit-text-fill-color: currentColor;
	opacity: 0.07;
}

/* Shared card surface */
body:not(.home) .fc-post-card,
body:not(.home) .fc-part-card,
body:not(.home) .post_item,
body:not(.home) .product_item .product_item_inner,
body:not(.home) .service_item,
body:not(.home) .store_item,
body:not(.home) .fc-career-stat,
body:not(.home) .booking_form,
body:not(.home) .contact_form_col,
body:not(.home) .fc-compare-slot,
body:not(.home) .popup_form .form_inner {
	border-radius: var(--fc-page-radius);
}

/* Page banner heroes under fixed header */
body:not(.home) .banner_section .img_wrap,
body:not(.home) section.banner_section {
	overflow: hidden;
	line-height: 0;
}
body:not(.home) .banner_section .img_wrap img {
	width: 100%;
	height: auto;
	max-height: min(42rem, 72vh);
	object-fit: cover;
	display: block;
}

/* ═══════════════════════════════════════════
   1) GIỚI THIỆU (about)
   ═══════════════════════════════════════════ */
body.page-template-templatesabout-php,
body.page-template-about,
body.page-template-templatesabout-php #main,
body.page-template-about #main {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-templatesabout-php section.about_1,
body.page-template-about section.about_1,
body.page-template-templatesabout-php section.about_2,
body.page-template-about section.about_2,
body.page-template-templatesabout-php section.about_3,
body.page-template-about section.about_3,
body.page-template-templatesabout-php .why_choose_sec,
body.page-template-about .why_choose_sec {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-templatesabout-php .fc-about-card,
body.page-template-about .fc-about-card,
body.page-template-templatesabout-php .fc-about2-copy,
body.page-template-about .fc-about2-copy {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
}
body.page-template-templatesabout-php .post_content,
body.page-template-about .post_content,
body.page-template-templatesabout-php .post_content p,
body.page-template-about .post_content p {
	color: var(--fc-page-muted) !important;
	-webkit-text-fill-color: var(--fc-page-muted) !important;
}

/* ═══════════════════════════════════════════
   2) SẢN PHẨM listing
   ═══════════════════════════════════════════ */
body.fc-products-listing,
body.page-template-templatesproducts-php,
body.page-template-products,
body.tax-loai_xe,
body.archive-product_xe {
	background: var(--fc-shell, #f2f5f3) !important;
}
body.fc-products-listing .products_page,
body.page-template-templatesproducts-php .products_page,
body.tax-loai_xe .products_page {
	background: transparent !important;
	color: var(--fc-page-ink) !important;
}
body.fc-products-listing .product_item .product_item_inner,
body.page-template-templatesproducts-php .product_item .product_item_inner {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	overflow: hidden;
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
@media (hover: hover) and (pointer: fine) {
	body.fc-products-listing .product_item:hover .product_item_inner,
	body.page-template-templatesproducts-php .product_item:hover .product_item_inner {
		transform: translateY(-3px);
		border-color: rgba(20, 193, 49, 0.3) !important;
		box-shadow: var(--fc-page-card-shadow-hover) !important;
	}
}
body.fc-products-listing .wrap_filter_product,
body.page-template-templatesproducts-php .wrap_filter_product {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
}

/* ═══════════════════════════════════════════
   3) DỊCH VỤ listing (services_page)
   ═══════════════════════════════════════════ */
body.page-template-services,
body.page-template-templatesservices-php {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-services section.services_page,
body.page-template-templatesservices-php section.services_page {
	background: linear-gradient(180deg, #f3f8f4 0%, #fafcfb 40%, #fff 100%) !important;
	padding: var(--fc-page-section-y) 0 calc(var(--fc-page-section-y) + 0.25rem) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-services .services_page .grid_box,
body.page-template-templatesservices-php .services_page .grid_box,
body.page-template-services #services_list,
body.page-template-templatesservices-php #services_list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.15rem !important;
}
body.page-template-services .services_page .service_item,
body.page-template-templatesservices-php .services_page .service_item {
	position: relative !important;
	border-radius: var(--fc-page-radius) !important;
	overflow: hidden !important;
	border: 1px solid var(--fc-page-card-border) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	background: #fff !important;
	min-height: 18rem !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
body.page-template-services .services_page .service_item .img_wrap,
body.page-template-templatesservices-php .services_page .service_item .img_wrap {
	position: absolute !important;
	inset: 0 !important;
	height: 100% !important;
}
body.page-template-services .services_page .service_item .img_wrap img,
body.page-template-templatesservices-php .services_page .service_item .img_wrap img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
body.page-template-services .services_page .service_item .fc-svc-img-empty,
body.page-template-templatesservices-php .services_page .service_item .fc-svc-img-empty {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: linear-gradient(145deg, #edf5ef, #dfeae3);
	color: var(--primary-color, #14c131);
	opacity: 0.55;
}
body.page-template-services .services_page .service_item .fc-svc-img-empty svg {
	width: 2.5rem !important;
	height: 2.5rem !important;
}
body.page-template-services .services_breadcrumbs .breadcrumb ul,
body.page-template-templatesservices-php .services_breadcrumbs .breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 1rem 0;
}
body.page-template-services .services_breadcrumbs .divider,
body.page-template-templatesservices-php .services_breadcrumbs .divider {
	list-style: none;
	color: #b0bab4 !important;
	margin: 0 0.5rem !important;
	opacity: 1;
}
body.page-template-services .services_breadcrumbs cite,
body.page-template-templatesservices-php .services_breadcrumbs cite {
	color: #8a968f !important;
	-webkit-text-fill-color: #8a968f !important;
	font-size: 0.8125rem !important;
	font-style: normal !important;
}
body.page-template-services .services_breadcrumbs .title_single cite,
body.page-template-templatesservices-php .services_breadcrumbs .title_single cite {
	color: #5c6b63 !important;
	-webkit-text-fill-color: #5c6b63 !important;
	font-weight: 500 !important;
}
body.page-template-services .services_page .service_item .img_wrap::after,
body.page-template-templatesservices-php .services_page .service_item .img_wrap::after {
	content: "" !important;
	position: absolute !important;
	inset: auto 0 0 0 !important;
	height: 70% !important;
	z-index: 1 !important;
	background: linear-gradient(180deg, rgba(12, 22, 16, 0) 0%, rgba(12, 22, 16, 0.55) 48%, rgba(10, 18, 14, 0.88) 100%) !important;
	opacity: 1 !important;
	pointer-events: none !important;
}
body.page-template-services .services_page .service_item .img_wrap::before,
body.page-template-templatesservices-php .services_page .service_item .img_wrap::before {
	content: "" !important;
	position: absolute !important;
	inset: auto 0 0 0 !important;
	height: 70% !important;
	z-index: 2 !important;
	background: linear-gradient(180deg, rgba(20, 193, 49, 0) 0%, rgba(14, 154, 39, 0.45) 42%, rgba(10, 143, 34, 0.82) 100%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.35s ease !important;
}
body.page-template-services .services_page .service_item .cont_wrap,
body.page-template-templatesservices-php .services_page .service_item .cont_wrap {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 3 !important;
	padding: 1.15rem 1.2rem 1.25rem !important;
	text-align: left !important;
	pointer-events: none !important;
}
body.page-template-services .services_page .service_item .cont_wrap h3,
body.page-template-templatesservices-php .services_page .service_item .cont_wrap h3 {
	margin: 0.5rem 0 0 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	background: none !important;
}
body.page-template-services .services_page .service_item .fc-svc-more,
body.page-template-templatesservices-php .services_page .service_item .fc-svc-more {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.45rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.92);
}
body.page-template-services .services_page .service_item .fc-svc-more svg {
	width: 0.9rem !important;
	height: 0.9rem !important;
	opacity: 1 !important;
	transform: none !important;
}
body.page-template-services .services_page .service_item .fc-svc-icon,
body.page-template-templatesservices-php .services_page .service_item .fc-svc-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 2.55rem;
	height: 2.55rem;
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.28);
	color: #fff !important;
	backdrop-filter: blur(10px);
}
body.page-template-services .services_page .service_item .fc-svc-icon svg {
	width: 1.2rem !important;
	height: 1.2rem !important;
	opacity: 1 !important;
	transform: none !important;
	color: inherit !important;
}
body.page-template-services .services_page .service_item .cont_wrap > svg:not(.fc-ico) {
	display: none !important;
}
@media (hover: hover) and (pointer: fine) {
	body.page-template-services .services_page .service_item:hover,
	body.page-template-templatesservices-php .services_page .service_item:hover {
		transform: translateY(-4px) !important;
		border-color: rgba(20, 193, 49, 0.35) !important;
		box-shadow: var(--fc-page-card-shadow-hover) !important;
	}
	body.page-template-services .services_page .service_item:hover .img_wrap::before,
	body.page-template-templatesservices-php .services_page .service_item:hover .img_wrap::before {
		opacity: 1 !important;
	}
	body.page-template-services .services_page .service_item:hover .img_wrap img,
	body.page-template-templatesservices-php .services_page .service_item:hover .img_wrap img {
		transform: scale(1.06) !important;
	}
	body.page-template-services .services_page .service_item:hover .fc-svc-icon,
	body.page-template-templatesservices-php .services_page .service_item:hover .fc-svc-icon {
		background: rgba(255, 255, 255, 0.96) !important;
		color: var(--primary-color, #14c131) !important;
	}
}
@media (max-width: 991px) {
	body.page-template-services .services_page .grid_box,
	body.page-template-templatesservices-php .services_page .grid_box,
	body.page-template-services #services_list,
	body.page-template-templatesservices-php #services_list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 640px) {
	body.page-template-services .services_page .grid_box,
	body.page-template-templatesservices-php .services_page .grid_box,
	body.page-template-services #services_list,
	body.page-template-templatesservices-php #services_list {
		grid-template-columns: 1fr !important;
	}
	body.page-template-services .services_page .service_item,
	body.page-template-templatesservices-php .services_page .service_item {
		min-height: 15rem !important;
		aspect-ratio: 1.55 / 1;
	}
}

/* ═══════════════════════════════════════════
   4) TIN TỨC listing + single post
   ═══════════════════════════════════════════ */
body.page-template-news,
body.page-template-templatesnews-php,
body.blog,
body.category,
body.archive,
body.single-post {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-news .news_page,
body.page-template-templatesnews-php .news_page,
body.blog .news_page,
body.category .news_page {
	background: transparent !important;
	padding: 1.5rem 0 3.5rem !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-news .news_page .sec_title,
body.page-template-templatesnews-php .news_page .sec_title,
body.blog .news_page .sec_title,
body.category .news_page .sec_title {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-news .post_item,
body.page-template-templatesnews-php .post_item,
body.blog .post_item,
body.category .post_item,
body.single-post .post_item,
body.blog .fc-post-card,
body.category .fc-post-card {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	overflow: hidden;
	transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
body.page-template-news .post_item h3,
body.page-template-news .post_item h3 a,
body.blog .post_item h3,
body.blog .post_item h3 a,
body.category .post_item h3,
body.category .post_item h3 a,
body.blog .fc-post-card h3,
body.category .fc-post-card h3 {
	color: var(--fc-page-ink) !important;
	-webkit-text-fill-color: var(--fc-page-ink) !important;
}
body.page-template-news .post_item .cont_wrap,
body.blog .post_item .cont_wrap,
body.category .post_item .cont_wrap {
	background: #fff !important;
	color: var(--fc-page-ink) !important;
}
@media (hover: hover) and (pointer: fine) {
	body.page-template-news .post_item:hover,
	body.page-template-templatesnews-php .post_item:hover,
	body.blog .post_item:hover,
	body.category .post_item:hover,
	body.blog .fc-post-card:hover,
	body.category .fc-post-card:hover,
	body.page-template-news .fc-post-card:hover,
	body.page-template-templatesnews-php .fc-post-card:hover {
		transform: translateY(-3px);
		border-color: rgba(20, 193, 49, 0.28) !important;
		box-shadow: var(--fc-page-card-shadow-hover) !important;
	}
}

/* News load-more / empty CTA — outline brand (not crude primary wipe) */
body.page-template-news .fc-news-more,
body.page-template-templatesnews-php .fc-news-more,
body.blog .fc-news-more,
body.category .fc-news-more,
body.blog #posts_wrap .load_more_posts,
body.category #posts_wrap .load_more_posts {
	border: 1.5px solid rgba(20, 193, 49, 0.42) !important;
	border-radius: 0.75rem !important;
	background: #fff !important;
	box-shadow: 0 4px 14px rgba(16, 26, 21, 0.04) !important;
}
body.page-template-news .fc-news-more .btn_inner,
body.page-template-templatesnews-php .fc-news-more .btn_inner,
body.blog .fc-news-more .btn_inner,
body.category .fc-news-more .btn_inner,
body.blog #posts_wrap .load_more_posts .btn_inner,
body.category #posts_wrap .load_more_posts .btn_inner {
	background: transparent !important;
	background-image: none !important;
	border-radius: 0.75rem !important;
}
body.page-template-news .fc-news-more .btn_inner .text,
body.page-template-templatesnews-php .fc-news-more .btn_inner .text,
body.blog .fc-news-more .btn_inner .text,
body.category .fc-news-more .btn_inner .text,
body.blog #posts_wrap .load_more_posts .text,
body.category #posts_wrap .load_more_posts .text {
	color: #0a8f22 !important;
	-webkit-text-fill-color: #0a8f22 !important;
}
body.page-template-news .fc-news-more .btn_inner .icon,
body.page-template-templatesnews-php .fc-news-more .btn_inner .icon,
body.blog .fc-news-more .btn_inner .icon,
body.category .fc-news-more .btn_inner .icon {
	color: #0a8f22 !important;
}
@media (hover: hover) and (pointer: fine) {
	body.page-template-news .fc-news-more:hover,
	body.page-template-templatesnews-php .fc-news-more:hover,
	body.blog .fc-news-more:hover,
	body.category .fc-news-more:hover,
	body.blog #posts_wrap .load_more_posts:hover,
	body.category #posts_wrap .load_more_posts:hover {
		background: #f2faf4 !important;
		border-color: #14c131 !important;
		box-shadow: 0 10px 22px rgba(20, 193, 49, 0.14) !important;
	}
	body.page-template-news .fc-news-more:hover .btn_inner::before,
	body.page-template-templatesnews-php .fc-news-more:hover .btn_inner::before,
	body.blog .fc-news-more:hover .btn_inner::before,
	body.category .fc-news-more:hover .btn_inner::before {
		opacity: 0 !important;
		display: none !important;
	}
	body.page-template-news .fc-news-more:hover .text,
	body.page-template-templatesnews-php .fc-news-more:hover .text,
	body.blog .fc-news-more:hover .text,
	body.category .fc-news-more:hover .text {
		color: #0a8f22 !important;
		-webkit-text-fill-color: #0a8f22 !important;
	}
}
body.single-post .post_content,
body.single-post .entry-content {
	color: var(--fc-page-muted) !important;
	background: #fff;
	border: 1px solid var(--fc-page-card-border);
	border-radius: var(--fc-page-radius);
	box-shadow: var(--fc-page-card-shadow);
	padding: 1.75rem 1.85rem;
}
body.single-post .post_content a {
	color: var(--primary-color, #14c131);
}

/* ═══════════════════════════════════════════
   5) ĐẠI LÝ / HỆ THỐNG
   ═══════════════════════════════════════════ */
body.page-template-dealers,
body.page-template-templatesdealers-php {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-dealers section.system_page,
body.page-template-templatesdealers-php section.system_page,
body.page-template-dealers .fc-dealers-page,
body.page-template-templatesdealers-php .fc-dealers-page {
	background: transparent !important;
	color: var(--fc-page-ink) !important;
	padding: 3.25rem 0 3.75rem !important;
}
body.page-template-dealers .store_item,
body.page-template-templatesdealers-php .store_item {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius-sm) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
body.page-template-dealers .store_item.active,
body.page-template-dealers .store_item:hover,
body.page-template-templatesdealers-php .store_item.active,
body.page-template-templatesdealers-php .store_item:hover {
	border-color: rgba(20, 193, 49, 0.35) !important;
	box-shadow: var(--fc-page-card-shadow-hover) !important;
}
body.page-template-dealers .store_name,
body.page-template-templatesdealers-php .store_name {
	color: var(--fc-page-ink) !important;
}
body.page-template-dealers .store_item.active .store_name,
body.page-template-templatesdealers-php .store_item.active .store_name {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-dealers .store_info,
body.page-template-dealers .store_info li,
body.page-template-templatesdealers-php .store_info,
body.page-template-templatesdealers-php .store_info li {
	color: var(--fc-page-muted) !important;
}
body.page-template-dealers .store_info a,
body.page-template-templatesdealers-php .store_info a {
	color: var(--primary-color, #14c131) !important;
}
body.page-template-dealers .fc-store-ico,
body.page-template-templatesdealers-php .fc-store-ico {
	color: var(--primary-color, #14c131) !important;
}
body.page-template-dealers .store_count_label,
body.page-template-templatesdealers-php .store_count_label {
	color: var(--fc-page-muted) !important;
}
body.page-template-dealers .stores_list_wrapper,
body.page-template-templatesdealers-php .stores_list_wrapper {
	background: #fff !important;
}
body.page-template-dealers .store_filter .select-styled,
body.page-template-templatesdealers-php .store_filter .select-styled {
	color: var(--fc-page-ink) !important;
}
body.page-template-dealers .store_filter .select-options,
body.page-template-templatesdealers-php .store_filter .select-options {
	background: #fff !important;
}
body.page-template-dealers .store_filter .select-options > li,
body.page-template-templatesdealers-php .store_filter .select-options > li {
	color: var(--fc-page-ink) !important;
}

/* ═══════════════════════════════════════════
   6) TUYỂN DỤNG
   ═══════════════════════════════════════════ */
body.page-template-recruit,
body.page-template-templatesrecruit-php {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-recruit section.recruit_1,
body.page-template-recruit section.recruit_2,
body.page-template-templatesrecruit-php section.recruit_1,
body.page-template-templatesrecruit-php section.recruit_2 {
	background: transparent !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-recruit .recruit_content,
body.page-template-templatesrecruit-php .recruit_content {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	color: var(--fc-page-muted) !important;
	padding: 1.5rem 1.65rem !important;
}
body.page-template-recruit .fc-career-stat,
body.page-template-templatesrecruit-php .fc-career-stat {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius-sm) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-recruit .fc-career-stat strong,
body.page-template-templatesrecruit-php .fc-career-stat strong {
	color: var(--fc-page-ink) !important;
	-webkit-text-fill-color: var(--fc-page-ink) !important;
}
body.page-template-recruit .fc-career-stat small,
body.page-template-templatesrecruit-php .fc-career-stat small {
	color: var(--fc-page-muted) !important;
}
body.page-template-recruit .recruit_table,
body.page-template-templatesrecruit-php .recruit_table {
	background: #fff !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-recruit .recruit_table #recruit_table_list > li,
body.page-template-templatesrecruit-php .recruit_table #recruit_table_list > li {
	color: var(--fc-page-ink, #1a2420) !important;
	background: #fff !important;
}
body.page-template-recruit .recruit_table #recruit_table_list > li:nth-of-type(even),
body.page-template-templatesrecruit-php .recruit_table #recruit_table_list > li:nth-of-type(even) {
	background: #f7faf8 !important;
}
body.page-template-recruit .recruit_table #recruit_table_list > li > span > span,
body.page-template-templatesrecruit-php .recruit_table #recruit_table_list > li > span > span {
	color: var(--fc-page-ink, #1a2420) !important;
	-webkit-text-fill-color: var(--fc-page-ink, #1a2420) !important;
}
body.page-template-recruit .recruit_table #recruit_table_list > li > span:first-of-type > span,
body.page-template-templatesrecruit-php .recruit_table #recruit_table_list > li > span:first-of-type > span {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-recruit .recruit_table #recruit_table_title span,
body.page-template-templatesrecruit-php .recruit_table #recruit_table_title span {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
body.page-template-recruit .recruit_table .btn .btn_inner .text,
body.page-template-templatesrecruit-php .recruit_table .btn .btn_inner .text {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
body.page-template-recruit .recruit_table .btn.expired .btn_inner .text,
body.page-template-templatesrecruit-php .recruit_table .btn.expired .btn_inner .text {
	color: #6a7570 !important;
	-webkit-text-fill-color: #6a7570 !important;
}
body.page-template-recruit .sec_title,
body.page-template-templatesrecruit-php .sec_title {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-recruit .recruit_content :is(p, li, span),
body.page-template-templatesrecruit-php .recruit_content :is(p, li, span) {
	color: var(--fc-page-muted, #5c6b63) !important;
	-webkit-text-fill-color: var(--fc-page-muted, #5c6b63) !important;
}
body.page-template-recruit .recruit_content strong,
body.page-template-templatesrecruit-php .recruit_content strong {
	color: var(--fc-page-ink, #1a2420) !important;
	-webkit-text-fill-color: var(--fc-page-ink, #1a2420) !important;
}

/* ═══════════════════════════════════════════
   7) LIÊN HỆ
   ═══════════════════════════════════════════ */
body.page-template-contact,
body.page-template-templatescontact-php {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-contact section.contact_page,
body.page-template-templatescontact-php section.contact_page {
	background: transparent !important;
	padding: 2.75rem 0 3.25rem !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-contact .contact_page .sec_title,
body.page-template-templatescontact-php .contact_page .sec_title {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-contact .contact_form_col .sec_title_2,
body.page-template-templatescontact-php .contact_form_col .sec_title_2,
body.page-template-contact .text_primary,
body.page-template-templatescontact-php .text_primary {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-contact .contact_form_col input.wpcf7-submit,
body.page-template-templatescontact-php .contact_form_col input.wpcf7-submit {
	background-image: none !important;
	background-color: transparent !important;
}

/* ═══════════════════════════════════════════
   8) SO SÁNH / DỰ TOÁN / NỘI DUNG
   ═══════════════════════════════════════════ */
body.page-template-compare,
body.page-template-templatescompare-php,
body.page-template-installment_estimate,
body.page-template-templatesinstallment_estimate-php,
body.page-template-content,
body.page-template-templatescontent-php {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-compare .fc-compare-page,
body.page-template-templatescompare-php .fc-compare-page,
body.page-template-compare .fc-dcompare,
body.page-template-templatescompare-php .fc-dcompare {
	background: linear-gradient(180deg, #f8fbf9 0%, #f2f5f3 100%) !important;
	color: var(--fc-page-ink) !important;
}
body.page-template-content .page_default,
body.page-template-templatescontent-php .page_default,
body.page-template-content .content_page,
body.page-template-templatescontent-php .content_page {
	background: transparent !important;
	color: var(--fc-page-ink) !important;
	padding: 3.25rem 0 3.75rem !important;
}
body.page-template-content .post_content,
body.page-template-templatescontent-php .post_content {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: var(--fc-page-radius) !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	padding: 1.85rem 2rem !important;
	color: var(--fc-page-muted) !important;
}

/* Dự toán trả góp — form light brand (override .form_dark white-on-dark) */
body.page-template-installment_estimate section.installment_page,
body.page-template-templatesinstallment_estimate-php section.installment_page {
	background: transparent !important;
	color: var(--fc-page-ink) !important;
	padding: 2.75rem 0 3.5rem !important;
}
body.page-template-installment_estimate section.installment_page .sec_title,
body.page-template-templatesinstallment_estimate-php section.installment_page .sec_title {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}
body.page-template-installment_estimate #TT-form-installment.form_dark,
body.page-template-templatesinstallment_estimate-php #TT-form-installment.form_dark {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: 1.15rem !important;
	box-shadow: var(--fc-page-card-shadow) !important;
	padding: 2.15rem 2rem !important;
	box-sizing: border-box;
}
body.page-template-installment_estimate .form_dark .form_wrap label,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap label {
	color: var(--fc-page-ink) !important;
	-webkit-text-fill-color: var(--fc-page-ink) !important;
	font-weight: 700 !important;
	font-size: 0.82rem !important;
	margin-bottom: 0.45rem !important;
}
body.page-template-installment_estimate .form_dark .form_wrap label .required,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap label .required {
	color: var(--primary-color, #14c131) !important;
}
body.page-template-installment_estimate .form_dark .form_wrap input,
body.page-template-installment_estimate .form_dark .form_wrap select,
body.page-template-installment_estimate .form_dark .form_wrap .select-styled,
body.page-template-installment_estimate .form_dark .form_wrap textarea,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap input,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap select,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap .select-styled,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap textarea {
	color: var(--fc-page-ink) !important;
	-webkit-text-fill-color: var(--fc-page-ink) !important;
	background: #f4f7f5 !important;
	border: 1px solid #dfe7e2 !important;
	border-radius: 0.7rem !important;
	padding: 0.75rem 2.5rem 0.75rem 0.95rem !important;
	min-height: 2.85rem;
	box-shadow: none !important;
}
body.page-template-installment_estimate .form_dark .form_wrap input:focus,
body.page-template-installment_estimate .form_dark .form_wrap select:focus,
body.page-template-installment_estimate .form_dark .form_wrap .select-styled:focus,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap input:focus,
body.page-template-templatesinstallment_estimate-php .form_dark .form_wrap select:focus {
	border-color: var(--primary-color, #14c131) !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(20, 193, 49, 0.14) !important;
	outline: none !important;
}
body.page-template-installment_estimate section.installment_page .unit,
body.page-template-templatesinstallment_estimate-php section.installment_page .unit {
	color: var(--fc-page-muted) !important;
}
body.page-template-installment_estimate section.installment_page .col_6:nth-of-type(1),
body.page-template-templatesinstallment_estimate-php section.installment_page .col_6:nth-of-type(1) {
	padding-right: 2rem !important;
}
body.page-template-installment_estimate section.installment_page .img_wrap img,
body.page-template-templatesinstallment_estimate-php section.installment_page .img_wrap img {
	border-radius: 1.15rem !important;
	box-shadow: var(--fc-page-card-shadow) !important;
}
/* Installment results table (legacy class + AJAX) — light brand */
body.page-template-installment_estimate .results-estimated-installment--box,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box,
body.page-template-installment_estimate #TT-load-results-installment,
body.page-template-templatesinstallment_estimate-php #TT-load-results-installment {
	color: var(--fc-page-ink) !important;
	margin-top: 2.5rem !important;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--heading > ul,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--heading > ul {
	background: var(--primary-color, #14c131) !important;
	color: #fff !important;
	border-radius: 0.85rem 0.85rem 0 0;
	overflow: hidden;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--heading > ul > li > p,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--heading > ul > li > p {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--list .TT-item-estimated-installment:nth-of-type(odd) ul,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--list .TT-item-estimated-installment:nth-of-type(odd) ul {
	background: #fff !important;
	background-color: #fff !important;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--list .TT-item-estimated-installment:nth-of-type(even) ul,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--list .TT-item-estimated-installment:nth-of-type(even) ul {
	background: #f7faf8 !important;
	background-color: #f7faf8 !important;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--list ul > li + li,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--list ul > li + li {
	border-left: 1px solid #e7ede9 !important;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--list ul p,
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--list ul li,
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--total > ul > li,
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--total > ul > li > p,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--list ul p,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--list ul li,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--total > ul > li,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--total > ul > li > p {
	color: var(--fc-page-ink, #1a2420) !important;
	-webkit-text-fill-color: var(--fc-page-ink, #1a2420) !important;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--total > ul,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--total > ul {
	background: #eef4f0 !important;
	border-radius: 0 0 0.85rem 0.85rem;
	border: 1px solid #dfe7e2;
	border-top: 0;
}
body.page-template-installment_estimate .results-estimated-installment--box .TT-estimated-installment--list,
body.page-template-templatesinstallment_estimate-php .results-estimated-installment--box .TT-estimated-installment--list {
	border-left: 1px solid #dfe7e2;
	border-right: 1px solid #dfe7e2;
	background: #fff;
}

/* ═══════════════════════════════════════════
   9) SINGLE SERVICE / PRODUCT / PARTS
   Service booking form: owned by single-service.php (light brand card).
   Keep shell sage; card chrome lives in single-service.php.
   ═══════════════════════════════════════════ */
body.single-service,
body.single-product_xe,
body.single-product,
body.fc-parts-catalog,
body.post-type-archive-phu_tung,
body.tax-danh_muc_phu_tung,
body.tax-thuong_hieu_phu_tung,
body.tax-xuat_xu_phu_tung,
body.single-phu_tung {
	background: var(--fc-shell, #f2f5f3) !important;
	color: var(--fc-page-ink) !important;
}
body.single-product_xe .product_details_1,
body.single-product .product_details_1 {
	background: transparent !important;
}
body.single-post .fc-article,
body.single-post article.post {
	color: var(--fc-page-ink);
}
body.single-post .fc-article-title,
body.single-post .entry-title {
	color: var(--primary-color, #14c131) !important;
	-webkit-text-fill-color: var(--primary-color, #14c131) !important;
}

/* Origin red leftovers → brand (desktop + all shells using origin CSS) */
.service_item .img_wrap:before {
	background: linear-gradient(180deg, rgba(20, 193, 49, 0) 0%, #14c131 100%) !important;
}
.fixed_buttons > .item > .item_inner > a {
	background: var(--primary-color, #14c131) !important;
}

/* Partners marquee on all pages — title CENTER + font đồng bộ sec_title */
body:not(.home) section.home_8.marquee_sec,
body:not(.home) section.home_8,
section.home_8.fc-home-partners {
	background: linear-gradient(180deg, #fff 0%, #f5f9f6 50%, #eef4f0 100%) !important;
	color: var(--fc-page-ink) !important;
	padding: 3.25rem 0 3.25rem !important;
}
section.home_8 .heading_group,
section.home_8 .fc-home-partners-head,
body:not(.home) section.home_8 .heading_group {
	position: relative !important;
	overflow: visible !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: var(--fc-page-heading-gap) !important;
	padding-top: var(--fc-page-heading-top) !important;
	text-align: center !important;
}
section.home_8 .heading_group .sec_title,
section.home_8 .sec_title,
body:not(.home) section.home_8 .sec_title {
	position: relative !important;
	z-index: 2 !important;
	display: block !important;
	width: 100% !important;
	margin: 0 auto 0.45rem !important;
	text-align: center !important;
	/* Đồng nhất font-size với tiêu đề section khác (home products / news / services) */
	font-size: clamp(1.85rem, 3.1vw, 2.75rem) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	background: linear-gradient(100deg, #0a8f22 0%, #14c131 42%, #1a2420 96%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
}
section.home_8 .heading_group .title_background,
section.home_8 .title_background,
body:not(.home) section.home_8 .title_background {
	left: 50% !important;
	right: auto !important;
	top: 0 !important;
	transform: translate(-50%, -38%) !important;
	transform-origin: center top !important;
	text-align: center !important;
	width: max-content !important;
	max-width: none !important;
}
section.home_8 .fc-home-partners-sub {
	text-align: center !important;
	margin: 0.5rem auto 0 !important;
	max-width: 32rem !important;
	color: var(--fc-page-muted) !important;
}
body:not(.home) section.home_8 .logo-item,
section.home_8 .fc-partner-chip {
	background: #fff !important;
	border: 1px solid var(--fc-page-card-border) !important;
	border-radius: 0.95rem !important;
	box-shadow: var(--fc-page-card-shadow) !important;
}

/* ═══════════════════════════════════════════
   Shared buttons / pagination
   ═══════════════════════════════════════════ */
body:not(.home) .btn_primary .btn_inner {
	background: var(--fc-grad-90, linear-gradient(90deg, #0a8f22 0%, #1ed93d 50%, #0a8f22 100%)) !important;
	color: #fff !important;
	border-radius: 2.5rem;
}
body:not(.home) .btn_secondary .btn_inner,
body:not(.home) .btn_outline .btn_inner {
	border: 1.5px solid var(--primary-color, #14c131) !important;
	color: var(--primary-color, #14c131) !important;
	background: #fff !important;
	background-image: none !important;
	border-radius: 2.5rem;
}
body:not(.home) .page-numbers.current,
body:not(.home) .nav-pagination > li > .current {
	background: var(--primary-color, #14c131) !important;
	border-color: var(--primary-color, #14c131) !important;
	color: #fff !important;
}