/* ===== Modern Car VDO Section ===== */
		.car-vdo-modern {
			margin: 16px 0 22px;
			background: #111;
			border: 1px solid rgba(255,255,255,.08);
			border-radius: 12px;
			overflow: hidden;
			box-shadow: 0 8px 22px rgba(0,0,0,.18);
		}
		.car-vdo-modern__head {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 14px 16px;
			background: linear-gradient(135deg, #191919 0%, #0d0d0d 100%);
			color: #fff;
		}
		.car-vdo-modern__icon {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 42px;
			height: 42px;
			min-width: 42px;
			border-radius: 50%;
			background: #d71920;
			box-shadow: 0 4px 12px rgba(215,25,32,.35);
		}
		.car-vdo-modern__icon .fa {
			font-size: 17px;
			margin-left: 2px;
		}
		.car-vdo-modern__eyebrow {
			display: block;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 1.2px;
			color: #ff6b70;
			margin-bottom: 2px;
		}
		.car-vdo-modern__title {
			margin: 0;
			font-family: 'Sarabun', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.35;
			color: #fff;
		}
		.car-vdo-modern__sub {
			margin-top: 3px;
			font-size: 12px;
			line-height: 1.4;
			color: #aaa;
		}
		.car-vdo-modern__video {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			background: #000;
			overflow: hidden;
		}
		.car-vdo-modern__video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border: 0;
		}
		.car-vdo-modern__facebook {
			padding: 14px;
			background: #000;
			text-align: center;
		}
		.car-vdo-modern__facebook .fb-video,
		.car-vdo-modern__facebook .fb-video > span,
		.car-vdo-modern__facebook .fb-video iframe {
			width: 100% !important;
			max-width: 100% !important;
		}
		.car-vdo-modern__footer {
			padding: 12px 14px;
			background: #fff;
		}
		.car-vdo-modern__contact {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			width: 100%;
			min-height: 46px;
			padding: 10px 14px;
			border-radius: 8px;
			background: #d71920;
			color: #fff !important;
			font-size: 16px;
			font-weight: 700;
			text-decoration: none !important;
			transition: all .2s ease;
		}
		.car-vdo-modern__contact:hover,
		.car-vdo-modern__contact:focus {
			background: #b80f16;
			color: #fff !important;
			transform: translateY(-1px);
			box-shadow: 0 5px 14px rgba(215,25,32,.25);
		}
		@media (max-width: 767px) {
			.car-vdo-modern {
				margin: 12px 0 16px;
				border-radius: 9px;
			}
			.car-vdo-modern__head {
				padding: 12px;
			}
			.car-vdo-modern__icon {
				width: 38px;
				height: 38px;
				min-width: 38px;
			}
			.car-vdo-modern__title {
				font-size: 16px;
			}
			.car-vdo-modern__sub {
				display: none;
			}
			.car-vdo-modern__footer {
				padding: 10px;
			}
		}


		/* ===== Modern Contact Card + Floating Contact Bar ===== */
		.contact-modern {
			margin: 22px 0 28px;
			padding: 22px;
			background: #fff;
			border: 1px solid #e8e8e8;
			border-radius: 14px;
			box-shadow: 0 8px 24px rgba(0,0,0,.08);
			color: #202124;
		}
		.contact-modern * { box-sizing: border-box; }
		.contact-modern__head {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 14px;
			margin-bottom: 18px;
		}
		.contact-modern__eyebrow {
			display: block;
			margin-bottom: 3px;
			color: #d71920;
			font-size: 13px;
			font-weight: 700;
		}
		.contact-modern__title {
			margin: 0;
			color: #171717;
			font-family: 'Sarabun', sans-serif;
			font-size: 23px;
			font-weight: 800;
			line-height: 1.3;
		}
		.contact-modern__desc {
			margin: 5px 0 0;
			color: #777;
			font-size: 13px;
			line-height: 1.55;
		}
		.contact-modern__status {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			flex: 0 0 auto;
			padding: 7px 11px;
			border-radius: 999px;
			background: #edf9f1;
			color: #25874c;
			font-size: 12px;
			font-weight: 700;
			white-space: nowrap;
		}
		.contact-modern__status-dot {
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #219653;
		}
		.contact-modern__grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0,1fr));
			gap: 10px;
		}
		.contact-modern__item {
			display: flex;
			align-items: center;
			gap: 11px;
			min-height: 70px;
			padding: 12px 13px;
			border: 1px solid #e5e5e5;
			border-radius: 11px;
			background: #fff;
			color: #202124 !important;
			text-decoration: none !important;
			transition: .2s ease;
		}
		.contact-modern__item:hover,
		.contact-modern__item:focus {
			border-color: #d71920;
			box-shadow: 0 6px 16px rgba(215,25,32,.10);
			transform: translateY(-1px);
		}
		.contact-modern__item--call {
			border-color: #f3c5c7;
			background: #fffafa;
		}
		.contact-modern__icon {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			min-width: 40px;
			border-radius: 10px;
			background: #121212;
			color: #fff;
			font-size: 18px;
		}
		.contact-modern__item--call .contact-modern__icon { background: #d71920; }
		.contact-modern__icon--wechat { background: #eff9f1; color: #1f9d55; }
		.contact-modern__info { min-width: 0; flex: 1; }
		.contact-modern__label {
			display: block;
			margin-bottom: 2px;
			color: #8a8a8a;
			font-size: 11px;
			font-weight: 500;
		}
		.contact-modern__value {
			display: block;
			color: #161616;
			font-size: 14px;
			font-weight: 800;
			line-height: 1.3;
			word-break: break-word;
		}
		.contact-modern__arrow {
			color: #aaa;
			font-size: 13px;
		}
		.contact-modern__wechat {
			display: flex;
			align-items: center;
			gap: 11px;
			grid-column: 1 / -1;
			min-height: 66px;
			padding: 11px 13px;
			border: 1px dashed #d7d7d7;
			border-radius: 11px;
			background: #fff;
		}
		.contact-modern__copy {
			flex: 0 0 auto;
			padding: 8px 11px;
			border: 1px solid #dcdcdc;
			border-radius: 8px;
			background: #fff;
			color: #333;
			font-size: 12px;
			font-weight: 700;
			cursor: pointer;
		}
		.contact-modern__copy:hover { background: #f6f6f6; }
		.contact-modern__trust {
			margin-top: 13px;
			padding-top: 12px;
			border-top: 1px solid #ededed;
			color: #888;
			font-size: 11px;
			text-align: center;
		}
		.contact-modern__trust .fa { color: #d71920; margin-right: 5px; }

		/* Floating contact bar: style based on reference image 3 */
		.contact-float {
			position: fixed;
			left: 50%;
			bottom: 14px;
			z-index: 1040;
			display: flex;
			width: calc(100% - 28px);
			max-width: 620px;
			height: 58px;
			border-radius: 14px;
			overflow: hidden;
			background: #161616;
			box-shadow: 0 12px 28px rgba(0,0,0,.35);
			transform: translateX(-50%);
		}
		.contact-float__item {
			display: flex;
			flex: 1 1 0;
			align-items: center;
			justify-content: center;
			gap: 5px;
			flex-direction: column;
			border-right: 1px solid rgba(255,255,255,.12);
			background: #161616;
			color: #fff !important;
			font-size: 11px;
			font-weight: 700;
			line-height: 1.15;
			text-align: center;
			text-decoration: none !important;
			transition: .18s ease;
		}
		.contact-float__item:last-child { border-right: 0; }
		.contact-float__item:hover,
		.contact-float__item:focus { background: #262626; }
		.contact-float__item--finance { background: #d71920; }
		.contact-float__item--finance:hover,
		.contact-float__item--finance:focus { background: #bd1017; }
		.contact-float__item .fa,
		.contact-float__item .glyphicon { font-size: 17px; }
		body { padding-bottom: 86px; }

		@media (max-width: 767px) {
			.contact-modern { margin: 16px 0 22px; padding: 16px; border-radius: 12px; }
			.contact-modern__head { display: block; }
			.contact-modern__status { margin-top: 10px; }
			.contact-modern__title { font-size: 20px; }
			.contact-modern__grid { grid-template-columns: 1fr; }
			.contact-modern__wechat { grid-column: auto; }
			.contact-float { left: 8px; right: 8px; bottom: 8px; width: auto; height: 56px; transform: none; border-radius: 12px; }
			.contact-float__item { font-size: 10px; }
			body { padding-bottom: 78px; }
		}