/* ==========================================================================
   DVP — Bo cuc KHUNG WEB: dau trang, khoi tin tuc, chan trang.
   Dot 2, 12/08/2026. Sep chot: GIU NGUYEN noi dung, chi sap lai cho chuyen nghiep.

   ⚠ BAI HOC PHAI NHO (da sap 2 lan o dot truoc):
   Theme Evo viet SCSS long nhau nen bo chon goc rat cu the, VD
   ".evo-main-menu .row .col-lg-9 ul#nav li a" = (0,4,2). File nay nap sau
   KHONG cuu duoc, vi do uu tien xet TRUOC thu tu nap.
   => Cach dung o day: bam vao lop RIENG cua DVP (.dvp-thanh-menu, .dvp-lhn,
      .dvp-fot-bando). Ra khoi vung anh huong, khong leo thang !important.
   => Cho nao buoc phai de lop goc thi nhan doi ten lop de nang mot bac.
   Them quy tac moi vao day thi nho them dong vao mang MONG_DOI cua
   kiem-thu/do-css-bi-de.js (do gia tri CSS THUC TE), khong thi no hong am tham
   ma bai kiem van xanh. Bo cuc/noi dung khung thi kiem o kiem-thu/kiem-khung-demo.js.
   (12/08: sua lai ghi chu — truoc day tro nham sang "do-css-khung-bi-de.js",
    la file CHUA BAO GIO TON TAI.)
   ========================================================================== */

:root {
	--dvp-teal: #067686;
	--dvp-teal-dam: #04606d;
	--dvp-cam: #f9a41c;
	--dvp-muc: #1f2933;
	--dvp-xam-chu: #5b6670;
	--dvp-vien: #e3e8ec;
}

/* ---------- Nen trang: xam lanh -> kem am (mau "2B · Thoang", 12/08/2026) ----------
   The san pham o Dot 2c da BO VIEN va BO KHAY kem. The trang dat tren nen xam
   lanh #f3f5f7 nhin bi "tan" vao nen. Ban mau Sep chot dung nen kem am #f7f4ef —
   cung do sang (L ~0,90) nen KHONG lam doi tuong phan chu o bat ky trang nao,
   nhung the trang thi noi han len va ca trang am hon.
   ⚠ Gia ban #a86500 van luon nam tren THE TRANG (4,64), khong bao gio nam thang
   tren nen kem (4,23 — duoi nguong doc duoc). Doi the sang nen trong suot la hong.
   Lui lai: xoa dung khoi nay. */
body {
	background-color: #f7f4ef;
}

/* ==========================================================================
   1. DAU TRANG — hotline + Zalo lap cho trong ben phai thanh menu
   ========================================================================== */

/* Thanh menu thanh mot hang ngang: 3 muc ben trai, lien he day sang phai. */
.dvp-thanh-menu.dvp-thanh-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

/* #nav la lop goc cua theme, chi noi no thoi chiem het cho de con dat lien he. */
.dvp-thanh-menu.dvp-thanh-menu > ul#nav {
	flex: 0 1 auto;
	margin-bottom: 0;
}

.dvp-lhn {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	margin-left: auto;
}

.dvp-lhn__o {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 5px 14px;
	border-radius: 999px;
	text-decoration: none;
	line-height: 1.15;
	transition: background-color .15s ease, transform .15s ease;
}

/* Nut GOI: nen cam, chu dam mau muc. Cap mau nay do tuong phan 7,28 —
   dat chuan AAA. Khong dung chu trang tren cam: chi duoc 2,03, doc khong ra. */
.dvp-lhn__o--goi {
	background: var(--dvp-cam);
	color: var(--dvp-muc);
}

.dvp-lhn__o--goi:hover,
.dvp-lhn__o--goi:focus-visible {
	background: #ffb43f;
	color: var(--dvp-muc);
	transform: translateY(-1px);
}

.dvp-lhn__hinh { flex: 0 0 auto; }

.dvp-lhn__chu {
	display: flex;
	flex-direction: column;
}

.dvp-lhn__nhan {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .04em;
	opacity: .8;
}

.dvp-lhn__so {
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

/* Nut ZALO: vien trang tren nen teal dam cua thanh menu. */
.dvp-lhn__o--zalo {
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .55);
	color: #fff;
	padding: 6px 13px;
}

.dvp-lhn__o--zalo:hover,
.dvp-lhn__o--zalo:focus-visible {
	background: rgba(255, 255, 255, .22);
	color: #fff;
	transform: translateY(-1px);
}

.dvp-lhn__zalo-chu {
	font-weight: 800;
	font-size: 13px;
	font-style: italic;
	letter-spacing: -.02em;
}

.dvp-lhn__chu--zalo {
	font-size: 13px;
	font-weight: 500;
}

/* Man hep hon mot chut: giau chu "Nhan tin", giu lai chu Zalo cho do chat. */
@media (max-width: 1199px) {
	.dvp-lhn__chu--zalo { display: none; }
	.dvp-lhn__o--zalo { padding: 6px 11px; }
}

/* ==========================================================================
   2. KHOI TIN TUC — bo hop lap, 4 bai nho xep 2x2 cho can voi bai lon
   ========================================================================== */

/* Tieu de dong bo voi cac khoi hang ben tren (vach cam + chu teal dam),
   truoc day tieu de tin tuc nho va khac kieu nen nhin nhu bi bo quen. */
.section_blogs.section_blogs .title .titlecate a {
	font-size: 20px;
	font-weight: 700;
	color: var(--dvp-teal-dam);
	text-transform: none;
}

.section_blogs.section_blogs .title {
	border-bottom: 1px solid var(--dvp-vien);
	padding-bottom: 10px;
	margin-bottom: 18px;
}

.section_blogs.section_blogs .title .viewall {
	color: var(--dvp-teal);
	font-weight: 600;
}

/* 4 bai nho: truoc day xep doc 1 cot nen cot phai dai lenh khenh.
   Nay 2x2, cao bang bai lon. */
.section_blogs.section_blogs .index-small-news {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
	align-content: start;
}

.section_blogs.section_blogs .index-small-news > a {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	margin: 0;
	padding: 8px;
	border: 1px solid transparent;
	border-radius: 8px;
	transition: border-color .15s ease, background-color .15s ease;
}

.section_blogs.section_blogs .index-small-news > a:hover {
	border-color: var(--dvp-vien);
	background: #fafbfc;
}

.section_blogs.section_blogs .index-small-news .zone-news {
	margin: 0;
	width: 92px;
}

.section_blogs.section_blogs .index-small-news .zone-news img {
	width: 92px;
	height: 69px;
	object-fit: cover;
	border-radius: 6px;
}

/* ⚠ Theme goc dat "padding-left: 130px" cho doan chu nay — no de NE cai anh
   float:left cua bo cuc cu. Nay bo cuc la luoi, anh khong con float, nhung cai
   dem 130px van con => chu bi bop tu 191px xuong con 61px, cat cut het tieu de.
   Bai kiem "2 cot" van bao XANH vi luoi dung la 2 cot that. Chi nhin anh phong
   to moi lo ra. Phai go dem ve 0. */
.section_blogs.section_blogs .index-small-news > a p {
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	font-size: 13.5px;
	line-height: 1.45;
	color: var(--dvp-muc);
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Bai lon: anh cao co dinh de khong day le khoi khi anh khac ti le. */
.section_blogs.section_blogs .index-big-news .zone-youtube img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 8px;
}

.section_blogs.section_blogs .index-big-news > a p {
	font-size: 16px;
	font-weight: 700;
	color: var(--dvp-muc);
	margin: 12px 0 6px;
	line-height: 1.4;
}

.section_blogs.section_blogs .index-big-news .zone-content {
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--dvp-xam-chu);
}

@media (max-width: 767px) {
	.section_blogs.section_blogs .index-small-news { grid-template-columns: minmax(0, 1fr); }
	.section_blogs.section_blogs .index-big-news .zone-youtube img { height: 200px; }
}

/* ==========================================================================
   3. CHAN TRANG — 4 o hang tren, 2 o hang duoi, khong con mang trang
   ========================================================================== */

.footer.footer .single-footer-widget h3 {
	font-size: 15px;
	font-weight: 700;
	color: var(--dvp-muc);
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--dvp-teal);
	display: inline-block;
}

.footer.footer .footer-quick-links li a,
.footer.footer .footer-contact-info li {
	font-size: 13.5px;
	line-height: 1.9;
	color: var(--dvp-xam-chu);
}

.footer.footer .footer-quick-links li a:hover { color: var(--dvp-teal); }

/* Ban do: lap kin be ngang o, bo vien cung goc cho hop voi phan con lai. */
.dvp-fot-bando iframe {
	width: 100%;
	height: 180px;
	border: 0;
	border-radius: 8px;
	display: block;
}

/* Logo don vi van chuyen / thanh toan: dan deu thay vi xuong dong tuy tien. */
.footer.footer .footer-shipping,
.footer.footer .footer-payment {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
}

.footer.footer .footer-shipping img,
.footer.footer .footer-payment img { margin: 0; }

/* 4 icon mang xa hoi: tach khoi khoi thanh toan bang mot vach mo. */
.footer.footer .social {
	display: flex;
	gap: 10px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--dvp-vien);
}

.footer.footer .copyright {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--dvp-vien);
}