/*
Theme Name: Auto
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.21
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
	--auto-ink: #20211f;
	--auto-gold: #f8b400;
	--auto-button-radius: 8px;
}

/* Shared actions; compact vehicle selectors and full-width form actions follow. */
#main .button,
#main .wpcf7-submit {
	min-height: 46px;
	max-width: 100%;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: var(--auto-button-radius);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: .025em;
	text-align: center;
	white-space: normal;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#main .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

#main .button > i {
	margin: 0;
	font-size: 1.15em;
}

#main .button:where(:not(.is-outline):not(.is-link):not(.is-underline)),
#main .wpcf7-submit {
	background: var(--auto-gold);
	color: var(--auto-ink) !important;
	box-shadow: 0 3px 0 rgba(133, 91, 0, .14);
}

#main .button.is-outline {
	background: transparent;
	border-color: #c9c6bd;
	color: var(--auto-ink);
	box-shadow: none;
}

#main .dark .button.is-outline {
	border-color: #8b8b83;
	color: #fff;
}

#main .button:focus-visible,
#main .wpcf7-submit:focus-visible,
#header .button:focus-visible {
	outline: 3px solid #3171b9;
	outline-offset: 4px;
}

@media (hover: hover) {
	#main .button:not(.disabled):not(:disabled):not([aria-disabled="true"]):hover,
	#main .wpcf7-submit:not(:disabled):hover {
		background: var(--auto-ink) !important;
		border-color: var(--auto-ink);
		color: #fff !important;
		box-shadow: 0 5px 14px rgba(0, 0, 0, .13);
	}

	#main .dark .button.is-outline:hover {
		background: #fff !important;
		color: var(--auto-ink) !important;
	}
}

#main .button:disabled,
#main .button.disabled,
#main .button[aria-disabled="true"],
#main .wpcf7-submit:disabled {
	opacity: .5;
	cursor: not-allowed;
	box-shadow: none;
}

#main .phongvt-product-detail-button .button,
#main .phongvt-booking-submit {
	display: flex;
	width: 100%;
}

#main .phongvt-booking-submit {
	min-height: 54px;
}

#main .quantity .button {
	min-width: 36px;
	padding: 10px;
	border: 1px solid #deded8;
	border-radius: 0;
	background: #f7f7f3 !important;
	box-shadow: none;
}

#main .quantity .minus {
	border-radius: 6px 0 0 6px;
}

#main .quantity .plus {
	border-radius: 0 6px 6px 0;
}

#main .quantity .qty {
	height: 46px;
	box-shadow: none;
}

.single-product .related .product-small.box {
	border: 1px solid #ecece6;
	border-radius: 10px;
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.single-product .related .box-image > div:first-child > a {
	display: block;
	aspect-ratio: 4 / 3;
}

.single-product .related .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-product .related .box-text {
	padding: 18px 14px;
}

.single-product .related .title-wrapper {
	min-height: 80px;
}

.single-product .related .price-wrapper {
	min-height: 40px;
}

.single-product .related .phongvt-product-card-features {
	display: none;
}

/* Product detail: premium automotive layout built on native WooCommerce markup. */
.single-product .product-main {
	padding: 52px 0 64px;
	background:
		radial-gradient(circle at 8% 0, rgba(248, 180, 0, .1), transparent 28%),
		linear-gradient(180deg, #f8f7f3 0, #fff 72%);
}

.single-product .product-main .content-row {
	align-items: flex-start;
}

.single-product .product-sidebar-small {
	display: none;
}

.single-product .product-gallery-slider {
	overflow: hidden;
	border: 1px solid #e2dfd6;
	border-radius: 16px;
	background: #111;
	box-shadow: 0 18px 45px rgba(20, 20, 18, .12);
}

.single-product .product-gallery-slider .woocommerce-product-gallery__image > a {
	display: block;
	aspect-ratio: 16 / 10;
}

.single-product .product-gallery-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-product .product-thumbnails {
	margin-top: 14px;
}

.single-product .product-thumbnails .col {
	padding-bottom: 0;
}

.single-product .product-thumbnails a {
	display: block;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 10px;
	background: #eee;
	opacity: .72;
	transition: border-color .18s ease, opacity .18s ease, transform .18s ease;
}

.single-product .product-thumbnails .is-nav-selected a {
	border-color: var(--auto-gold);
	opacity: 1;
}

.single-product .product-thumbnails img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.single-product .product-summary {
	margin: 0 15px;
	padding: 34px 36px;
	border: 1px solid #e6e2d8;
	border-top: 4px solid var(--auto-gold);
	border-radius: 16px;
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 18px 45px rgba(20, 20, 18, .09);
}

.single-product .product-summary .breadcrumbs {
	margin-bottom: 12px;
	color: #77746d;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
}

.single-product .product-summary .product-title {
	margin-bottom: 12px;
	color: var(--auto-ink);
	font-size: clamp(28px, 2.2vw, 38px);
	line-height: 1.15;
	letter-spacing: -.025em;
}

.single-product .product-summary .is-divider {
	width: 54px;
	height: 3px;
	margin: 0 0 20px;
	background: var(--auto-gold);
	opacity: 1;
}

.single-product .product-page-price {
	margin: 0 0 20px;
	color: var(--auto-ink);
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
}

.single-product .product-short-description {
	margin-bottom: 24px;
	color: #4f504c;
}

.single-product .product-short-description ul {
	margin: 0;
	list-style: none;
}

.single-product .product-short-description li {
	position: relative;
	margin: 0;
	padding: 9px 0 9px 30px;
	border-bottom: 1px solid #eeeae0;
}

.single-product .product-short-description li::before {
	position: absolute;
	top: 10px;
	left: 0;
	display: grid;
	width: 19px;
	height: 19px;
	place-items: center;
	border-radius: 50%;
	background: #fff3c9;
	color: #9b6b00;
	content: "\2713";
	font-size: 12px;
	font-weight: 800;
}

.single-product .product-summary form.cart {
	display: flex;
	align-items: stretch;
	gap: 12px;
	margin-bottom: 22px;
}

.single-product .product-summary .single_add_to_cart_button {
	flex: 1;
	min-height: 54px;
	margin: 0;
	font-size: 13px;
	box-shadow: 0 8px 20px rgba(178, 124, 0, .2);
}

.single-product .phongvt-single-product-points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0 0 20px;
	border: 1px solid #ebe5d5;
	border-radius: 10px;
	background: #fffbef;
}

.single-product .phongvt-single-product-points span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 58px;
	padding: 10px 8px;
	color: #474640;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
}

.single-product .phongvt-single-product-points span + span {
	border-left: 1px solid #ebe5d5;
}

.single-product .phongvt-single-product-points span::before {
	color: #b57d00;
	content: "\2713";
	font-weight: 800;
}

.single-product .product_meta {
	display: grid;
	gap: 0;
	margin-bottom: 18px;
	border-top: 1px solid #e8e5dd;
}

.single-product .product_meta > span {
	padding: 9px 0;
	border-bottom: 1px solid #e8e5dd;
	color: #77746d;
	font-size: 12px;
}

.single-product .product_meta a {
	color: var(--auto-ink);
	font-weight: 700;
}

.single-product .share-icons {
	margin-top: 4px;
}

.single-product .share-icons .button {
	width: 38px;
	min-width: 38px;
	height: 38px;
	min-height: 38px !important;
	padding: 0 !important;
	border-color: #ddd8cd;
}

.single-product .product-footer {
	padding: 42px 0 64px;
	background: #fff;
}

.single-product .woocommerce-tabs > .product-tabs {
	display: inline-flex;
	gap: 4px;
	margin: 0 0 28px;
	padding: 6px;
	border: 1px solid #e5e1d7;
	border-radius: 10px;
	background: #f5f3ed;
}

.single-product .woocommerce-tabs > .product-tabs > li {
	margin: 0;
}

.single-product .woocommerce-tabs > .product-tabs > li > a {
	min-height: 40px;
	padding: 11px 18px;
	border: 0;
	border-radius: 7px;
	color: #65645f;
	font-size: 12px;
	line-height: 1.4;
}

.single-product .woocommerce-tabs > .product-tabs > li.active > a {
	background: var(--auto-ink);
	color: #fff;
}

.single-product .woocommerce-tabs .tab-panels {
	padding-top: 0;
}

.single-product .phongvt-product-detail-content {
	padding: 42px 0 !important;
	background: #f7f5ef;
}

.single-product .phongvt-product-detail-content .phongvt-product-detail-title .section-title-main {
	color: var(--auto-ink);
	font-size: clamp(24px, 2vw, 32px);
	letter-spacing: -.02em;
}

.single-product .phongvt-product-detail-content .img-inner {
	overflow: hidden;
	border-radius: 14px;
	box-shadow: 0 16px 36px rgba(20, 20, 18, .14);
}

.single-product .phongvt-product-detail-proof {
	padding: 0 !important;
}

.single-product .phongvt-product-detail-proof > .section-content > .row {
	overflow: hidden;
	border-radius: 12px;
	background: var(--auto-ink);
	color: #fff;
}

.single-product .phongvt-product-detail-proof .col {
	padding-top: 26px;
	padding-bottom: 26px;
}

.single-product .phongvt-product-detail-proof h4 {
	color: #fff;
}

.single-product .phongvt-product-detail-proof p {
	color: rgba(255, 255, 255, .68);
}

.single-product .phongvt-product-detail-cta {
	padding-top: 26px !important;
}

.single-product .phongvt-product-detail-cta > .section-content > .row {
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(20, 20, 18, .13);
}

.single-product .related {
	margin-top: 42px;
	padding: 36px 0 12px;
	border-top: 1px solid #e5e1d7;
}

.single-product .related .product-section-title {
	position: relative;
	margin-bottom: 22px;
	padding: 0 0 13px;
	color: var(--auto-ink);
	font-size: 22px;
	letter-spacing: -.01em;
}

.single-product .related .product-section-title::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 72px;
	height: 3px;
	background: var(--auto-gold);
	content: "";
}

@media (hover: hover) {
	.single-product .product-thumbnails a:hover {
		opacity: 1;
		transform: translateY(-2px);
	}

	.single-product .related .product-small.box:hover {
		transform: translateY(-4px);
		box-shadow: 0 16px 34px rgba(20, 20, 18, .12);
	}
}

@media (max-width: 849px) {
	.single-product .product-main {
		padding: 30px 0 42px;
	}

	.single-product .product-summary {
		margin: 18px 0 0;
		padding: 26px 24px;
	}

	.single-product .product-footer {
		padding: 28px 0 44px;
	}
}

@media (max-width: 549px) {
	.single-product .product-main {
		padding: 18px 0 34px;
	}

	.single-product .product-gallery-slider {
		border-radius: 11px;
	}

	.single-product .product-summary {
		padding: 22px 18px;
		border-radius: 12px;
	}

	.single-product .product-summary .product-title {
		font-size: 27px;
	}

	.single-product .product-page-price {
		font-size: 26px;
	}

	.single-product .product-summary form.cart {
		flex-wrap: wrap;
	}

	.single-product .product-summary .single_add_to_cart_button {
		flex-basis: 100%;
	}

	.single-product .phongvt-single-product-points {
		grid-template-columns: 1fr;
	}

	.single-product .phongvt-single-product-points span {
		justify-content: flex-start;
		min-height: 44px;
		padding: 10px 14px;
		text-align: left;
	}

	.single-product .phongvt-single-product-points span + span {
		border-top: 1px solid #ebe5d5;
		border-left: 0;
	}

	.single-product .woocommerce-tabs > .product-tabs {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		width: 100%;
		white-space: nowrap;
	}

	.single-product .woocommerce-tabs > .product-tabs > li {
		flex: 0 0 auto;
		width: auto;
	}

	.single-product .woocommerce-tabs > .product-tabs > li > a {
		padding: 10px 13px;
		font-size: 11px;
	}

	.single-product .phongvt-product-detail-content {
		padding: 28px 0 !important;
	}

	.single-product .phongvt-product-detail-proof > .section-content > .row,
	.single-product .phongvt-product-detail-cta > .section-content > .row {
		border-radius: 0;
	}

	.single-product .related {
		margin-top: 30px;
		padding-top: 28px;
	}
}

/* WooCommerce Shop is the canonical product catalog. */
.woocommerce-shop .shop-page-title {
	display: none;
}

.phongvt-shop-page {
	background: #fff;
}

.phongvt-shop-hero {
	padding-top: 34px;
	background:
		radial-gradient(circle at 12% 8%, rgba(248, 180, 0, .12), transparent 25%),
		#090909;
	color: #fff;
}

.phongvt-shop-hero-row {
	overflow: hidden;
}

.phongvt-shop-hero-row > .col {
	padding: 0;
}

.phongvt-shop-hero-copy {
	padding: 48px 42px;
}

.phongvt-shop-hero-copy > span,
.phongvt-shop-section-heading > span,
.phongvt-shop-catalog-title > span {
	display: block;
	margin-bottom: 12px;
	color: var(--auto-gold);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
}

.phongvt-shop-hero-copy h1 {
	margin: 0 0 18px;
	color: #fff;
	font-size: clamp(30px, 2.5vw, 42px);
	line-height: 1.13;
	letter-spacing: -.025em;
}

.phongvt-shop-hero-copy h1 strong {
	color: var(--auto-gold);
}

.phongvt-shop-hero-copy p {
	max-width: 580px;
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font-size: 16px;
	line-height: 1.75;
}

.phongvt-shop-hero-image {
	height: 460px;
}

.phongvt-shop-hero-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.phongvt-shop-proof {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid rgba(248, 180, 0, .32);
	background: #111;
}

.phongvt-shop-proof span {
	position: relative;
	padding: 20px 18px 20px 44px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .02em;
}

.phongvt-shop-proof span::before {
	position: absolute;
	top: 21px;
	left: 20px;
	color: var(--auto-gold);
	content: "\2713";
}

.phongvt-shop-proof span + span {
	border-left: 1px solid rgba(248, 180, 0, .25);
}

.phongvt-shop-categories,
.phongvt-shop-filter {
	padding: 48px 0 10px;
}

.phongvt-shop-categories .row > .col,
.phongvt-shop-filter .row > .col {
	padding-bottom: 0;
}

.phongvt-shop-section-heading h2,
.phongvt-shop-catalog-title h2 {
	margin: 0;
	color: var(--auto-ink);
	font-size: clamp(25px, 2vw, 32px);
	line-height: 1.2;
	letter-spacing: -.02em;
}

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

.phongvt-shop-category-card {
	position: relative;
	display: block;
	overflow: hidden;
	min-height: 220px;
	border-radius: 12px;
	background: #111;
	box-shadow: 0 12px 28px rgba(20, 20, 18, .1);
}

.phongvt-shop-category-card::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .78));
	content: "";
}

.phongvt-shop-category-card img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform .3s ease;
}

.phongvt-shop-category-card strong {
	position: absolute;
	bottom: 22px;
	left: 24px;
	z-index: 1;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}

.phongvt-shop-filter {
	padding-bottom: 34px;
	background: #f7f5ef;
}

.phongvt-shop-filter-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.phongvt-shop-filter h3 {
	margin: 30px 0 -8px;
	font-size: 16px;
}

.phongvt-shop-filter-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 17px;
	border: 1px solid #d7d3c8;
	border-radius: 6px;
	background: #fff;
	color: #33332f;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.phongvt-shop-filter-button.is-active {
	border-color: var(--auto-ink);
	background: var(--auto-ink);
	color: #fff;
}

.phongvt-shop-catalog-title {
	margin-top: 42px;
	padding-top: 28px;
	border-top: 1px solid #dfdbd0;
}

.woocommerce-shop .shop-container {
	padding-top: 0;
}

.woocommerce-shop .category-page-row {
	padding-top: 24px;
}



.phongvt-shop-toolbar .woocommerce-result-count,
.phongvt-shop-toolbar .woocommerce-ordering {
	margin: 0;
}

.phongvt-shop-toolbar select {
	height: 42px;
	margin: 0;
	border-color: #ddd8cd;
	border-radius: 6px;
	background-color: #fff;
}

.woocommerce-shop .products.row {
	row-gap: 22px;
}

.woocommerce-shop .woocommerce-info {
	margin: 24px 0 50px;
	padding: 24px;
	border: 1px solid #e7dfc9;
	border-radius: 9px;
	background: #fff9e8;
	color: #55534d;
	text-align: center;
}

.woocommerce-shop .product-small.box {
	height: 100%;
	overflow: hidden;
	border: 1px solid #e7e3d9;
	border-radius: 11px;
	background: #fff;
	transition: transform .18s ease, box-shadow .18s ease;
}

.woocommerce-shop .product-small .box-image > div:first-child > a {
	display: block;
	aspect-ratio: 4 / 3;
}

.woocommerce-shop .product-small .box-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.woocommerce-shop .product-small .box-text {
	padding: 18px;
	text-align: left;
}

.woocommerce-shop .product-small .title-wrapper {
	min-height: 62px;
}

.woocommerce-shop .product-small .price-wrapper {
	min-height: 40px;
}

.woocommerce-shop .product-small .phongvt-product-card-features {
	min-height: 92px;
}

@media (hover: hover) {
	.phongvt-shop-category-card:hover img {
		transform: scale(1.04);
	}

	.phongvt-shop-filter-button:hover {
		border-color: var(--auto-ink);
		background: var(--auto-ink);
		color: #fff;
	}

	.woocommerce-shop .product-small.box:hover {
		transform: translateY(-4px);
		box-shadow: 0 16px 32px rgba(20, 20, 18, .11);
	}
}

@media (max-width: 849px) {
	.phongvt-shop-hero {
		padding-top: 0;
	}

	.phongvt-shop-hero-copy {
		padding: 36px 26px;
	}

	.phongvt-shop-hero-image img {
		height: 100%;
	}

	.phongvt-shop-hero-image {
		height: 320px;
	}

	.phongvt-shop-proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.phongvt-shop-proof span:nth-child(3) {
		border-left: 0;
	}

	.phongvt-shop-proof span:nth-child(n+3) {
		border-top: 1px solid rgba(248, 180, 0, .25);
	}

	.phongvt-shop-category-grid {
		gap: 14px;
	}
}

@media (max-width: 549px) {
	.phongvt-shop-hero-copy {
		padding: 30px 20px;
	}

	.phongvt-shop-hero-copy h1 {
		font-size: 30px;
	}

	.phongvt-shop-hero-image {
		height: 230px;
	}

	.phongvt-shop-proof span {
		padding: 16px 10px 16px 32px;
		font-size: 10px;
	}

	.phongvt-shop-proof span::before {
		top: 16px;
		left: 13px;
	}

	.phongvt-shop-categories,
	.phongvt-shop-filter {
		padding: 34px 0 8px;
	}

	.phongvt-shop-category-grid {
		grid-template-columns: 1fr;
	}

	.phongvt-shop-category-card,
	.phongvt-shop-category-card img {
		min-height: 190px;
		height: 190px;
	}

	.phongvt-shop-filter {
		padding-bottom: 26px;
	}

	.phongvt-shop-filter-options {
		gap: 6px;
	}

	.phongvt-shop-filter-button {
		min-height: 38px;
		padding: 9px 12px;
		font-size: 11px;
	}

	.phongvt-shop-catalog-title {
		margin-top: 30px;
	}

	.woocommerce-shop .product-small .box-text {
		padding: 13px;
	}

	.woocommerce-shop .product-small .title-wrapper {
		min-height: 74px;
	}

	.woocommerce-shop .product-small .phongvt-product-card-features {
		display: none;
	}

	.phongvt-shop-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.phongvt-shop-toolbar .woocommerce-ordering,
	.phongvt-shop-toolbar select {
		width: 100%;
	}
}

#main .phongvt-news-more {
	display: flex;
	width: fit-content;
	margin: 20px auto 0;
}

.phongvt-newsletter-section .phongvt-newsletter-card {
	border: 0;
}

.phongvt-newsletter-section .phongvt-newsletter-card > .col-inner {
	border: 1px solid #eee0bb;
}

.phongvt-newsletter-form .phongvt-newsletter-fields > p {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding-bottom: 28px;
	position: relative;
}

.phongvt-newsletter-form .wpcf7-form-control-wrap {
	min-width: 180px;
}

.phongvt-newsletter-form .wpcf7-spinner {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

#main .phongvt-newsletter-form .wpcf7-submit {
	height: 48px;
	margin: 0;
}

#header .header-button-1 .button {
	height: auto;
	min-height: 40px;
	padding: 8px 16px;
	line-height: 1.4;
	color: var(--auto-ink);
}

.phongvt-home .row.phongvt-proof-row {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 8px;
	background: #fff9e8;
	border-color: #eee0bb;
	align-items: stretch;
}

.phongvt-home .phongvt-proof-row > .col {
	padding-top: 4px;
	padding-bottom: 4px;
}

.phongvt-home .phongvt-proof-card h3 span {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 4px;
}

.phongvt-about .section-content > .row.row-large > .col,
.phongvt-home .phongvt-content-row > .col {
	padding-left: 15px;
	padding-right: 15px;
}

.phongvt-services .phongvt-service-panel {
	height: 100%;
}

.phongvt-services .phongvt-service-copy > .col-inner {
	display: flex;
	flex-direction: column;
}

#main .phongvt-service-button {
	align-self: flex-start;
	margin-top: auto;
}

@media (max-width: 1099px) {
	.phongvt-services .phongvt-service-pair-row > .phongvt-service-pair-col {
		flex-basis: 100%;
		max-width: 100%;
	}
}

@media (min-width: 550px) and (max-width: 849px) {
	.phongvt-services .phongvt-services-proof-row > .col,
	.phongvt-home .phongvt-proof-row > .col {
		flex-basis: 50%;
		max-width: 50%;
		padding-top: 16px;
		padding-bottom: 16px;
	}
}

@media (max-width: 549px) {
	#main .button,
	#main .wpcf7-submit {
		padding: 12px 16px;
		font-size: 12px;
	}

	#main .phongvt-product-detail-button .button {
		padding: 10px 6px;
		font-size: 11px;
	}

	#header .header-button-1 .button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.phongvt-home .phongvt-proof-row > .col {
		padding: 16px 10px;
	}

	.phongvt-home .phongvt-proof-card h3 span {
		font-size: 12px;
	}

	.phongvt-home .phongvt-proof-card .icon-box-img,
	.phongvt-services .phongvt-services-proof-card .icon-box-img,
	.phongvt-services .phongvt-services-cta-copy .icon-box-img {
		margin: 0 auto 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#main .button,
	#main .wpcf7-submit {
		transition: none;
	}
}

.phongvt-home .row.phongvt-reasons-row {
	margin: 0 auto;
	padding: 0;
	background: #fffdf7;
	border-color: #eee5cf;
}

.phongvt-home .phongvt-section-title {
	background: none;
	border-radius: 0;
	border-bottom: 1px solid #e9e5db;
	padding: 0 0 12px;
	margin-bottom: 22px;
}

.phongvt-home .phongvt-section-title .section-title-main {
	color: #252525;
	border-bottom: 3px solid var(--phongvt-yellow);
	padding-bottom: 12px;
	margin-bottom: -13px;
	line-height: 1.4;
}

.phongvt-home .phongvt-section-title .section-title a {
	font-size: 12px;
	font-weight: 600;
}

.phongvt-home .phongvt-title-row ~ .phongvt-dynamic-row,
.phongvt-home .phongvt-reasons-row {
	margin-bottom: 24px;
}

.phongvt-home .phongvt-reasons-row > .col > .col-inner {
	padding: 24px;
}

.phongvt-home .phongvt-reason-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.phongvt-home .phongvt-reason-card .icon-box-text {
	padding: 18px 0 0;
}

.phongvt-home .phongvt-reason-card h3 {
	color: #252525;
	font-size: 17px;
	line-height: 1.45;
	min-height: 2.9em;
	margin-bottom: 8px;
}

.phongvt-home .phongvt-reason-card p {
	font-size: 15px;
	line-height: 1.65;
}

@media (max-width: 549px) {
	.phongvt-home .phongvt-reasons-row > .col > .col-inner {
		padding: 18px 14px;
	}

	.phongvt-home .phongvt-reasons-row > .col:nth-child(2n) {
		border-right: 0;
	}

	.phongvt-home .phongvt-reasons-row > .col:nth-child(-n+2) {
		border-bottom: 1px solid #eee5cf;
	}

	.phongvt-home .phongvt-reason-card h3 {
		font-size: 14px;
		min-height: 4.35em;
	}

	.phongvt-home .phongvt-reason-card p {
		font-size: 14px;
	}
}

/* Five items need five equal tracks, not five two-column spans. */
.phongvt-about .row.phongvt-values-row,
.phongvt-about .row.phongvt-timeline-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
	margin: 16px auto 0;
	padding: 0;
	border: 0;
	overflow: visible;
}

.phongvt-about .row.phongvt-values-row > .col,
.phongvt-about .phongvt-timeline-row > .col {
	max-width: 100%;
	padding: 0;
	border: 0;
}

.phongvt-about .phongvt-values-row > .col > .col-inner {
	background: #faf8f2;
	border-radius: 10px;
	padding: 28px 20px;
}

.phongvt-about .phongvt-value-card .icon-box-text {
	padding-top: 20px;
}

.phongvt-about .phongvt-value-card h3 {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 12px;
	color: #252525;
}

.phongvt-about .phongvt-value-card p {
	font-size: 15px;
	line-height: 1.7;
	margin: 0;
}

.phongvt-about .phongvt-about-stats {
	padding: 0;
	background: #faf8f2;
	border: 0;
}

.phongvt-about .phongvt-about-stats > .col {
	padding: 22px 12px;
}

.phongvt-about .phongvt-about-stat p {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 0;
}

.phongvt-about .phongvt-timeline-row > .col > .col-inner {
	display: flex;
	flex-direction: column;
	padding-top: 24px;
}

.phongvt-about .phongvt-timeline-copy {
	min-height: 0;
	padding: 0 8px 16px;
}

.phongvt-about .phongvt-timeline-copy p {
	font-size: 15px;
	line-height: 1.7;
}

.phongvt-about .phongvt-timeline-row .img {
	margin-top: auto;
}

.phongvt-about .phongvt-timeline-row .img img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* Keep text clear of card edges, with the image still flush to the top. */
.phongvt-home .phongvt-post-grid .box:not(.box-overlay) .box-text {
	padding: 18px 16px;
}

.phongvt-home .phongvt-post-grid .from_the_blog_excerpt {
	line-height: 1.65;
}

.phongvt-home .phongvt-post-grid {
	row-gap: 20px;
}

@media (min-width: 850px) and (max-width: 1399px) {
	.phongvt-home .phongvt-service-posts > .post-item,
	.phongvt-home .phongvt-project-posts > .post-item {
		flex-basis: 33.333333%;
		max-width: 33.333333%;
	}
}

.phongvt-news-content .section-content .row.phongvt-news-categories {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	box-shadow: none;
	background: #faf8f2;
	border: 0;
	padding: 22px 12px 10px;
}

@media (max-width: 849px) {
	.phongvt-about .row.phongvt-values-row,
	.phongvt-about .row.phongvt-timeline-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.phongvt-about .phongvt-values-row > .col:last-child,
	.phongvt-about .phongvt-timeline-row > .col:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 549px) {
	.phongvt-about .row.phongvt-values-row {
		gap: 12px;
	}

	.phongvt-about .phongvt-values-row > .col > .col-inner {
		padding: 22px 14px;
	}

	.phongvt-about .phongvt-value-card h3 {
		font-size: 14px;
	}

	.phongvt-about .phongvt-value-card p {
		font-size: 14px;
	}

	.phongvt-about .row.phongvt-timeline-row {
		grid-template-columns: 1fr;
	}

	.phongvt-about .phongvt-timeline-row > .col > .col-inner {
		padding: 0 0 20px 24px;
	}

	.phongvt-about .phongvt-timeline-copy {
		padding-left: 0;
	}

}

/* Keep service imagery flush with its equal-height card on desktop. */
.phongvt-service-image .col-inner,
.phongvt-service-image .img,
.phongvt-service-image .img-inner,
.phongvt-service-image img {
	height: 100%;
}

/* The news excerpts are short, so the default 65% image ratio makes rows too tall. */
@media only screen and (min-width: 850px) {
	.phongvt-news-list .box-image .image-cover {
		padding-top: 46% !important;
	}
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.phongvt-service-image .col-inner,
	.phongvt-service-image .img,
	.phongvt-service-image .img-inner,
	.phongvt-service-image img {
		height: 320px;
	}

}


/* Shop vehicle selector: card-style choices inspired by the AUTO6 product reference. */
.phongvt-shop-filter {
	padding-top: 40px;
	background: linear-gradient(180deg, #fff 0%, #faf8f2 100%);
}

.phongvt-shop-filter .phongvt-shop-section-heading,
.phongvt-shop-filter h3,
.phongvt-shop-catalog-title h2 {
	position: relative;
}

.phongvt-shop-filter .phongvt-shop-section-heading h2::after,
.phongvt-shop-filter h3::after,
.phongvt-shop-catalog-title h2::after {
	display: block;
	width: 44px;
	height: 3px;
	margin-top: 11px;
	border-radius: 2px;
	background: var(--auto-gold);
	content: "";
}

.phongvt-shop-filter-options {
	display: grid;
	grid-template-columns: repeat(9, minmax(88px, 1fr));
	gap: 12px;
	margin-top: 24px;
}

.phongvt-shop-filter-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 86px;
	padding: 14px 10px;
	border: 1px solid #ebe7dc;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 3px 12px rgba(28, 25, 17, .045);
	color: #2b2b27;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
}

.phongvt-shop-filter-button:not(.phongvt-vehicle-card)::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-right: 9px;
	border: 1px solid #dcd6c6;
	border-radius: 50%;
	color: #746b59;
	content: "✓";
	font-size: 16px;
	font-weight: 700;
}

.phongvt-shop-filter-button.is-active {
	border-color: var(--auto-gold);
	background: #fff9e6;
	box-shadow: 0 8px 20px rgba(248, 180, 0, .18);
	color: var(--auto-ink);
}

.phongvt-shop-filter-button.is-active:not(.phongvt-vehicle-card)::before {
	border-color: var(--auto-gold);
	background: var(--auto-gold);
	color: #1d1c19;
}

.phongvt-shop-filter h3 {
	margin: 38px 0 0;
	color: var(--auto-ink);
	font-size: 21px;
	font-weight: 800;
	letter-spacing: -.02em;
}

/* Model choices are wider, helping visitors scan vehicle names quickly. */
.phongvt-shop-filter h3 + .phongvt-shop-filter-options {
	grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
}

.phongvt-shop-filter h3 + .phongvt-shop-filter-options .phongvt-shop-filter-button {
	min-height: 72px;
	font-size: 13px;
}

.phongvt-shop-catalog-title {
	margin-top: 44px;
	padding: 28px 0 0;
	border-top-color: #e6dfd0;
}


.phongvt-shop-catalog-title > span {
	margin-bottom: 8px;
	color: #837862;
}

@media (hover: hover) {
	.phongvt-shop-filter-button:hover {
		border-color: var(--auto-gold);
		background: #fffdf6;
		color: var(--auto-ink);
		transform: translateY(-2px);
		box-shadow: 0 9px 20px rgba(28, 25, 17, .10);
	}
}

@media (max-width: 1099px) {
	.phongvt-shop-filter-options { grid-template-columns: repeat(5, minmax(96px, 1fr)); }
}

@media (max-width: 549px) {
	.phongvt-shop-filter { padding-top: 32px; }
	.phongvt-shop-filter-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
	.phongvt-shop-filter-button { min-height: 62px; padding: 10px 8px; font-size: 10px; }
	.phongvt-shop-filter-button:not(.phongvt-vehicle-card)::before { width: 27px; height: 27px; margin-right: 6px; font-size: 12px; }
	.phongvt-shop-filter h3 { margin-top: 30px; font-size: 18px; }
	.phongvt-shop-filter h3 + .phongvt-shop-filter-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.phongvt-shop-filter h3 + .phongvt-shop-filter-options .phongvt-shop-filter-button { min-height: 60px; font-size: 12px; }
}



/* Vehicle category cards: thumbnail fallback and selected marker. */
.phongvt-shop-filter-button.phongvt-vehicle-card:not(:has(img))::before {
	display: flex;
	flex: 0 0 88px;
	width: 88px;
	height: 52px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 52'%3E%3Crect width='88' height='52' rx='6' fill='%23f5f1e8'/%3E%3Cpath d='M18 34h52l-4-12H47l-7-7H29l-7 7h-4z' fill='none' stroke='%239b927f' stroke-width='2.5' stroke-linejoin='round'/%3E%3Ccircle cx='29' cy='35' r='5' fill='%23f5f1e8' stroke='%239b927f' stroke-width='2.5'/%3E%3Ccircle cx='60' cy='35' r='5' fill='%23f5f1e8' stroke='%239b927f' stroke-width='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
}

.phongvt-shop-filter-button.phongvt-vehicle-card::after {
	display: none;
	position: absolute;
	top: 7px;
	right: 7px;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--auto-gold);
	color: #1d1c19;
	content: "✓";
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}

.phongvt-shop-filter-button.phongvt-vehicle-card.is-active::after {
	display: flex;
}

/* News category hero. Replace the image URL when the new cover is ready. */
.phongvt-category-news-page .phongvt-category-news-hero {
  position: relative;
  overflow: hidden;
  padding: 58px 0 0;
  background: #070707;
  color: #fff;
}
.phongvt-category-news-hero-image {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#050505 0%,rgba(5,5,5,.88) 38%,rgba(5,5,5,.16) 72%,rgba(5,5,5,.12)), url('/wp-content/uploads/2026/09/exec-134f0b28-ff8a-4445-9736-d0f4cd8dd2c6_11zon.webp') right center / cover no-repeat;
}
.phongvt-category-news-hero .phongvt-container { position: relative; z-index: 1; }
.phongvt-category-news-hero-copy { max-width: 600px; padding: 20px 0 44px; }
.phongvt-category-news-hero .phongvt-category-eyebrow { display:block; margin-bottom:12px; color:#f8b400; font-size:14px; font-weight:800; letter-spacing:.08em; }
.phongvt-category-news-hero h1 { margin:0; max-width:620px; color:#fff; font-size:clamp(34px,4.4vw,58px); font-weight:900; line-height:1.08; text-transform:uppercase; }
.phongvt-category-news-hero h1::first-line { color:#fff; }
.phongvt-category-news-hero-copy p { margin:18px 0 0; max-width:560px; color:#e5e7eb; font-size:16px; line-height:1.7; }
.phongvt-category-news-benefits { display:grid; grid-template-columns:repeat(4,1fr); background:rgba(7,7,7,.76); border-top:1px solid rgba(255,255,255,.18); }
.phongvt-category-news-benefits > div { min-height:138px; padding:24px 26px; border-right:1px solid rgba(255,255,255,.2); }
.phongvt-category-news-benefits > div:last-child { border-right:0; }
.phongvt-category-news-benefits i { display:block; width:31px; height:31px; margin-bottom:12px; border:2px solid #f8b400; border-radius:50%; }
.phongvt-category-news-benefits strong { display:block; color:#fff; font-size:13px; font-weight:800; }
.phongvt-category-news-benefits span { display:block; margin-top:7px; color:#d1d5db; font-size:12px; line-height:1.55; }
@media (max-width: 849px) {
  .phongvt-category-news-page .phongvt-category-news-hero { padding-top:28px; }
  .phongvt-category-news-hero-image { background-position:70% center; }
  .phongvt-category-news-benefits { grid-template-columns:repeat(2,1fr); }
  .phongvt-category-news-benefits > div:nth-child(2) { border-right:0; }
  .phongvt-category-news-benefits > div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.2); }
}
@media (max-width: 549px) {
  .phongvt-category-news-hero-copy { padding:18px 0 32px; }
  .phongvt-category-news-hero h1 { font-size:34px; }
  .phongvt-category-news-benefits > div { min-height:126px; padding:18px 14px; }
}


/* Final layout override for the news category hero. */
.phongvt-category-news-page .phongvt-category-news-hero .phongvt-container { display:block !important; max-width:1280px !important; }
.phongvt-category-news-page .phongvt-category-news-hero h1 { color:#fff !important; text-transform:uppercase !important; }
.phongvt-category-news-page .phongvt-category-news-benefits { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; width:100% !important; background:rgba(7,7,7,.82) !important; border-top:1px solid rgba(255,255,255,.2) !important; }
.phongvt-category-news-page .phongvt-category-news-benefits > div { display:block !important; min-height:148px !important; padding:24px 26px !important; color:#fff !important; background:transparent !important; border-right:1px solid rgba(255,255,255,.2) !important; opacity:1 !important; }
.phongvt-category-news-page .phongvt-category-news-benefits > div:last-child { border-right:0 !important; }
.phongvt-category-news-page .phongvt-category-news-benefits strong { display:block !important; color:#fff !important; font-size:13px !important; font-weight:800 !important; line-height:1.35 !important; }
.phongvt-category-news-page .phongvt-category-news-benefits span { display:block !important; margin-top:7px !important; color:#d1d5db !important; font-size:12px !important; line-height:1.55 !important; }
.phongvt-category-news-page .phongvt-category-news-benefits i { display:flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; margin:0 0 12px !important; border:2px solid #f8b400 !important; border-radius:50% !important; color:#f8b400 !important; opacity:1 !important; }
@media (max-width:849px) { .phongvt-category-news-page .phongvt-category-news-benefits { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .phongvt-category-news-page .phongvt-category-news-benefits > div:nth-child(2) { border-right:0 !important; } .phongvt-category-news-page .phongvt-category-news-benefits > div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.2) !important; } }


/* AUTO6 - Trang trí hero trang chủ */
.phongvt-home-hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#07090c 0%,#11161b 54%,#090b0d 100%)!important;border-bottom:3px solid #f8b400;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.phongvt-home-hero .section-bg:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,5,7,.94) 0%,rgba(3,5,7,.82) 31%,rgba(3,5,7,.25) 64%,rgba(3,5,7,.02) 100%)}
.phongvt-home-hero .section-bg:after{content:"";position:absolute;width:430px;height:430px;left:-185px;bottom:-260px;border:1px solid rgba(248,180,0,.4);border-radius:50%;box-shadow:0 0 0 42px rgba(248,180,0,.05),0 0 0 84px rgba(248,180,0,.03)}
.phongvt-home-hero .section-content{z-index:2}
.phongvt-home-hero .phongvt-hero-copy{position:relative;padding:30px 34px 32px;border-left:3px solid #f8b400;background:linear-gradient(90deg,rgba(10,13,16,.72),rgba(10,13,16,.08));box-shadow:0 14px 34px rgba(0,0,0,.22)}
.phongvt-home-hero .phongvt-hero-copy:before{content:"AUTO6 · CHĂM SÓC XE CHUYÊN NGHIỆP";display:block;margin:0 0 13px;color:#f8b400;font-size:12px;font-weight:800;letter-spacing:.14em}
.phongvt-home-hero .phongvt-hero-copy h1{margin:0!important;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.36)}
.phongvt-home-hero .phongvt-hero-copy h1 strong{color:#f8b400}
.phongvt-home-hero .phongvt-hero-copy p{max-width:510px;color:#e7eaed!important;line-height:1.7}
.phongvt-home-hero .phongvt-btn-primary,.phongvt-home-hero .phongvt-btn-secondary{margin-top:14px!important;border-radius:999px!important;font-weight:800;letter-spacing:.02em;box-shadow:0 9px 22px rgba(0,0,0,.25)}
.phongvt-home-hero .phongvt-btn-primary{background:#f8b400!important;border-color:#f8b400!important;color:#17191b!important}
.phongvt-home-hero .phongvt-btn-secondary{margin-left:8px!important;border-color:rgba(255,255,255,.72)!important;color:#fff!important;background:rgba(255,255,255,.06)!important}
.phongvt-home-hero img{filter:contrast(1.05) saturate(1.08);transform:scale(1.015)}
@media (max-width:849px){.phongvt-home-hero .phongvt-hero-copy{margin:16px;padding:24px 22px}.phongvt-home-hero .phongvt-hero-copy:before{font-size:10px}.phongvt-home-hero .phongvt-btn-secondary{margin-left:0!important}}


/* AUTO6 - Hero chờ thay ảnh bìa và khối chỉ số nổi 50%. */
.phongvt-home-hero .col:has(img[alt="AUTO6 hero"]){display:none!important}
.phongvt-home-hero .phongvt-hero-copy-col{flex-basis:100%!important;max-width:100%!important}
.phongvt-home-hero .phongvt-hero-copy{max-width:680px}
.phongvt-proof-section{position:relative;z-index:4;margin-top:-42px!important}
.phongvt-proof-section .phongvt-proof-row{max-width:1280px;margin:0 auto!important;overflow:hidden;border:1px solid rgba(248,180,0,.42);border-radius:14px;background:rgba(12,16,20,.96);box-shadow:0 16px 35px rgba(0,0,0,.26)}
.phongvt-proof-section .phongvt-proof-card{min-height:92px;padding:18px 20px!important;border-right:1px solid rgba(255,255,255,.12)}
.phongvt-proof-section .col:last-child .phongvt-proof-card{border-right:0}
@media (max-width:849px){.phongvt-proof-section{margin-top:-30px!important}.phongvt-proof-section .phongvt-proof-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.phongvt-proof-section .col:nth-last-child(-n+2) .phongvt-proof-card{border-bottom:0}}