.km-figcaption{
    color: #979797 !important;
    text-align: center !important;
    margin-top: -5px !important;
    font-size: medium !important;
}
.viral-conten {
    position: relative;
    margin: 24px 0;
    padding: 12px 22px 12px 58px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    color: #1f2937;
    background: linear-gradient(135deg, #fff7ed, #ffffff);
    border: 1px solid #fed7aa;
    border-left: 6px solid #f97316;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.12);
    transition: all 0.3s ease;
}

.viral-conten::before {
    content: "!";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f97316;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35);
}

.viral-conten:hover {
    transform: translateY(-3px);
    background: linear-gradient(135deg, #ffedd5, #ffffff);
    border-color: #fb923c;
    box-shadow: 0 14px 34px rgba(249, 115, 22, 0.22);
}

.viral-conten:hover::before {
    background: #ea580c;
    transform: translateY(-50%) scale(1.08);
}
.category-bottom-content h3, .panel-body h3{
    font-size: 18px!important;
}
.text-conten {padding: 15px 15px!important;}
#page-bodyhtml h1{    color: #353535;
    font-size: 20px;
    text-transform: uppercase;}
.news_column h2, #page-bodyhtml h2, #news-bodyhtml h2 {
    color: #353535;
    font-size: 20px;
    text-transform: uppercase;
}
.news_column h3, #page-bodyhtml h3, #news-bodyhtml h3 {
    color: #353535;
    text-transform: capitalize;
}
.faq-question {
    font-weight: 500;}
.km-baogia-table tr.km-group-title  th{  
  background-color: #e7e7e7 !important;
    color: #474747;
    font-size: 18px;
}
.km-tag-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0;
    justify-content: center;
}

.km-tag {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
}

.km-tag:hover {
  background: #0f766e;
  color: #ffffff !important;
  border-color: #0f766e;
  transform: translateY(-1px);
}
.km-tag-box .km-tag.active,
.km-tag-box .km-tag[aria-current="page"] {
  border-color: #0f766e;
  background: linear-gradient(135deg, #0f766e, #14b8a6);
  color: #fff;
  box-shadow: 0 8px 18px rgba(15, 118, 110, 0.22);
}
.news_column .alert.alert-info { border-left: none !important;}

/* Fix title card dài trong danh sách công trình/bài viết */
.col-sm-12.col-md-8 > .thumbnail > .caption.text-center > h4.hometext-2, .col-sm-12.col-md-8 > .thumbnail > .caption.text-center > h4.hometext-2 > a.show{
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.col-sm-12.col-md-8 > .thumbnail > .caption.text-center > p.hometext-1{
display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    line-height: 1.55;
    min-height: 74px;
    max-height: 74px;
}

.image-conten {
    margin: 10px 0px;
}
.km-hopden-list {
	list-style: none;
	padding: 0;
	margin: 16px 0 26px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.km-hopden-list li {
	position: relative;
	padding: 14px 14px 14px 44px;
	background: #fff;
	border: 1px solid #e5eef5;
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
	line-height: 1.55;
	transition: all 0.2s ease;
}

.km-hopden-list li:before {
	content: "✓";
	position: absolute;
	left: 14px;
	top: 15px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #eaf8ef;
	color: #0b9b3f;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.km-hopden-list li:hover {
	border-color: #c9e8d4;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.km-hopden-title {
	display: block;
	margin-bottom: 4px;
	color: #008c35;
	font-size: 16px;
	font-weight: 700;
}

.km-hopden-desc {
	display: block;
	color: #333;
	font-size: 15px;
}
/* Card cuối full width nếu tổng số card bị lẻ */
.km-hopden-list li:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}
.km-why-list {
	margin: 16px 0 28px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.km-why-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: linear-gradient(90deg, #f5fff8 0%, #ffffff 68%);
	border: 1px solid #e1f1e7;
	border-left: 4px solid #12a84a;
	border-radius: 12px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
	transition: all 0.2s ease;
}

.km-why-item:hover {
	transform: translateX(3px);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.07);
	border-color: #c7e8d3;
}

.km-why-icon {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #eaf8ef;
	color: #0b9b3f;
	font-weight: 700;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
}

.km-why-content {
	flex: 1;
}

.km-why-title {
	display: block;
	margin-bottom: 4px;
	color: #008c35;
	font-size: 16px;
	font-weight: 700;
}

.km-why-desc {
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 1.55;
}

@media (max-width: 767px) {
	.km-why-item {
		padding: 13px 12px;
		gap: 10px;
	}

	.km-why-title {
		font-size: 15px;
	}
}
@media (max-width: 767px) {
   .wraper,.news_column .alert.alert-info{  padding-left: 0px !important;
        padding-right: 0px !important;}
	.km-hopden-list {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.km-hopden-list li {
		padding: 13px 12px 13px 42px;
	}

	.km-hopden-title {
		font-size: 15px;
	}
}

/* Card inox: ảnh trên, thông tin ở dưới */
.km-inox-card-grid {
	margin: 18px 0 28px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.km-inox-card {
	display: flex !important;
	flex-direction: column !important;
	grid-template-columns: none !important;
	background: #fff;
	border: 1px solid #e5eef5;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
	transition: all 0.2s ease;
	min-height: 100%;
}

.km-inox-card:hover {
	transform: translateY(-2px);
	border-color: #c9e8d4;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.09);
}

.km-inox-img {
	position: relative;
	width: 100%;
	height: 260px;
	min-height: 190px;
	background: #f4f7f9;
	overflow: hidden;
}

.km-inox-img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	object-position: center;
	display: block;
}

.km-inox-content {
	padding: 16px;
}

.km-inox-title {
	display: block;
	margin-bottom: 7px;
	color: #008c35;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
}

.km-inox-desc {
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 1.6;
}

.km-inox-badge {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 2;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	color: #008c35;
	font-size: 12px;
	font-weight: 700;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.14);
}

@media (max-width: 767px) {
	.km-inox-card-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.km-inox-img {
		height: 210px;
		min-height: 210px;
	}

	.km-inox-title {
		font-size: 16px;
	}
}
/* ===== HOT NEWS - FIX THEO ẢNH 1 ===== */

#hot-news {
  margin: 24px 0;
}

#hot-news .panel,
#hot-news .panel.panel-default.news_column {
  margin: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  box-shadow: none;
  overflow: hidden;
}

#hot-news .panel-body {
  padding: 14px;
}

#hot-news .row {
  display: flex;
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
}

#hot-news .row > [class*="col-"] {
  float: none;
  padding-left: 14px;
  padding-right: 14px;
}

#hot-news .col-md-14 {
  width: 36%;
  border-right: 1px solid #e5e7eb;
}

#hot-news .col-md-10 {
  width: 64%;
}

#hot-news .margin-bottom-lg,
#hot-news .margin-bottom,
#hot-news .margin-bottom-sm {
  margin-bottom: 0 !important;
}

/* left */
#hot-news .text-center {
  text-align: left !important;
  margin-bottom: 14px !important;
}

#hot-news .text-center > a {
  display: block;
}

#hot-news .text-center .img-thumbnail {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#hot-news .col-md-14 > p {
    margin-top: 10px!important;
}
#hot-news h2 {
  margin: 14px 0 10px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -.01em;
   padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

#hot-news h2 a {
  color: #0b74b8;
  text-decoration: none;
}

#hot-news h2 a:hover {
  color: #085b90;
  text-decoration: none;
}

#hot-news .col-md-14 > p {
  margin: 0 0 12px;
  color: #334155;
  font-size: 16px;
  line-height: 1.65;
}

#hot-news .text-right {
  text-align: left !important;
  margin-top: 6px;
}

#hot-news .text-right a {
  color: #0b74b8;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

#hot-news .text-right a:hover {
  color: #085b90;
  text-decoration: none;
}

#hot-news .text-right .fa {
  margin-right: 3px;
}

/* right list */
#hot-news .column-margin-left {
  list-style: none;
  margin: 0;
  padding: 0;
}

#hot-news .icon_list {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e5e7eb;
}

#hot-news .icon_list:last-child {
  border-bottom: 0;
}

#hot-news .icon_list a.show.black.h4 {
     display: block;
    position: relative;
    min-height: 83px;
    padding: 18px 22px 18px 110px;
    color: #434343 !important;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 400;
    text-decoration: none;
    background: #fff;
    transition: background-color .2s ease, color .2s ease;
}

#hot-news .icon_list a.show.black.h4:hover {
  background: #f8fbff;
  color: #0b74b8 !important;
  text-decoration: none;
}

#hot-news .icon_list img.img-thumbnail {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 84px !important;
  height: 56px;
  object-fit: cover;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  margin: 0 !important;
  float: none !important;
}

/* xóa style thừa bootstrap cũ */
#hot-news .pull-right {
  float: none !important;
}

#hot-news .margin-left-sm {
  margin-left: 0 !important;
}

/* tooltip / popover gọn hơn */
.tooltip-inner {
  max-width: 260px;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
}

.popover {
  max-width: 280px;
  border: 1px solid #dbe2ea;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.popover-content {
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.55;
  color: #334155;
}

/* responsive */
@media (max-width: 991px) {
  #hot-news .row {
    display: block;
  }

  #hot-news .col-md-14,
  #hot-news .col-md-10 {
    width: 100%;
    border-right: 0;
  }

  #hot-news .col-md-10 {
    margin-top: 14px;
  }

  #hot-news .icon_list a.show.black.h4 {
    min-height: 86px;
    padding: 14px 96px 14px 14px;
    font-size: 16px;
  }

  #hot-news .icon_list img.img-thumbnail {
    width: 72px !important;
    height: 48px;
    right: 12px;
    top: 14px;
  }
}

@media (max-width: 767px) {
  #hot-news .panel-body {
    padding: 12px;
  }

  #hot-news h2 {
    font-size: 17px;
  }

  #hot-news .col-md-14 > p {
    font-size: 15px;
  }

  #hot-news .icon_list a.show.black.h4 {
    min-height: 78px;
            padding: 12px 12px 12px 86px;
    font-size: 15px;
    line-height: 1.4;
  }

  #hot-news .icon_list img.img-thumbnail {
    width: 64px !important;
    height: 44px;
  }
}

.panel-primary {
    border-color: transparent!important;
}

.panel-primary>.panel-heading {
    font-size: 20px!important;
    font-weight: 800!important;
    color: #263238 !important;
    text-transform: uppercase!important;
    border-left: 4px solid #dc4f24 !important;
    padding: 0 0 0 10px !important;
    border-radius: 0px!important;
    background: transparent;
    border-bottom: transparent;
}

#hot-news {
    margin: 0px -15px!important;
}

.bodytext ul {
       list-style-type: none !important;
    padding-left: 0px !important;}
.km-sitemap {font-size: 16px; line-height: 1.8; }
.km-sitemap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; margin-top: 28px; }
.km-sitemap-section h2 { font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #cc0000; border-bottom: 2px solid #cc0000; padding-bottom: 6px; margin: 0 0 12px; }
.km-sitemap-section ul { list-style: none; margin: 0; padding: 0; }
.km-sitemap-section ul li { padding: 3px 0; }
.km-sitemap-section ul li::before { content: "→ "; color: #aaa; font-size: 13px; }
.km-sitemap-section a { color: #333; text-decoration: none; font-size: 15px; }
.km-sitemap-section a:hover { color: #cc0000; text-decoration: underline; }
.category-bottom-content p a,
.text-conten p a,
.content-detail p a,
.article-content p a {
    color: #005779;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s ease;
}

.category-bottom-content p a:hover,
.text-conten p a:hover,
.content-detail p a:hover,
.article-content p a:hover {
    color: #ff6a00;
}
.ai-summary {
    font-size: 15px !important;

    line-height: 1.5 !important;
    padding: 15px 20px !important;
    color: #696969 !important;
}
.ai-summary strong {
    margin-right: 3px!important;
}
/* ==============================
   BẢNG GIÁ BIỂN SỐ NHÀ 7 CỘT
   Desktop + Mobile UX
   ============================== */

:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) {
  width: 100%;
  margin: 28px 0;
  font-family: inherit;
}

/* Khung bảng */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .table-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

/* Tiêu đề nằm trong table-scroll */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .rew-title {
  margin: 0;
  padding: 18px 20px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 800;
  color: #7c2d12;
  background: linear-gradient(260deg, #f4f4f4 0%, #eeeeee 100%);
  border-bottom: 1px solid rgb(206 206 206);
}

/* Thanh cuộn đẹp hơn */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .table-scroll::-webkit-scrollbar {
  height: 7px;
}

:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .table-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .table-scroll::-webkit-scrollbar-track {
  background: #f8fafc;
}

/* Table desktop */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia {
  width: 100%;
  min-width: 1050px;
  border-collapse: collapse;
  border: none !important;
  background: #fff;
  color: #1f2937;
  font-size: 15px;
  line-height: 1.45;
}

:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia th,
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td {
  border: 1px solid #e5e7eb !important;
  padding: 13px 14px;
  vertical-align: middle;
  text-align: center;
}

/* Header */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #9a3412;
  color: #fff;
  font-weight: 750;
  font-size: 14px;
  white-space: nowrap;
}

/* Cột kích thước */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia th:first-child,
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 115px;
  min-width: 115px;
  font-weight: 800;
  color: #111827;
  background: rgb(244 244 244);
}

:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia thead th:first-child {
  z-index: 4;
  background: #7c2d12;
  color: #fff;
}

/* Số tiền */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia .num {
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
}

/* Ô không có giá */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:not(.num):not(:first-child) {
  color: #595959;
  font-weight: 600;
}

/* Zebra + hover */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tbody tr:nth-child(even) {
  background: #fafafa;
}

:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tbody tr:hover {
  background: #fff7ed;
}

/* Ghi chú */
:is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .note {
  margin: 12px 0 0;
  padding: 13px 16px;
  border-left: 4px solid #f97316;
  border-radius: 10px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 14.5px;
  line-height: 1.6;
}

/* Tablet */
@media (max-width: 1024px) {
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia {
    min-width: 980px;
    font-size: 14.5px;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia th,
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td {
    padding: 12px 12px;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .rew-title {
    font-size: 21px;
  }
}

/* Mobile: chuyển từng dòng giá thành card */
@media (max-width: 767px) {
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) {
    margin: 22px 0;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .table-scroll {
    overflow: visible;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .rew-title {
    margin-bottom: 14px;
    padding: 0 2px;
    background: transparent;
    border-bottom: none;
    font-size: 22px;
    color: #111827;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia,
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tbody,
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tr,
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia {
    border: none !important;
    background: transparent;
    font-size: 14.5px;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia thead {
    display: none;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tbody tr {
    margin-bottom: 15px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tbody tr:nth-child(even),
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia tbody tr:hover {
    background: #fff;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td {
    position: relative;
    left: auto;
    z-index: auto;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 11px 14px 11px 52%;
    min-height: 43px;
    text-align: right;
    background: #fff;
    color: #111827;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:last-child {
    border-bottom: none !important;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td::before {
    position: absolute;
    left: 14px;
    top: 11px;
    width: 45%;
    text-align: left;
    color: #92400e;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 800;
    content: "";
  }

  /* Card header: kích thước */
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:first-child {
    padding: 14px 16px;
    text-align: center;
    font-size: 18px;
    font-weight: 850;
    color: #fff;
    background: linear-gradient(180deg, #9a3412 0%, #7c2d12 100%);
    border-bottom: none !important;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:first-child::before {
    display: none;
  }

  /* Nhãn mobile cho từng cột */
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:nth-child(2)::before {
    content: "2 lớp Mica / Alu UV";
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:nth-child(3)::before {
    content: "Inox + Mica";
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:nth-child(4)::before {
    content: "Gỗ sồi + Inox + Mica";
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:nth-child(5)::before {
    content: "Gỗ gõ + Inox + Mica";
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:nth-child(6)::before {
    content: "1 lớp Alu UV";
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:nth-child(7)::before {
    content: "Inox in UV";
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia .num {
    font-size: 15px;
    color: #b45309;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:not(.num):not(:first-child) {
    color: #cbd5e1;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .note {
    margin-top: 14px;
    padding: 12px 14px;
    font-size: 14px;
  }
}

/* Mobile nhỏ */
@media (max-width: 420px) {
  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .rew-title {
    font-size: 20px;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia {
    font-size: 14px;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td {
    padding-left: 49%;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td::before {
    width: 42%;
    font-size: 12.5px;
  }

  :is(.bang-gia-price, .bang-gia-wrap:has(#bang_gia_bien_so_nha)) .bang-gia td:first-child {
    padding: 13px 14px;
    font-size: 17px;
  }
}
.km-plist{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:stretch}
.km-plist .panel.panel-default{margin:0;border:1px solid #eee;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.km-plist .panel.panel-default:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-3px)}
.km-plist .panel-body{padding:0;display:flex;flex-direction:column;height:100%}
.km-plist .img-thumbnail{float:none!important;margin:0!important;padding:0;border:0;border-radius:0;width:100%;display:block}
.km-plist .img-thumbnail a{display:block}
.km-plist .img-thumbnail img{width:100%!important;height:255px;object-fit:cover;display:block}
.km-plist h3{font-size:16px;line-height:1.4;margin:14px 16px 8px}
.km-plist h3 a{color:#1a3c8c;text-decoration:none}
.km-plist h3 a:hover{color:#e2231a}
.km-plist p{margin:0 16px 16px;color:#555;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.km-plist .pagination,.km-plist .page-intro{grid-column:1 / -1}
@media(max-width:991px){.km-plist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.km-plist{grid-template-columns:1fr}}

.km-toc-level-h3{
    font-weight: bold;
    margin-left: 10px!important;;
}
.km-toc-level-h3 a{
    padding: 3px!important;;
}
.image-slider img,
.image-slider-g img,
.image-slider .img-item img,
.image-slider-g .img-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;      /* ảnh 1200x800 */
  object-fit: cover;
  display: block;
}
/* Gallery */
.font-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:8px 0}
@media(max-width:991px){.font-gallery{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(max-width:600px){.font-gallery{grid-template-columns:1fr}}

/* Card */
.font-item{background:#fff;border:1px solid #eef0f4;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.font-item:hover{transform:translateY(-4px);box-shadow:0 18px 34px -14px rgba(16,24,40,.2);border-color:#e3e7ee}

/* Preview (click mở lightbox) */
.font-thumb{display:block;overflow:hidden;cursor:zoom-in}
.font-thumb img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .5s ease}
.font-item:hover .font-thumb img{transform:scale(1.045)}

/* Tên + nút tải */
.font-name{text-align:center;font-size:16px;font-weight:600;letter-spacing:.2px;color:#111827;margin:16px 16px 0}
.btn-tai-font{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 16px 18px;padding:11px 16px;border:1.5px solid #e11d2a;border-radius:10px;background:#fff;color:#e11d2a!important;font-weight:600;font-size:14px;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.btn-tai-font:hover{background:#e11d2a;color:#fff!important;box-shadow:0 10px 20px -8px rgba(225,29,42,.55)}

/* Lightbox */
.font-lb{position:fixed;inset:0;background:rgba(10,12,18,.9);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;z-index:100000;transition:opacity .25s ease}
.font-lb:target{opacity:1;visibility:visible}
.font-lb .font-lb-bg{position:absolute;inset:0}
.font-lb img{position:relative;max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);transform:scale(.96);transition:transform .25s ease}
.font-lb:target img{transform:scale(1)}
.font-lb-close{position:absolute;top:18px;right:26px;width:44px;height:44px;line-height:40px;text-align:center;color:#fff;font-size:30px;text-decoration:none;border-radius:50%;background:rgba(255,255,255,.12)}
.font-lb-close:hover{background:rgba(255,255,255,.25)}
/* =================================================
   FIX DÍNH CSS CŨ - DANH MỤC DỊCH VỤ #blog-64
   Dán đoạn này ở CUỐI file CSS
================================================= */

#blog-64,
#blog-64 * {
    box-sizing: border-box;
}

/* Reset khung panel cũ */
#blog-64.panel,
#blog-64.panel-default {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 25px !important;
}

/* Tiêu đề - bỏ nền đỏ cũ */
#blog-64 > .panel-heading {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 0 14px 0 !important;
    margin: 0 0 12px 0 !important;

    color: #111 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;

    position: relative !important;
}

/* Gạch nhấn dưới tiêu đề */
#blog-64 > .panel-heading::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 5px !important;
    width: 58px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #7ca35c, #d6a83a) !important;
}

/* Khung thân danh mục */
#blog-64 > .panel-body {
    padding: 10px 14px !important;
    background: #ffffff !important;
    border: 1px solid #edf0e8 !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06) !important;
    overflow: hidden !important;
}

/* Reset các khung con bị theme cũ tác động */
#blog-64 .clearfix,
#blog-64 .panel,
#blog-64 .metismenu,
#blog-64 .sidebar,
#blog-64 .sidebar-nav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Reset ul */
#blog-64 #menu_64 {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* Reset li */
#blog-64 #menu_64 > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #eef0ea !important;
}

#blog-64 #menu_64 > li:last-child {
    border-bottom: 0 !important;
}

/* Link danh mục - ghi đè nút đỏ cũ */
#blog-64 #menu_64 > li > a,
#blog-64 .sidebar-nav #menu_64 > li > a {
    display: block !important;
    position: relative !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #333333 !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;

    margin: 0 !important;
    padding: 13px 12px 13px 25px !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-transform: none !important;
    text-align: left !important;
    letter-spacing: normal !important;
    text-decoration: none !important;

    transition: all 0.25s ease !important;
}

/* Icon ngôi sao */
#blog-64 #menu_64 > li > a::before {
    content: "★" !important;
    position: absolute !important;
    left: 0px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #7ca35c !important;
    font-size: 17px !important;
    line-height: 1 !important;

    background: transparent !important;
    transition: all 0.25s ease !important;
}

/* Hover */
#blog-64 #menu_64 > li > a:hover,
#blog-64 .sidebar-nav #menu_64 > li > a:hover {
    color: #1f3d12 !important;
    background: linear-gradient(
        90deg,
        rgba(124, 163, 92, 0.14),
        rgba(214, 168, 58, 0.08)
    ) !important;
    padding-left: 43px !important;
}

/* Sao khi hover */
#blog-64 #menu_64 > li > a:hover::before {
    color: #d6a83a !important;
    transform: translateY(-50%) scale(1.12) rotate(8deg) !important;
}

/* Active nếu có */
#blog-64 #menu_64 > li.active > a,
#blog-64 #menu_64 > li.current > a,
#blog-64 #menu_64 > li.current-menu-item > a {
    color: #1f3d12 !important;
    background: #f4f8ef !important;
    font-weight: 700 !important;
}

/* Mobile */
@media (max-width: 768px) {
    #blog-64 > .panel-heading {
        font-size: 17px !important;
    }

    #blog-64 #menu_64 > li > a {
        font-size: 15px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}