:root {
	--color-white: #ffffff;
	--color-black: #000000;    
	--color-main: #0A2E73;        /* Xanh dương đậm (Màu chủ đạo, Footer, Giá tiền, Tiêu đề phụ) */
	--color-main-light: #1A56C4;  /* Xanh dương sáng (Khối cam kết 24/7, Tag chữ xanh) */
	--color-sub: #EE0000;         /* Đỏ tươi (Nút bấm, Icon, Khối Thế mạnh, Hộp liên hệ) */
	--color-sub-hover: #C40000;   /* Đỏ đậm khi di chuột vào */
	--color-text-main: #222222;   /* Màu chữ chính */
	--news-red: #EE0000;          /* Đỏ tươi nhấn mạnh */
	--news-text: #111111;
	--news-muted: #555555;        /* Màu chữ mô tả xám */
	--mobile-width: 480px;        /* Kích thước chuẩn khung Mobile (có thể chỉnh 430px - 500px) */
}

/* =========================================================
   GIỚI HẠN MÀN HÌNH DẠNG MOBILE (HIỂN THỊ GIỮA MÀN HÌNH PC)
   ========================================================= */
html {
	background-color: #2b2b2b; /* Màu nền tối 2 bên lề khi xem trên máy tính (giống ảnh mẫu) */
}

body {
	max-width: var(--mobile-width) !important;
	margin: 0 auto !important;
	background-color: var(--color-white) !important;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); /* Đổ bóng 2 bên khung mobile cho đẹp */
	min-height: 100vh;
	position: relative;
	overflow-x: hidden !important;
}

/* Ép toàn bộ khung Wrapper và Header bám dính của Flatsome nằm gọn trong 480px */
#wrapper, 
#header, 
.header-wrapper, 
.header-wrapper.stuck {
	max-width: var(--mobile-width) !important;
	margin: 0 auto !important;
	left: 0 !important;
	right: 0 !important;
}

/* Ép các cột (Col) của Flatsome xuống 1 hàng như trên điện thoại dù xem bằng PC */
@media (min-width: 550px) {
	.row .col:not(.small-6):not(.small-4):not(.small-3) {
		max-width: 100% !important;
		flex-basis: 100% !important;
	}
}

/* =========================================================
   CÁC CSS CŨ CỦA BẠN (ĐÃ ĐỒNG BỘ MÀU MỚI)
   ========================================================= */
.pd_bt {
	padding-bottom: 0px !important;
}

/* Thanh cuộn (Scrollbar) */
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: var(--color-white);
}

::-webkit-scrollbar-thumb {
	background-color: var(--color-sub); /* Đổi thanh cuộn sang màu đỏ cho nổi bật */
	border-radius: 8px;
	border: none;
}

.nav-left {
	justify-content: space-around !important;
	font-size: 17px;
}

.menu_footer .ux-menu-link__link {
	color: var(--color-white) !important;
	font-size: 16px;
}

.section {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.footer-secondary {
	padding: 0 !important;
}

.nav > li > a {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--color-black) !important;
}